:root{--cream: #fcefd0;--gold: #fbd982;--amber: #f7b24a;--orange: #f0883c;--deep: #e5602b;--ink: #2b2118;--danger: #d6241c;--panel: rgba(28, 20, 13, .62);--font: ui-monospace, "SFMono-Regular", Menlo, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#160f0a;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:none}body{background:radial-gradient(120% 90% at 50% 22%,#2a1d12,#1a120c 55%,#110b07)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.1) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5;z-index:50}body.ogmode:after{content:none}#stage{position:relative;height:100dvh;max-width:940px;margin:0 auto;padding:14px clamp(10px,3vw,22px) 10px;display:flex;flex-direction:column;gap:10px}#topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between}#wordmark{font-weight:800;letter-spacing:.16em;font-size:clamp(13px,2.4vw,17px);color:var(--cream);text-shadow:2px 2px 0 var(--deep),3px 3px 0 var(--ink)}.ctrl{font-family:var(--font);background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);width:38px;height:34px;font-size:15px;cursor:pointer}.ctrl:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ctrl.off{background:#b9ad97;color:#6b6052;text-decoration:line-through}#frame{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}#game{width:100%;max-height:100%;aspect-ratio:16 / 9;image-rendering:pixelated;display:block;border:4px solid var(--ink);box-shadow:0 0 0 4px #3a2a1b,6px 8px #00000073;background:#f7b24a;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:4px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,14px);padding:clamp(10px,3vh,22px);text-align:center;overflow-y:auto;background:linear-gradient(180deg,#140d0852,#140d0875),linear-gradient(180deg,#fcefd0,#fbd982 26%,#f7b24a 48%,#f0883c 68%,#e5602b 86%,#c7461f)}#title.overlay{justify-content:flex-start;padding-top:clamp(18px,5vh,42px)}.overlay:before{content:"";position:absolute;left:0;right:0;bottom:0;height:16%;background:repeating-linear-gradient(90deg,#c7461f 0,#c7461f 14px,#b23c19 14px,#b23c19 28px);border-top:3px solid #86290F;opacity:.9}.overlay.hidden{display:none}.hero{width:min(68%,330px);height:auto;image-rendering:pixelated}.title-cat{width:min(56%,260px);height:auto;image-rendering:pixelated;filter:drop-shadow(4px 5px 0 rgba(43,33,24,.38))}.tagline{color:var(--cream);letter-spacing:.06em;font-size:clamp(11px,2.1vw,14px);opacity:.95}.hint{font-size:clamp(9px,1.8vw,12px);line-height:1.7;color:var(--cream);letter-spacing:.04em}.hint b{color:var(--amber)}.dim{opacity:.6}.cats{display:flex;gap:10px}.cat{background:#fcefd01a;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:6px 6px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.cat canvas{width:76px;height:52px;image-rendering:pixelated;background:#2b21181f}.cat.sel canvas{background:#e5602b1a}.cat span{font-size:8px;letter-spacing:.08em;color:var(--cream)}.cat.sel{background:var(--cream);box-shadow:3px 3px 0 var(--deep)}.cat.sel span{color:var(--ink)}.cat:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn{font-family:var(--font);font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:11px 22px;font-size:clamp(13px,2.4vw,16px);cursor:pointer}.btn:hover{background:var(--gold)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost{background:transparent;color:var(--cream);box-shadow:4px 4px #0006}.btn.ghost:hover{background:#fcefd024}#over-title{font-size:clamp(26px,8vw,52px);letter-spacing:.06em;color:var(--danger);text-shadow:3px 3px 0 var(--ink)}.over-stats{display:flex;gap:clamp(14px,5vw,34px);align-items:flex-end}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-size:clamp(22px,6vw,40px);color:var(--cream);line-height:1}.stat b.hot{color:var(--amber)}.stat span{font-size:9px;letter-spacing:.1em;opacity:.7}.newbest{color:var(--amber);font-size:11px;letter-spacing:.12em}.over-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#botbar{position:relative;z-index:20;text-align:center}.credit{font-size:13px;letter-spacing:.08em;opacity:.9}.xlink{color:var(--gold);text-decoration:none;font-weight:800}.xlink:hover{color:var(--cream);text-decoration:underline}@media(max-height:560px){.hero{width:min(60%,300px)}}@media(max-width:420px){.over-actions .btn{padding:10px 16px}.cats{gap:7px}}@media(max-height:480px){#title.overlay{justify-content:center;padding-top:clamp(6px,2vh,14px);gap:5px}.hero{width:min(40%,220px)}.title-cat{width:min(28%,140px)}.tagline{font-size:11px}.hint{font-size:9px;line-height:1.5}.btn{padding:8px 18px}.over-stats{gap:clamp(12px,4vw,26px)}}