:root{font-family:Trebuchet MS,Segoe UI,sans-serif;font-synthesis:none;color:#d6e1e3;background:#101e2b;--cyan:#9ec9ce;--muted:#7f98a5;--amber:#c5ad8d}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 45%,#20333f,#0e1c29 78%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b8dfe0;outline-offset:5px}[hidden]{display:none!important}header{max-width:1300px;height:95px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}header a{color:#c5d5d9;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700}header a>span{font-size:27px;color:var(--cyan);vertical-align:middle;margin-right:12px}header small{font-size:8px;letter-spacing:3px;color:#809ba7;margin-left:12px}.header-note{font-size:8px;letter-spacing:2px;color:#637f90}main{max-width:1216px;padding:0 32px;margin:14px auto 0}.topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#78929e;margin:0 2px 14px}#game{position:relative;aspect-ratio:16/9;min-height:560px;border:1px solid #4d65715e;overflow:hidden;border-radius:5px;box-shadow:0 20px 70px #06121b44}#canvas{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 130px #08172455}#overlay{position:absolute;inset:0;display:flex;align-items:center;padding:45px 7.5%;z-index:3;overflow:auto;background:linear-gradient(90deg,#122a38e8,#152c3977 58%,#142b3722)}#menu{max-width:100%;width:680px}.eyebrow{font-size:7px;letter-spacing:1.9px;color:#97b4bc}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9bcbd0;margin-right:7px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,6.2vw,77px);letter-spacing:-2.8px;line-height:1.09;margin:23px 0}h1 em{color:var(--cyan);font-weight:400}#description{color:#8fa9b4;font-size:13px;line-height:1.8;margin:0}#menu-tags{display:flex;gap:16px;font-size:7px;letter-spacing:1.6px;color:#839ea9;margin:24px 0 28px}#menu-tags b{color:var(--amber)}.menu-actions{display:flex;align-items:center;gap:26px}.primary{min-width:197px;border:1px solid #a4c9ce;background:#9dbfc4;color:#203b48;border-radius:4px;padding:16px 22px;font-size:12px;font-weight:700}.primary span{margin-left:26px}.primary:hover{background:#b5d2d5}.secondary{background:none;border:0;border-bottom:1px solid #829eab66;color:#99b1ba;padding:9px 0;font-size:10px}.record{display:flex;gap:27px;margin-top:27px;color:#6f8a98;font-size:7px;letter-spacing:1.4px}.record b{margin-left:9px;font-weight:400;color:#b3c6ca}.back{display:inline-block;margin-top:22px;font-size:9px;color:#73929f;text-decoration:none}.back:hover{text-decoration:underline}.weather-label{position:absolute;right:28px;bottom:25px;z-index:1;font-size:8px;letter-spacing:2px;color:#688794;text-align:right;line-height:2;pointer-events:none}.weather-label span{font-size:6px;letter-spacing:1.5px;color:#4f7180}footer{display:flex;justify-content:space-between;margin:22px 2px;color:#678491;font-size:8px;letter-spacing:1.3px}footer span:last-child{color:#4e6d7e}#hud{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;z-index:3;pointer-events:none;padding:22px 27px;background:linear-gradient(#122b38db,#122b3800)}.stats{display:flex;gap:35px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats small{font-size:8px;letter-spacing:1.5px;color:#819ca8}.stats strong{font-size:25px;font-weight:400;font-variant-numeric:tabular-nums}.stats i,#results i{font-size:11px;font-style:normal;color:#7997a5}#lives{font-size:21px;color:#a1c9ca}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{width:36px;height:37px;border:1px solid #6c8c9955;border-radius:4px;background:#203b48bd;color:#9fbdc6;font-size:18px}.tools button[aria-pressed=true]{background:#48616c;color:#d0ddda}#powers{position:absolute;top:89px;left:27px;right:27px;z-index:2;pointer-events:none;font-size:8px;letter-spacing:1px;color:#b3c7d0}#notice{position:absolute;left:15px;right:15px;top:120px;text-align:center;font-size:8px;letter-spacing:1.3px;color:#c5b597;z-index:2;pointer-events:none}#control-hint{position:absolute;bottom:26px;left:25px;font-size:7px;letter-spacing:1px;color:#6f8f9c;z-index:2;pointer-events:none}#game[data-phase=playing] .weather-label{display:none}#game[data-phase=paused] #overlay,#game[data-phase=over] #overlay{justify-content:center;text-align:center;background:#142c39ee}#game[data-phase=paused] .menu-actions,#game[data-phase=over] .menu-actions,#game[data-phase=paused] .record,#game[data-phase=over] .record{justify-content:center}#game[data-phase=paused] h1,#game[data-phase=over] h1{font-size:64px}#results{display:flex;justify-content:center;gap:56px;margin:25px 0}#results>div{display:flex;flex-direction:column;gap:8px}#results small{font-size:8px;letter-spacing:1.5px;color:#7795a1}#results strong{font-size:33px;font-weight:400;color:#b6d2d3}#overlay:has(#help:not([hidden])){background:#142c39f5;justify-content:center;padding:27px 35px}#help{max-width:680px;text-align:center;width:100%}h2{font-family:Georgia,serif;font-size:37px;font-weight:400;letter-spacing:-1px;margin:15px 0}h2 em{font-weight:400;color:var(--cyan)}#help>p{font-size:11px;line-height:1.7;color:#8aa8b3}.control-pair{display:flex;justify-content:center;gap:50px}.control-pair p{font-size:10px;line-height:1.6;color:#91aeb8}.control-pair b{display:block;font-size:8px;letter-spacing:2px;color:var(--amber);margin-bottom:5px}.help-pickups{display:flex;justify-content:center;gap:27px;margin:14px 0}.help-pickups>div{display:flex;flex-direction:column;align-items:center;gap:3px}.help-pickups img{width:44px;height:44px;object-fit:contain}.help-pickups span{font-size:8px;color:#b0c5c9}.help-pickups small{font-size:8px;color:#bbac95}.help-powers{display:flex;justify-content:center;gap:17px;padding:13px 0;border-block:1px solid #809aa333}.help-powers>div{display:flex;align-items:center;gap:4px}.help-powers img{width:37px;height:37px;object-fit:contain}.help-powers span{font-size:7px;text-align:left;line-height:1.8;color:#809faa}.help-powers b{font-size:9px;color:#a7c9ce;display:block}.help-note{font-size:9px!important;margin:17px 0}#help .primary{padding:13px 20px}#splash{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#142937}#splash>span{font-size:45px;color:#9ebdc7}#splash strong{font-size:15px;letter-spacing:4px;font-weight:500}#splash small{font-size:8px;letter-spacing:2px;color:#73919f}@media(min-width:700px)and (max-height:800px){header{height:65px}main{margin-top:4px}#game{min-height:535px}h1{font-size:64px}#menu-tags{margin:21px 0}}@media(max-width:699px){header{height:70px;padding:0 20px}header a{font-size:10px;letter-spacing:1.5px}header a>span{font-size:25px;margin-right:7px}header small{font-size:7px;margin-left:8px}.header-note{display:none}main{padding:0 11px;margin:5px auto 0}.topline{font-size:7px;letter-spacing:1px;margin-bottom:12px}.topline span:last-child{font-size:6px}#game{aspect-ratio:auto;height:calc(100svh - 146px);min-height:480px;border-radius:5px}#overlay{align-items:flex-start;padding:43px 24px;background:linear-gradient(#142c39e8,#162d3999 70%,#172e3b44)}.eyebrow{font-size:6px;letter-spacing:1px}h1{font-size:49px;letter-spacing:-2px;margin:23px 0 22px}#description{font-size:11px}#menu-tags{gap:10px;font-size:6px;letter-spacing:1px;margin:25px 0}.primary{min-width:174px;padding:15px 17px;font-size:11px}.primary span{margin-left:17px}.menu-actions{gap:20px}.secondary{font-size:9px}.record{gap:16px;flex-direction:column;font-size:7px;margin-top:25px}.back{font-size:8px;margin-top:23px}.weather-label{right:18px;bottom:23px;font-size:7px}.weather-label span{font-size:5px}footer{font-size:7px;margin:18px 2px;letter-spacing:1px}footer span:last-child{display:none}#hud{padding:17px 14px}.stats{gap:19px}.stats small{font-size:6px;letter-spacing:1px}.stats strong{font-size:20px}#lives{font-size:15px}.tools{gap:5px}.tools button{width:28px;height:32px;font-size:16px}#powers{top:78px;left:15px;right:15px;font-size:7px;letter-spacing:.5px}#notice{top:108px;font-size:7px;letter-spacing:.6px}#control-hint{bottom:24px;left:17px;font-size:6px;letter-spacing:.5px}#game[data-phase=paused] #overlay,#game[data-phase=over] #overlay{align-items:center;padding:96px 19px 65px}#game[data-phase=paused] h1,#game[data-phase=over] h1{font-size:44px}#results{gap:37px;margin:22px 0}#results strong{font-size:29px}#results small{font-size:7px}#overlay:has(#help:not([hidden])){padding:30px 14px}h2{font-size:29px;line-height:1.25}.control-pair{gap:45px}.control-pair p{font-size:9px}#help>p{font-size:9px}.help-pickups{gap:13px;margin:17px 0}.help-pickups span{font-size:7px}.help-pickups img{width:38px;height:38px}.help-powers{gap:8px}.help-powers>div{width:33.33%;flex-direction:column}.help-powers span{text-align:center;font-size:7px}.help-powers b{font-size:8px}.help-powers img{width:33px;height:33px}.help-note{font-size:8px!important}#help .primary{font-size:10px}}@media(max-width:699px)and (max-height:740px){#overlay{padding:28px 22px}h1{font-size:43px;margin:17px 0}#menu-tags{margin:19px 0}.record{margin-top:21px;gap:13px}.back{margin-top:20px}.help-pickups{margin:10px 0}.help-powers{padding:9px 0}.control-pair p{margin:6px 0}.help-note,h2{margin:12px 0}#overlay:has(#help:not([hidden])){padding:21px 13px}}@media(max-width:350px){.topline span:last-child{display:none}.stats{gap:13px}.stats strong{font-size:18px}.tools button{width:25px}.tools{gap:4px}#lives{font-size:13px}#hud{padding:17px 11px}.menu-actions{gap:14px}.primary{min-width:164px}h1{font-size:41px}.eyebrow{font-size:5px}.help-pickups{gap:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}