:root{--bg: #080a10;--panel: rgba(10, 14, 22, .9);--border: rgba(120, 140, 180, .2);--text: #e8ecf4;--muted: #8b95a8;--accent: #e8a85c;--teal: #5ecf8e;--lab-red: #e10600;--win: #6edf98;--lose: #f08181;--hud-fade: rgba(8, 10, 16, .94);--btn-bg: rgba(255, 255, 255, .04);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--dock-h: 5.6rem;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}#game{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;cursor:grab}#game.is-picking{cursor:crosshair}.hud-top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:calc(.55rem + var(--safe-t)) .9rem .7rem;background:linear-gradient(180deg,var(--hud-fade),transparent);pointer-events:none}.hud-left,.hud-right{display:flex;align-items:center;gap:.65rem;pointer-events:auto;flex-wrap:wrap}.back-lab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .7rem;border:1px solid rgba(225,6,0,.45);border-radius:999px;background:#e106001f;color:#ffd6d2;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.02em;transition:background .15s,border-color .15s,transform .1s}.back-lab:hover{background:#e1060038;border-color:#e10600bf}.back-lab:active{transform:scale(.97)}.back-lab__arrow{font-size:.85rem;line-height:1}.brand{display:flex;align-items:center;gap:.55rem;min-width:0}.brand-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ff7a3d);box-shadow:0 0 0 3px #e8a85c2e}.brand strong{display:block;font-size:.95rem;letter-spacing:-.02em;line-height:1.15}.brand em{font-style:normal;color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:.7rem;margin-top:.1rem}.pill,.pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);font-size:.74rem;font-family:inherit}.pill span{color:var(--muted)}.pill strong{font-weight:700;font-size:.86rem}.pill em{color:var(--muted);font-style:normal}.pill.soft{opacity:.92}.pill.status[data-state=play]{color:#f0d78c;border-color:#f0d78c59}.pill.status[data-state=win]{color:var(--win);border-color:#6edf9866}.pill.status[data-state=lose]{color:var(--lose);border-color:#f0818166}.pill-btn{cursor:pointer;color:var(--accent);font-weight:700}.pill-btn:hover{background:#e8a85c1f;border-color:#e8a85c73}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#06080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem}.overlay[hidden]{display:none}.overlay-card{width:min(380px,100%);text-align:center;padding:1.85rem 1.75rem;border-radius:1.15rem;border:1px solid var(--border);background:var(--panel);box-shadow:0 24px 60px #00000073}.overlay-card h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:.55rem}.overlay-card p{color:var(--muted);font-size:.92rem;line-height:1.55;margin-bottom:1.3rem}.btn{border:0;border-radius:.75rem;padding:.72rem 1.35rem;font:inherit;font-weight:650;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#e8a85c,#d4893a);color:#1a1208}.skillbar{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:.75rem .9rem calc(.85rem + var(--safe-b));background:linear-gradient(0deg,var(--hud-fade) 55%,transparent);pointer-events:none}.skill-hint{pointer-events:none;font-size:.72rem;color:var(--muted);margin-bottom:.55rem;max-width:1100px;margin-inline:auto}.skill-hint kbd{padding:.08rem .35rem;border-radius:.28rem;border:1px solid var(--border);background:#ffffff0d;font-size:.66rem}.skills{pointer-events:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.55rem;max-width:1100px;margin-inline:auto}.skill-btn{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:.85rem;border:1px solid var(--border);background:#0c1018d1;color:var(--text);cursor:pointer;font:inherit;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .15s,transform .1s,background .15s}.skill-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--skill-color, var(--accent)) 65%,white)}.skill-btn.active{border-color:var(--skill-color, var(--accent));background:color-mix(in srgb,var(--skill-color, var(--accent)) 14%,rgba(12,16,24,.9));transform:translateY(-1px)}.skill-btn:disabled{opacity:.4;cursor:not-allowed}.skill-icon{font-size:1.1rem}.skill-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.08rem}.skill-label{font-weight:650;font-size:.84rem}.skill-key{font-size:.66rem;color:var(--muted)}.skill-count{font-weight:700;color:var(--skill-color, var(--accent))}@media(max-width:720px){.back-lab__text,.brand small,.pill.soft{display:none}.skills{grid-template-columns:1fr 1fr}}