: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:100vh;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);cursor:pointer}#wordmark:hover{color:var(--amber)}#stage:has(#title:not(.hidden)) #wordmark{visibility:hidden}.lead{display:flex;align-items:center;gap:8px}#board-btn{display:none;align-items:center;gap:7px;width:auto;height:34px;padding:0 11px;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ink)}.board-btn .bars{display:flex;align-items:flex-end;gap:2px;height:14px}.board-btn .bars i{display:block;width:3px;background:var(--ink)}.board-btn .bars i:nth-child(1){height:9px}.board-btn .bars i:nth-child(2){height:14px}.board-btn .bars i:nth-child(3){height:6px}#stage:has(#title:not(.hidden)) .board-btn{display:inline-flex}.board-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(330px,calc(100vw - 28px));background:#241a10;border:3px solid var(--ink);box-shadow:5px 5px #00000073;padding:10px 12px 12px;max-height:72vh;overflow-y:auto}.board-panel.hidden{display:none}.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}.btn.small{padding:9px 14px;font-size:12px}#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}.over-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#over.overlay{flex-direction:row;align-items:center;gap:clamp(18px,5vw,56px)}.over-main{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px)}.over-board{width:min(330px,42vw)}@media(max-width:720px){#over.overlay{flex-direction:column;gap:clamp(7px,1.4vh,12px);justify-content:flex-start;overflow:hidden;padding-top:clamp(50px,8.5vh,64px);padding-bottom:80px}#over.overlay:before{height:64px}.over-main{flex:0 0 auto;width:min(100%,360px);min-width:0}.over-board{flex:1 1 auto;min-height:116px;width:min(100%,360px);min-width:0;display:flex;flex-direction:column}#board-over-list{flex:1 1 auto;min-height:0;overflow-y:auto}}.submit{display:flex;flex-direction:column;gap:8px;align-items:center;width:min(100%,360px)}.fields{display:flex;gap:8px;width:100%}.submit input{flex:1 1 0;min-width:0;font-family:var(--font);background:var(--cream);color:var(--ink);border:3px solid var(--ink);padding:9px 10px;font-size:12px;letter-spacing:.06em}.submit input::placeholder{color:#9c8f78}.submit-msg{font-size:10px;min-height:12px;letter-spacing:.05em}.submit-msg.ok{color:var(--amber)}.submit-msg.err{color:var(--danger)}.submit.done .fields,.submit.done #submit-btn{display:none}.board-list{list-style:none;display:flex;flex-direction:column;gap:2px}.board-row{display:grid;grid-template-columns:18px 1fr auto auto;gap:8px;align-items:center;font-size:11px;padding:3px 6px;background:#fcefd012;border-left:3px solid var(--deep)}.board-row:nth-child(1){border-left-color:var(--amber)}.board-rank{color:var(--amber);font-weight:800}.board-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}.board-handle{display:inline-flex;align-items:center;gap:3px;color:#8fb4ff;text-decoration:none;font-size:10px}.x-icon{width:9px;height:9px;flex:none}.board-handle:hover{text-decoration:underline}.board-score{font-weight:800;color:var(--cream)}.board-empty{font-size:10px;opacity:.6;padding:6px}.board::-webkit-scrollbar,.board-panel::-webkit-scrollbar{width:4px}.board::-webkit-scrollbar-thumb,.board-panel::-webkit-scrollbar-thumb{background:#fcefd04d;border-radius:2px}.board::-webkit-scrollbar-track,.board-panel::-webkit-scrollbar-track{background:transparent}.seg{display:inline-flex;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#1c140d66}.seg-btn{font-family:var(--font);font-weight:800;letter-spacing:.08em;font-size:11px;color:var(--cream);background:transparent;border:0;border-right:3px solid var(--ink);padding:7px 13px;cursor:pointer}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:#fcefd01f}.seg-btn.on{background:var(--amber);color:var(--ink)}.board-seg{display:flex;width:100%;margin-bottom:8px;box-shadow:2px 2px 0 var(--ink)}.board-seg .seg-btn{flex:1;padding:6px 4px;font-size:10px}#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-width:660px){.board-btn-label{display:none}}@media(max-width:480px){.fields{flex-direction:column}}@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)}}