:root{--bg:#0a0b0a;--bg-2:#161a18;--surface:#222724;--text:#f4f7f3;--muted:#8c9a8f;--lime:#c6ff3d;--line:rgba(244,247,243,.14);--red:#ff776c;--mono:'Courier New',monospace;--head:'Sora',Arial,Helvetica,sans-serif;--body:'Inter',Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:var(--mono);font-weight:700}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit}::selection{background:var(--lime);color:var(--bg)}.site{width:100%;max-width:none;padding:0 24px;margin:0}header{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:800 15px var(--head);text-decoration:none;letter-spacing:-.4px}.brand-icon{display:grid;place-items:center;background:var(--lime);color:var(--bg);height:40px;width:40px;font:900 34px var(--mono);border-radius:9px}.brand small{display:block;font:9px var(--mono);letter-spacing:1.6px;color:var(--muted);margin-top:6px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{border:1px solid var(--line);padding:10px;background:var(--bg-2);font-size:9px;border-radius:6px;color:var(--text)}.edition{font:8px var(--mono);letter-spacing:1px;margin-right:9px;color:var(--muted)}.volume-control{display:flex;align-items:center;gap:5px;font:8px var(--mono);color:var(--muted)}.volume-control input{width:55px;accent-color:var(--lime);cursor:pointer}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:34px 0 28px}.eyebrow{font:700 9px var(--mono);letter-spacing:1.7px;color:var(--muted)}.eyebrow i{display:inline-block;background:var(--lime);height:6px;width:6px;margin-right:6px}h1{font:900 clamp(32px,4.3vw,57px)/1 var(--head);letter-spacing:-3px;margin:16px 0 0}h1 span{color:var(--lime)}h1 sup{font:9px var(--mono);letter-spacing:0;vertical-align:top;display:inline-block;margin-top:5px;color:var(--muted)}.intro p{font-size:11px;line-height:1.9;margin:0;color:var(--muted)}.intro strong{color:#c9d1ca;font-weight:500}.arcade{border:1px solid #414b3b;border-radius:12px;overflow:hidden;background:var(--bg-2);box-shadow:0 0 0 5px #161a1880,0 18px 60px #0006}.hud{color:var(--text);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:71px}.hud-label{display:block;font:8px var(--mono);color:var(--muted);letter-spacing:1px;margin-bottom:7px}.hud strong{font:700 12px var(--mono)}.hud .hearts{color:var(--red);font-size:18px;line-height:14px}.hud kbd{background:var(--surface);box-shadow:none;border:0;color:var(--text);padding:2px 5px;font-size:8px}.hud button{background:var(--surface);color:var(--text);border:1px solid var(--line);height:30px;width:30px;border-radius:5px}.timer-hud strong{color:var(--lime);font-size:19px;letter-spacing:1px}.timer-hud.danger strong{color:var(--red)}.meter{height:5px;width:104px;background:#353e35}.meter i{display:block;background:var(--lime);width:100%;height:100%;transition:width .1s}.stage{position:relative;aspect-ratio:16/9;background:#192c27;overflow:hidden}.stage canvas{display:block;image-rendering:pixelated;width:100%;height:100%;touch-action:none;outline:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#07100bed,#08140bb8 60%,#08140b3b);z-index:2}.overlay[hidden]{display:none}.overlay-card{text-align:center;color:var(--text);padding:24px;max-width:720px;width:100%}.tag{display:inline-block;color:var(--lime);border:1px solid #c6ff3d45;background:#0a0b0abf;font:9px var(--mono);letter-spacing:1.5px;padding:8px 12px}.overlay h2{font:900 clamp(34px,6vw,80px)/.95 var(--head);letter-spacing:-4px;margin:23px 0 18px;white-space:pre-line;text-shadow:4px 4px #0a0b0a}.overlay h2 em{font-style:normal;color:var(--lime)}.overlay p{font:12px/1.8 var(--mono);color:#d3ddd0;white-space:pre-line;margin:0 auto 24px;max-width:530px;text-wrap:pretty}.play{background:var(--lime);color:var(--bg);border:0;border-radius:5px;box-shadow:0 4px 0 #6b8c1d;padding:15px 24px;font-size:11px;letter-spacing:.5px;min-width:240px}.play span{margin-left:26px}.overlay small{display:block;font:9px/1.5 var(--mono);margin-top:19px;color:var(--muted)}.overlay-actions{display:flex;align-items:center;justify-content:center;gap:18px}.skip{background:none;border:0;color:var(--muted);font-size:9px;padding:12px 0}.overlay[data-mode="story"]{background:linear-gradient(90deg,#08110bf0 0%,#08110bd6 56%,#08110b00 100%)}.overlay[data-mode="story"] .overlay-card{max-width:none;text-align:left;padding:35px 44px;width:100%}.overlay[data-mode="story"] h2{max-width:560px;font-size:clamp(28px,4.5vw,55px);letter-spacing:-2px;line-height:1.05}.overlay[data-mode="story"] p{margin-left:0;max-width:490px}.overlay[data-mode="story"] .overlay-actions{justify-content:flex-start}.overlay[data-mode="reset"]{background:#120c0de0}.overlay[data-mode="reset"] .tag{color:var(--red);border-color:#ff776c55}.overlay[data-mode="reset"] h2{color:var(--red);font-size:clamp(33px,5vw,64px)}.overlay[data-mode="won"] h2{color:var(--lime)}.fullscreen{position:absolute;right:12px;bottom:12px;background:#0a0b0abd;border:1px solid #8c9a8f66;border-radius:5px;color:var(--text);font-size:22px;height:32px;width:32px;z-index:1}#toast{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#0a0b0af2;border:1px solid #c6ff3d77;border-radius:4px;color:#ecf6dc;padding:10px 16px;font:11px/1.5 var(--mono);text-align:center;max-width:85%;width:max-content;opacity:0;transition:opacity .15s;pointer-events:none;z-index:3}.ticker{display:flex;align-items:center;height:39px;gap:19px;color:var(--muted);font:9px var(--mono);padding:0 18px}.live{color:var(--lime);white-space:nowrap;font-weight:bold}.live i{display:inline-block;height:5px;width:5px;background:var(--lime);margin-right:6px}.insert{margin-left:auto;white-space:nowrap;font-size:9px;color:#c9d1ca}.under-game{display:flex;justify-content:space-between;padding:18px 2px 26px;font:8px var(--mono);color:var(--muted);letter-spacing:.6px}.status-dot{display:inline-block;background:var(--lime);height:5px;width:5px;margin-right:6px}.guide{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin-bottom:32px;overflow:hidden}.guide-card{padding:19px 17px;border-right:1px solid var(--line);background:#111412}.guide-card:last-child{border:0}.guide-card>div{height:25px;display:flex;align-items:center;gap:5px}.guide-card>div>span{font:8px var(--mono);letter-spacing:.5px;margin-left:5px;color:var(--muted)}kbd{font:10px var(--mono);padding:4px 6px;border:1px solid #414b42;background:var(--bg-2);box-shadow:0 2px 0 #080b09;border-radius:4px;color:#c9d1ca}h3{font:700 12px var(--head);margin:14px 0 8px}.guide-card p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.section-caption{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);margin:0 0 15px}.chapter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.chapter{padding:15px 0 18px;border-top:2px solid var(--surface)}.chapter.active{border-color:var(--lime)}.chapter>span{font:8px var(--mono);color:var(--muted)}.chapter.active>span{color:var(--lime)}.chapter h3{margin:10px 0 7px;font-size:15px}.chapter p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}footer{margin-top:20px;border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px/1.7 var(--mono);color:var(--muted)}footer b{color:var(--lime);font-size:16px}footer p{margin:0}footer>span:last-child{text-align:right}.touch{display:none;justify-content:space-between;padding:10px;gap:10px}.touch>div{display:flex;gap:8px}.touch button{user-select:none;touch-action:none;background:var(--surface);color:var(--text);border:1px solid #414b42;border-bottom:3px solid #070a08;border-radius:5px;width:48px;height:45px;font-size:18px}.touch .jump,.touch button.held{background:var(--lime);color:var(--bg)}.boss-hud{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#0a0b0af0;padding:10px 15px;color:var(--lime);font:9px var(--mono);width:260px;border:1px solid #c6ff3d66;border-radius:4px}.boss-hud[hidden]{display:none}.boss-hud div{height:5px;background:#40473d;margin-top:7px}.boss-hud i{display:block;height:100%;width:100%;background:var(--red)}.boss-hud small{display:block;font-size:7px;color:var(--muted);margin-top:6px}dialog{border:1px solid #c6ff3d66;border-radius:12px;background:var(--bg-2);color:var(--text);max-width:570px;max-height:90vh;padding:35px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#0a0b0ad9}dialog h2{font:700 28px var(--head);letter-spacing:-1px}dialog p{font-size:12px;line-height:1.75;color:#bbc7bd}dialog b{color:var(--text)}dialog .play{margin-top:10px}.close{position:absolute;top:10px;right:15px;border:0;background:transparent;font-size:24px;color:var(--text)}.stage:fullscreen{background:var(--bg);width:100vw;height:100vh;aspect-ratio:auto}.stage:fullscreen canvas{object-fit:contain}
@media(max-width:1050px){.site{padding:0 24px}.edition{display:none}.intro p{font-size:10px}h1{font-size:43px}.hud{padding:12px 16px}.guide-card{padding:15px 12px}.guide-card p{font-size:9px}.ticker{font-size:8px;gap:12px}.overlay[data-mode="story"] p{max-width:440px;font-size:11px}}
@media(max-width:700px){.site{padding:0 14px}header{min-height:74px;gap:8px}.brand{font-size:11px;gap:8px}.brand-icon{width:32px;height:32px;font-size:27px}.brand small{font-size:7px;letter-spacing:.7px}.header-actions{gap:6px}.header-actions button{font-size:8px;padding:8px}.volume-control{display:none}.intro{padding:26px 0 22px;display:block}.intro p{margin-top:15px;line-height:1.65}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:clamp(32px,7.2vw,46px);letter-spacing:-2px}.hud{padding:10px;gap:8px;height:62px}.hud-label{font-size:6px;letter-spacing:.3px}.hud strong{font-size:9px}.hud .hearts{font-size:12px}.timer-hud strong{font-size:16px}.meter{width:60px}.hud button{height:26px;width:26px}.special-hud{display:none}.overlay-card{padding:12px}.tag{font-size:6px;letter-spacing:.7px;padding:5px 7px}.overlay h2{font-size:38px;letter-spacing:-2px;margin:12px 0 10px;text-shadow:2px 2px #0a0b0a}.overlay p{font-size:8px;line-height:1.6;margin-bottom:12px;max-width:90%}.overlay .play{padding:10px 13px;font-size:8px;min-width:175px}.overlay small{font-size:6px;margin-top:11px}.overlay-actions{gap:12px}.skip{font-size:7px;padding:9px 0}.overlay[data-mode="story"] .overlay-card{padding:14px 22px}.overlay[data-mode="story"] h2{font-size:28px;letter-spacing:-1px;max-width:340px;margin:11px 0}.overlay[data-mode="story"] p{font-size:8px;max-width:330px}.overlay[data-mode="reset"] h2{font-size:33px}.ticker{height:32px;padding:0 10px;font-size:7px;gap:10px}.ticker #tickerText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live{font-size:7px}.insert{font-size:7px}.touch{display:flex}.touch button{width:40px;height:40px}.under-game{font-size:6px;gap:10px;line-height:1.6}.guide{grid-template-columns:repeat(2,1fr)}.guide-card{border-bottom:1px solid var(--line)}.guide-card:nth-child(2){border-right:0}.guide-card:nth-child(3){border-bottom:0}.guide-card h3{font-size:11px}.chapter-row{gap:14px}.chapter>span{font-size:6px}.chapter h3{font-size:12px}.chapter p{font-size:9px}footer{flex-wrap:wrap;gap:10px;font-size:7px}footer p{order:3;width:100%}footer>span:last-child{margin-left:auto}.fullscreen{width:25px;height:25px;font-size:16px;right:7px;bottom:7px}#toast{font-size:8px;top:8px;padding:6px 9px}.boss-hud{bottom:7px;width:180px;font-size:7px;padding:6px 8px}.boss-hud small{font-size:5px}dialog{padding:25px;max-width:calc(100vw - 28px)}}
@media(max-width:450px){.stage{aspect-ratio:4/3}.stage canvas{object-fit:contain}.overlay h2{font-size:42px}.overlay[data-mode="story"] h2{font-size:29px;max-width:270px}.overlay[data-mode="story"] p{max-width:260px;font-size:9px}.overlay p{font-size:9px}.overlay small{font-size:7px}.tag{font-size:7px}.live{display:none}.hud .level-hud{max-width:100px}.hud .level-hud strong{font-size:8px}.overlay[data-mode="reset"] h2{font-size:34px}}
@media(pointer:coarse){.touch{display:flex}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Keep the princess and her actual reset-button animation visible beside the receipt. */
.overlay[data-mode="reset"]{background:linear-gradient(90deg,#120c0df7 0%,#120c0de6 61%,#120c0d15 100%)}
.overlay[data-mode="reset"] .overlay-card{max-width:none;text-align:left;padding:35px 44px}
.overlay[data-mode="reset"] p{margin-left:0;max-width:60%}
.overlay[data-mode="reset"] .overlay-actions{justify-content:flex-start}
@media(max-width:700px){.overlay[data-mode="reset"] .overlay-card{padding:14px 22px}.overlay[data-mode="reset"] p{max-width:75%}}
/* Original TurboMonkey mark and wordmark treatment from the parent site. */
.brand-icon{display:block;width:36px;height:36px;background:none;border-radius:0;flex:none}
.brand-word{font:300 22px/1 var(--head);letter-spacing:-.035em;white-space:nowrap}
.brand-word b{font-weight:700}
.footer-brand{display:flex;align-items:center;gap:9px}
.footer-brand img{display:block;flex:none}
.footer-brand b{color:var(--text);font-size:inherit}
@media(max-width:700px){.brand-icon{width:32px;height:32px}.brand-word{font-size:20px}.brand small{font-size:6px}}