:root{--color-world: #b8d8a6;--color-world-light: #cbe5b5;--color-world-grid: #9fc58f;--color-cream: #fff8e8;--color-cream-muted: #f2ead0;--color-navy: #18202d;--color-water: #62add0;--color-water-dark: #397b9b;--color-water-edge: #789a62;--color-yellow: #f2d84b;--color-coral: #f08068;--color-lavender: #a98be8;--color-blue: #68afc7;--color-warning: #f1c94d;--color-critical: #ef795f;--color-failure: #d85852;--color-success: #6faf78;--color-shadow: rgb(24 32 45 / 14%);--color-road-shadow: rgb(24 32 45 / 9%);--color-border: rgb(24 32 45 / 18%);--color-border-soft: rgb(24 32 45 / 14%);--color-overlay: rgb(24 32 45 / 16%);--color-title-shadow: rgb(255 248 232 / 35%);--color-cream-glass: rgb(255 248 232 / 92%);--color-warning-ink: #765a00;--color-focus: #fff8e8;--font-display: "Avenir Next Rounded", "Trebuchet MS", sans-serif;--font-body: "Avenir Next", "Trebuchet MS", sans-serif;--font-counter: "IBM Plex Mono", "SFMono-Regular", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-short: .12s;--dur-medium: .22s;--rule-thin: 1px;--rule-strong: 2px;--radius-sm: .45rem;--radius-md: .85rem;--radius-pill: 999px}*{box-sizing:border-box}html,body{inline-size:100%;min-block-size:100%;margin:0;overflow:clip;overflow-x:clip;overscroll-behavior:none}body{background:var(--color-world);color:var(--color-navy);font-family:var(--font-body)}button,canvas{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.game-shell{position:fixed;inset:0;min-inline-size:0;min-block-size:100dvh;overflow:clip;background:var(--color-world)}.game-canvas{display:block;inline-size:100%;block-size:100dvh;touch-action:none;outline:none}.game-canvas:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:calc(var(--rule-strong) * -1)}.status-plate,.input-plate{display:none!important}.resident-plate,.scene-plate,.onboarding-card,.road-tool,.pause-panel,.game-over-panel{border:var(--rule-thin) solid var(--color-border);background:var(--color-cream-glass);color:var(--color-navy);box-shadow:0 .3rem .9rem var(--color-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.resident-plate{position:fixed;z-index:3;inset-block-start:max(var(--space-4),env(safe-area-inset-top));inset-inline-start:max(var(--space-4),env(safe-area-inset-left));display:flex;align-items:center;gap:var(--space-2);min-block-size:2.65rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill)}.resident-plate>span:first-child{font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.resident-plate>strong{font:900 1.08rem/1 var(--font-display)}.pressure-status{max-inline-size:10rem;font-size:.68rem;font-weight:800;color:var(--color-navy)}.hud-plate[data-pressure=warning] .pressure-status{color:var(--color-warning-ink)}.hud-plate[data-pressure=critical] .pressure-status{color:var(--color-critical)}.hud-plate[data-pressure=warning]:before,.hud-plate[data-pressure=critical]:before{content:"";inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--color-warning)}.hud-plate[data-pressure=critical]:before{background:var(--color-critical)}.scene-plate{position:fixed;z-index:4;inset-inline-start:50%;inset-block-end:max(var(--space-4),env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;max-inline-size:calc(100% - 12rem);min-block-size:2.5rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:.78rem;text-align:center}.scene-plate__label{display:none}.onboarding-card{position:fixed;z-index:4;inset-inline-start:50%;inset-block-end:calc(max(var(--space-4),env(safe-area-inset-bottom)) + 3.35rem);transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:var(--space-2);inline-size:min(28rem,calc(100% - 2rem));min-block-size:2.65rem;padding:var(--space-2) var(--space-4);border-color:var(--color-border-soft);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-yellow) 34%,var(--color-cream));text-align:center;pointer-events:none}.onboarding-card:before{content:"";flex:0 0 auto;inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--color-coral)}.onboarding-card span{display:none}.onboarding-card strong{font-size:.78rem}.road-controls{position:fixed;z-index:4;inset:0;pointer-events:none}.road-tool{position:fixed;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.65rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font:850 var(--text-sm)/1 var(--font-body);white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto;transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.road-tool:hover{background:var(--color-yellow)}.road-tool:active{transform:translateY(2px)}.road-tool:focus-visible,.primary-button:focus-visible,.restart-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.road-tool:disabled,.primary-button:disabled,.restart-button:disabled{cursor:not-allowed;opacity:.55}.pause-tool{inset-block-start:max(var(--space-4),env(safe-area-inset-top));inset-inline-end:max(var(--space-4),env(safe-area-inset-right));inline-size:2.65rem;padding-inline:0}.pause-tool #pause-tool-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.pause-tool:before{content:"Ⅱ";font-weight:900}.sound-tool{inset-inline-end:max(var(--space-4),env(safe-area-inset-right));inset-block-end:max(var(--space-4),env(safe-area-inset-bottom));inline-size:2.65rem;padding-inline:0}.sound-tool span:last-child{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.road-tool:not(.sound-tool,.pause-tool){inset-inline-end:calc(max(var(--space-4),env(safe-area-inset-right)) + 3.25rem);inset-block-end:max(var(--space-4),env(safe-area-inset-bottom))}.road-tool[aria-pressed=true]{background:var(--color-critical);color:var(--color-cream)}.road-tool__icon{font:900 var(--text-lg)/1 var(--font-counter)}.title-screen{position:fixed;z-index:6;inset:0;pointer-events:none}.title-sheet{position:absolute;inset-inline-start:clamp(1.25rem,5vw,4.5rem);inset-block-start:clamp(5.5rem,15vh,8.5rem);max-inline-size:28rem;color:var(--color-navy);text-shadow:0 2px 0 var(--color-title-shadow);pointer-events:auto}.title-wordmark{display:grid;inline-size:max-content;max-inline-size:100%;font-family:var(--font-display);font-style:normal;font-weight:900;line-height:1;letter-spacing:-.055em}.title-wordmark span{margin-block-end:var(--space-1);font-size:clamp(.68rem,1vw,.82rem);letter-spacing:.24em}.title-wordmark strong{min-inline-size:0;font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:.88;overflow-wrap:anywhere}.title-wordmark i{display:none}.title-sheet p{margin:var(--space-3) 0 0;max-inline-size:18rem;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:800;line-height:1.25}.primary-button,.restart-button{min-block-size:2.8rem;margin-block-start:var(--space-4);padding:var(--space-2) var(--space-6);border:var(--rule-strong) solid var(--color-navy);border-radius:var(--radius-pill);background:var(--color-cream);color:var(--color-navy);box-shadow:0 .3rem 0 var(--color-shadow);font:900 var(--text-base)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.primary-button:hover{background:var(--color-yellow)}.primary-button:active,.restart-button:active{transform:translateY(2px)}.pause-panel{position:fixed;z-index:7;inset:50% auto auto 50%;transform:translate(-50%,-50%);inline-size:min(29rem,calc(100% - 2rem));padding:clamp(1.25rem,5vw,2.5rem);border:var(--rule-strong) solid var(--color-navy);border-radius:1.15rem;text-align:center}.pause-panel:before{content:"";position:fixed;z-index:-1;inset:-100vmax;background:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-over-panel{position:fixed;z-index:7;inset-block-start:50%;inset-inline-start:clamp(1.5rem,4vw,4rem);transform:translateY(-50%);inline-size:min(34rem,42vw);padding:clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,3vw,2.75rem);border:var(--rule-strong) solid var(--color-navy);border-radius:1.1rem .35rem;background:var(--color-cream-glass);box-shadow:.65rem .8rem 0 var(--color-shadow);text-align:start;clip-path:polygon(0 0,96% 0,100% 8%,98% 91%,93% 100%,0 98%)}.pause-panel span,.game-over-panel__eyebrow{font:850 var(--text-xs)/1 var(--font-counter);letter-spacing:.1em;color:var(--color-coral)}.pause-panel h1,.game-over-panel h1{margin:var(--space-3) 0 var(--space-2);font:900 clamp(1.6rem,4vw,2.35rem)/1 var(--font-display);font-style:normal}.pause-panel p,.game-over-panel p{margin:0 auto var(--space-4);max-inline-size:24rem}.game-over-panel dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);margin:0}.game-over-panel dl div{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-cream-muted)}.game-over-panel dt{font:750 var(--text-xs)/1 var(--font-counter);text-transform:uppercase}.game-over-panel dd{margin:var(--space-1) 0 0;font:900 var(--text-lg)/1 var(--font-display)}.restart-button{inline-size:100%;background:var(--color-failure);color:var(--color-cream)}.restart-button:hover{background:var(--color-coral)}@media(max-width:42rem){.title-sheet{inset-block-start:max(5.5rem,calc(env(safe-area-inset-top) + 4.5rem));inset-inline-start:var(--space-5);max-inline-size:calc(100% - 2.5rem)}.title-wordmark strong{font-size:clamp(2.35rem,11.5vw,3.15rem)}.title-sheet p{font-size:.93rem}.resident-plate{max-inline-size:calc(100% - 5rem);padding-inline:var(--space-3)}.pressure-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-card{inset-inline-start:var(--space-4);inset-inline-end:var(--space-4);inline-size:auto;transform:none}.scene-plate{max-inline-size:calc(100% - 2rem)}.road-tool:not(.sound-tool,.pause-tool) span:last-child{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.road-tool:not(.sound-tool,.pause-tool){inline-size:2.65rem;padding-inline:0}.game-over-panel{inset:auto var(--space-3) max(var(--space-3),env(safe-area-inset-bottom));transform:none;inline-size:auto;max-block-size:49dvh;padding:var(--space-4) var(--space-5);border-radius:.85rem .3rem;clip-path:polygon(0 2%,95% 0,100% 10%,98% 94%,91% 100%,2% 98%)}.game-over-panel h1{margin-block:var(--space-2) var(--space-1);font-size:1.55rem}.game-over-panel p{margin-block-end:var(--space-2);font-size:.86rem;line-height:1.25}.game-over-panel dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.game-over-panel dl div{padding:var(--space-2) var(--space-1);text-align:center}.game-over-panel dt{font-size:.6rem}.game-over-panel dd{font-size:1rem}.game-over-panel .restart-button{margin-block-start:var(--space-3);min-block-size:2.55rem}}@media(orientation:landscape)and (max-height:31rem){.title-sheet{inset-block-start:50%;transform:translateY(-50%);max-inline-size:24rem}.title-wordmark strong{font-size:clamp(2.4rem,7vw,3.8rem)}.title-sheet p,.primary-button{margin-block-start:var(--space-2)}.onboarding-card{inset-inline-start:50%;inset-inline-end:auto;inline-size:min(24rem,45vw);transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}