:root{--ink:#0b1a1c;--mist:#e7f2ee;--muted:#9bb5ad;--copper:#d4894a;--lime:#c8e86a;--ada-teal:#2f6f66;--teaching-stone:#cfc6b8;--science-stone:#a8b4bc;--panel:#0a1c1ed1;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background:var(--ink);color:var(--mist);margin:0;overflow:hidden}.app{width:100%;height:100%;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas-wrap-loading{opacity:0;pointer-events:none}.skip-link{z-index:30;background:var(--lime);color:#102010;pointer-events:auto;border-radius:999px;padding:.5rem .85rem;font-weight:600;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{outline:3px solid var(--copper);outline-offset:2px;top:1rem}.boot{z-index:5;text-align:center;background:radial-gradient(ellipse 50% 40% at 50% 30%, #e08a452e, transparent), var(--ink);place-content:center;gap:.5rem;padding:2rem;display:grid;position:absolute;inset:0}.boot-brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.6rem;font-weight:800}.boot-error{pointer-events:auto}.boot-detail{color:var(--muted);justify-self:center;max-width:36ch;margin:.35rem 0 .75rem;font-size:.9rem}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.btn:focus:not(:focus-visible),.chip-button:focus:not(:focus-visible),.btn-text:focus:not(:focus-visible),.slider:focus:not(:focus-visible){outline:none}.hud{z-index:2;pointer-events:none;padding:1rem clamp(1rem,3vw,1.5rem);position:absolute;inset:0}.top-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:1rem;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.lab-board{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem)}.lab-board-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.lab-board-item{text-align:left;width:100%;color:var(--mist);cursor:pointer;font:inherit;background:#00000038;border:1px solid #e7f2ee24;border-radius:.75rem;padding:.7rem .85rem}.lab-board-item strong{font-family:var(--font-display);font-size:.98rem;display:block}.lab-board-item em{color:var(--muted);margin-top:.2rem;font-size:.82rem;font-style:normal;display:block}.lab-board-item:hover{border-color:#c8e86a59}.lab-board-item.active{border-color:var(--lime);box-shadow:inset 0 0 0 1px #c8e86a40}.interact-prompt{pointer-events:none;background:var(--panel);color:var(--lime);font-family:var(--font-display);z-index:3;border:1px solid #c8e86a59;border-radius:999px;margin:0;padding:.45rem .9rem;font-size:.95rem;font-weight:700;position:absolute;top:4.25rem;left:50%;transform:translate(-50%)}.approach-sheet,.logbook-panel,.city-map-panel,.controls-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;border:1px solid #e7f2ee29;border-radius:1rem;width:min(24rem,100% - 2rem);max-height:min(70vh,36rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem);overflow:auto}.controls-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.controls-panel-head h2{margin:0;font-size:1.05rem;font-weight:600}.controls-panel-lead{opacity:.85;margin:0 0 .85rem;font-size:.85rem;line-height:1.4}.controls-bind-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.controls-bind-list li{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.controls-bind-label{font-size:.9rem}.controls-bind-key{min-width:5.5rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#00000040;border:1px solid #e7f2ee38;border-radius:.5rem;padding:.35rem .65rem}.controls-bind-key.listening{border-color:var(--accent,#b8e06a);outline:1px solid var(--accent,#b8e06a)}.controls-panel-status{opacity:.9;margin:.75rem 0 0;font-size:.85rem}.controls-panel-actions{margin-top:.9rem}.city-map-panel--graphic{width:min(28rem,100% - 2rem);max-height:min(82vh,44rem)}.city-map-you-are{margin:.35rem 0 .65rem}.city-map-stage{border:1px solid #e7f2ee1f;border-radius:.75rem;margin:0 0 .75rem;overflow:hidden}.city-map-svg{vertical-align:top;display:block}.city-map-district:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.city-map-dossier{border-top:1px solid #e7f2ee1f;margin:0;padding:.65rem .15rem .35rem}.city-map-dossier h3{font-family:var(--font-display);margin:0 0 .2rem;font-size:1.05rem}.city-map-landmark{color:var(--muted,#e7f2eea6);margin:0 0 .45rem;font-size:.85rem}.city-map-story{margin:0 0 .55rem;font-size:.92rem;line-height:1.45}.city-map-journey{border-top:1px solid #e7f2ee1f;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:.55rem 0 0;list-style:none;display:flex}.city-map-journey-chip{color:inherit;cursor:pointer;background:#0e1f2273;border:1px solid #e7f2ee2e;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem .28rem .35rem;font-size:.78rem;display:inline-flex}.city-map-journey-chip.selected{background:#d4894a2e;border-color:#d4894ab3}.city-map-journey-chip.here{border-color:#c8e86a8c}.city-map-journey-n{background:#e7f2ee1f;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.7rem;font-weight:700;display:inline-grid}.city-map-legend{flex-wrap:wrap;align-items:center;gap:.35rem;margin:.55rem 0 0;display:flex}.city-map-legend-dot{border-radius:999px;width:.55rem;height:.55rem;margin-right:.15rem;display:inline-block}.city-map-legend-dot.open{background:#c8e86a}.city-map-legend-dot.done{background:#8fa89a}.mini-map-radar{z-index:3;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:var(--mist);background:#0e1f22e0;border:1px solid #e7f2ee2e;border-radius:.85rem;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,1.5rem);right:clamp(1rem,3vw,1.5rem)}.mini-map-radar:hover,.mini-map-radar:focus-visible{border-color:#c8e86a73}.mini-map-radar svg{border-radius:.55rem;display:block}.mini-map-radar-label{letter-spacing:.04em;text-transform:uppercase;color:#c8e86ae6;font-size:.7rem;font-weight:700}.district-story{pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;border:1px solid #2f6f6673;border-radius:.85rem;width:min(28rem,100% - 2rem);margin:0;padding:.7rem 1rem;animation:.35s ease-out district-story-in;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.district-story strong{font-family:var(--font-display);color:var(--lime);margin-bottom:.25rem;display:block}.district-story span{opacity:.92;font-size:.9rem;line-height:1.4;display:block}@keyframes district-story-in{0%{opacity:0;transform:translate(-50%)translateY(.4rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.logbook-section{font-family:var(--font-display);margin:1rem 0 .4rem;font-size:.95rem}.logbook-activity{gap:.45rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.logbook-activity li{background:#0003;border-radius:.5rem;gap:.15rem;padding:.45rem .55rem;font-size:.85rem;display:grid}.logbook-activity strong{text-transform:capitalize;color:var(--copper)}.logbook-activity em{color:var(--muted);font-size:.75rem;font-style:normal}.profile-input{width:100%;color:var(--mist);font:inherit;background:#00000059;border:1px solid #e7f2ee33;border-radius:.5rem;margin-top:.35rem;padding:.45rem .6rem}.mode-tag{color:var(--lime);letter-spacing:.02em;margin-left:.45rem;font-size:.72rem;font-weight:600}.mode-row{flex-wrap:wrap;margin-top:.55rem}.lab-board-item.static{cursor:default}.sandbox-card{color:var(--mist);background:#c8e86a14;border:1px solid #c8e86a33;border-radius:.55rem;margin:0 0 .75rem;padding:.55rem .65rem;font-size:.88rem;line-height:1.35}.bank-list li{align-items:flex-start;gap:.5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:800}.brand span{color:var(--lime);margin-left:.35rem;font-size:.85rem;font-weight:700}.chip{background:var(--panel);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e7f2ee2e;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #00000047}.companion-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e7f2ee29;border-radius:1rem;width:min(26rem,100% - 2rem);padding:1rem 1.1rem;position:absolute;bottom:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,1.5rem)}.companion-name{font-family:var(--font-display);color:var(--copper);letter-spacing:-.02em;margin:0 0 .35rem;font-weight:700}.companion-line{color:var(--mist);margin:0;line-height:1.45}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.control-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;right:clamp(1rem,3vw,1.5rem)}.control-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.control-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem}.btn-text{color:var(--lime);cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;padding:0;text-decoration:underline}.slider-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;font-size:.9rem;display:flex}.slider-label strong{color:var(--mist);font-size:1.15rem;font-family:var(--font-display)}.slider{width:100%;accent-color:var(--copper);margin-bottom:.9rem}.readouts{gap:.55rem;margin-bottom:.9rem;display:grid}.readouts>div{gap:.15rem;display:grid}.readout-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.readout-value{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.readout-words{font-family:var(--font-body);font-size:.92rem;font-weight:500;line-height:1.35}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.4rem;padding:.45rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--copper);color:#1a1008}.btn-ghost{color:var(--mist);background:0 0;border-color:#e7f2ee47}.tele-hint{color:var(--muted);word-break:break-word;margin:.75rem 0 0;font-size:.72rem}.model-card{color:var(--muted);border-top:1px solid #e7f2ee24;margin-top:.9rem;padding-top:.85rem;font-size:.88rem}.model-card h3{font-family:var(--font-display);color:var(--mist);margin:0 0 .25rem;font-size:.95rem}.model-id{color:var(--lime);margin:0 0 .65rem;font-size:.72rem}.model-card p{margin:0 0 .5rem}.model-card ul{margin:.35rem 0 0;padding-left:1.1rem}.model-card li{margin-bottom:.25rem}.chip-button{cursor:pointer;font:inherit;color:var(--mist)}.chip-button:hover{border-color:#c8e86a73;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000052}.chip-button:active{transform:translateY(0)}.concept-bank{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem)}.bank-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.bank-list li{color:var(--muted);align-items:flex-start;gap:.55rem;font-size:.88rem;display:flex}.bank-list li.got{color:var(--mist)}.bank-list li.soon{opacity:.72}.bank-list strong{font-family:var(--font-display);font-size:.95rem;display:block}.bank-list em{color:var(--muted);font-size:.8rem;font-style:normal}.save-line{color:var(--lime);margin:0 0 .75rem;font-size:.8rem}.bank-clear{width:100%;margin-top:.85rem}.hotkey-hint{color:var(--muted);margin:-.35rem 0 .75rem;font-size:.75rem}.lab-data-toggle{margin-top:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.companion-actions{margin-top:.85rem}.predict-row{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.btn.selected{border-color:var(--lime);color:var(--lime)}.btn:disabled{opacity:.45;cursor:not-allowed}.slider:disabled{opacity:.45}.virtual-joystick{left:calc(1.25rem + env(safe-area-inset-left,0px));bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:18;touch-action:none;pointer-events:auto;background:#0b1a1c73;border:2px solid #e7f2ee59;border-radius:50%;width:112px;height:112px;position:fixed}.virtual-joystick-knob{pointer-events:none;background:#c8e86a8c;border:2px solid #c8e86ae6;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}@media (width<=720px){.control-panel{top:auto;bottom:calc(7.5rem + env(safe-area-inset-bottom,0px));width:auto;left:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.concept-bank{width:auto;left:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.companion-panel{width:auto;right:clamp(.75rem,3vw,1.25rem)}}