:root{--bg:#cdcdcd;--ink:#fff;--panel:#14161ae0;--panel-edge:#ffffff24;--accent:#00b2e1;--muted:#ffffff9e;font-family:Ubuntu,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;padding:0;overflow:hidden}#game{cursor:crosshair;width:100vw;height:100vh;display:block}#ui{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn{appearance:none;color:#16181c;cursor:pointer;background:#e9e9e9;border:2px solid #00000059;border-radius:10px;padding:13px 26px;font:700 17px/1 Ubuntu,system-ui,sans-serif;transition:transform 60ms,filter .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#04222c}.btn-small{padding:8px 16px;font-size:15px}.panel{background:var(--panel);border:1px solid var(--panel-edge);color:var(--ink);text-align:center;border-radius:18px;max-width:min(520px,92vw);padding:30px 34px;box-shadow:0 24px 60px #00000059}.panel h2{margin:0 0 18px;font-size:27px}.hint{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.55}.title-screen{background:radial-gradient(circle at 50% 35%,#d7d7d7 0%,#b9b9b9 70%,#a6a6a6 100%);align-items:flex-start;padding:24px 16px;overflow-y:auto}.title-card{background:var(--panel);border:1px solid var(--panel-edge);color:var(--ink);border-radius:20px;width:min(620px,100%);margin:auto;padding:34px 38px 30px;box-shadow:0 28px 70px #00000061}.title{letter-spacing:.02em;text-align:center;color:var(--accent);text-shadow:0 3px #00000073;margin:0;font-size:clamp(38px,9vw,62px)}.tagline{text-align:center;color:var(--muted);margin:6px 0 26px;font-size:15px}.section{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-size:13px}.swatches{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.swatch{appearance:none;cursor:pointer;background:#ffffff12;border:2px solid #0000;border-radius:14px;padding:4px;line-height:0;transition:border-color .12s,background .12s}.swatch:hover{background:#ffffff24}.swatch.is-selected{border-color:var(--ink);background:#ffffff2e}.swatch.is-locked{cursor:not-allowed;opacity:.35;filter:grayscale(.6)}.swatch.is-locked:hover{background:#ffffff12}.codex-progress{color:var(--muted);margin:-16px 0 26px;font-size:13px}.swatch-canvas{background:var(--bg);border-radius:10px;display:block}.difficulties{gap:8px;margin-bottom:28px;display:grid}.difficulty{appearance:none;text-align:left;color:var(--ink);cursor:pointer;background:#ffffff12;border:2px solid #0000;border-radius:12px;gap:2px;padding:12px 16px;font-family:inherit;transition:border-color .12s,background .12s;display:grid}.difficulty:hover{background:#ffffff21}.difficulty.is-selected{border-color:var(--accent);background:#00b2e129}.difficulty-name{font-size:17px;font-weight:700}.difficulty-blurb{color:var(--muted);font-size:13px}.difficulty-best{color:#ffffff73;margin-top:3px;font-size:12px}.title-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.overlay-screen{backdrop-filter:blur(3px);background:#0a0c108c;padding:16px;overflow-y:auto}.death-stats{justify-content:center;gap:26px;margin-bottom:14px;display:flex}.death-stat{gap:2px;display:grid}.death-stat .v{font-size:30px;font-weight:700}.death-stat .k{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:12px}.death-tank{color:var(--muted);margin:0;font-size:15px}.victory-codex{color:var(--muted);margin:14px 0 0;font-size:14px}.victory-unlock{color:var(--ink);margin:6px 0 0;font-size:15px;font-weight:700}.panel-wide{max-width:min(880px,94vw)}.panel-sub{color:var(--muted);margin:-10px 0 20px;font-size:14px}.choices{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.choice{appearance:none;width:168px;color:var(--ink);cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:14px;justify-items:center;gap:3px;padding:14px 12px 12px;font-family:inherit;transition:transform .1s,border-color .12s,background .12s;display:grid}.choice:hover{border-color:var(--accent);background:#00b2e129;transform:translateY(-3px)}.choice-icon{width:92px;height:92px;display:block}.choice-name{font-size:17px;font-weight:700}.choice-blurb{color:var(--muted);text-align:center;min-height:32px;font-size:12px;line-height:1.35}.choice-tier{letter-spacing:.08em;text-transform:uppercase;color:#fff6;font-size:11px}.touch-layer{pointer-events:none;position:absolute;inset:0}.touch-btn{pointer-events:auto;appearance:none;color:#16181c;touch-action:none;background:#ffffff80;border:2px solid #0000004d;border-radius:50%;place-items:center;width:62px;height:62px;font:700 15px/1 Ubuntu,system-ui,sans-serif;transition:background .1s,transform 60ms;display:grid;position:absolute}.touch-btn.is-held,.touch-btn.is-on{background:var(--accent);color:#04222c;transform:scale(.94)}.touch-pause{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));letter-spacing:2px;width:46px;height:46px;font-size:17px}.touch-secondary{right:max(16px, env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom))}.touch-auto{right:calc(max(16px, env(safe-area-inset-right)) + 76px);bottom:calc(96px + env(safe-area-inset-bottom));font-size:13px}.card{border-color:var(--accent-card,#ffffff1f);position:relative;overflow:hidden}.card:hover{border-color:var(--accent-card,var(--accent));background:#ffffff1f}.card-pip{border-radius:50%;width:46px;height:46px;margin:6px 0 10px;display:block;box-shadow:0 0 0 4px #00000040}.card .choice-blurb{min-height:48px}.card-rare .choice-tier{color:#f9c846;font-weight:700}.tree-screen{pointer-events:none;background:0 0;display:block}.tree-screen>*{pointer-events:auto}.tree-bar{color:var(--ink);background:linear-gradient(#0a0c10b8,#0a0c1000);align-items:center;gap:16px;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.tree-title{margin:0;font-size:21px}.tree-count{color:var(--muted);font-size:14px}.tree-side{background:var(--panel);border:1px solid var(--panel-edge);width:290px;max-height:calc(100vh - 86px);color:var(--ink);border-radius:16px;padding:14px 16px 18px;position:absolute;top:66px;right:16px;overflow-y:auto;box-shadow:0 18px 48px #0000005c}.tree-preview{width:150px;height:150px;margin:0 auto 6px;display:block}.tree-detail h3{text-align:center;margin:0 0 10px;font-size:22px}.tree-rows{gap:4px;margin-bottom:12px;display:grid}.tree-rows .row{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding-bottom:3px;font-size:13px;display:flex}.tree-rows .k,.tree-links .k{color:var(--muted)}.tree-rows .v{text-align:right;font-weight:700}.tree-links{gap:2px;margin-bottom:10px;font-size:13px;line-height:1.45;display:grid}.tree-stats{flex-wrap:wrap;gap:5px;display:flex}.chip{color:#ffffffd1;background:#ffffff1c;border-radius:999px;padding:3px 9px;font-size:11px}@media (width<=720px){.title-card{padding:26px 20px 24px}.panel,.panel-wide{max-width:100%;padding:22px 18px}.panel h2{font-size:22px}.choices{gap:8px}.choice{text-align:left;grid-template-columns:74px 1fr;grid-template-areas:"icon name""icon blurb""icon tier";justify-items:start;width:100%;max-width:340px;padding:10px 14px}.choice-icon,.card-pip{grid-area:icon;align-self:center;margin:0}.card-pip{width:38px;height:38px}.choice-name{grid-area:name}.choice-blurb{text-align:left;grid-area:blurb;min-height:0}.choice-tier{grid-area:tier}.tree-side{width:auto;max-height:44vh;inset:auto 12px 12px}.tree-preview{width:96px;height:96px}}