*{box-sizing:border-box} :root{color-scheme:dark;--ink:#102c32;--cream:#f5f2df;--mint:#b9f6cf;--gold:#ffcf68} body{margin:0;background:#102c32;color:var(--cream);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;background-image:radial-gradient(ellipse at 20% 50%,#204646 0,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffcf68;outline-offset:4px}a{color:inherit}button{touch-action:manipulation}.site-header{max-width:1160px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.site-header a{text-decoration:none;display:flex;align-items:center;gap:24px}.brand{font-size:16px;font-weight:900;letter-spacing:-.6px}.brand b{color:var(--mint)}.back,.edition{font-size:10px;font-weight:700;letter-spacing:2px;color:#a5bdb8}.layout{max-width:1050px;min-height:0;margin:12px auto 16px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding:0 32px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2.1px}.intro-copy>.eyebrow{color:var(--gold);margin-bottom:24px}.intro-copy h1{font-size:clamp(36px,4.2vw,58px);line-height:1.04;letter-spacing:-2.5px;margin:0}.intro-copy em{font-style:normal;color:var(--mint)}.lede{font-size:17px;line-height:1.65;color:#b5cbc5;margin:22px 0 32px}.instruction{display:flex;gap:16px;align-items:center;max-width:340px;margin:15px 0}.instruction>span{color:var(--gold);font:11px ui-monospace,monospace;border:1px solid #496060;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.instruction p{margin:0;font-size:12px;color:#afc5bf}.instruction strong{display:block;color:var(--cream);font-size:13px}.text-link{display:inline-block;color:var(--mint);margin-top:30px;text-underline-offset:5px;font-size:12px}.cabinet{width:min(430px,calc((100dvh - 286px)*.65));min-width:286px;box-shadow:0 25px 60px #041b2670;border:1px solid #52706b;border-radius:18px;overflow:hidden;background:#14373b}.dashboard{height:70px;display:flex;gap:18px;align-items:center;padding:10px 17px;background:#153c40}.game-wordmark{font-size:13px;font-weight:950;line-height:1;letter-spacing:-.5px;margin-right:auto}.game-wordmark>span{display:block;color:var(--mint);font-size:23px}.tiny-star{font-size:14px;color:var(--gold);padding-left:3px}.stat{text-align:center;line-height:1.1}.stat>span{font-size:8px;letter-spacing:1.5px;color:#bad0c4}.stat strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;margin-top:3px}.icon-button{border:1px solid #5d7a73;border-radius:10px;background:transparent;color:var(--cream);height:40px;width:36px;font-size:20px;position:relative}.sound-off{position:absolute;font-size:12px;right:3px;bottom:4px;color:var(--gold)}.stage{width:100%;aspect-ratio:390/600;position:relative;overflow:hidden;touch-action:none;background:#98cabb}.stage canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;color:var(--ink);padding:18px}.overlay button,.overlay a{pointer-events:auto}.start-panel{width:100%;padding-bottom:98px}.start-panel .eyebrow{font-size:9px;margin:0 0 12px}.start-panel h2{font-size:68px;font-weight:1000;letter-spacing:-4px;line-height:.83;margin:0;position:relative;text-shadow:0 3px 0 #faf6d150;transform:rotate(-5deg)}.start-panel h2>span{color:#f7f1d5;-webkit-text-stroke:1.5px #143c40;text-shadow:3px 4px 0 #143c40}.start-panel h2 i{font-size:38px;color:#ffe09a;font-style:normal;position:absolute;margin:0 0 0 8px}.start-panel>p:not(.eyebrow){font-size:13px;line-height:1.5;font-weight:600;margin:22px 0 18px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;background:var(--gold);border:2px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);color:var(--ink);font-size:13px;letter-spacing:1px;font-weight:900;padding:12px 18px}.primary:hover{background:#ffdd90}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.primary span{font-size:22px;line-height:1}.start-panel .primary{max-width:248px;margin:0 auto}.overlay small{display:block;font-size:8px;font-weight:750;letter-spacing:1.5px;margin-top:16px}.original{color:#dceccc;position:absolute;bottom:24px;font-size:8px;font-weight:800;letter-spacing:2px}.shaded{background:#12343970;backdrop-filter:blur(3px)}.panel{background:var(--cream);padding:25px 22px;border:2px solid var(--ink);border-radius:16px;box-shadow:0 7px 0 #102c3260;width:100%;max-width:340px}.panel .eyebrow{font-size:9px;letter-spacing:1.5px}.panel h2{font-size:32px;line-height:1.06;letter-spacing:-1px;margin:15px 0}.panel p:not(.eyebrow){font-size:12px;margin:18px 0}.secondary{width:100%;background:transparent;border:0;color:var(--ink);padding:20px 4px 4px;text-decoration:underline;text-underline-offset:4px;font-size:12px}.panel>a{display:inline-block;font-size:11px;margin-top:24px;text-underline-offset:3px}.result-stats{display:flex;gap:12px;justify-content:center;border-top:1px solid #c6cec1;border-bottom:1px solid #c6cec1;padding:16px 0;margin:20px 0}.result-stats>div{flex:1}.result-stats strong{font-size:38px;display:block;line-height:1.1;letter-spacing:-1px}.result-stats span{font-size:8px;letter-spacing:1px;font-weight:800}.flight-controls{display:flex;gap:18px;align-items:center;padding:10px 14px 0}.flap-button{border:0;border-radius:8px;background:var(--mint);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:1.3px;padding:12px 14px;flex:1;min-height:44px;display:flex;justify-content:space-between}.flap-button:active{background:var(--gold)}.flight-controls>span{font-size:8px;color:#b6cfc4;letter-spacing:1px;line-height:1.7}.storage-note{font-size:7px;letter-spacing:1.4px;text-align:center;color:#b7cec5;margin:9px 5px 10px}footer{text-align:center;font-size:9px;color:#a0b9b0;padding:0 16px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.no-script{position:fixed;inset:25%;padding:30px;background:var(--cream);color:var(--ink);z-index:3}
@media(max-width:760px){.site-header{padding:12px 16px;height:50px}.site-header a{gap:14px}.brand{font-size:13px}.back{font-size:8px;letter-spacing:1px}.edition{font-size:7px;letter-spacing:1px}.layout{display:flex;justify-content:center;min-height:0;padding:0 10px;margin:0 auto 12px}.intro-copy{display:none}.cabinet{width:min(430px,calc((100dvh - 214px)*.65),100%);min-width:0;border-radius:13px}.dashboard{height:62px;padding:8px 12px;gap:12px}.stat strong{font-size:22px}.icon-button{height:38px;width:34px;min-width:34px}.start-panel h2{font-size:clamp(46px,16vw,65px)}.start-panel{padding-bottom:76px}.start-panel .eyebrow{font-size:8px;letter-spacing:1.5px}.start-panel>p:not(.eyebrow){font-size:12px;margin:18px 0 14px}.original{font-size:7px;letter-spacing:1.4px}footer{font-size:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.panel{padding:20px 18px}.panel h2{font-size:29px}.result-stats{padding:12px 0;margin:16px 0}.flight-controls{gap:12px;padding:8px 10px 0}.storage-note{font-size:6px;letter-spacing:1px;margin:7px 4px 8px}}
@media(max-height:650px) and (min-width:761px){.layout{min-height:0;margin:0 auto;gap:30px}.site-header{padding-top:12px;padding-bottom:12px}.cabinet{width:280px;min-width:280px}.intro-copy h1{font-size:38px}.instruction,.text-link{margin:12px 0}.lede{margin:14px 0}.stage{max-height:none}footer{margin-top:12px}}
@media(max-height:600px) and (max-width:760px){.cabinet{width:292px}.layout{padding-bottom:12px}.edition{display:none}.stage{aspect-ratio:390/600}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Both modes stay one thumb away; mode changes start a fresh run. */
.mode-selector{display:grid;grid-template-columns:1fr 1fr;padding:8px;gap:6px;background:#0c292f;border-bottom:1px solid #42635f}.mode-selector button{position:relative;text-align:left;border:1px solid #52736d;border-radius:9px;background:#153c40;color:#c5ddd1;padding:9px 12px;font-size:13px;font-weight:850;min-height:58px;line-height:1.3}.mode-selector button>span{display:block;font-size:8px;letter-spacing:1.4px;margin-bottom:4px;font-weight:700}.mode-selector button>b{position:absolute;right:10px;bottom:10px;font-size:19px;line-height:1}.mode-selector button[aria-pressed=true]{background:#b9f6cf;color:#102c32;border-color:#b9f6cf;box-shadow:inset 0 -3px 0 #77b59c}.mode-selector button[aria-pressed=true]>span{color:#285c51}.mode-selector button:hover{border-color:#ffcf68}.cabinet{width:min(430px,calc((100dvh - 352px)*.65));min-width:310px}.run-rule{display:inline-block;font-weight:600;margin-top:9px;font-size:11px}.flap-button{touch-action:none;user-select:none;-webkit-user-select:none}.flap-button.holding{background:var(--gold)}body[data-mode=hill] .stage{aspect-ratio:600/738}body[data-mode=hill] .start-panel{padding-bottom:190px}body[data-mode=hill] .start-panel h2{font-size:64px}body[data-mode=hill] .start-panel>p:not(.eyebrow){font-size:12px;line-height:1.7;margin:21px 0 18px}body[data-mode=hill] .original{color:#173f3d}body[data-mode=hill] .cabinet{width:min(450px,calc((100dvh - 330px)*600/738));min-width:330px}body[data-mode=hill] .flight-controls>span{font-size:7px;letter-spacing:.5px}
@media(max-width:760px){.cabinet{width:min(430px,calc((100dvh - 281px)*.65),100%);min-width:310px}.mode-selector{padding:6px;gap:5px}.mode-selector button{min-height:55px;padding:8px 10px}body[data-mode=hill] .cabinet{width:min(430px,calc((100dvh - 278px)*600/738),100%);min-width:310px}body[data-mode=hill] .start-panel{padding-bottom:145px}body[data-mode=hill] .start-panel h2{font-size:58px}body[data-mode=hill] .start-panel>p:not(.eyebrow){font-size:11px;margin:16px 0 14px}.dashboard{gap:10px}.flight-controls{gap:10px}.flap-button{font-size:10px;letter-spacing:.8px}.start-panel h2{font-size:56px}}
@media(max-width:350px){.cabinet,body[data-mode=hill] .cabinet{min-width:0;width:100%}.edition{display:none}.mode-selector button{font-size:12px}}
@media(max-height:620px){.cabinet,body[data-mode=hill] .cabinet{width:320px;min-width:0}.layout{align-items:start;margin-top:0}.site-header{padding-top:10px;padding-bottom:10px}.intro-copy{padding-top:30px}body[data-mode=hill] .start-panel{padding-bottom:150px}}
.dashboard{gap:10px;padding-left:12px;padding-right:12px}.icon-button,.game-wordmark{flex-shrink:0}.stat{min-width:0}
@media(max-width:350px){.dashboard{gap:7px;padding-left:8px;padding-right:8px}.stat strong{font-size:18px}.game-wordmark{font-size:11px}.game-wordmark>span{font-size:19px}}
@media(max-width:1000px) and (max-height:500px){.intro-copy{display:none}.layout{display:flex;justify-content:center}.cabinet,body[data-mode=hill] .cabinet{width:350px}}