@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}:root{--bg:#06060f;--bg2:#0c0c1e;--bg3:#111128;--panel:#080814;--border:#47bfff1a;--border-bright:#47bfff40;--accent:#47bfff;--accent2:#7b3fff;--accent3:#a13fff;--text:#e8e4f8;--text-dim:#8a85b0;--text-muted:#4e4a6a;--active-bg:#47bfff1f;--active-border:#47bfff;--tile-floor:#4a9ebf;--tile-start:#7b5ea7;--tile-goal:#3daa6a;--tile-booster:#e8a44a;--tile-spinner:#4a8fc4;--tile-toggle:#d45e3a;--tile-hidden:#445;--cyan-glow:0 0 24px #47bfff59;--purple-glow:0 0 24px #7b3fff59;--font-head:"Orbitron", sans-serif;--font-mono:"Inter", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);height:100vh;font-size:13px;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.header-icon{flex-shrink:0;width:auto;height:22px;display:block}.header-title{font-family:var(--font-head);letter-spacing:1px;color:var(--text);text-transform:uppercase;font-size:18px;font-weight:700}.header-spacer{flex:1}.user-menu-wrapper{flex-shrink:0;position:relative}.user-menu-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;align-items:center;gap:0;padding:0;display:flex}.user-menu-btn:hover{border-color:var(--border-bright)}.user-dropdown{background:var(--bg2);border:1px solid var(--border-bright);z-index:200;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.user-dropdown-header{border-bottom:1px solid var(--border);padding:12px 14px 10px}.user-dropdown-name{font-family:var(--font-head);color:var(--text);text-transform:uppercase;font-size:12px;font-weight:600}.user-dropdown-email{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:11px}.user-dropdown-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;padding:9px 14px;font-size:12px;display:block}.user-dropdown-item:hover{background:var(--bg3)}.user-dropdown-item.signout{color:#e05050}.user-dropdown-item.signout:hover{background:#e0505014}.header-view-btn{border:1px solid var(--border);cursor:pointer;height:32px;color:var(--text-dim);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.header-view-btn:hover{border-color:var(--border-bright);color:var(--text)}.header-view-btn.active{color:var(--accent);border-color:var(--accent)}.settings-menu-wrapper{flex-shrink:0;position:relative}.settings-menu-btn{cursor:pointer;width:32px;height:32px;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:17px;transition:color .15s,border-color .15s;display:flex;position:relative}.settings-menu-btn:hover{border-color:var(--border-bright);color:var(--text)}.settings-menu-btn.active{color:var(--accent2);border-color:var(--accent2)}.settings-active-dot{background:var(--accent2);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.settings-dropdown{background:var(--bg2);border:1px solid var(--border-bright);z-index:200;border-radius:8px;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.settings-dropdown-header{border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);padding:8px 14px 7px;font-size:10px}.settings-dropdown-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:12px;display:flex}.settings-dropdown-item:hover{background:var(--bg3)}.settings-dropdown-sep{background:var(--border);height:1px;margin:4px 0}.workspace-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.ws-breadcrumb{font-family:var(--font-head);color:var(--text-dim);letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;font-size:12px;overflow:hidden}.ws-breadcrumb span{color:var(--accent)}.ws-hint{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.ws-spacer{flex:1}.ws-save-status{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.save-dot{background:#3daa6a;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s,box-shadow .3s;box-shadow:0 0 6px #3daa6a}.save-dot.dirty{background:var(--accent);box-shadow:0 0 6px var(--accent)}.save-dot.error{background:#e05050;box-shadow:0 0 6px #e05050}.ws-divider{background:var(--border-bright);flex-shrink:0;width:1px;height:18px}.btn{border:1px solid var(--border-bright);background:var(--bg3);color:var(--text);font-family:var(--font-head);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#03030a}.btn-accent:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--cyan-glow);background:0 0}.btn-sm{padding:4px 10px;font-size:10px}.btn-icon{color:var(--text-dim);background:0 0;border:1px solid #0000;padding:4px 8px}.btn-icon:hover{border-color:var(--border-bright);color:var(--text)}.btn-danger{color:#e05050}.btn-danger:hover{color:#e05050;border-color:#e05050}.btn-delete{color:#fff;background:#c03030;border-color:#c03030}.btn-delete:hover{color:#c03030;background:0 0;border-color:#c03030;box-shadow:0 0 12px #c0303066}.btn-toggle{border:1px solid var(--border-bright);background:var(--bg3);color:var(--text-dim);font-family:var(--font-head);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;border-radius:4px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-toggle:hover{border-color:var(--accent);color:var(--text)}.btn-toggle.on{border-color:var(--accent);color:var(--accent);background:#47bfff1f}.toggle-pip{border:1px solid var(--border-bright);background:var(--bg);border-radius:8px;flex-shrink:0;width:28px;height:15px;transition:background .15s,border-color .15s;position:relative}.btn-toggle.on .toggle-pip{background:var(--accent);border-color:var(--accent)}.toggle-pip:after{content:"";background:var(--text-dim);border-radius:50%;width:9px;height:9px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.btn-toggle.on .toggle-pip:after{background:#03030a;left:15px}.btn-toggle.btn-toggle-sm{background:0 0;border:none;gap:0;padding:0}.btn-toggle.btn-toggle-sm:hover{border:none}.main{flex:1;display:flex;overflow:hidden}.left-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:230px;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid var(--border);flex-direction:column;flex:1;min-height:80px;display:flex;overflow:hidden}.panel-header{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.panel-header-title{font-family:var(--font-head);letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;flex:1;font-size:10px;font-weight:800}.panel-header-subtitle{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.panel-list{flex:1;overflow-y:auto}.panel-list::-webkit-scrollbar{width:4px}.panel-list::-webkit-scrollbar-track{background:0 0}.panel-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.list-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:8px;padding:7px 12px;transition:background .1s,border-color .1s;display:flex}.list-item:hover{background:var(--bg3)}.list-item.active{background:var(--active-bg);border-left-color:var(--active-border)}.list-item-drag-wrapper{border-top:2px solid #0000;border-bottom:2px solid #0000;transition:border-color .1s,opacity .1s}.list-item-drag-wrapper.dragging{opacity:.4}.list-item-drag-wrapper.drag-over-top{border-top-color:var(--accent)}.list-item-drag-wrapper.drag-over-bottom{border-bottom-color:var(--accent)}.drag-handle{color:var(--text-muted);cursor:grab;opacity:0;flex-shrink:0;padding:0 1px;font-size:11px;line-height:1;transition:opacity .1s}.list-item:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.list-item-icon{color:var(--text-dim);flex-shrink:0;font-size:14px}.list-item-name{font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.list-item-delete{opacity:0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;font-size:14px;transition:all .1s}.list-item:hover .list-item-delete{opacity:1}.list-item-delete:hover{color:#e05050;background:#e050501a}.list-item-lock{opacity:.6;flex-shrink:0;padding:2px;font-size:11px;line-height:1}.level-color-dot{border:1px solid #fff3;border-radius:2px;flex-shrink:0;width:10px;height:10px}.center{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.level-label{font-family:var(--font-head);letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:700}.level-color-swatch{border:1px solid var(--border-bright);cursor:pointer;appearance:none;border-radius:4px;flex-shrink:0;width:22px;height:22px;padding:0}.level-color-swatch::-webkit-color-swatch-wrapper{padding:0}.level-color-swatch::-webkit-color-swatch{border:none;border-radius:3px}.level-color-hex{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.canvas-area{background:var(--bg);background-image:radial-gradient(circle at 1px 1px,#47bfff08 1px,#0000 0);background-size:24px 24px;flex:1;min-width:0;padding:16px;overflow:auto}.canvas-area::-webkit-scrollbar{width:6px;height:6px}.canvas-area::-webkit-scrollbar-track{background:var(--bg)}.canvas-area::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.grid-wrapper{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.grid-axis-labels{pointer-events:none;position:absolute;inset:0}.grid-table{border-collapse:separate;border-spacing:1px;table-layout:fixed}.grid-corner{z-index:4;background:var(--bg);width:24px;min-width:24px;height:24px;position:sticky;top:0;left:0}.grid-corner:before{content:"";background:var(--bg);z-index:-1;position:absolute;inset:-9999px 0 0 -9999px}.grid-axis-label{text-align:center;width:24px;min-width:24px;height:24px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg);padding:0;font-size:10px;position:relative}thead .grid-axis-label{z-index:3;position:sticky;top:0}thead .grid-axis-label:before{content:"";background:var(--bg);z-index:-1;position:absolute;inset:-9999px 0 0}tbody .grid-axis-label{z-index:2;position:sticky;left:0}tbody .grid-axis-label:before{content:"";background:var(--bg);z-index:-1;position:absolute;inset:0 0 0 -9999px}.grid-cell{border:1px solid var(--border);cursor:crosshair;width:28px;min-width:28px;height:28px;min-height:28px;transition:background 50ms;position:relative}.grid-cell:hover{border:2px solid var(--accent);background:var(--active-bg);z-index:2}.grid-cell.has-tile{cursor:pointer}.grid-cell.selected-cell{z-index:3;border:2px solid var(--accent)!important;background:var(--active-bg)!important}.grid-cell-inner{width:100%;height:100%;font-family:var(--font-mono);color:#fff;letter-spacing:.5px;border-radius:1px;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:opacity .1s;display:flex}.grid-cell-inner.selected{outline:2px solid var(--accent);outline-offset:-2px}.tool-palette{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:125px;padding:8px;display:flex;overflow-y:auto}.tool-palette-label{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;padding:4px 4px 2px;font-size:9px}.tool-btn{border:1px solid var(--border);background:var(--bg3);cursor:pointer;font-family:var(--font-head);color:var(--text-dim);text-transform:uppercase;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:700;transition:all .1s;display:flex}.tool-btn:hover{border-color:var(--accent);color:var(--text)}.tool-btn.active{border-color:var(--accent);background:var(--active-bg);color:var(--accent)}.tool-icon{color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.tool-cursor{background:var(--bg3);border:1px solid var(--border-bright);color:var(--text);font-size:12px}.tool-erase{border:1px dashed var(--border-bright);color:var(--text-muted);background:#333;font-size:10px}.json-panel{border-top:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.json-resize-handle{cursor:ns-resize;background:0 0;flex-shrink:0;height:5px;transition:background .15s}.json-resize-handle:hover,.json-resize-handle.dragging{background:var(--accent)}.json-tabs{border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;display:flex}.json-tab{font-family:var(--font-head);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;padding:6px 14px;font-size:11px;font-weight:700;transition:all .15s}.json-tab:hover{color:var(--text-dim)}.json-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.json-tab-label{color:var(--text-muted);margin-left:4px;font-size:9px;font-weight:400}.json-collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:0 12px;font-size:12px;transition:color .15s;display:flex}.json-collapse-btn:hover{color:var(--text)}.json-body{font-family:var(--font-mono);color:#a8c8e8;background:#04040a;flex:1;padding:8px 16px;font-size:11px;line-height:1.6;overflow:auto}.json-body::-webkit-scrollbar{width:4px;height:4px}.json-body::-webkit-scrollbar-track{background:0 0}.json-body::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.json-key{color:#7eb0d4}.json-str{color:#b5d99c}.json-num{color:#f0a060}.json-bool{color:#c9c}.right-panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow-y:auto}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-track{background:0 0}.right-panel::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.prop-section{border-bottom:1px solid var(--border);padding-bottom:4px}.prop-header{font-family:var(--font-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);background:var(--bg2);border-bottom:1px solid var(--border-bright);padding:8px 12px 6px;font-size:10px;font-weight:800}.prop-row{align-items:center;gap:8px;padding:5px 12px;display:flex}.prop-label{font-family:var(--font-body);color:var(--text-dim);flex-shrink:0;width:110px;font-size:11px}.prop-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:3px;outline:none;flex:1;min-width:0;padding:4px 8px;font-size:11px;transition:border-color .1s}.prop-input:focus{border-color:var(--accent)}.prop-input:disabled{opacity:.35;cursor:not-allowed}.prop-select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238890A8'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:3px;outline:none;flex:1;min-width:0;padding:4px 24px 4px 8px;font-size:11px;transition:border-color .1s}.prop-select:focus{border-color:var(--accent)}.prop-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.prop-color-wrapper{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.prop-color-input{cursor:pointer;background:0 0;border:none;border-radius:3px;width:28px;height:28px;padding:0;overflow:hidden}.prop-color-hex{font-family:var(--font-body);color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:3px;outline:none;flex:1;min-width:0;padding:4px 8px;font-size:11px;transition:border-color .1s}.prop-color-hex:focus{border-color:var(--accent)}.no-selection{font-family:var(--font-mono);color:var(--text-muted);text-align:center;padding:16px 12px;font-size:11px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border-bright);width:360px;box-shadow:var(--cyan-glow);border-radius:8px;padding:24px}.modal-title{font-family:var(--font-head);letter-spacing:1px;color:var(--text);text-transform:uppercase;margin-bottom:16px;font-size:16px;font-weight:700}.modal-input{background:var(--bg3);border:1px solid var(--border-bright);width:100%;color:var(--text);font-family:var(--font-body);border-radius:4px;outline:none;margin-bottom:16px;padding:8px 12px;font-size:13px;transition:border-color .1s}.modal-input:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.status-badge{font-family:var(--font-mono);letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px}.status-badge.draft{color:var(--text-dim);border:1px solid var(--border-bright);background:#ffffff14}.status-badge.published{color:#47bfff;background:#47bfff1a;border:1px solid #47bfff4d}.status-badge.modified{color:#b07fff;background:#7b3fff1a;border:1px solid #7b3fff4d}.publish-btn{font-family:var(--font-head);text-transform:uppercase;background:var(--accent2);color:#fff;border:1px solid var(--accent2);cursor:pointer;letter-spacing:.5px;border-radius:4px;width:100%;margin-top:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.publish-btn:hover:not(:disabled){color:var(--accent2);box-shadow:var(--purple-glow);background:0 0}.publish-btn:disabled{opacity:.4;cursor:not-allowed}.access-panel{flex-direction:column;gap:4px;display:flex}.access-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;display:flex}.access-row:last-of-type{border-bottom:none}.access-row-owner{margin-bottom:2px;padding-bottom:8px}.access-avatar{background:var(--accent2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.access-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.access-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.access-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.access-owner-badge{border:1px solid var(--border);color:var(--text-dim);background:#ffffff12;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px}.access-grant-select{font-family:var(--font-mono);background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:10px}.access-remove-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px;line-height:1}.access-remove-btn:hover{color:#e05050}.access-add-form{flex-direction:column;gap:6px;margin-top:8px;display:flex}.access-add-row{gap:6px;display:flex}.access-email-input{font-family:var(--font-body);background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:3px;width:100%;padding:5px 7px;font-size:11px}.access-email-input:focus{border-color:var(--accent);outline:none}.access-add-btn{font-family:var(--font-mono);background:var(--bg3);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:3px;flex-shrink:0;padding:4px 10px;font-size:11px}.access-add-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.access-add-btn:disabled{opacity:.4;cursor:not-allowed}.access-error{color:#e05050;background:#e0505014;border:1px solid #e0505033;border-radius:3px;padding:5px 8px;font-size:11px}.access-loading{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}.context-menu-trigger{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1}.list-item:hover .context-menu-trigger{opacity:1}.context-menu-trigger:hover{color:var(--text);background:var(--bg3)}.context-menu{z-index:1000;background:var(--bg2);border:1px solid var(--border-bright);border-radius:6px;min-width:180px;padding:4px;position:fixed;box-shadow:0 8px 32px #00000080}.context-menu-item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;border-radius:4px;padding:7px 12px;font-size:12px;display:block}.context-menu-item:hover:not(:disabled){background:var(--bg3)}.context-menu-item.danger{color:#e05050}.context-menu-item.danger:hover:not(:disabled){background:#e050501a}.context-menu-item:disabled{color:var(--text-dim);cursor:not-allowed}.context-menu-sep{background:var(--border);height:1px;margin:4px 0}.access-modal{background:var(--bg2);border:1px solid var(--border-bright);box-shadow:var(--cyan-glow);border-radius:8px;flex-direction:column;width:480px;max-width:95vw;max-height:80vh;display:flex}.access-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.access-modal-title{font-family:var(--font-head);letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:700}.access-modal-subtitle{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:11px}.access-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:20px;line-height:1}.access-modal-close:hover{color:var(--text);background:var(--bg3)}.access-modal-body{flex:1;padding:16px 20px 20px;overflow-y:auto}.game-modal{background:var(--bg2);border:1px solid var(--border-bright);box-shadow:var(--cyan-glow);border-radius:8px;flex-direction:column;width:560px;max-width:95vw;max-height:80vh;display:flex}.game-collection-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 0;display:flex}.game-collection-row:last-child{border-bottom:none}.game-collection-index{font-family:var(--font-mono);color:var(--text-dim);text-align:right;flex-shrink:0;width:18px;font-size:11px}.game-collection-info{flex-direction:column;flex:1;min-width:0;display:flex}.game-collection-name{font-family:var(--font-head);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.game-collection-meta{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:10px}.devices-list{flex-direction:column;gap:0;display:flex}.device-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.device-row:last-child{border-bottom:none}.device-info{flex-direction:column;flex:1;min-width:0;display:flex}.device-label{font-family:var(--font-head);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.device-code{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.device-register-form{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:8px;padding:14px 0 4px;display:flex}.device-register-form .form-row{align-items:center;gap:8px;display:flex}.device-register-form .form-row input{flex:1}.agreement-overlay{z-index:200;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agreement-modal{background:var(--bg2);border:1px solid var(--border-bright);width:620px;max-width:92vw;max-height:82vh;box-shadow:var(--cyan-glow);border-radius:8px;flex-direction:column;display:flex}.agreement-header{border-bottom:1px solid var(--border);font-family:var(--font-head);letter-spacing:1px;color:var(--text);text-transform:uppercase;flex-shrink:0;padding:20px 24px 16px;font-size:18px;font-weight:700}.agreement-body{font-family:var(--font-body);color:var(--text-dim);flex:1;padding:20px 24px;font-size:13px;line-height:1.7;overflow-y:auto}.agreement-body::-webkit-scrollbar{width:4px}.agreement-body::-webkit-scrollbar-track{background:0 0}.agreement-body::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.agreement-body h1{font-family:var(--font-head);color:var(--text);text-transform:uppercase;margin:0 0 12px;font-size:16px;font-weight:700}.agreement-body h2{font-family:var(--font-head);letter-spacing:.5px;color:var(--accent);text-transform:uppercase;margin:20px 0 6px;font-size:13px;font-weight:700}.agreement-body p{margin-bottom:10px}.agreement-body ul,.agreement-body ol{margin-bottom:10px;padding-left:20px}.agreement-body li{margin-bottom:4px}.agreement-body strong{color:var(--text)}.agreement-body hr{border:none;border-top:1px solid var(--border);margin:16px 0}.agreement-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.version-bar{font-family:var(--font-mono);color:var(--text-dim);background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 16px;font-size:10px;display:flex}.auth-overlay{background:var(--bg);z-index:300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-card{background:var(--bg2);border:1px solid var(--border-bright);width:360px;box-shadow:var(--cyan-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;flex-direction:column;gap:0;padding:36px 32px 28px;display:flex}.auth-logo{margin-bottom:6px}.auth-logo-img{width:auto;height:28px;display:block}.auth-subtitle{font-family:var(--font-body);color:var(--text-dim);margin-bottom:24px;font-size:12px}.auth-btn-google{border:1px solid var(--border-bright);background:var(--bg3);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:10px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.auth-btn-google:hover{border-color:var(--accent);background:var(--bg)}.auth-btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-divider{align-items:center;gap:10px;margin-bottom:16px;display:flex}.auth-divider-line{background:var(--border);flex:1;height:1px}.auth-divider-text{color:var(--text-dim);font-size:11px;font-family:var(--font-body)}.auth-field{margin-bottom:10px}.auth-label{font-size:11px;font-family:var(--font-body);color:var(--text-dim);letter-spacing:.3px;margin-bottom:4px;display:block}.auth-input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:4px;outline:none;padding:8px 10px;font-size:12px;transition:border-color .1s}.auth-input:focus{border-color:var(--accent)}.auth-error{color:#e05050;font-size:12px;font-family:var(--font-body);background:#e0505014;border:1px solid #e0505040;border-radius:4px;margin-bottom:10px;padding:8px 10px}.auth-btn-submit{background:var(--accent);color:#03030a;width:100%;font-family:var(--font-head);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;border:none;border-radius:5px;margin-top:4px;padding:10px;font-size:13px;font-weight:700;transition:all .15s}.auth-btn-submit:hover{color:var(--accent);box-shadow:var(--cyan-glow);outline:1px solid var(--accent);background:0 0}.auth-btn-submit:disabled{opacity:.5;cursor:not-allowed}.auth-info{color:#47bfff;background:#1a3a2a;border:1px solid #2a6a4a;border-radius:4px;margin-bottom:12px;padding:8px 10px;font-size:12px}.auth-mode-switch{text-align:center;color:var(--text-dim);margin-top:16px;font-size:12px}.auth-mode-sep{margin:0 6px}.auth-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.auth-link:hover{color:var(--accent)}.auth-loading{height:100vh;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg);justify-content:center;align-items:center;font-size:13px;display:flex}.user-avatar{background:var(--accent2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.an-root{background:var(--bg,#06060f);flex:1;padding:24px 32px 48px;overflow-y:auto}.an-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.an-title{color:var(--text);margin:0 0 6px;font-size:22px;font-weight:700}.an-breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.an-crumb{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:4px 0;font-size:13px}.an-crumb:hover{color:var(--text)}.an-crumb.static{color:var(--text-dim);cursor:default}.an-crumb.current{color:var(--text);font-weight:600}.an-crumb.current.maze{color:var(--accent3,#a13fff);border:1px solid var(--accent3,#a13fff);background:#a855f724;border-radius:8px;padding:4px 12px}.an-crumb-sep{color:var(--text-muted)}.an-picker{background:var(--bg2);border:1px solid var(--border-bright);border-radius:8px;max-height:260px;margin-bottom:16px;padding:14px 16px;overflow-y:auto}.an-picker-empty{color:var(--text-dim);font-size:12px}.an-picker-group{margin-bottom:12px}.an-picker-group:last-child{margin-bottom:0}.an-picker-collection{letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px}.an-picker-mazes{flex-wrap:wrap;gap:6px;display:flex}.an-picker-maze{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12px}.an-picker-maze:hover{border-color:var(--border-bright);color:var(--text)}.an-picker-maze.active{border-color:var(--accent3);color:var(--accent3)}.an-section-label{letter-spacing:1.5px;color:var(--accent);align-items:center;gap:10px;margin:20px 0 4px;font-size:12px;font-weight:700;display:flex}.an-section-label.purple{color:var(--accent3)}.an-section-label.spaced{margin-top:32px}.an-section-tick{background:currentColor;width:6px;height:16px;display:inline-block}.an-section-note{color:var(--text-muted);margin-bottom:14px;font-size:11px}.an-low-sample{color:var(--accent2)}.an-dashboard{flex-direction:column;display:flex}.an-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.an-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.an-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=1280px){.an-grid-4{grid-template-columns:repeat(2,1fr)}.an-grid-3{grid-template-columns:1fr}}@media (width<=900px){.an-grid-4,.an-grid-2{grid-template-columns:1fr}}.an-card{background:#0d0d18;border:1px solid #1f2030;border-radius:10px;min-width:0;padding:18px 20px}.an-card.an-wide{margin-bottom:20px}.an-card-title{color:var(--text);font-size:14px;font-weight:700}.an-card-subtitle{color:var(--text-dim);margin-top:3px;font-size:11px}.an-card-body{margin-top:14px}.an-kpi-label{letter-spacing:1px;color:var(--text-dim);font-size:10px}.an-kpi-row{align-items:center;gap:12px;display:flex}.an-kpi-value{color:var(--text);margin-top:6px;font-size:28px;font-weight:700}.an-kpi-spark{flex:1;min-width:0;margin-top:6px}.an-kpi-delta{margin-top:8px;font-size:11px}.an-kpi-delta.good{color:#22c55e}.an-kpi-delta.bad{color:#ef4444}.an-bench{flex-direction:column;gap:5px;margin-top:10px;display:flex}.an-bench-row{align-items:center;gap:8px;display:flex}.an-bench-bar{border-radius:2px;min-width:2px;height:8px}.an-bench-bar.maze{background:var(--accent)}.an-bench-bar.avg{background:#4b5563}.an-bench-val{color:var(--text);white-space:nowrap;font-size:11px}.an-bench-val.dim{color:var(--text-muted)}.an-status{text-align:center;color:var(--text-dim);padding:60px 0;font-size:13px}.an-status.error{color:#ef4444;justify-content:center;align-items:center;gap:12px;display:flex}.an-empty{text-align:center;color:var(--text-muted);padding:48px 0;font-size:12px}.an-gran-toggle{gap:6px;margin-left:auto;display:flex}.an-days-toggle{gap:6px;display:flex}.an-header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.an-rollup-btn:disabled{opacity:.5;cursor:default}.an-rollup-note{color:var(--text-dim);text-align:right;width:100%;font-size:10px}.an-gran-btn{color:var(--text-dim);cursor:pointer;background:#11111d;border:1px solid #2a2a3d;border-radius:6px;padding:5px 14px;font-size:11px}.an-gran-btn:hover{color:var(--text)}.an-gran-btn.active{border-color:var(--accent);color:var(--accent);background:#47bfff29;font-weight:700}.an-donut{align-items:center;gap:18px;display:flex}.an-donut-chart{width:50%;min-width:150px;position:relative}.an-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.an-donut-total{color:var(--text);font-size:18px;font-weight:700}.an-donut-sub{color:var(--text-dim);font-size:10px}.an-donut-legend{flex-direction:column;flex:1;gap:12px;display:flex}.an-legend-item{align-items:flex-start;gap:8px;display:flex}.an-legend-swatch{border-radius:2px;flex-shrink:0;width:13px;height:13px;margin-top:2px}.an-legend-label{color:var(--text);font-size:12px}.an-legend-note{color:var(--text-muted);margin-top:1px;font-size:10px}.an-legend-grid{grid-template-columns:repeat(2,1fr);gap:10px 16px;margin-top:16px;display:grid}.an-stackbar{border-radius:4px;height:34px;margin-top:8px;display:flex;overflow:hidden}.an-stackbar-seg{min-width:1px}.an-hbars{flex-direction:column;gap:12px;margin-top:8px;display:flex}.an-hbar-row{align-items:center;gap:10px;display:flex}.an-hbar-label{width:105px;color:var(--text);flex-shrink:0;font-size:11px}.an-hbar-track{background:#11111d;border-radius:3px;flex:1;height:16px}.an-hbar-fill{border-radius:3px;height:100%}.an-hbar-val{width:40px;color:var(--text);text-align:right;font-size:11px}