:root{color:#f4f5f9;background:#090b1e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;--overlay-alpha: .5;--surface: oklch(.19 .045 274 / var(--overlay-alpha));--surface-raised: oklch(.23 .055 274 / var(--overlay-alpha));--line: oklch(.39 .055 274 / .72);--muted: oklch(.72 .035 274);--blue: oklch(.63 .17 266);--green: oklch(.76 .17 152);--amber: oklch(.78 .15 78);--red: oklch(.66 .22 25)}*{box-sizing:border-box}html,body{width:100%;min-width:20rem;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select,input{font:inherit}button{min-width:44px;min-height:44px}.world-shell{position:relative;width:100%;height:100svh;overflow:hidden;background:#090b1e}#world-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.topbar{position:absolute;z-index:4;top:0;left:0;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));pointer-events:none}.brand-block,.topbar-tools,.connection{pointer-events:auto}.topbar-tools{display:grid;justify-items:end;gap:.4rem}.game-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.game-action{min-height:2.75rem;padding:.5rem .7rem;border:1px solid oklch(.55 .13 266);border-radius:.3rem;color:#f4f5f9;background:oklch(.31 .1 266 / var(--overlay-alpha));cursor:pointer;font-size:.68rem;font-weight:800;white-space:nowrap}.game-action:hover{background:oklch(.39 .14 266 / var(--overlay-alpha))}.game-action[aria-pressed=true]{border-color:#47cf79;background:oklch(.33 .12 152 / var(--overlay-alpha))}.game-action.install-action{border-color:#507aee;background:oklch(.44 .17 266 / var(--overlay-alpha))}.install-notice{max-width:min(25rem,calc(100vw - 2rem));margin:0;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.3rem;color:#d7ddf3;background:var(--surface);font-size:.66rem;line-height:1.35;text-align:right}.brand{color:#aab0c8;font-size:.62rem;font-weight:850;letter-spacing:.18em;text-decoration:none}.brand:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid oklch(.72 .16 260);outline-offset:3px}.title-row{display:flex;align-items:center;gap:.6rem}h1{margin:.28rem 0 0;font-size:clamp(1.65rem,4vw,3.2rem);line-height:.9;letter-spacing:-.065em}.version{margin-top:.3rem;padding:.24rem .4rem;border:1px solid oklch(.63 .2 25 / .5);color:#ffc7c2;color:oklch(.88 .07 25);background:oklch(.25 .08 25 / var(--overlay-alpha));font:750 .61rem/1 ui-monospace,SFMono-Regular,monospace}.connection{display:flex;min-height:2.75rem;align-items:center;gap:.48rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.4rem;color:#c5cadb;background:var(--surface);font-size:.72rem;font-weight:750}.connection button{min-height:2rem;margin-left:.25rem;padding:.35rem .6rem;border:1px solid oklch(.61 .17 266);border-radius:.25rem;color:#f4f5f9;background:oklch(.49 .19 266 / var(--overlay-alpha));cursor:pointer}.status-dot,.health-dot{width:.58rem;height:.58rem;flex:0 0 auto;border-radius:50%;background:var(--amber)}.status-dot.online,.health-dot.optimal{background:var(--green);box-shadow:0 0 .8rem #47cf7980}.status-dot.error,.health-dot.critical{background:var(--red)}.health-dot.degraded{background:var(--amber)}.telemetry{position:absolute;z-index:6;top:6rem;left:max(1rem,env(safe-area-inset-left));width:min(27rem,calc(100vw - 2rem));color:#e1e4ef;font-size:.69rem}.telemetry-toggle{display:grid;width:100%;grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.35rem;color:inherit;background:var(--surface);cursor:pointer;text-align:left}.telemetry-toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.telemetry-peek{display:flex;gap:.65rem;color:#d1d7ec;font:720 .65rem/1 ui-monospace,SFMono-Regular,monospace}.telemetry-chevron{color:#8aa6e7;font-size:1rem;transition:transform .18s cubic-bezier(.16,1,.3,1)}.telemetry[data-expanded=true] .telemetry-chevron{transform:rotate(180deg)}.telemetry-panel{max-height:min(72svh,46rem);margin-top:.35rem;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:.35rem;background:var(--surface);box-shadow:0 .8rem 2rem #0101088c;scrollbar-gutter:stable}.telemetry-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--surface-raised)}.telemetry-summary>div{min-width:0;padding:.7rem;border-right:1px solid var(--line)}.telemetry-summary>div:last-child{border-right:0}.telemetry-summary span{display:block;color:var(--muted);font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.telemetry-summary strong{display:block;margin-top:.25rem;overflow:hidden;font:760 .68rem/1.2 ui-monospace,SFMono-Regular,monospace;text-overflow:ellipsis;white-space:nowrap}.telemetry details{border-bottom:1px solid var(--line)}.telemetry details:last-of-type{border-bottom:0}.telemetry summary{padding:.65rem .75rem;color:#b5c4e6;font-size:.63rem;font-weight:850;letter-spacing:.07em;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none}.metric-list{margin:0;padding:0 .75rem .65rem}.metric-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:baseline;padding:.26rem 0}.metric-list dt{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.metric-list dd{margin:0;color:#eceef5;font:700 .65rem/1.25 ui-monospace,SFMono-Regular,monospace;text-align:right}.capture{padding:.8rem;border-top:1px solid var(--line);background:oklch(.17 .04 274 / var(--overlay-alpha))}.capture-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.capture h2{margin:0;font-size:.78rem}.capture-heading span{color:var(--muted);font:650 .62rem ui-monospace,monospace}.capture label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;margin-top:.65rem;color:var(--muted)}.capture select,.capture input{min-width:0;min-height:2rem;border:1px solid var(--line);border-radius:.25rem;color:#e9ebf2;background:oklch(.22 .045 274 / var(--overlay-alpha))}.capture-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.capture-actions button{min-height:2.25rem;padding:.45rem .65rem;border:1px solid oklch(.55 .13 266);border-radius:.25rem;color:#e9ebf2;background:oklch(.42 .16 266 / var(--overlay-alpha));cursor:pointer}.capture-actions button:disabled{border-color:var(--line);color:#767a87;background:oklch(.24 .03 274 / var(--overlay-alpha));cursor:not-allowed}.file-label{grid-template-columns:1fr!important}.capture pre{margin:.7rem 0 0;padding:.6rem;overflow:auto;border:1px solid var(--line);color:#b8d3be;background:oklch(.13 .03 274 / var(--overlay-alpha));font:.6rem/1.5 ui-monospace,monospace;white-space:pre-wrap}.desktop-help{position:absolute;z-index:3;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));display:grid;gap:.2rem;padding:.62rem .75rem;color:var(--muted);background:var(--surface);font-size:.64rem}kbd{padding:.18rem .32rem;border:1px solid oklch(.46 .05 274);border-bottom-width:2px;border-radius:.18rem;color:#e9ebf2;background:oklch(.25 .05 274 / var(--overlay-alpha));font:700 .62rem ui-monospace,monospace}.joystick-zone,.controller-actions,.joystick{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(hover:none),(pointer:coarse){.desktop-help{display:none}.telemetry{top:4.8rem;left:max(.75rem,env(safe-area-inset-left));width:min(20rem,calc(100vw - 1.5rem))}.telemetry-panel{max-height:min(61svh,36rem)}.telemetry-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-summary>div:nth-child(2){border-right:0}.telemetry-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.joystick-zone{position:absolute;z-index:2;top:0;bottom:0;left:0;display:block;width:50%;touch-action:none;-webkit-user-select:none;user-select:none}.joystick{position:absolute;z-index:5;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));display:grid;width:7.25rem;height:7.25rem;place-items:center;border:1px solid oklch(.66 .05 274 / .3);border-radius:50%;background:oklch(.2 .04 274 / var(--overlay-alpha));box-shadow:inset 0 0 0 1.3rem #191e3259,0 .5rem 1.1rem #01010473;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;transform:none}.joystick.is-active{background:oklch(.25 .06 274 / var(--overlay-alpha));transform:translate(-50%,-50%)}.joystick:before{content:"MOVER";color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.12em}.joystick-knob{position:absolute;width:3.35rem;height:3.35rem;border:2px solid oklch(.77 .09 266);border-radius:50%;background:oklch(.51 .17 266 / var(--overlay-alpha));box-shadow:0 .35rem 1rem #01010499;transform:translateZ(0)}.controller-actions{position:absolute;z-index:7;top:50%;right:max(1rem,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:center;gap:2.1rem;transform:translateY(-50%);pointer-events:auto}.controller-button{display:grid;width:4.7rem;height:4.7rem;min-width:4.7rem;min-height:4.7rem;place-items:center;align-content:center;padding:.4rem;border:2px solid oklch(.88 .02 274 / .72);border-radius:50%;color:#f7f8fd;box-shadow:inset 0 .25rem #f6f8ff33,0 .45rem 1rem #01010499;box-shadow:inset 0 .25rem oklch(.98 .02 275 / .2),0 .45rem 1rem #01010499;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .12s ease-out,filter .12s ease-out,box-shadow .12s ease-out}.controller-button span{font-size:1.7rem;font-weight:850;line-height:1}.controller-button small{margin-top:.15rem;font-size:.47rem;font-weight:850;letter-spacing:.12em}.controller-cross{background:oklch(.48 .16 266 / var(--overlay-alpha))}.controller-triangle{background:oklch(.48 .14 150 / var(--overlay-alpha))}.controller-button:hover{filter:brightness(1.12)}.controller-button:active,.controller-button[aria-pressed=true],.controller-button.is-pressed{transform:scale(.92);box-shadow:inset 0 .2rem #01010540,0 .2rem .55rem #010104a6}}@media(max-width:42rem){.topbar{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) .75rem max(.75rem,env(safe-area-inset-left))}.brand{font-size:.55rem}h1{font-size:1.55rem}.topbar{gap:.5rem}.topbar-tools{max-width:62%}.game-actions{gap:.3rem}.game-action{min-height:2.5rem;padding:.4rem .52rem;font-size:.61rem}.game-action span{display:inline}.install-notice{max-width:min(18rem,calc(100vw - 1.5rem));font-size:.61rem}.connection{min-height:2.5rem;padding:.45rem .58rem}.telemetry-peek{gap:.4rem}.metric-list>div{gap:.4rem}}@media(max-height:32rem)and (hover:none),(max-height:32rem)and (pointer:coarse){.telemetry{top:4.35rem;width:min(27rem,calc(100vw - 1.5rem))}.telemetry-panel{max-height:calc(100svh - 5rem)}.joystick{width:6.35rem;height:6.35rem}.joystick-knob{width:3rem;height:3rem}.controller-actions{gap:1.35rem}.controller-button{width:3.8rem;height:3.8rem;min-width:3.8rem;min-height:3.8rem}.controller-button span{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.joystick-zone,.joystick,.joystick-knob,.controller-button,.game-action,#sprint,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.controller-button{position:relative;--charge: 1}.controller-button:after{content:"";position:absolute;inset:-.42rem;border-radius:50%;padding:.32rem;background:conic-gradient(var(--ring-color, oklch(.82 .17 152)) calc(var(--charge) * 360deg),oklch(.5 .02 274 / .35) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .32rem),#000 calc(100% - .32rem));mask:radial-gradient(farthest-side,transparent calc(100% - .32rem),#000 calc(100% - .32rem));pointer-events:none;transition:opacity .12s ease-out}#sprint{--ring-color: oklch(.78 .17 60)}#jump{--ring-color: oklch(.82 .17 152)}.controller-button.is-empty:after{opacity:.4}.controller-button.is-empty{filter:grayscale(.4) brightness(.85)}.zone-name{margin:.35rem 0 .5rem;color:var(--zone-tint, oklch(.78 .12 266));font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.charges{display:grid;gap:.35rem;margin-bottom:.55rem}.charge{display:grid;grid-template-columns:3.6rem minmax(0,1fr);align-items:center;gap:.5rem}.charge-label{color:#9ca5b8;font-size:.58rem;font-weight:800;letter-spacing:.1em}.charge-track{position:relative;height:.42rem;border-radius:999px;background:#272e3d8c;overflow:hidden}.charge-fill{display:block;height:100%;width:100%;border-radius:999px;transform-origin:left center;transition:transform 90ms linear,background .2s ease-out}.charge-sprint .charge-fill{background:#ff9c3b;background:oklch(.78 .17 60)}.charge-jump .charge-fill{background:#5ee38b}.charge.is-cooldown .charge-fill{background:#b54a46}body.zone-travelling #world-canvas{filter:brightness(.35) saturate(.4);transition:filter .2s ease-out}.player-bars{position:fixed;z-index:3;display:none;grid-template-rows:auto auto;gap:2px;width:4.2rem;padding:2px;border-radius:3px;background:#04050d80;pointer-events:none;transform:translate(-50%,-100%)}.player-bars.is-visible{display:grid}.player-bar{display:block;height:4px;width:100%;border-radius:2px;transform-origin:left center;transition:transform 90ms linear,background .18s ease-out}.player-bar-sprint{background:#ff9c3b;background:oklch(.78 .17 60)}.player-bar-jump{background:#5ee38b;height:3px}.player-bar.is-cooldown{background:#c74b47}.game-action{min-height:1.9rem;min-width:1.9rem;padding:.25rem .45rem;border-color:#7a7f9359;background:#12152452;color:#e0e4f2bf;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-action:hover{background:#252b4c80;color:#f6f8ff}.game-action.install-action{border-color:#7a7f9359;background:#12152452}.game-action[hidden]{display:none}.minimap{position:absolute;z-index:4;right:max(.85rem,env(safe-area-inset-right));bottom:max(.85rem,env(safe-area-inset-bottom));width:5.6rem;height:5.6rem;border-radius:50%;border:1px solid oklch(.6 .04 274 / .35);background:#04050d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;pointer-events:none}.minimap canvas{width:100%;height:100%;display:block}@media(max-width:42rem){.minimap{width:4.6rem;height:4.6rem}}.telemetry-brand{padding:.1rem .1rem .55rem;border-bottom:1px solid var(--line);margin-bottom:.6rem}.telemetry-brand .title-row{display:flex;align-items:baseline;gap:.5rem}.telemetry-brand h1{margin:.15rem 0 0;font-size:1rem;letter-spacing:-.02em}.zone-peek{display:flex;gap:.5rem;margin-top:.1rem;padding:0;border:0;background:none;color:#9098ab;font:700 .58rem/1 ui-monospace,SFMono-Regular,monospace;cursor:pointer}.zone-peek:hover{color:#d5def3}.zone-peek:focus-visible{outline:1px solid oklch(.7 .1 266);outline-offset:3px}@media(hover:none),(pointer:coarse){.telemetry-toggle-label span,.telemetry-toggle-label{font-size:0;gap:0}.telemetry-toggle-label .health-dot{font-size:1rem}.telemetry-toggle{padding:.45rem .5rem}}.zone-room{display:flex;gap:.45rem;align-items:baseline;margin-top:.1rem;color:#9098ab;font:700 .58rem/1 ui-monospace,SFMono-Regular,monospace}.zone-room .zone-env{color:#ff9c3b;color:oklch(.78 .17 60)}.zone-room .zone-env.is-prod{color:#42c070}