@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lilita+One&display=swap');
:root{color-scheme:light;--paper:#f6f5ed;--ink:#183b30;--muted:#6b7c71;--line:#d8decf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #e9a746;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}.site-header{max-width:1200px;margin:auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.brand{font-weight:700;font-size:19px;letter-spacing:-1px}.brand span{font-size:9px;letter-spacing:2px;margin-left:12px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:0 32px}.title-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;margin:0 0 7px}h1{font-family:'Lilita One',system-ui,sans-serif;font-size:38px;letter-spacing:-1px;font-weight:400;line-height:1;margin:0}h1 span{color:#6d9750;font-size:24px;margin-left:12px;vertical-align:middle}.stage-label{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1px}.stage-label b{font-weight:500;margin-left:12px;color:var(--muted)}.stage-dot,.stage-footer i{display:inline-block;width:6px;height:6px;background:#689f4c;border-radius:50%}
.game{position:relative;width:min(860px,calc((100svh - 186px)*1.3333));max-width:100%;margin:auto;background:#e9ece2;border:2px solid #18352b;box-shadow:0 8px 22px #2343371a;border-radius:5px;overflow:hidden}.viewport{position:relative;aspect-ratio:4/3;background:#49a5e9;isolation:isolate}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:3% 4%;pointer-events:none;color:#fff;font-family:'Lilita One',system-ui,sans-serif;filter:drop-shadow(1px 2px 0 #101d42);-webkit-text-stroke:.65px #182345;text-shadow:1px 0 #182345,-1px 0 #182345,0 1px #182345,0 -1px #182345}.hud small,.hud strong{display:block;font:inherit;font-size:clamp(13px,2vw,24px);line-height:1.15;letter-spacing:1px;text-align:center}.hud strong{font-size:clamp(14px,2.2vw,27px)}.hud b{font-weight:400}.hud-coins strong{color:#ffe768}.hud button{pointer-events:auto;color:white;background:#17465b40;border:1px solid #c1eaff8c;border-radius:3px;font-size:16px;padding:4px 7px;-webkit-text-stroke:0;margin-left:8px}.hud button:disabled{visibility:hidden}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b224b63;padding:8% 6%;text-align:center;color:white}.overlay[hidden]{display:none}.overlay-copy{max-width:360px;animation:appear .35s both}.overlay .eyebrow{font-family:'Lilita One',system-ui,sans-serif;font-size:18px;letter-spacing:2px;text-shadow:2px 2px #102347;margin-bottom:14px}.overlay h2{font:400 clamp(28px,4.5vw,58px)/1 'Lilita One',system-ui,sans-serif;color:#ffe469;text-shadow:3px 3px #263051,0 3px #263051,3px 0 #263051;margin:8px 0 20px;-webkit-text-stroke:1px #493b26;letter-spacing:-1px}.overlay-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;text-shadow:0 2px 3px #09244c;max-width:290px;margin:0 auto}.primary{background:#ffe172;border:2px solid #764b18;color:#523713;box-shadow:inset 0 3px #fff4b1,0 4px #10234966;border-radius:5px;padding:13px 24px;font-family:'Lilita One',system-ui,sans-serif;font-size:18px;display:flex;align-items:center;gap:32px;margin:24px auto 0;transition:transform .15s,background .15s}.primary:hover{background:#fff09b;transform:translateY(-2px)}.overlay-copy .overlay-note{font-size:10px!important;margin-top:18px!important;color:#deedf9}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#24462b33}.progress div{height:100%;background:#f6d05c;transition:width .1s}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;gap:8px;flex-wrap:wrap}.toolbar p{font-size:9px;color:var(--muted);margin:0}.toolbar p kbd{display:inline-block;padding:2px 4px;background:#f7f7eb;border:1px solid #cbd3c1;border-radius:3px;margin-left:6px;font:9px system-ui}.toolbar p kbd:first-child{margin-left:0}.toolbar>div{display:flex;gap:6px;align-items:center;margin-left:auto}.toolbar button{border:1px solid #bac6b2;border-radius:4px;background:transparent;color:var(--ink);font-size:10px;padding:7px 9px}.toolbar button:hover{background:#f9f9ed}.volume{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.volume input{width:55px;height:4px;accent-color:#387740}.touch{display:none;gap:8px;padding:0 12px 12px}.touch span{flex:1}.touch button{border:1px solid #b9c8ad;background:#f5f6eb;color:var(--ink);min-width:45px;padding:11px 16px;border-radius:5px;font-weight:700;touch-action:none;user-select:none}.touch .jump{background:var(--ink);color:#fff}.touch button[aria-pressed=true]{background:#80a961;color:#fff}.stage-footer{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;font-size:10px;color:var(--muted);max-width:860px;margin:auto}.stage-footer>span:first-child{display:flex;align-items:center;gap:8px}.stage-footer>span:last-child{font-size:8px;letter-spacing:1.5px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid var(--line);padding:24px 0 28px;margin-top:12px}.guide-number{font-size:10px;color:#6c9659}.guide h2{font-size:15px;font-weight:700;margin:8px 0}.guide p{font-size:11px;line-height:1.7;color:var(--muted);max-width:300px;margin:0}footer{border-top:1px solid var(--line);padding:20px 0 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:1px}
.game:fullscreen{width:100vw;height:100vh;max-width:none;background:#071828;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:0}.game:fullscreen .viewport{height:auto;width:min(100vw,calc((100dvh - 65px)*1.3333));aspect-ratio:4/3}.game:fullscreen .hud{padding:16px 4%}.game:fullscreen .toolbar{width:min(100vw,calc((100dvh - 65px)*1.3333));color:#c2d6c7;background:#e9ece2}.game:fullscreen .touch{position:absolute;bottom:14px;left:12px;right:12px;opacity:.8}.game:fullscreen:has(.touch button[aria-pressed=true]) .touch{opacity:1}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse){.touch{display:flex}.game{width:min(860px,calc((100svh - 248px)*1.3333))}}@media(max-width:720px){.site-header{padding:16px 20px}main{padding:0 16px}.title-row{padding:22px 0 18px}h1{font-size:34px}.title-row .eyebrow{font-size:8px;letter-spacing:1px}.stage-label{font-size:8px}.stage-label b{display:none}.game{width:100%;max-width:640px}.hud small{font-size:clamp(13px,3.4vw,22px)}.hud strong{font-size:clamp(15px,3.8vw,25px)}.hud button{font-size:12px;padding:3px 5px}.overlay .eyebrow{font-size:15px;margin-bottom:12px}.overlay h2{font-size:40px;margin:0 0 12px}.overlay-copy>p:not(.eyebrow){font-size:11px;max-width:250px}.primary{font-size:15px;padding:10px 20px;margin-top:18px;gap:24px}.overlay-copy .overlay-note{font-size:8px!important;margin-top:12px!important}.touch{display:flex}.toolbar{padding:10px;gap:10px}.volume input{width:48px}.toolbar>div{margin-left:0}.guide{gap:20px;padding:20px 0}.guide h2{font-size:14px}.guide p{font-size:11px}.stage-footer>span:last-child{display:none}footer{font-size:8px;letter-spacing:0;gap:12px}}@media(max-width:440px){.overlay{padding-top:48px}.overlay .eyebrow{display:none}.brand span{margin-left:8px}h1{font-size:30px}.stage-label{font-size:7px}.overlay h2{font-size:35px}.overlay-copy>p:not(.eyebrow){font-size:10px;max-width:230px}.overlay .eyebrow{font-size:14px}.primary{margin-top:14px}.guide{grid-template-columns:1fr;gap:20px}.guide p{max-width:none}}@media(max-height:600px) and (min-width:721px){.site-header{padding-top:10px;padding-bottom:10px}.title-row{padding:14px 0}.title-row .eyebrow{font-size:8px}h1{font-size:28px}.game{width:calc((100svh - 154px)*1.3333)}.overlay .eyebrow{font-size:14px;margin-bottom:8px}.overlay h2{font-size:34px;margin:6px 0 12px}.overlay-copy>p:not(.eyebrow){font-size:10px;max-width:230px}.primary{font-size:14px;padding:9px 18px;margin-top:16px}.overlay-copy .overlay-note{display:none}.hud small,.hud strong{font-size:17px}.toolbar{padding:8px 10px}.toolbar p{display:none}.toolbar>div{margin:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.stage-label{flex-direction:column;align-items:flex-end;gap:5px}.stage-picker{display:flex;gap:6px}.stage-picker button{border:1px solid #b5c4ac;border-radius:4px;padding:6px 12px;background:#fffdf4;color:#466048;font-size:11px;font-weight:700}.stage-picker button[aria-pressed=true]{background:#264f36;color:#fff9dd;border-color:#264f36}.stage-picker button:hover{border-color:#376c45}.stage-label>span{font-size:8px;letter-spacing:.4px;font-weight:500}.replay{display:block;margin:12px auto 0;background:transparent;color:#e6eff9;border:0;text-decoration:underline;font-size:10px}.replay[hidden]{display:none}.game[data-theme=cave]{border-color:#203652}.game[data-theme=cave] .viewport{background:#173665}@media(max-width:440px){.stage-picker button{font-size:10px;padding:5px 10px}.stage-label>span{font-size:7px}}

.play-area{display:flex;justify-content:center}.play-area .game{margin:0;min-width:0}
.toolbar>div{flex-wrap:wrap;max-width:100%}.toolbar button{flex-shrink:0}@media(max-width:720px){.toolbar>div{gap:8px}}

.game[data-theme="citadel"]{border-color:#49374e;background:#ece6e8}.game[data-theme="citadel"] .progress div{background:#d3a257}.touch [data-key="down"]{margin-left:auto;padding-inline:10px}
@media(max-width:440px){.touch{gap:5px;padding-inline:8px}.touch button{padding-inline:10px;min-width:38px}.stage-picker{gap:3px}.stage-picker button{padding:7px 8px}}