@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg-page:#0d0f12;--color-bg-surface:#13161b;--color-bg-raised:#1c2029;--color-bg-subtle:#232735;--color-border:#2e3444;--color-border-strong:#424d61;--color-accent:#f5a623;--color-accent-dim:#a3711a;--color-accent-glow:#f5a62340;--color-text-primary:#e8eaf0;--color-text-secondary:#8b95a8;--color-text-muted:#555f72;--color-success:#2dce70;--color-success-bg:#2dce701f;--color-danger:#ff4757;--color-danger-bg:#ff47571f;--color-warn:#ffc107;--color-warn-bg:#ffc1071f;--count-1:#5bc0f8;--count-2:#2dce70;--count-3:#ff6b6b;--count-4:#5e35b1;--count-5:#ff4757;--count-6:#26c6da;--count-7:#ff3d00;--count-8:#bdbdbd;--font-display:"Barlow Condensed", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-body:"Barlow Condensed", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-accent:0 0 20px var(--color-accent-glow);--transition-fast:.12s ease;--transition-base:.22s ease;--transition-slow:.4s ease;--cell-size:36px;--cell-gap:3px;--cell-radius:5px}@media (prefers-color-scheme:light){:root{--color-bg-page:#e8ecf4;--color-bg-surface:#fff;--color-bg-raised:#d0d7e8;--color-bg-subtle:#bac4db;--color-border:#9aa6c0;--color-border-strong:#6b7a99;--color-accent:#d4800f;--color-accent-dim:#8f5610;--color-accent-glow:#d4800f33;--color-text-primary:#1a1d26;--color-text-secondary:#4a526b;--color-text-muted:#8a95aa;--color-success:#18a358;--color-danger:#e0182e;--color-warn:#c98a00;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 32px #0003}}[data-theme=dark]{--color-bg-page:#0d0f12;--color-bg-surface:#13161b;--color-bg-raised:#1c2029;--color-bg-subtle:#232735;--color-border:#2e3444;--color-border-strong:#424d61;--color-accent:#f5a623;--color-accent-dim:#a3711a;--color-accent-glow:#f5a62340;--color-text-primary:#e8eaf0;--color-text-secondary:#8b95a8;--color-text-muted:#555f72;--color-success:#2dce70;--color-success-bg:#2dce701f;--color-danger:#ff4757;--color-danger-bg:#ff47571f;--color-warn:#ffc107;--color-warn-bg:#ffc1071f;--count-1:#5bc0f8;--count-2:#2dce70;--count-3:#ff6b6b;--count-4:#5e35b1;--count-5:#ff4757;--count-6:#26c6da;--count-7:#ff3d00;--count-8:#bdbdbd;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009}[data-theme=dark] .board-cell--hidden{background:var(--color-bg-raised);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 1px 3px #0000004d}[data-theme=dark] .board-cell--hidden:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0003, 0 0 8px var(--color-accent-glow), 0 2px 6px #0000004d}[data-theme=dark] .board-cell--safe-empty,[data-theme=dark] .board-cell--safe-count{background:var(--color-bg-page);border:1px solid #0003;box-shadow:inset 0 1px 3px #0000004d}[data-theme=dark] .board-cell--flagged{background:var(--color-bg-raised);border-color:var(--color-accent-dim)}[data-theme=light]{--color-bg-page:#e8ecf4;--color-bg-surface:#fff;--color-bg-raised:#d0d7e8;--color-bg-subtle:#bac4db;--color-border:#9aa6c0;--color-border-strong:#6b7a99;--color-accent:#d4800f;--color-accent-dim:#8f5610;--color-accent-glow:#d4800f33;--color-text-primary:#1a1d26;--color-text-secondary:#3d4a68;--color-text-muted:#6b7a99;--color-success:#18a358;--color-danger:#e0182e;--color-warn:#c98a00;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 32px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");flex-direction:column;align-items:center;min-height:100dvh;font-size:1rem;line-height:1.5;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}#app{width:100%;max-width:1100px;padding:var(--space-4);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.page-header{width:100%;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto 1fr;align-self:stretch;align-items:center;display:grid}.page-header>.page-header__title{justify-self:start}.page-header>.mascot-btn{justify-self:center}.page-header>.page-header__actions{justify-self:end}.page-header__title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);text-shadow:0 0 30px var(--color-accent-glow);font-size:2rem;font-weight:900}.page-header__title span{color:var(--color-text-primary)}.page-header__actions{gap:var(--space-2);display:flex}.game-container{align-items:stretch;gap:var(--space-4);flex-direction:column;min-width:min(400px,100%);max-width:100%;display:inline-flex}.side-panel{display:none}@media (min-width:1100px){#app{place-items:start center;column-gap:var(--space-5);grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(280px,340px);max-width:1480px;display:grid}.page-header{grid-area:1/1}.game-container{grid-area:2/1}.side-panel{gap:var(--space-4);width:100%;top:var(--space-4);flex-direction:column;grid-area:1/2/span 2;display:flex;position:sticky}}.side-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.side-card__title{margin-bottom:var(--space-3);font-size:.95rem;font-weight:700}.side-stats{gap:var(--space-2);flex-direction:column;display:flex}.side-stats div{justify-content:space-between;display:flex}.side-stats dt{color:var(--color-text-secondary);font-size:.85rem}.side-stats dd{font-variant-numeric:tabular-nums;font-weight:600}.side-badges__row{gap:var(--space-1);flex-wrap:wrap;font-size:1.2rem;display:flex}.side-badges__count{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:.8rem}.side-progress{margin-top:var(--space-3)}.side-progress__label{color:var(--color-text-secondary);margin-bottom:var(--space-1);font-size:.8rem}.side-progress__track{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.side-progress__fill{background:var(--color-accent);height:100%}.side-ladder{counter-reset:ladder;gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.side-ladder li{counter-increment:ladder;justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.side-ladder li:before{content:counter(ladder) ".";color:var(--color-text-secondary);min-width:1.6em}.side-ladder__name{font-family:var(--font-mono);flex:1;font-size:.8rem}.side-ladder__score{font-variant-numeric:tabular-nums;font-weight:600}.side-empty{color:var(--color-text-secondary);font-size:.85rem}.board-cell--hover{outline:2px solid var(--color-accent);outline-offset:-2px}.hud{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;min-width:0;padding:var(--space-3) var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.hud__diff-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.hud__diff-btn{min-width:80px;padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);touch-action:manipulation;flex:1;font-size:.95rem;font-weight:600}.hud__diff-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border-strong)}.hud__diff-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-page);box-shadow:0 0 12px var(--color-accent-glow);font-weight:700}.hud__stats-row{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.hud__stat{align-items:center;gap:var(--space-1);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-2);flex-direction:column;display:flex}.hud__stat-top{align-items:center;gap:var(--space-2);display:flex}.hud__stat-icon{flex-shrink:0;font-size:1rem;line-height:1}.hud__stat-value{font-family:var(--font-mono);color:var(--color-text-primary);transition:color var(--transition-base);text-align:center;min-width:4ch;font-size:1.5rem;font-weight:700;line-height:1}.hud__stat-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.65rem;font-weight:600}.hud__stat-value--yellow{color:var(--color-warn)}.hud__stat-value--red,.hud__stat-value--danger{color:var(--color-danger)}@keyframes score-reveal{0%{color:var(--color-accent);transform:scale(1.15)}to{color:var(--color-text-primary);transform:scale(1)}}.hud__stat-value--revealed{animation:.6s ease-out forwards score-reveal}@keyframes stat-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.hud__stat-value--pulse{animation:.35s cubic-bezier(.34,1.56,.64,1) stat-pulse}.hud__control-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hud__control-left{flex:1;align-items:center;min-width:0;display:flex}.hud__control-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.hud__status{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.03em;transition:color var(--transition-base);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.hud__status--win{color:var(--color-success);font-weight:700}.hud__status--lose{color:var(--color-danger);font-weight:700}.hud__status--play{color:var(--color-text-secondary)}.hud__status--idle{color:var(--color-text-muted)}.hud__new-game-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;min-height:32px;font-size:.8rem;font-weight:600}.hud__new-game-btn:hover{background:var(--color-bg-raised);border-color:var(--color-border-strong);color:var(--color-text-primary)}.hud__new-game-btn--prominent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-page);box-shadow:0 0 12px var(--color-accent-glow);font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) stat-pulse}.hud__new-game-btn--prominent:hover{filter:brightness(1.1)}.hud__mode-toggle{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.hud__mode-checkbox{-webkit-appearance:none;appearance:none;background:var(--color-bg-subtle);border:1px solid var(--color-border);cursor:pointer;width:32px;height:18px;transition:background var(--transition-fast);border-radius:9px;flex-shrink:0;position:relative}.hud__mode-checkbox:after{content:"";background:var(--color-text-muted);width:12px;height:12px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.hud__mode-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.hud__mode-checkbox:checked:after{background:var(--color-bg-page);transform:translate(14px)}.hud__mode-label{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.board-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;justify-content:center;width:100%;display:flex;overflow:auto visible}.board-grid{grid-template-columns:repeat(var(--cols,9), var(--cell-size));gap:var(--cell-gap);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0a;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:inline-grid}.board-row{display:contents}@keyframes board-shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.board-grid--shake{animation:.42s cubic-bezier(.36,.07,.19,.97) board-shake}.board-grid--inactive{pointer-events:none}@media (max-width:1100px){:root{--cell-size:30px;--cell-gap:2px}}@media (max-width:800px){:root{--cell-size:24px;--cell-gap:2px}}@media (max-width:600px){:root{--cell-size:clamp(16px, calc((100vw - 48px) / var(--cols,9)), 32px);--cell-gap:1px}}.board-grid--expert{--cell-size:28px;--cell-gap:2px}@media (max-width:1100px){.board-grid--expert{--cell-size:22px;--cell-gap:2px}}@media (max-width:860px){.board-grid--expert{--cell-size:18px;--cell-gap:1px}}@media (max-width:640px){.board-grid--expert{--cell-size:20px;--cell-gap:1px}}.board-grid--expert .cell-number{font-size:calc(var(--cell-size) * .6)}.hint-icon{margin-right:var(--space-1);font-size:1rem;line-height:1}.board-cell{width:var(--cell-size);height:var(--cell-size);border-radius:var(--cell-radius);cursor:pointer;will-change:transform;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.board-cell--hidden{background:var(--color-bg-raised);border:1px solid var(--color-border);cursor:pointer;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 1px 3px #0000004d}@media (prefers-color-scheme:light){.board-cell--hidden{background:var(--color-bg-raised);border:1px solid var(--color-border);box-shadow:inset 0 2px #ffffffe6,inset 0 -2px #00000026,inset 2px 0 #fff9,inset -2px 0 #0000001a,0 2px 4px #00000026}}.board-cell--hidden:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006,0 1px #ffffff0a}@keyframes press-charge{0%{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 0 var(--color-accent-glow)}to{box-shadow:inset 0 1px #ffffff14,0 0 0 6px #0000}}.board-cell--pressing{background:var(--color-bg-subtle);border-color:var(--color-accent-dim);animation:.5s ease-out forwards press-charge;transform:scale(.93)}@media (pointer:fine){.board-cell--hidden:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong);box-shadow:inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #0003, 0 0 8px var(--color-accent-glow), 0 2px 6px #0000004d;transform:translateY(-1px)}}.board-cell--safe-empty,.board-cell--safe-count{background:var(--color-bg-page);cursor:default;border:1px solid #0003;box-shadow:inset 0 1px 3px #0000004d}.cell-number{font-family:var(--font-mono);font-size:calc(var(--cell-size) * .55);font-weight:700;line-height:1}.board-cell--count-1 .cell-number{color:var(--count-1)}.board-cell--count-2 .cell-number{color:var(--count-2)}.board-cell--count-3 .cell-number{color:var(--count-3)}.board-cell--count-4 .cell-number{color:var(--count-4)}.board-cell--count-5 .cell-number{color:var(--count-5)}.board-cell--count-6 .cell-number{color:var(--count-6)}.board-cell--count-7 .cell-number{color:var(--count-7)}.board-cell--count-8 .cell-number{color:var(--count-8)}.board-cell--flagged{background:var(--color-bg-raised);border:1px solid var(--color-accent-dim);box-shadow:inset 0 1px 0 #ffffff0f, 0 0 8px var(--color-accent-glow);cursor:pointer}.cell-icon{justify-content:center;align-items:center;width:60%;height:60%;display:flex}.cell-icon--flag{color:var(--color-accent);animation:.2s cubic-bezier(.34,1.56,.64,1) flag-in}@keyframes flag-in{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.board-cell--flag-wrong{background:var(--color-danger-bg);border:1px solid var(--color-danger);cursor:default}.cell-icon--wrong{color:var(--color-danger);position:relative}.cell-icon__cross{color:var(--color-danger);justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.board-cell--mine{background:var(--color-bg-raised);border:1px solid var(--color-border);cursor:default;animation:.3s forwards mine-reveal}@keyframes mine-reveal{0%{background:var(--color-bg-raised)}to{background:#ff475714}}.cell-icon--mine{color:var(--color-danger);opacity:.7}.board-cell--triggered{background:var(--color-danger);box-shadow:0 0 20px var(--color-danger), 0 0 40px #ff47574d;cursor:default;border:1px solid #0000;animation:.4s cubic-bezier(.34,1.56,.64,1) mine-explode}@keyframes mine-explode{0%{box-shadow:none;transform:scale(.8)}40%{transform:scale(1.4)}70%{transform:scale(.95)}to{box-shadow:0 0 20px var(--color-danger), 0 0 40px #ff47574d;transform:scale(1)}}.cell-icon--triggered{color:#fff;animation:.3s spin-in}@keyframes spin-in{0%{opacity:0;transform:rotate(-90deg)scale(0)}to{opacity:1;transform:rotate(0)scale(1)}}.board-cell[data-reveal-delay]{animation:cell-reveal var(--transition-base) ease both;animation-delay:attr(data-reveal-delay ms)}@keyframes cell-reveal{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cell-icon svg{width:100%;height:100%}.cell-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(10px,2.4vmin,18px);line-height:1;display:flex}.board-grid--expert .cell-emoji{font-size:clamp(8px,2vmin,14px)}.store-balance{align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex}.store-balance__coins{font-size:1.3rem;font-weight:700}.store-balance__label{color:var(--color-text-secondary);font-size:.8rem}.store-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.store-item{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.store-item--equipped{border-color:var(--color-accent)}.store-item__label{font-weight:600}.store-item__price{color:var(--color-text-secondary);font-size:.85rem}.store-item__btn{margin-top:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;border:1px solid #0000;min-height:36px;font-size:.9rem;font-weight:600;display:inline-flex}.btn--ghost{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-bg-raised);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-page);font-weight:700}.btn--accent:hover{filter:brightness(1.1);box-shadow:0 0 16px var(--color-accent-glow)}.modal-overlay{-webkit-backdrop-filter:blur(4px);padding:var(--space-4);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay--visible{opacity:1;pointer-events:all}.modal-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-lg);transition:transform var(--transition-base);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;overflow-y:auto;transform:translateY(24px)scale(.97)}.modal-overlay--visible .modal-panel{transform:translateY(0)scale(1)}.modal-panel--win{border-color:var(--color-success);box-shadow:0 0 40px #2dce701a, var(--shadow-lg)}.modal-panel--lose{border-color:var(--color-danger);box-shadow:0 0 40px #ff47571a, var(--shadow-lg)}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.modal-close{border:1px solid var(--color-border);background:var(--color-bg-raised);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.modal-close svg{width:14px;height:14px}.modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.modal-intro{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.modal-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-top:var(--space-2);font-size:1rem;font-weight:700}.modal-empty{text-align:center;color:var(--color-text-muted);font-family:var(--font-mono);padding:var(--space-6) 0;font-size:.85rem}.modal-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.82rem}.modal-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);font-size:.72rem;font-weight:500}.modal-table td{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff0a}.modal-table tr:last-child td{border-bottom:none}.modal-table tbody tr:hover td{background:var(--color-bg-raised);color:var(--color-text-primary)}kbd{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);font-family:var(--font-mono);color:var(--color-text-primary);box-shadow:0 1px 0 var(--color-border-strong);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:.75rem;display:inline-flex}.modal-formula{gap:var(--space-2);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.modal-formula__detail{font-family:var(--font-mono);color:var(--color-text-secondary);padding-left:var(--space-3);border-left:2px solid var(--color-border);font-size:.78rem}.modal-section{gap:var(--space-2);flex-direction:column;display:flex}.modal-section-icon{margin-right:var(--space-2);font-style:normal}.modal-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.modal-formula{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.modal-formula__row{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal-formula__row:last-child{border-bottom:none}.modal-formula__row--total{background:var(--color-bg-subtle);flex-direction:column;align-items:flex-start}.modal-formula__label{font-family:var(--font-display);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:700}.modal-formula__eq{font-family:var(--font-mono);color:var(--color-accent);font-size:.8rem}.modal-formula__key{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8rem}.modal-formula__val{font-family:var(--font-mono);color:var(--color-text-primary);text-align:right;font-size:.8rem}@keyframes rank-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.game-end__rank-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-glow);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);animation:.4s cubic-bezier(.34,1.56,.64,1) rank-slide-in;display:flex}.game-end__rank-emoji{flex-shrink:0;font-size:2.2rem;line-height:1}.game-end__rank-text{flex-direction:column;gap:2px;display:flex}.game-end__rank-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:1.1rem;font-weight:700}.game-end__rank-sub{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.75rem}.game-end__score-section{text-align:center;padding:var(--space-3) 0 var(--space-2)}@keyframes score-count-up{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.game-end__score-total{font-family:var(--font-mono);color:var(--color-text-primary);font-size:4rem;font-weight:700;line-height:1;animation:.5s ease-out score-count-up}.game-end__score-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-top:var(--space-1);font-size:.85rem}.game-end__breakdown{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.game-end__breakdown-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) var(--space-3) var(--space-1);font-size:.7rem;font-weight:700}.game-end__breakdown-row{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.game-end__breakdown-row--total{background:var(--color-bg-subtle);font-weight:700}.game-end__breakdown-key{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.78rem}.game-end__breakdown-val{font-family:var(--font-mono);color:var(--color-text-primary);flex-shrink:0;font-size:.82rem;font-weight:700}.game-end__breakdown-val--pos{color:var(--color-success)}.game-end__breakdown-val--neg{color:var(--color-danger)}.game-end__breakdown-meta{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);font-size:.7rem}.game-end__leaderboard{gap:var(--space-2);flex-direction:column;display:flex}.game-end__actions{gap:var(--space-3);padding-top:var(--space-2);justify-content:center;display:flex}.lb-tabs{border-bottom:1px solid var(--color-border);padding:0 var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:2px;display:flex;overflow:auto visible}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;scroll-snap-align:start;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;font-size:.8rem;font-weight:600}.lb-tab:hover{color:var(--color-text-primary)}.lb-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.lb-content{min-height:120px}.leaderboard-table__rank{width:40px;font-size:1.1rem}.leaderboard-table__score{font-family:var(--font-mono);color:var(--color-text-primary);font-weight:700}.leaderboard-table__row--highlight td{background:var(--color-accent-glow)!important;color:var(--color-accent)!important}.modal-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;border:1px solid #0000;min-height:44px;font-size:1rem;font-weight:700}.modal-btn--primary{background:var(--color-accent);color:var(--color-bg-page);border-color:var(--color-accent)}.modal-btn--primary:hover{filter:brightness(1.12);box-shadow:0 0 20px var(--color-accent-glow)}.modal-btn--secondary{background:var(--color-bg-raised);color:var(--color-text-primary);border-color:var(--color-border)}.modal-btn--secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.keyboard-hints{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.keyboard-hint{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-text-muted);font-size:.72rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.mascot-btn{cursor:pointer;width:52px;height:52px;transition:transform var(--transition-base), border-color var(--transition-fast), box-shadow var(--transition-fast);touch-action:manipulation;background:0 0;background:var(--color-bg-raised);border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.mascot-btn:hover{border-color:var(--color-border-strong);transform:scale(1.08)}@keyframes mascot-win{0%{transform:scale(1)}30%{transform:scale(1.4)translateY(-6px)}60%{transform:scale(1.1)translateY(-2px)}to{transform:scale(1)}}.mascot-btn--win{animation:.6s cubic-bezier(.34,1.56,.64,1) mascot-win}@keyframes mascot-lose{0%{opacity:1;transform:translate(0)rotate(0)}20%{opacity:.6;transform:translate(-5px)rotate(-10deg)}40%{opacity:.6;transform:translate(5px)rotate(10deg)}60%{opacity:.8;transform:translate(-3px)rotate(-5deg)}80%{opacity:.8;transform:translate(3px)rotate(5deg)}to{opacity:1;transform:translate(0)rotate(0)}}.mascot-btn--lose{animation:.5s ease-out mascot-lose}@keyframes mascot-unlock{0%{box-shadow:0 0 0 0 var(--color-accent-glow);transform:scale(1)}40%{border-color:var(--color-accent);transform:scale(1.3);box-shadow:0 0 0 12px #0000}to{box-shadow:none;border-color:var(--color-accent);transform:scale(1)}}.mascot-btn--unlock{border-color:var(--color-accent);animation:.7s cubic-bezier(.34,1.56,.64,1) mascot-unlock}.unlock-toast{background:var(--color-bg-surface);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-family:var(--font-display);color:var(--color-text-primary);box-shadow:var(--shadow-lg), 0 0 20px var(--color-accent-glow);z-index:2000;pointer-events:none;white-space:nowrap;text-align:center;max-width:calc(100vw - 32px);font-size:.9rem;font-weight:600;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-80px)}.unlock-toast--visible{transform:translate(-50%)translateY(0)}@media (max-width:600px){.unlock-toast{padding:var(--space-2) var(--space-4);white-space:normal;font-size:.8rem}.mascot-btn{width:44px;height:44px;font-size:1.6rem}.page-header__title{letter-spacing:.08em;font-size:1.3rem}#app{padding:var(--space-2);gap:var(--space-3)}.hud{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.hud__stats-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.hud__stat{padding:var(--space-1) var(--space-2)}.hud__stat-value{min-width:3ch;font-size:1.1rem}.hud__stat-icon{font-size:.85rem}.hud__stat-label{font-size:.58rem}.hud__control-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.hud__control-left{width:100%}.hud__control-right{justify-content:space-between;width:100%}.hud__status{white-space:normal;font-size:.72rem;line-height:1.3}.hud__new-game-btn{text-align:center;flex:1;min-height:36px}.modal-panel{border-radius:var(--radius-lg);max-height:95dvh}.modal-body{padding:var(--space-3);gap:var(--space-3)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-title{font-size:1.2rem}.game-end__score-total{font-size:2.8rem}.game-end__breakdown-key,.game-end__breakdown-val,.modal-formula__eq,.modal-formula__key,.modal-formula__val{font-size:.72rem}.keyboard-hints{gap:var(--space-3);padding:0 var(--space-1)}.keyboard-hint{font-size:.68rem}.modal-table th,.modal-table td{padding:var(--space-1) var(--space-2);font-size:.75rem}}@media (max-width:390px){.page-header__title{font-size:1.1rem}.hud__diff-row{gap:var(--space-1)}.hud__diff-btn{padding:var(--space-1) var(--space-2);flex:1;min-width:0;min-height:40px;font-size:.75rem}.hud__stat-value{min-width:0;font-size:1rem}.keyboard-hints{display:none}.modal-panel{border-radius:var(--radius-md)}.game-end__breakdown-meta,.leaderboard-table__mode,.modal-table th:nth-child(3){display:none}}@media (pointer:coarse){.modal-close{width:40px;height:40px}.hud__diff-btn{min-height:44px}.board-cell--hidden:hover{background:var(--color-bg-raised);border-color:var(--color-border);transform:none;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 1px 3px #0000004d}.modal-close{min-width:44px;min-height:44px}.lb-tab{padding:var(--space-3) var(--space-4);min-height:44px}}@supports (padding:env(safe-area-inset-bottom)){#app{padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}.keyboard-hints{padding-bottom:max(var(--space-2), env(safe-area-inset-bottom))}}.lb-tab--mascot{color:var(--color-accent);margin-left:auto}.lb-tab--mascot.lb-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.emoji-picker{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.emoji-picker__progress-wrap{gap:var(--space-2);flex-direction:column;display:flex}.emoji-picker__progress-label{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.emoji-picker__lifetime{font-family:var(--font-mono);color:var(--color-accent);font-size:.9rem;font-weight:700}.emoji-picker__next{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.emoji-picker__bar-track{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:999px;width:100%;height:6px;overflow:hidden}.emoji-picker__bar-fill{background:linear-gradient(90deg, var(--color-accent-dim), var(--color-accent));border-radius:999px;min-width:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.emoji-picker__hint{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;letter-spacing:.03em;font-size:.72rem}.emoji-picker__grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:420px){.emoji-picker__grid{grid-template-columns:repeat(4,1fr)}}.emoji-picker__cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-bg-raised);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #0000;justify-content:center;align-items:center;padding:0;font-size:1.6rem;line-height:1;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex}.emoji-picker__cell--unlocked:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong);transform:scale(1.1)}.emoji-picker__cell--unlocked:active{transform:scale(.93)}.emoji-picker__cell--active{box-shadow:0 0 0 3px var(--color-accent-glow), 0 0 12px var(--color-accent-glow);transform:scale(1.08);border-color:var(--color-accent)!important;background:var(--color-accent-glow)!important}.emoji-picker__cell--locked{opacity:.35;cursor:default;background:var(--color-bg-surface)}.emoji-picker__lock{filter:grayscale();font-size:1rem}#fireworks-canvas{z-index:1100}[data-theme=light] .board-cell--hidden{background:#d0d7e8;border:1px solid #9aa6c0;box-shadow:inset 0 2px #ffffffd9,inset 0 -2px #0000001f,inset 2px 0 #ffffff8c,inset -2px 0 #00000014,0 2px 5px #0000001f}@media (prefers-color-scheme:light){:not([data-theme=dark]) .board-cell--hidden{background:#d0d7e8;border:1px solid #9aa6c0;box-shadow:inset 0 2px #ffffffd9,inset 0 -2px #0000001f,inset 2px 0 #ffffff8c,inset -2px 0 #00000014,0 2px 5px #0000001f}}[data-theme=light] .board-cell--hidden:hover{background:#bac4db;border-color:#6b7a99}@media (prefers-color-scheme:light){:not([data-theme=dark]) .board-cell--hidden:hover{background:#bac4db;border-color:#6b7a99}}[data-theme=light] .board-cell--safe-empty,[data-theme=light] .board-cell--safe-count{background:#f5f7fc;border:1px solid #c8cedc;box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #00000012}@media (prefers-color-scheme:light){:not([data-theme=dark]) .board-cell--safe-empty,:not([data-theme=dark]) .board-cell--safe-count{background:#f5f7fc;border:1px solid #c8cedc;box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #00000012}}[data-theme=light] .board-cell--flagged{background:#d0d7e8;border-color:#9aa6c0}@media (prefers-color-scheme:light){:not([data-theme=dark]) .board-cell--flagged{background:#d0d7e8;border-color:#9aa6c0}}[data-theme=light]{--count-1:#06c;--count-2:#167a3a;--count-3:#c20;--count-4:#4a1a8f;--count-5:#b50000;--count-6:#006b7a;--count-7:#b83000;--count-8:#444}@media (prefers-color-scheme:light){:not([data-theme=dark]){--count-1:#06c;--count-2:#167a3a;--count-3:#c20;--count-4:#4a1a8f;--count-5:#b50000;--count-6:#006b7a;--count-7:#b83000;--count-8:#444}}.theme-toggle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.theme-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.modal-btn--ghost{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.modal-btn--ghost:hover{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-text-muted)}.copy-toast{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);opacity:0;pointer-events:none;z-index:1200;white-space:nowrap;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 4px 16px #00000040}.copy-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.achievement-toast{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:0 4px 20px var(--color-accent-glow);opacity:0;pointer-events:none;z-index:1200;white-space:nowrap;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)translateY(8px)}.achievement-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.achievement-grid{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.achievement-cell{padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-raised);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;transition:background .15s,border-color .15s;display:flex}.achievement-cell--earned{border-color:var(--color-accent);background:var(--color-bg-subtle);box-shadow:0 0 8px var(--color-accent-glow)}.achievement-cell--locked{opacity:.4}.achievement-cell__emoji{font-size:1.6rem;line-height:1}.achievement-cell__name{color:var(--color-text-primary);font-weight:600;line-height:1.2}.achievement-cell__desc{color:var(--color-text-muted);font-size:.68rem;line-height:1.3}.achievement-cell__earned-badge{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.hud__theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.hud__theme-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border-strong)}.global-submit{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-raised)}.global-submit__label{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;display:block}.global-submit__row{gap:var(--space-2);align-items:stretch;display:flex}.global-submit__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-primary);letter-spacing:.15em;text-align:center;text-transform:uppercase;font-size:1.1rem;font-weight:700;font-family:var(--font-display,system-ui);flex:1;padding:.6rem .8rem;transition:border-color .15s}.global-submit__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.global-submit__input:disabled{opacity:.6}.global-submit__btn{border-radius:var(--radius-sm);background:var(--color-accent);color:#1a1d26;cursor:pointer;border:none;padding:0 1.2rem;font-size:.9rem;font-weight:700;transition:opacity .15s,transform 50ms}.global-submit__btn:hover:not(:disabled){opacity:.9}.global-submit__btn:active:not(:disabled){transform:scale(.98)}.global-submit__btn:disabled{opacity:.5;cursor:not-allowed}.global-submit__status{margin-top:var(--space-2);min-height:1.2em;color:var(--color-text-muted);font-size:.85rem;font-weight:500}.global-submit__status--success{color:var(--color-success)}.global-submit__status--error{color:var(--color-danger)}.lb-subtabs{margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border);gap:4px;display:flex}.lb-subtab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:color .15s,background .15s}.lb-subtab:hover{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.lb-subtab--active{color:var(--color-accent);background:var(--color-bg-raised);border-color:var(--color-border);border-bottom-color:var(--color-bg-raised)}.leaderboard-table__name{letter-spacing:.1em;color:var(--color-text-primary);font-weight:700}.daily-banner{padding:var(--space-2) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;display:flex}.daily-banner__text{font-family:var(--font-mono);color:var(--color-accent);font-size:.85rem;font-weight:600}.daily-tier-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:480px){.daily-tier-grid{grid-template-columns:1fr}}.daily-tier-card{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-raised);text-align:center;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.daily-tier-card--available{border-color:var(--color-accent-dim);background:var(--color-bg-subtle)}.daily-tier-card--done-win{border-color:var(--color-success);background:var(--color-success-bg)}.daily-tier-card--done-lose{border-color:var(--color-danger);background:var(--color-danger-bg)}.daily-tier-card--locked{opacity:.55}.daily-tier-card__emoji{font-size:1.8rem;line-height:1}.daily-tier-card__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary);font-size:.95rem;font-weight:700}.daily-tier-card__detail{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.7rem}.daily-tier-card__score{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.daily-tier-card__btn{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-bg-page);border-radius:var(--radius-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;border:none;font-size:.8rem;font-weight:700;transition:opacity .15s}.daily-tier-card__btn:hover{opacity:.88}.hud__daily-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__daily-btn:hover{background:var(--color-bg-raised);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.daily-reset-note{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;font-size:.72rem}.daily-submit{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);flex-direction:column;display:flex}.daily-submit__heading{font-family:var(--font-mono);color:var(--color-text-primary);margin:0;font-size:.82rem}.hud__versus-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__versus-btn:hover{background:var(--color-bg-raised);box-shadow:0 0 8px var(--color-danger-bg)}.hud__opponent{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}.hud__opponent-head{justify-content:space-between;align-items:center;display:flex}.hud__opponent-name{font-family:var(--font-display);color:var(--color-text-primary);font-size:.82rem;font-weight:600}.hud__opponent-score{font-family:var(--font-mono);color:var(--color-accent);font-size:.9rem;font-weight:700}.hud__opponent-bar-track{background:var(--color-bg-page);border-radius:3px;height:6px;overflow:hidden}.hud__opponent-bar-fill{background:var(--color-accent);border-radius:3px;width:0%;height:100%;transition:width .25s linear}.hud__opponent-bar-fill--done{background:var(--color-success)}.hud__opponent-bar-fill--dead{background:var(--color-danger)}.hud__opponent-status{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.7rem}.versus-overlay{z-index:1050;padding:var(--space-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.versus-card{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);padding:var(--space-4)}.versus-card__head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.versus-card__head h2{font-family:var(--font-display);color:var(--color-text-primary);margin:0;font-size:1.2rem}.versus-card__close{background:var(--color-bg-raised);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;font-size:.9rem}.versus-card__blurb,.versus-card__sub,.versus-card__foot{font-family:var(--font-mono);color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.5}.versus-card__blurb{font-size:.82rem}.versus-card__sub{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:.85rem}.versus-card__foot{color:var(--color-text-muted);margin:var(--space-3) 0 0;text-align:center;font-size:.72rem}.versus-card__tiers{gap:var(--space-2);flex-direction:column;display:flex}.versus-tier{column-gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;transition:border-color .15s,background .15s;display:grid}.versus-tier:hover{border-color:var(--color-accent);background:var(--color-bg-subtle)}.versus-tier__emoji{grid-row:1/3;font-size:1.8rem}.versus-tier__name{font-family:var(--font-display);color:var(--color-text-primary);font-size:.95rem;font-weight:700}.versus-tier__detail{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.72rem}.versus-card--result.versus-card--human_win{border-color:var(--color-success)}.versus-card--result.versus-card--cpu_win{border-color:var(--color-danger)}.versus-result{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.versus-result__side{padding:var(--space-3);background:var(--color-bg-raised);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;display:flex}.versus-result__who{font-family:var(--font-display);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.versus-result__score{font-family:var(--font-mono);color:var(--color-accent);font-size:2rem;font-weight:800}.versus-result__meta{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.7rem}.versus-result__vs{font-family:var(--font-display);color:var(--color-text-muted);font-size:.85rem}.versus-card__actions{gap:var(--space-2);display:flex}.versus-card__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;flex:1;font-size:.85rem;font-weight:700}.versus-card__btn--rematch{background:var(--color-accent);color:var(--color-bg-page);border:none}.versus-card__btn--done{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.daily-complete__total{padding:var(--space-3) 0 var(--space-4);flex-direction:column;align-items:center;gap:2px;display:flex}.daily-complete__total-num{font-family:var(--font-mono);color:var(--color-accent);font-size:2.6rem;font-weight:800;line-height:1}.daily-complete__total-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.78rem}.daily-complete__breakdown{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.daily-complete__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr auto auto;display:grid}.daily-complete__row-tier{font-family:var(--font-display);color:var(--color-text-primary);font-size:.85rem;font-weight:600}.daily-complete__row-score{font-family:var(--font-mono);color:var(--color-accent);font-size:.85rem;font-weight:700}.daily-complete__row-time{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.hud__mute-toggle{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.hud__mute-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.stats-panel{gap:var(--space-4);flex-direction:column;display:flex}.stats-lifetime{gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.stats-lifetime__row{justify-content:space-between;align-items:center;display:flex}.stats-lifetime__label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8rem}.stats-lifetime__val{font-family:var(--font-mono);color:var(--color-accent);font-size:.9rem;font-weight:700}.stats-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0;font-size:.8rem;font-weight:700}.stats-diff-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.stats-diff-card__header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:.85rem;font-weight:700}.stats-diff-card__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.stats-diff-card__item{flex-direction:column;align-items:center;gap:2px;display:flex}.stats-diff-card__num{font-family:var(--font-mono);color:var(--color-accent);font-size:1.3rem;font-weight:800;line-height:1}.stats-diff-card__lbl{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.hud__hint-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__hint-btn:hover:not(:disabled){background:var(--color-bg-raised);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.hud__hint-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes hint-pulse{0%{box-shadow:0 0 #ffc83ce6}60%{box-shadow:0 0 14px 6px #ffc83c73}to{box-shadow:0 0 #ffc83c00}}.board-cell--hint{z-index:1;animation:1.1s ease-out hint-pulse}.hud__campaign-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__campaign-btn:hover{background:var(--color-bg-raised);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.campaign-summary{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex}.campaign-summary__stars{font-family:var(--font-mono);color:var(--color-accent);font-size:1.1rem;font-weight:800}.campaign-summary__label{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.campaign-path{gap:var(--space-2);max-height:55vh;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.campaign-node{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);touch-action:manipulation;display:flex}.campaign-node:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-bg-raised)}.campaign-node--locked{opacity:.45;cursor:not-allowed}.campaign-node--cleared{border-color:var(--color-accent-dim)}.campaign-node--current{border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}.campaign-node__num{font-family:var(--font-mono);color:var(--color-accent);text-align:center;min-width:2.2em;font-size:1.05rem;font-weight:800}.campaign-node__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.campaign-node__title{font-family:var(--font-display);color:var(--color-text);font-size:.88rem;font-weight:700}.campaign-node__detail{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.72rem}.campaign-node__stars,.campaign-result__stars{letter-spacing:.1em;white-space:nowrap;font-size:1rem}.campaign-node__star,.campaign-result__star{color:var(--color-border)}.campaign-node__star--earned,.campaign-result__star--earned{color:#ffc83c;text-shadow:0 0 6px #ffc83c80}.campaign-result__stars{text-align:center;margin:var(--space-2) 0;font-size:2.2rem}.campaign-result__subtitle,.campaign-result__best,.campaign-result__tip{text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);margin:var(--space-1) 0;font-size:.82rem}.campaign-result__tip{font-size:.72rem}.hud__aftershock-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__aftershock-btn:hover{background:var(--color-bg-raised);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}@keyframes board-tremor{0%,to{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-2px,-1px)}40%{transform:translate(2px,1px)}50%{transform:translate(-1px,2px)}60%{transform:translate(1px,-2px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}90%{transform:translate(-1px)}}.board-grid--tremor{animation:.9s ease-in-out board-tremor}@keyframes tremor-number-flash{0%,to{filter:none}50%{filter:brightness(1.8)}}.board-grid--tremor .cell-number{animation:.45s ease-in-out 2 tremor-number-flash}.hud__gauntlet-btn{padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;flex-shrink:0;min-height:32px;font-size:.8rem;font-weight:600}.hud__gauntlet-btn:hover{background:var(--color-bg-raised);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.gauntlet-stats{gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;background:var(--color-bg-raised);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;font-size:.78rem;display:flex}.gauntlet-pot{margin:var(--space-2) 0 var(--space-3);flex-direction:column;align-items:center;gap:2px;display:flex}.gauntlet-pot__value{font-family:var(--font-mono);color:var(--color-accent);font-size:1.8rem;font-weight:800}.gauntlet-pot__label{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.gauntlet-relics{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;max-height:32vh;display:flex;overflow-y:auto}.gauntlet-relic{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.gauntlet-relic__emoji{font-size:1.4rem}.gauntlet-relic__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gauntlet-relic__name{font-family:var(--font-display);color:var(--color-text);font-size:.85rem;font-weight:700}.gauntlet-relic__desc{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.7rem}.gauntlet-relic__buy{flex-shrink:0}.store-item__preview{font-size:1.6rem;line-height:1}.store-item__preview-btn{padding:2px 8px;font-size:.78rem}.store-featured,.store-crate{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.store-crate{border-style:dashed}.store-featured__tag{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);flex-basis:100%;font-size:.75rem;font-weight:700}.store-featured .store-item__btn,.store-crate .store-item__btn{margin-top:0;margin-left:auto}.store-crate__box{font-size:2rem;line-height:1}.store-crate__box--shaking{animation:.3s linear infinite crate-shake}.store-crate__box--reveal{animation:.5s cubic-bezier(.2,1.6,.4,1) crate-reveal}@keyframes crate-shake{0%{transform:rotate(0)translate(0)}25%{transform:rotate(-8deg)translate(-2px)}50%{transform:rotate(0)translate(0)}75%{transform:rotate(8deg)translate(2px)}to{transform:rotate(0)translate(0)}}@keyframes crate-reveal{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.4)}to{transform:scale(1)}}.hud__quests-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);background:var(--color-bg-raised);color:var(--color-text);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:.78rem;font-weight:600}.hud__quests-btn:hover{border-color:var(--color-accent)}.hud__quests-btn--claimable{border-color:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.quest-streak{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);display:flex}.quest-streak__flame{font-size:1.4rem}.quest-streak__count{font-size:1.1rem;font-weight:700}.quest-streak__savers{margin-left:auto;font-size:.9rem}.quest-hint{color:var(--color-text-secondary);margin:0 0 var(--space-4);font-size:.8rem}.quest-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.quest-card{padding:var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quest-card--done{border-color:var(--color-accent)}.quest-card__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.quest-card__label{font-weight:600}.quest-card__reward{font-size:.9rem}.quest-card__progress{color:var(--color-text-secondary);font-size:.8rem}.quest-card__track{height:6px;margin:var(--space-2) 0;background:var(--color-bg);border-radius:3px;overflow:hidden}.quest-card__fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.quest-card__btn{padding:4px 12px;font-size:.8rem}.quest-balance{color:var(--color-text-secondary);font-size:.8rem}.side-quests{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.side-quest{flex-direction:column;gap:1px;font-size:.8rem;display:flex}.side-quest--done .side-quest__label{opacity:.75}.side-quest__meta{color:var(--color-text-secondary);font-size:.72rem}.side-quests__streak{margin-top:8px;font-size:.8rem;font-weight:600}.title-picker{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.title-picker__btn{padding:4px 10px;font-size:.8rem}.title-picker__hint{color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:.78rem}.achievement-cell{position:relative}.achievement-cell--earned{cursor:pointer}.achievement-cell--pinned{border-color:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.achievement-cell__pin{font-size:.8rem;position:absolute;top:4px;right:6px}.side-title{margin-bottom:6px;font-size:.82rem;font-weight:700}.side-badge--pinned{outline:1px solid var(--color-accent);border-radius:4px}.leaderboard-table__title,.side-ladder__title{color:var(--color-text-secondary);white-space:nowrap;font-size:.7rem;font-style:italic}.replay-view{z-index:1200;padding:var(--space-3);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.replay-view__panel{gap:var(--space-3);max-width:min(92vw,900px);max-height:92vh;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:auto}.replay-view__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.replay-view__title{font-weight:700}.replay-view__close{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.1rem}.replay-view__board{pointer-events:none;overflow:auto}.replay-view__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.replay-view__btn{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);color:var(--color-text);cursor:pointer;padding:4px 10px;font-size:.9rem}.replay-view__scrub{flex:1;min-width:120px}.replay-view__time{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:.85rem}.replay-list{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.replay-list__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.replay-list__name{font-weight:600}.replay-list__score{margin-left:auto}.replay-list__time{color:var(--color-text-secondary);font-size:.8rem}.replay-list__watch{padding:4px 10px;font-size:.8rem}