:root{--ink:#f7f4e9;--panel:rgba(9,12,15,.72);--hot:#ff5638;--cold:#30d7f0;--gold:#ffd85a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0e11;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
#start{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 38%,rgba(255,83,50,.24),transparent 38%),linear-gradient(145deg,#11171d,#050608 70%)}
#start.hidden{display:none}.start-card{width:min(760px,94vw);padding:28px 24px;text-align:center;border:2px solid #ffffff2b;background:linear-gradient(180deg,#151a20ee,#090b0eee);box-shadow:0 20px 80px #000;border-radius:20px}.kicker{font-size:11px;letter-spacing:.22em;color:var(--cold);font-weight:900}.start-card h1{margin:8px 0 5px;font:1000 clamp(52px,12vw,118px)/.82 Impact,"Arial Black",sans-serif;letter-spacing:-.03em;color:#fff;text-shadow:0 5px 0 #a52b22,0 0 28px #ff5a3a55}.tag{font-weight:1000;font-size:clamp(18px,4vw,31px);line-height:1.05;color:var(--gold);letter-spacing:.04em}.controls{max-width:640px;margin:18px auto;color:#d1d7dc;font-size:12px;line-height:1.6}button{font:1000 14px inherit;border:1px solid #ffffff55;border-radius:12px;background:#f0efe8;color:#111;padding:12px 18px;box-shadow:0 5px 0 #0007}button:disabled{opacity:.45}button:active{transform:translateY(3px);box-shadow:0 2px 0 #0008}#startBtn{background:linear-gradient(#ffdf6c,#ff9e37);min-width:240px}#bootStatus{margin-top:12px;font-size:11px;color:#9fa8ae}
#hud{position:fixed;inset:0;z-index:20;pointer-events:none;display:none;text-shadow:0 2px 2px #000}body.running #hud{display:block}.panel{position:absolute;top:max(10px,env(safe-area-inset-top));background:var(--panel);border:1px solid #ffffff22;backdrop-filter:blur(7px);box-shadow:0 4px 18px #0007}.top-left{left:10px;padding:9px 11px;border-radius:13px;min-width:180px}.top-left b{display:block;color:var(--hot);font-size:15px}.top-left span{display:block;font-size:12px;margin-top:3px}.top-left small{display:block;color:#a9b1b6;margin-top:3px;font-size:9px;letter-spacing:.12em}.top-center{left:50%;transform:translateX(-50%);padding:9px 13px;border-radius:999px;display:flex;gap:14px;font-size:11px}.top-center b{color:#fff}.top-right{right:10px;padding:9px 11px;border-radius:13px;font-size:10px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#eventToast{position:absolute;left:50%;top:18%;transform:translate(-50%,-12px);min-width:min(410px,86vw);text-align:center;background:rgba(9,9,10,.76);border:1px solid #ffffff25;border-left:5px solid var(--hot);padding:10px 14px;border-radius:10px;opacity:0;transition:.18s}#eventToast.on{opacity:1;transform:translate(-50%,0)}#eventToast b{display:block;color:#fff;font-size:16px}#eventToast span{display:block;color:#cdd3d6;font-size:10px;margin-top:3px}.grudge#eventToast{border-left-color:#ff3b35}.impact#eventToast{border-left-color:#ffd852}
#branchHint{position:absolute;left:50%;top:86px;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:rgba(20,28,25,.68);border:1px solid #a8ffbd44;color:#caffd1;font-size:10px;letter-spacing:.04em;opacity:0;transition:.2s}#branchHint.on{opacity:1}
#debug{display:none;position:absolute;left:10px;top:100px;max-height:66vh;width:min(390px,92vw);overflow:hidden;background:rgba(3,6,8,.84);border:1px solid #ffffff26;padding:10px;border-radius:12px;font-size:10px;line-height:1.35;white-space:pre}body.debug #debug{display:block}
#help{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(4,6,8,.62);border:1px solid #ffffff22;border-radius:999px;padding:7px 12px;font-size:9px;letter-spacing:.05em;white-space:nowrap}
#touch{display:none;position:fixed;inset:0;z-index:25;pointer-events:none}#touch>div{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:auto}#touch button{width:68px;height:58px;padding:0;border-radius:16px;background:rgba(238,240,236,.76);backdrop-filter:blur(6px)}#touch button.down{background:#ffd75c}.touch-left{left:12px}.touch-mid{left:50%;transform:translateX(-50%)}.touch-right{right:12px}.touch-right #chainBtn{background:rgba(255,181,58,.86)}
@media(pointer:coarse),(max-width:760px){#touch{display:block}#help{bottom:92px}.top-center{top:66px}.top-right{top:104px;right:8px}.top-left{max-width:50vw}.top-right{max-width:48vw}#branchHint{top:146px}}