:root{--bg:#14131c;--panel:#1f1d2b;--panel2:#2a2739;--line:#3b3750;--fg:#ece8f4;--muted:#a49fb8;--accent:#f2b84b;--accent2:#7fd1c7;--danger:#ef6a5a;--good:#8fd16a;--display:"Pixelify Sans", "Courier New", monospace;--body:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:15px;overflow:hidden}#game{background:var(--bg);width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}[hidden]{display:none!important}.overlay{padding-block:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));touch-action:pan-y;z-index:20;background:#0c0b12cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.sheet{background:var(--panel);border:2px solid var(--line);border-radius:6px;flex-direction:column;gap:16px;width:100%;max-width:880px;margin:auto;padding:22px;display:flex}.sheet.narrow{max-width:520px}@media (width<=480px){.sheet{padding:16px}}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:700}h1{color:var(--accent);font-size:clamp(34px,7vw,56px);line-height:1}h2{color:var(--accent);font-size:26px}h3{font-size:18px}p{color:var(--muted);margin:0;line-height:1.5}.fine{font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.row.end{align-items:flex-end}.stack{flex-direction:column;gap:8px;display:flex}.stack.tight{gap:6px}.grid3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.cols{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.cols>*{flex-direction:column;gap:12px;min-width:0;display:flex}@media (width<=720px){.cols{grid-template-columns:1fr}}button{font-family:var(--display);background:var(--panel2);color:var(--fg);border:2px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:4px;padding:10px 16px;font-size:17px}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}button.primary{background:var(--accent);color:#1a1408;border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}input{font-family:var(--body);background:var(--bg);color:var(--fg);border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:4px;min-width:0;padding:10px 12px;font-size:16px}label{font-weight:700}.keys{font-size:13px;line-height:1.7}kbd{font-family:var(--display);background:var(--panel2);border:1px solid var(--line);color:var(--fg);border-radius:3px;padding:0 5px}.status{color:var(--accent2);font-size:14px}.coins{color:var(--accent)}.hero{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px;display:flex}.hero canvas{width:72px;height:96px;image-rendering:pixelated}.hero.sel{border-color:var(--accent);background:#2f2a22}.hero small{font-family:var(--body);color:var(--muted);font-size:13px;line-height:1.4}#uziSalute{width:48px;height:68px;image-rendering:pixelated}.card{text-align:left;background:var(--panel2);border:2px solid var(--line);border-radius:4px;flex-direction:column;gap:6px;min-height:120px;padding:14px;display:flex}.card .kind{font-family:var(--body);color:var(--accent2);font-size:12px;font-weight:700}.card small{font-family:var(--body);color:var(--muted);font-size:14px;line-height:1.4}.card .cost{color:var(--accent);font-weight:700}.card.empty{background:0 0;border-style:dashed}.rar-0{border-color:#6c6880}.rar-1{border-color:#5aa0e0}.rar-2{border-color:#b77be8}.rar-3{border-color:var(--accent)}.card .rt-0{color:#bdb8cc}.card .rt-1{color:#78b8f0}.card .rt-2{color:#c99af0}.card .rt-3{color:var(--accent)}.board{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;display:flex}.board .r{border-radius:3px;grid-template-columns:28px minmax(0,1fr) 64px 48px 56px;align-items:center;gap:8px;padding:6px 8px;display:grid}.board .r span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .r:nth-child(odd){background:var(--panel2)}.board .r.me{outline:2px solid var(--accent2)}.board .h{color:var(--muted);font-size:13px;background:0 0!important}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{padding:6px 10px;font-size:14px}.tabs button.on{border-color:var(--accent);color:var(--accent)}#hudButtons{right:max(12px, env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));z-index:12;gap:8px;display:flex;position:fixed}#hudButtons button{background:#2a2739d9;padding:6px 10px;font-size:14px}#touch{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:12;gap:12px;display:flex;position:fixed}#touch button{background:#2a2739d9;border-radius:50%;width:72px;height:72px;padding:0;font-size:14px}#banner{left:50%;top:calc(72px + env(safe-area-inset-top,0px));border:2px solid var(--line);border-left:6px solid var(--danger);font-family:var(--display);z-index:15;text-align:center;pointer-events:none;background:#2b2738;border-radius:4px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:18px;position:fixed;transform:translate(-50%)}#banner.join{border-left-color:var(--good)}#shout{pointer-events:none;z-index:16;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#shout span{font-family:var(--display);color:#fff;text-align:center;text-shadow:4px 4px #c0392b,-2px -2px #1a1408;font-size:clamp(28px,7vw,72px);font-weight:700;line-height:1.05;transform:rotate(-4deg)}.ending{background:#0d1022;border-color:#2c3466}#endCanvas{width:100%;image-rendering:pixelated;border-radius:4px}.say{font-family:var(--display);color:#dfe6ff;font-size:24px}.say.david{color:#c9b6ef}@media (prefers-reduced-motion:reduce){#shout span{transform:none}}