:root{--bg:#14171C;--surface:#1C2027;--line:#2A2F38;--text:#E6ECF3;--dim:#8A94A3;--gold:#E3B23C;--danger:#E5484D;--star:#F5C24B;--success:#46C08A;--fg-dark-bomb:#4A1C0E;--fg-dark-defense:#16202B;--fg-dark-detonator:#2C2510;--bomb-1:#8F3A2A;--bomb-2:#B0432F;--bomb-3:#CE4C36;--bomb-4:#E85C3E;--bomb-5:#FB7A4E;--bomb-6:#FF9E6E;--defense-1:#3A414D;--defense-2:#464F5C;--defense-3:#55606F;--defense-4:#6B7686;--defense-5:#838EA0;--defense-6:#9EA9BA;--detonator-1:#8F6E20;--detonator-2:#B0862A;--detonator-3:#CE9E33;--detonator-4:#E3B23C;--detonator-5:#F2CB55;--detonator-6:#FBDC80;--fg-bomb-1:var(--text);--fg-bomb-2:var(--text);--fg-bomb-3:var(--text);--fg-bomb-4:var(--fg-dark-bomb);--fg-bomb-5:var(--fg-dark-bomb);--fg-bomb-6:var(--fg-dark-bomb);--fg-defense-1:var(--text);--fg-defense-2:var(--text);--fg-defense-3:var(--text);--fg-defense-4:var(--text);--fg-defense-5:var(--fg-dark-defense);--fg-defense-6:var(--fg-dark-defense);--fg-detonator-1:var(--text);--fg-detonator-2:var(--fg-dark-detonator);--fg-detonator-3:var(--fg-dark-detonator);--fg-detonator-4:var(--fg-dark-detonator);--fg-detonator-5:var(--fg-dark-detonator);--fg-detonator-6:var(--fg-dark-detonator);--cell-empty:rgba(255,255,255,.04);--telegraph:#FFE9A8;--crack:rgba(8,10,14,.72);--on-gold:var(--fg-dark-detonator);--disabled:#2A2F3A;--on-disabled:#667080;--star-empty:#3E4552;--shadow-board:0 10px 30px rgba(0,0,0,.4);--overlay-dim:rgba(10,12,16,.72);--focus-ring:0 0 0 2px rgba(255,255,255,.4);--on-danger:#FFFFFF;--surface-active:#232833;--btn-primary-hi:rgba(251,220,128,.6);--btn-primary-lo:rgba(143,110,32,.45);--btn-danger-top:#CE4046;--btn-danger-mid:#C1363B;--btn-danger-bot:#A92F34;--btn-danger-bevel:#6E2427;--btn-danger-hi:rgba(255,255,255,.18);--btn-danger-lo:rgba(110,36,39,.5);--pad-board:8px;--gap-cell:6px;--r-cell:10px;--r-card:12px;--r-ctrl-sm:8px;--r-ctrl-lg:12px;--font:system-ui,-apple-system,"Segoe UI",sans-serif;--icon-lod-max-sm:60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#root{min-height:100%;background:var(--bg)}body{color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 18px;border-radius:var(--r-ctrl-lg);font-family:inherit;font-size:1rem;font-weight:800;text-align:center;cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out,border-color 80ms ease-out;-webkit-user-select:none;user-select:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{cursor:not-allowed}.btn--primary{color:var(--on-gold);background:linear-gradient(180deg,var(--detonator-5) 0%,var(--gold) 55%,var(--detonator-3) 100%);box-shadow:0 3px 0 var(--detonator-1),0 8px 16px #00000059,inset 0 1px 0 var(--btn-primary-hi),inset 0 -2px 0 var(--btn-primary-lo)}.btn--primary:active:not(:disabled){transform:translateY(2px);background:linear-gradient(180deg,var(--gold) 0%,var(--detonator-3) 100%);box-shadow:0 1px 0 var(--detonator-1),0 4px 8px #0000004d,inset 0 -1px 0 var(--btn-primary-lo)}.btn--primary:focus-visible{box-shadow:0 3px 0 var(--detonator-1),0 8px 16px #00000059,inset 0 1px 0 var(--btn-primary-hi),var(--focus-ring)}.btn--primary:disabled{background:var(--disabled);color:var(--on-disabled);box-shadow:none}.btn--secondary{color:var(--text);background:var(--surface);border:1px solid var(--line);font-size:.95rem;font-weight:700}.btn--secondary:hover:not(:disabled),.btn--secondary:focus-visible{border-color:var(--gold)}.btn--secondary:active:not(:disabled){background:var(--surface-active)}.btn--secondary:disabled{color:var(--on-disabled)}.btn--ghost{color:var(--text);background:transparent;border:1px solid var(--line);font-size:.95rem;font-weight:700}.btn--ghost:hover:not(:disabled),.btn--ghost:focus-visible{border-color:var(--gold)}.btn--ghost:active:not(:disabled){background:var(--cell-empty)}.btn--ghost:disabled{color:var(--on-disabled)}.btn--danger{color:var(--on-danger);background:linear-gradient(180deg,var(--btn-danger-top) 0%,var(--btn-danger-mid) 55%,var(--btn-danger-bot) 100%);box-shadow:0 3px 0 var(--btn-danger-bevel),0 8px 16px #00000059,inset 0 1px 0 var(--btn-danger-hi),inset 0 -2px 0 var(--btn-danger-lo)}.btn--danger:active:not(:disabled){transform:translateY(2px);background:linear-gradient(180deg,var(--btn-danger-mid) 0%,var(--btn-danger-bot) 100%);box-shadow:0 1px 0 var(--btn-danger-bevel),inset 0 -1px 0 var(--btn-danger-lo)}.btn--danger:disabled{background:var(--disabled);color:var(--on-disabled);box-shadow:none}.btn--danger-quiet{color:var(--danger);background:var(--surface);border:1px solid var(--line);font-size:.95rem;font-weight:700}.btn--danger-quiet:hover:not(:disabled),.btn--danger-quiet:focus-visible{border-color:var(--danger)}.btn--danger-quiet:active:not(:disabled){background:var(--surface-active)}.btn--danger-quiet:disabled{color:var(--on-disabled)}