.language-setup{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:var(--bg-primary);z-index:200}.language-setup-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;max-width:400px;width:90%}.language-setup-title{font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);font-weight:500;letter-spacing:.2em;color:var(--text-primary);text-transform:uppercase;margin:0;text-align:center}.language-setup-subtitle{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--text-secondary);letter-spacing:.05em;margin:0;text-align:center}.language-options{display:flex;flex-direction:column;gap:.75rem;width:100%}.language-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid rgba(201,162,39,.15);border-radius:12px;color:var(--text-primary);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.language-option:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-2px)}.language-option:active{transform:translateY(0)}.language-name{font-weight:500}.language-code{font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em}[data-theme=light] .language-option{border-color:#8b72151f}[data-theme=light] .language-option:hover{border-color:var(--accent)}.stats-display{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 20px;margin-bottom:20px;width:100%;box-sizing:border-box}.stats-toggle{display:flex;justify-content:center;align-items:center;width:calc(100% + 1rem);background:none;border:none;cursor:pointer;padding:.5rem 1rem;margin:-.5rem;border-radius:6px;transition:background-color .2s ease;color:inherit;font:inherit}.stats-toggle:hover{background:#ffffff0d}.stats-header{width:100%}.stats-title{margin:0;font-family:var(--font-display);font-weight:500;letter-spacing:.05em;text-align:center;display:flex;align-items:baseline;justify-content:center}.stats-name{font-size:1.35rem;color:var(--accent)}.stats-discriminator{font-size:.9rem;color:var(--text-secondary);opacity:.7}.stats-rank{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;margin-bottom:0;padding-bottom:0;border-bottom:none}.stats-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);animation:stats-slide-down .2s ease-out}@keyframes stats-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rank-icon{font-size:1.5rem}.rank-name{font-size:1.1rem;font-weight:600;color:#fff}.rank-mmr{font-size:.9rem;color:var(--accent);font-weight:500}.stats-stones{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.stone-balance{font-size:1.1rem;font-weight:700;color:var(--accent)}.stone-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.4rem;font-weight:700;color:#fff}.stat-item.wins .stat-value{color:#4ade80}.stat-item.losses .stat-value{color:#f87171}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.stats-streak{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:6px}.streak-icon{font-size:1rem}.streak-text{font-size:.85rem;color:var(--accent);font-weight:500}@media(max-width:400px){.stats-display{padding:12px 16px}.stats-grid{gap:4px}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}}[data-theme=light] .stats-display{background:linear-gradient(135deg,#fffef8f2,#eae6dce6);border:1px solid rgba(139,114,21,.12);box-shadow:0 2px 8px #0000000f}[data-theme=light] .stats-toggle:hover{background:#00000008}[data-theme=light] .stats-name{color:var(--accent)}[data-theme=light] .stats-discriminator{color:var(--text-secondary)}[data-theme=light] .stats-details{border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .stat-value{color:var(--text-primary)}[data-theme=light] .stat-item.wins .stat-value{color:#16a34a}[data-theme=light] .stat-item.losses .stat-value{color:#dc2626}[data-theme=light] .stat-label{color:var(--text-secondary)}[data-theme=light] .stats-streak{border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .streak-text{color:var(--accent)}[data-theme=light] .stats-stones{border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .stone-balance{color:var(--accent)}[data-theme=light] .rank-name{color:var(--text-primary)}.leaderboard{background-color:var(--bg-secondary);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 3px #0003}.leaderboard-toggle{display:flex;justify-content:center;align-items:center;width:calc(100% + 1rem);background:none;border:none;cursor:pointer;padding:.5rem 1rem;margin:-.5rem;border-radius:6px;transition:background-color .2s ease}.leaderboard-toggle:hover{background:#ffffff0d}[data-theme=light] .leaderboard-toggle:hover{background:#00000008}.leaderboard-toggle h2{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:500;letter-spacing:.1em;color:var(--accent)}.leaderboard.collapsed .leaderboard-tabs,.leaderboard.collapsed .leaderboard-list,.leaderboard.collapsed .leaderboard-loading,.leaderboard.collapsed .leaderboard-error,.leaderboard.collapsed .leaderboard-empty{display:none}.leaderboard-tabs{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem}.leaderboard-tab{flex:1;padding:.5rem .25rem;background:linear-gradient(to bottom,#ffffff14,#0000000d);border:none;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.25);border-radius:6px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.leaderboard-tab:hover{background:linear-gradient(to bottom,#ffffff1f,#00000008);border-top:1px solid rgba(255,255,255,.18);color:var(--text-primary)}.leaderboard-tab.active{background:linear-gradient(to bottom,var(--accent) 0%,#9a7b1e 100%);border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.35);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}.leaderboard-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text-secondary);font-size:.875rem}.spinner.small{width:16px;height:16px;border-width:2px}.leaderboard-error{padding:1rem;text-align:center;color:#f87171;font-size:.875rem}.leaderboard-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-entry{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-entry:last-child{border-bottom:none}.leaderboard-entry .rank{width:2rem;text-align:center;font-size:.875rem;color:var(--text-secondary);font-weight:500}.leaderboard-entry .rank.rank-gold{color:#fbbf24;font-weight:700}.leaderboard-entry .rank.rank-silver{color:#9ca3af;font-weight:700}.leaderboard-entry .rank.rank-bronze{color:#cd7f32;font-weight:700}.leaderboard-entry .username{flex:1;font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.leaderboard-entry .discriminator{font-size:.75rem;color:var(--text-secondary);opacity:.7}.leaderboard-entry .stat{min-width:4.5rem;font-size:.75rem;color:var(--accent);font-weight:500;text-align:left;white-space:nowrap;flex-shrink:0}[data-theme=light] .leaderboard{background-color:var(--bg-secondary);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #00000014}[data-theme=light] .leaderboard-tab{background:linear-gradient(to bottom,#fffc,#00000005);border-top:1px solid rgba(255,255,255,.9);border-left:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.12);box-shadow:0 2px 4px #00000014}[data-theme=light] .leaderboard-tab:hover{background:linear-gradient(to bottom,#fffffff2,#00000003);border-top:1px solid rgba(255,255,255,1)}[data-theme=light] .leaderboard-entry{border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .leaderboard-tab.active{background:linear-gradient(to bottom,var(--accent) 0%,#6b550f 100%);border-top:1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.35);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003}.leaderboard-separator{display:flex;justify-content:center;align-items:center;padding:.25rem 0;border-bottom:none}.leaderboard-separator .separator-dots{color:var(--text-secondary);font-size:1rem;letter-spacing:.25em;opacity:.5}.leaderboard-entry.current-player{background:rgba(var(--accent-rgb, 139, 92, 246),.15);border-radius:4px;margin:0 -.5rem;padding:.5rem}.leaderboard-entry.current-player .username,.leaderboard-entry.current-player .rank{color:var(--accent);font-weight:600}[data-theme=light] .leaderboard-entry.current-player{background:#8b5cf61f}.codex-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(to bottom,#ffffff14,#0000000d);border:none;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.25);border-radius:8px;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;font-weight:500;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.codex-button:hover{background:linear-gradient(to bottom,#ffffff1f,#00000008);transform:translateY(-1px);box-shadow:0 3px 6px #00000040}.codex-button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.codex-button-progress{color:var(--accent);font-weight:600}[data-theme=light] .codex-button{background:linear-gradient(to bottom,#fffc,#00000005);border-top:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(0,0,0,.1);border-bottom:2px solid rgba(0,0,0,.15);box-shadow:0 2px 4px #0000001a}.codex-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}.codex-modal{background:var(--bg-primary);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.codex-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.codex-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:var(--accent);margin:0}.codex-modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .2s ease}.codex-modal-close:hover{color:var(--text-primary)}.codex-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary)}.codex-tab{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.codex-tab:hover{background:#ffffff0d;color:var(--text-primary)}.codex-tab.active{background:var(--accent);color:var(--bg-primary)}.codex-content{flex:1;overflow-y:auto;padding:1rem}.codex-group{margin-bottom:1.5rem}.codex-group-title{font-family:var(--font-display);font-size:.9rem;font-weight:500;letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.codex-group-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,140px));gap:.5rem;justify-content:center}.codex-card{position:relative;overflow:visible;text-align:left;background:var(--bg-secondary);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.05)}.codex-card:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.codex-card-state{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;color:var(--text-secondary)}.codex-card-name{font-size:.8rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.codex-card-stats{font-size:.7rem;color:var(--text-secondary)}.codex-card.unknown{opacity:.5}.codex-card.unknown .codex-card-name{color:var(--text-secondary);text-align:center}.codex-card.glimpsed{opacity:.7;border-color:#ffc10733}.codex-card.discovered{border-color:#4caf504d}.codex-card.studied{border-color:#9c27b04d;box-shadow:0 0 8px #9c27b026}.codex-card.expert{border-color:#ff980066;box-shadow:0 0 10px #ff980033}.codex-card.expert .codex-card-state{color:#ff9800}.codex-card.mastered{border-color:#ffd70066;box-shadow:0 0 12px #ffd70033}.codex-card.mastered .codex-card-state{color:var(--accent)}.expertise-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:500;white-space:nowrap}.expertise-badge.unknown{background:#80808033;color:var(--text-secondary)}.expertise-badge.glimpsed{background:#ffc10733;color:#ffc107}.expertise-badge.discovered{background:#4caf5033;color:#4caf50}.expertise-badge.studied{background:#9c27b033;color:#9c27b0}.expertise-badge.expert{background:#ff980033;color:#ff9800}.expertise-badge.mastered{background:#ffd7004d;color:gold}.codex-detail{padding:1rem}.codex-detail-back{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:.25rem 0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.codex-detail-back:hover{color:var(--text-primary)}.codex-detail-header{text-align:center;margin-bottom:1.5rem}.codex-detail-state{font-size:1.5rem;margin-bottom:.5rem}.codex-detail-name{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.08em;color:var(--accent);margin:0 0 .5rem}.codex-detail-illustration{margin:1rem auto;display:flex;justify-content:center}.codex-detail-illustration .mini-board{max-width:150px}.codex-detail-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.codex-detail-stats{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0;padding:1rem;background:var(--bg-secondary);border-radius:8px}.codex-detail-stat{text-align:center}.codex-detail-stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.codex-detail-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.codex-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.codex-achievement{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-secondary);border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.codex-achievement.earned{border-color:#ffd7004d;box-shadow:0 0 8px #ffd70026}.codex-achievement.earned.achievement-discovery{border-color:#60a5fa66;box-shadow:0 0 8px #60a5fa33}.codex-achievement.earned.achievement-discovery .codex-achievement-icon{color:#60a5fa}.codex-achievement.earned.achievement-score{border-color:#fbbf2466;box-shadow:0 0 8px #fbbf2433}.codex-achievement.earned.achievement-score .codex-achievement-icon{color:#fbbf24}.codex-achievement.earned.achievement-victory{border-color:#f8717166;box-shadow:0 0 8px #f8717133}.codex-achievement.earned.achievement-victory .codex-achievement-icon{color:#f87171}.codex-achievement.earned.achievement-capture{border-color:#a78bfa66;box-shadow:0 0 8px #a78bfa33}.codex-achievement.earned.achievement-capture .codex-achievement-icon{color:#a78bfa}.codex-achievement.earned.achievement-power{border-color:#facc1566;box-shadow:0 0 8px #facc1533}.codex-achievement.earned.achievement-power .codex-achievement-icon{color:#facc15}.codex-achievement.earned.achievement-comeback{border-color:#34d39966;box-shadow:0 0 8px #34d39933}.codex-achievement.earned.achievement-comeback .codex-achievement-icon{color:#34d399}.codex-achievement.earned.achievement-defense{border-color:#94a3b866;box-shadow:0 0 8px #94a3b833}.codex-achievement.earned.achievement-defense .codex-achievement-icon{color:#94a3b8}.codex-achievement.earned.achievement-rank{border-color:#d9770666;box-shadow:0 0 8px #d9770633}.codex-achievement.earned.achievement-rank .codex-achievement-icon{color:#d97706}.codex-achievement.earned.achievement-streak{border-color:#f9731666;box-shadow:0 0 8px #f9731633}.codex-achievement.earned.achievement-streak .codex-achievement-icon{color:#f97316}.codex-achievement.earned.achievement-special{border-color:#2dd4bf66;box-shadow:0 0 8px #2dd4bf33}.codex-achievement.earned.achievement-special .codex-achievement-icon{color:#2dd4bf}.codex-achievement.locked{opacity:.5}.codex-achievement.locked .codex-achievement-icon{color:var(--text-secondary)}.codex-achievement-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0d}.codex-achievement-content{flex:1;min-width:0}.codex-achievement-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem}.codex-achievement-description{font-size:.8rem;color:var(--text-secondary);line-height:1.3}.discovery-animation-overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s ease}.discovery-animation-content{text-align:center;animation:discoveryPop .5s ease}@keyframes discoveryPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.discovery-animation-sparkle{font-size:3rem;margin-bottom:1rem;animation:sparkle 1s ease infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.discovery-animation-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:.1em;color:gold;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,215,0,.5)}.discovery-animation-name{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.discovery-animation-progress{font-size:.9rem;color:var(--text-secondary)}.discovery-animation-dismiss{margin-top:2rem;padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:8px;color:var(--bg-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.discovery-animation-dismiss:hover{transform:scale(1.05)}.achievement-unlock-discovery .discovery-animation-sparkle{color:#60a5fa}.achievement-unlock-discovery .discovery-animation-title{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.5)}.achievement-unlock-score .discovery-animation-sparkle{color:#fbbf24}.achievement-unlock-score .discovery-animation-title{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}.achievement-unlock-victory .discovery-animation-sparkle{color:#f87171}.achievement-unlock-victory .discovery-animation-title{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5)}.achievement-unlock-capture .discovery-animation-sparkle{color:#a78bfa}.achievement-unlock-capture .discovery-animation-title{color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.5)}.achievement-unlock-power .discovery-animation-sparkle{color:#facc15}.achievement-unlock-power .discovery-animation-title{color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.5)}.achievement-unlock-comeback .discovery-animation-sparkle{color:#34d399}.achievement-unlock-comeback .discovery-animation-title{color:#34d399;text-shadow:0 0 20px rgba(52,211,153,.5)}.achievement-unlock-defense .discovery-animation-sparkle{color:#94a3b8}.achievement-unlock-defense .discovery-animation-title{color:#94a3b8;text-shadow:0 0 20px rgba(148,163,184,.5)}.achievement-unlock-rank .discovery-animation-sparkle{color:#d97706}.achievement-unlock-rank .discovery-animation-title{color:#d97706;text-shadow:0 0 20px rgba(217,119,6,.5)}.achievement-unlock-streak .discovery-animation-sparkle{color:#f97316}.achievement-unlock-streak .discovery-animation-title{color:#f97316;text-shadow:0 0 20px rgba(249,115,22,.5)}.achievement-unlock-special .discovery-animation-sparkle{color:#2dd4bf}.achievement-unlock-special .discovery-animation-title{color:#2dd4bf;text-shadow:0 0 20px rgba(45,212,191,.5)}.codex-claim-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:linear-gradient(to bottom,#ffd70040,#ffa50033);border:1px solid rgba(255,215,0,.4);border-radius:6px;color:gold;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.codex-claim-btn:hover{background:linear-gradient(to bottom,#ffd70059,#ffa5004d);transform:translateY(-1px);box-shadow:0 2px 8px #ffd70033}.codex-claim-btn:active{transform:translateY(0)}.codex-claim-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.codex-claim-btn .stone-icon{flex-shrink:0}.codex-claimed-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#4caf5026;border-radius:4px;color:#4caf50;font-size:.7rem;font-weight:500}.codex-achievement-claim{margin-top:.4rem}.codex-detail-claim{display:flex;justify-content:center;margin:1rem 0}.codex-detail-claim .codex-claim-btn{padding:.4rem .8rem;font-size:.85rem}[data-theme=light] .codex-claim-btn{background:linear-gradient(to bottom,#ffd70033,#ffa50026);border-color:#b48c0066;color:#b48c00}[data-theme=light] .codex-claimed-badge{background:#4caf501a;color:#2e7d32}.codex-claim-all-bar{display:flex;justify-content:flex-end;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:1;background:var(--bg-primary);box-shadow:0 2px 8px #0000004d}.codex-claim-all-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:linear-gradient(to bottom,#ffd7004d,#ffa50038);border:1px solid rgba(255,215,0,.5);border-radius:6px;color:gold;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.codex-claim-all-btn:hover{background:linear-gradient(to bottom,#ffd70066,#ffa50052);transform:translateY(-1px);box-shadow:0 2px 10px #ffd70040}.codex-claim-all-btn:active{transform:translateY(0)}.codex-claim-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-theme=light] .codex-claim-all-bar{border-bottom-color:#00000014;box-shadow:0 2px 8px #0000001a}[data-theme=light] .codex-claim-all-btn{background:linear-gradient(to bottom,#ffd70038,#ffa50029);border-color:#b48c0073;color:#b48c00}[data-theme=light] .codex-claim-all-btn:hover{background:linear-gradient(to bottom,#ffd70052,#ffa50042);box-shadow:0 2px 10px #b48c0026}.codex-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--text-secondary)}.codex-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.codex-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}[data-theme=light] .codex-achievement{border-color:#00000014}[data-theme=light] .codex-achievement-icon{background:#0000000d}@media(max-width:480px){.codex-modal{width:95%;max-height:85vh}.codex-group-cards{grid-template-columns:repeat(auto-fill,minmax(100px,120px))}.codex-tabs{padding:.5rem;gap:.25rem}.codex-tab{padding:.4rem .5rem;font-size:.75rem}}.step-mini-board-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.step-mini-board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px);gap:0;background:var(--board-bg);border-radius:4px;padding:4px;box-shadow:inset 0 1px 3px #0003,0 2px 4px #00000026;border:2px solid #8b6914}.step-dots{display:flex;gap:3px;justify-content:center}.step-dot{width:4px;height:4px;border-radius:50%;background:#c9a2274d;transition:background .3s,transform .3s}.step-dot-active{background:var(--accent);transform:scale(1.3)}.step-stone-wrap{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:2}.step-stone-new .mini-stone{animation:step-stone-enter .35s ease-out}@keyframes step-stone-enter{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.step-score-label{position:absolute;top:-2px;right:-4px;font-size:7px;font-weight:700;line-height:1;padding:1px 2px;border-radius:3px;white-space:nowrap;z-index:4;pointer-events:none}.step-score-positive{color:#22c55e;background:#0009;animation:step-score-pop .4s ease-out}.step-score-neutral{color:#94a3b8;background:#00000080}@keyframes step-score-pop{0%{transform:scale(0) translateY(4px);opacity:0}60%{transform:scale(1.2) translateY(-1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}[data-theme=light] .step-mini-board{box-shadow:inset 0 1px 3px #0000001f,0 2px 4px #0000001a}[data-theme=light] .step-score-positive{color:#16a34a;background:#ffffffd9}[data-theme=light] .step-score-neutral{color:#64748b;background:#ffffffbf}[data-theme=light] .step-dot{background:#8b72154d}.mini-board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:clamp(70px,18vw,100px);height:clamp(70px,18vw,100px);gap:0;background:var(--board-bg);border-radius:4px;padding:4px;box-shadow:inset 0 1px 3px #0003,0 2px 4px #00000026;border:2px solid #8b6914;flex-shrink:0}.mini-cell{position:relative;display:flex;justify-content:center;align-items:center}.mini-cell-lines{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.mini-line{position:absolute;background-color:var(--board-line)}.mini-line.horizontal{width:100%;height:1px;left:0}.mini-line.vertical{width:1px;height:100%;top:0}.mini-line.horizontal.edge-left{width:50%;left:50%}.mini-line.horizontal.edge-right{width:50%;left:0}.mini-line.vertical.edge-top{height:50%;top:50%}.mini-line.vertical.edge-bottom{height:50%;top:0}.mini-cell-empty{background:transparent}.mini-cell-highlight-high{background:#22c55e80}.mini-cell-highlight-medium{background:#eab30873}.mini-cell-highlight-low{background:#6b72804d}.mini-cell-region{background:#64b46473}.mini-stone{position:absolute;width:70%;height:70%;border-radius:50%;z-index:2}.mini-stone-player1{background:radial-gradient(circle at 35% 35%,#5a5a5a,#2a2a2a 30%,#0a0a0a);box-shadow:1px 2px 4px #0006,inset -1px -1px 2px #0006,inset 1px 1px 2px #64646433}.mini-stone-player2{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 40%,#c8c8c8);box-shadow:1px 2px 4px #00000040,inset -1px -1px 2px #00000014,inset 1px 1px 2px #fff9}[data-theme=light] .mini-board{box-shadow:inset 0 1px 3px #0000001f,0 2px 4px #0000001a}[data-theme=light] .mini-cell-highlight-high{background:#16a34a73}[data-theme=light] .mini-cell-highlight-medium{background:#d9770666}[data-theme=light] .mini-cell-highlight-low{background:#6b728040}[data-theme=light] .mini-cell-region{background:#50965066}.shop-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.shop-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.shop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-primary);z-index:1}.shop-modal-title{display:flex;align-items:center;gap:.5rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.shop-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.shop-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.shop-error{padding:.5rem 1.25rem;background:#dc323226;color:#ff6b6b;font-size:.85rem;border-bottom:1px solid rgba(220,50,50,.2)}.shop-success{padding:.5rem 1.25rem;background:#32b45026;color:#4ecb71;font-size:.85rem;border-bottom:1px solid rgba(50,180,80,.2)}.shop-grid{display:flex;flex-direction:column;gap:0}.shop-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);transition:background .15s}.shop-card:last-child{border-bottom:none}.shop-card:hover{background:var(--bg-secondary)}.shop-card.equipped{background:#c8aa5014}.skin-preview-stones{display:flex;gap:4px;flex-shrink:0}.stone-preview{width:28px;height:28px;border-radius:50%;position:relative;overflow:hidden}.stone-preview.player1{background:radial-gradient(circle at 35% 35%,#5a5a5a,#2a2a2a 30%,#0a0a0a);box-shadow:1px 2px 4px #0006,inset 1px 1px 2px #6464644d}.stone-preview.player2{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 40%,#c8c8c8);box-shadow:1px 2px 4px #0003,inset 1px 1px 2px #fffc}.stone-preview.skin-jade.player1{background:radial-gradient(circle at 30% 30%,rgba(80,180,120,.45) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#2a6a3c,#164828 40%,#082a14);box-shadow:1px 2px 4px #00000073,0 0 4px #3cb4644d,inset 1px 1px 2px #64c88240}.stone-preview.skin-jade.player2{background:radial-gradient(circle at 30% 30%,rgba(220,255,230,.8) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#b8f0c4,#88dca0 40%,#68c480);box-shadow:1px 2px 4px #0000002e,0 0 4px #64dc8c40,inset 1px 1px 2px #dcffe6a6}.stone-preview.skin-obsidian.player1{background:radial-gradient(circle at 25% 25%,rgba(100,100,130,.6) 0%,transparent 30%),radial-gradient(circle at 50% 50%,#2a2a3a,#121220 40%,#050510);box-shadow:1px 2px 5px #0009,inset 1px 1px 2px #7878b433;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0}.stone-preview.skin-obsidian.player1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 55%,rgba(200,60,20,.15) 0%,rgba(180,40,10,.08) 30%,transparent 60%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none}.stone-preview.skin-obsidian.player2{background:radial-gradient(circle at 25% 25%,rgba(240,240,255,.8) 0%,transparent 30%),radial-gradient(circle at 50% 50%,#d0d0e8,#a8a8c8 40%,#8080a8);box-shadow:1px 2px 5px #0000004d,inset 1px 1px 2px #e6e6ff99;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0}.stone-preview.skin-obsidian.player2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 55%,rgba(200,80,40,.08) 0%,transparent 40%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none}.stone-preview.skin-amber.player1{background:radial-gradient(circle at 35% 35%,rgba(220,180,80,.45) 0%,transparent 35%),radial-gradient(circle at 50% 50%,#a07818,#7a5a0a 35%,#503804);box-shadow:1px 2px 4px #00000073,0 0 4px #dc961e40,inset 1px 1px 2px #dcb45040}.stone-preview.skin-amber.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(255,240,200,.2) 0%,rgba(255,240,200,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 25%,rgba(255,240,200,.15) 0%,rgba(255,240,200,.15) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,240,200,.18) 0%,rgba(255,240,200,.18) 1.2px,transparent 1.2px);pointer-events:none}.stone-preview.skin-amber.player2{background:radial-gradient(circle at 35% 35%,rgba(255,252,240,.8) 0%,transparent 35%),radial-gradient(circle at 50% 50%,#fff0c0,#f8d878 35%,#e8c048);box-shadow:1px 2px 4px #0000002e,0 0 4px #ffc84633,inset 1px 1px 2px #fffadcb3}.stone-preview.skin-amber.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(160,100,20,.12) 0%,rgba(160,100,20,.12) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 25%,rgba(160,100,20,.1) 0%,rgba(160,100,20,.1) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(160,100,20,.13) 0%,rgba(160,100,20,.13) 1.2px,transparent 1.2px);pointer-events:none}.stone-preview.skin-marble.player1{background:radial-gradient(circle at 30% 30%,#6a6a72,#484850 30%,#262630);box-shadow:2px 3px 5px #00000080,inset 1px 1px 2px #9696a54d}.stone-preview.skin-marble.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.1) 35%,transparent 38%),linear-gradient(140deg,transparent 50%,rgba(200,200,210,.08) 54%,transparent 56%),linear-gradient(115deg,transparent 65%,rgba(255,255,255,.07) 68%,transparent 70%),linear-gradient(155deg,transparent 15%,rgba(180,180,195,.06) 19%,transparent 22%);pointer-events:none}.stone-preview.skin-marble.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,transparent 40%,rgba(255,255,255,.12) 43%,rgba(255,255,255,.06) 46%,transparent 48%),linear-gradient(110deg,transparent 20%,rgba(220,220,230,.07) 23%,transparent 26%),linear-gradient(145deg,transparent 70%,rgba(200,200,215,.09) 74%,transparent 77%),radial-gradient(circle at 25% 25%,rgba(200,200,210,.3) 0%,transparent 35%);pointer-events:none}.stone-preview.skin-marble.player2{background:radial-gradient(circle at 30% 30%,#f5f0e8,#e0d8d0 30%,#c8c0b8);box-shadow:2px 3px 5px #0000004d,inset 1px 1px 2px #fffc}.stone-preview.skin-marble.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 30%,rgba(160,150,140,.14) 35%,transparent 38%),linear-gradient(140deg,transparent 50%,rgba(140,130,120,.1) 54%,transparent 56%),linear-gradient(115deg,transparent 65%,rgba(170,160,150,.08) 68%,transparent 70%),linear-gradient(155deg,transparent 15%,rgba(130,120,110,.07) 19%,transparent 22%);pointer-events:none}.stone-preview.skin-marble.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,transparent 40%,rgba(120,110,100,.12) 43%,rgba(120,110,100,.06) 46%,transparent 48%),linear-gradient(110deg,transparent 20%,rgba(100,90,80,.07) 23%,transparent 26%),linear-gradient(145deg,transparent 70%,rgba(140,130,120,.09) 74%,transparent 77%),radial-gradient(circle at 25% 25%,rgba(255,255,255,.4) 0%,transparent 35%);pointer-events:none}.stone-preview.skin-lava.player1{background:radial-gradient(circle at 35% 35%,#c03010,#8a1a0a 30%,#3a0800);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;box-shadow:1px 2px 4px #00000080,0 0 5px #c8320a59,inset 1px 1px 2px #dc642840}.stone-preview.skin-lava.player1:after{content:"";position:absolute;inset:0;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:radial-gradient(circle at 40% 50%,rgba(255,120,30,.2) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(255,80,10,.15) 0%,transparent 30%);animation:shop-lava-pulse 3s ease-in-out infinite;pointer-events:none}.stone-preview.skin-lava.player2{background:radial-gradient(circle at 35% 35%,#ffe0c0,#ffc080 30%,#e08040);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;box-shadow:1px 2px 4px #00000040,0 0 5px #ff96324d,inset 1px 1px 2px #fff0c8a6}.stone-preview.skin-lava.player2:after{content:"";position:absolute;inset:0;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:radial-gradient(circle at 40% 50%,rgba(200,80,20,.12) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(180,60,10,.1) 0%,transparent 30%);animation:shop-lava-pulse 3s ease-in-out infinite;pointer-events:none}.stone-preview.skin-sapphire.player1{background:radial-gradient(circle at 30% 30%,rgba(60,100,200,.5) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#1a3a7a,#0c2050 40%,#040c28);box-shadow:1px 2px 4px #00000073,0 0 4px #2850c84d,inset 1px 1px 2px #5078dc40}.stone-preview.skin-sapphire.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(60deg,transparent 0px,transparent 4px,rgba(100,160,255,.07) 4px,rgba(100,160,255,.07) 5px),repeating-linear-gradient(120deg,transparent 0px,transparent 6px,rgba(60,120,220,.06) 6px,rgba(60,120,220,.06) 7px);pointer-events:none}.stone-preview.skin-sapphire.player2{background:radial-gradient(circle at 30% 30%,rgba(220,235,255,.8) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#b8d8f8,#80b8e8 40%,#5898d8);box-shadow:1px 2px 4px #0000002e,0 0 4px #3c78dc40,inset 1px 1px 2px #dcebffa6}.stone-preview.skin-sapphire.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(60deg,transparent 0px,transparent 4px,rgba(20,60,140,.06) 4px,rgba(20,60,140,.06) 5px),repeating-linear-gradient(120deg,transparent 0px,transparent 6px,rgba(15,50,120,.05) 6px,rgba(15,50,120,.05) 7px);pointer-events:none}.stone-preview.skin-crystal.player1{background:radial-gradient(circle at 35% 35%,#3a5a7a,#1a3858 30%,#0a1c38);clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(80,180,255,.4)) drop-shadow(0 0 8px rgba(100,200,255,.2));animation:shop-crystal-glow 4s ease-in-out infinite}.stone-preview.skin-crystal.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:linear-gradient(135deg,transparent 20%,rgba(160,220,255,.2) 40%,rgba(200,240,255,.15) 50%,transparent 70%);animation:shop-crystal-shimmer 8s linear infinite;pointer-events:none}.stone-preview.skin-crystal.player2{background:radial-gradient(circle at 35% 35%,#e4f2ff,#b8daff 40%,#88c0f0);clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(100,200,255,.5)) drop-shadow(0 0 8px rgba(140,220,255,.3));animation:shop-crystal-glow-light 4s ease-in-out infinite}.stone-preview.skin-crystal.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:linear-gradient(135deg,transparent 20%,rgba(140,210,255,.15) 40%,rgba(180,230,255,.12) 50%,transparent 70%);animation:shop-crystal-shimmer 8s linear infinite;pointer-events:none}.stone-preview.skin-cipher.player1{background:radial-gradient(circle at 35% 35%,#1a4a4a,#0a2a2a 30%,#001818);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;filter:drop-shadow(0 0 4px rgba(0,200,200,.4))}.stone-preview.skin-cipher.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(0,200,200,.06) 4px,rgba(0,200,200,.06) 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,200,200,.04) 4px,rgba(0,200,200,.04) 5px);pointer-events:none}.stone-preview.skin-cipher.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.08) 45%,rgba(0,255,255,.15) 50%,rgba(0,255,255,.08) 55%,transparent 100%);background-size:100% 200%;animation:shop-cipher-scan 6s ease-in-out infinite;pointer-events:none}.stone-preview.skin-cipher.player2{background:radial-gradient(circle at 35% 35%,#e8ffff,#c0f0f0 30%,#80d0d0);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;filter:drop-shadow(0 0 4px rgba(0,200,200,.35))}.stone-preview.skin-cipher.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(0,80,80,.05) 4px,rgba(0,80,80,.05) 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,80,80,.04) 4px,rgba(0,80,80,.04) 5px);pointer-events:none}.stone-preview.skin-cipher.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:linear-gradient(180deg,transparent 0%,rgba(0,200,200,.06) 45%,rgba(0,200,200,.1) 50%,rgba(0,200,200,.06) 55%,transparent 100%);background-size:100% 200%;animation:shop-cipher-scan 6s ease-in-out infinite;pointer-events:none}.stone-preview.skin-void.player1{background:radial-gradient(circle at 35% 35%,#3a1a5a,#1a0a2a 30%,#080018);clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;filter:drop-shadow(0 0 5px rgba(140,60,200,.4))}.stone-preview.skin-void.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(140,60,200,.1) 0deg,transparent 60deg,rgba(100,40,180,.08) 120deg,transparent 180deg,rgba(140,60,200,.1) 240deg,transparent 300deg,rgba(100,40,180,.08) 360deg);animation:shop-void-swirl 12s linear infinite;pointer-events:none}.stone-preview.skin-void.player2{background:radial-gradient(circle at 35% 35%,#f0e0ff,#e0d0f0 30%,#b8a0d8);clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;filter:drop-shadow(0 0 5px rgba(180,120,255,.35))}.stone-preview.skin-void.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(100,40,160,.06) 0deg,transparent 60deg,rgba(80,30,140,.04) 120deg,transparent 180deg,rgba(100,40,160,.06) 240deg,transparent 300deg,rgba(80,30,140,.04) 360deg);animation:shop-void-swirl 12s linear infinite;pointer-events:none}.stone-preview.skin-heart.player1{background:radial-gradient(circle at 35% 35%,#8a2040,#5a1020 30%,#2a0810);clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;transform:scale(1.1);filter:drop-shadow(0 0 3px rgba(255,60,80,.4))}.stone-preview.skin-heart.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;background:radial-gradient(circle at 42% 36%,rgba(255,140,160,.25) 0%,transparent 55%);animation:shop-heart-glow 5s ease-in-out infinite;pointer-events:none}.stone-preview.skin-heart.player2{background:radial-gradient(circle at 35% 35%,#ffe0e8,#ffb0c0 40%,#ff8098);clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;transform:scale(1.1);filter:drop-shadow(0 0 3px rgba(255,100,120,.3))}.stone-preview.skin-heart.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;background:radial-gradient(circle at 42% 36%,rgba(180,40,60,.12) 0%,transparent 55%);animation:shop-heart-glow 5s ease-in-out infinite;pointer-events:none}.stone-preview.skin-snowflake.player1{background:radial-gradient(circle at 35% 35%,#2a5080,#1a3050 30%,#0a1828);box-shadow:1px 2px 4px #00000073,0 0 4px #64b4ff4d,inset 1px 1px 2px #8cc8ff33}.stone-preview.skin-snowflake.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(180,220,255,.12) 0deg,transparent 30deg,rgba(180,220,255,.12) 60deg,transparent 90deg,rgba(180,220,255,.12) 120deg,transparent 150deg,rgba(180,220,255,.12) 180deg,transparent 210deg,rgba(180,220,255,.12) 240deg,transparent 270deg,rgba(180,220,255,.12) 300deg,transparent 330deg,rgba(180,220,255,.12) 360deg);animation:shop-snowflake-sparkle 18s ease-in-out infinite;pointer-events:none}.stone-preview.skin-snowflake.player2{background:radial-gradient(circle at 35% 35%,#f0f8ff,#d0e8ff 40%,#a0c8f0);box-shadow:1px 2px 4px #00000026,0 0 4px #64b4ff33,inset 1px 1px 2px #ffffffb3}.stone-preview.skin-snowflake.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(60,100,160,.08) 0deg,transparent 30deg,rgba(60,100,160,.08) 60deg,transparent 90deg,rgba(60,100,160,.08) 120deg,transparent 150deg,rgba(60,100,160,.08) 180deg,transparent 210deg,rgba(60,100,160,.08) 240deg,transparent 270deg,rgba(60,100,160,.08) 300deg,transparent 330deg,rgba(60,100,160,.08) 360deg);animation:shop-snowflake-sparkle 18s ease-in-out infinite;pointer-events:none}.stone-preview.skin-dragon,.stone-preview.skin-starfire{overflow:visible;border-radius:0}.stone-preview.skin-phantom{overflow:visible}.stone-preview.skin-dragon.player1{background:radial-gradient(circle at 35% 35%,#c03010,#6a1a0a 40%,#2a0800);clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(200,60,20,.4)) drop-shadow(0 0 8px rgba(255,100,30,.2));animation:shop-dragon-ember 3s ease-in-out infinite}.stone-preview.skin-dragon.player1:before{content:"";position:absolute;width:2px;height:1px;top:38%;left:50%;transform:translate(-50%);background:transparent;border-radius:50%;box-shadow:-4px 0 2px 1px #ff5014,-4px 0 4px 1px #ff782899,4px 0 2px 1px #ff5014,4px 0 4px 1px #ff782899;z-index:3;pointer-events:none;animation:dragon-eyes 4s ease-in-out infinite}.stone-preview.skin-dragon.player1:after{content:"";position:absolute;inset:-2px;clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,160,60,.15) 30deg,transparent 60deg,rgba(255,100,20,.1) 90deg,transparent 120deg);animation:shop-dragon-scales 6s linear infinite;pointer-events:none}.stone-preview.skin-dragon.player2{background:radial-gradient(circle at 35% 35%,gold,#e8a828 40%,#c07818);clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(255,200,60,.4)) drop-shadow(0 0 8px rgba(255,180,40,.2));animation:shop-dragon-ember-light 3s ease-in-out infinite}.stone-preview.skin-dragon.player2:before{content:"";position:absolute;width:2px;height:1px;top:38%;left:50%;transform:translate(-50%);background:transparent;border-radius:50%;box-shadow:-4px 0 2px 1px #b45000,-4px 0 4px 1px #c8781499,4px 0 2px 1px #b45000,4px 0 4px 1px #c8781499;z-index:3;pointer-events:none;animation:dragon-eyes 4s ease-in-out infinite}.stone-preview.skin-dragon.player2:after{content:"";position:absolute;inset:-2px;clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(200,140,20,.12) 30deg,transparent 60deg,rgba(180,120,10,.08) 90deg,transparent 120deg);animation:shop-dragon-scales 6s linear infinite;pointer-events:none}.stone-preview.skin-starfire.player1{background:radial-gradient(circle at 40% 40%,#4a3aaa,#1a1468 40%,#0a0838);clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;transform:scale(1.3);filter:drop-shadow(0 0 5px rgba(100,80,220,.5)) drop-shadow(0 0 10px rgba(140,120,255,.25));animation:shop-starfire-pulse 4s ease-in-out infinite}.stone-preview.skin-starfire.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(160,140,255,.15) 0%,transparent 60%);pointer-events:none}.stone-preview.skin-starfire.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:linear-gradient(135deg,transparent 15%,rgba(180,160,255,.2) 35%,rgba(220,200,255,.15) 50%,transparent 70%);animation:shop-starfire-trail 5s linear infinite;pointer-events:none}.stone-preview.skin-starfire.player2{background:radial-gradient(circle at 40% 40%,#ffd040,#e8a020 40%,#c08818);clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;transform:scale(1.3);filter:drop-shadow(0 0 5px rgba(255,200,60,.5)) drop-shadow(0 0 10px rgba(255,180,40,.25));animation:shop-starfire-pulse-light 4s ease-in-out infinite}.stone-preview.skin-starfire.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,220,.3) 0%,transparent 60%);pointer-events:none}.stone-preview.skin-starfire.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:linear-gradient(135deg,transparent 10%,rgba(255,255,200,.35) 30%,rgba(255,240,160,.25) 50%,transparent 70%);animation:shop-starfire-trail 5s linear infinite;pointer-events:none}.stone-preview.skin-phantom.player1{background:radial-gradient(circle,transparent 28%,#1a0a2a 33%,#3a1a5a 55%,transparent 60%);opacity:.85;filter:drop-shadow(0 0 5px rgba(100,60,160,.5))}.stone-preview.skin-phantom.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(120,60,200,.1) 0deg,transparent 90deg,rgba(120,60,200,.1) 180deg,transparent 270deg,rgba(120,60,200,.1) 360deg);animation:shop-phantom-swirl 8s linear infinite;pointer-events:none}.stone-preview.skin-phantom.player2{background:radial-gradient(circle,transparent 28%,#e8e0f0 33%,#f8f0ff 55%,transparent 60%);opacity:.9;filter:drop-shadow(0 0 5px rgba(180,140,230,.5))}.stone-preview.skin-phantom.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(160,120,220,.06) 0deg,transparent 90deg,rgba(160,120,220,.06) 180deg,transparent 270deg,rgba(160,120,220,.06) 360deg);animation:shop-phantom-swirl 8s linear infinite;pointer-events:none}.stone-preview.skin-sakura.player1{background:radial-gradient(circle at 35% 35%,#8a3060,#5a1840 30%,#2a0820);box-shadow:1px 2px 4px #00000073,0 0 4px #ff78a04d,inset 1px 1px 2px #c8648c33}.stone-preview.skin-sakura.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(255,150,180,.15) 0deg,transparent 36deg,rgba(255,150,180,.15) 72deg,transparent 108deg,rgba(255,150,180,.15) 144deg,transparent 180deg,rgba(255,150,180,.15) 216deg,transparent 252deg,rgba(255,150,180,.15) 288deg,transparent 324deg,rgba(255,150,180,.15) 360deg);animation:shop-sakura-spin 30s linear infinite;pointer-events:none}.stone-preview.skin-sakura.player2{background:radial-gradient(circle at 35% 35%,#fff0f4,#ffc8d8 40%,#ffa0b8);box-shadow:1px 2px 4px #00000026,0 0 4px #ff78a033,inset 1px 1px 2px #fff0f5b3}.stone-preview.skin-sakura.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(180,60,100,.08) 0deg,transparent 36deg,rgba(180,60,100,.08) 72deg,transparent 108deg,rgba(180,60,100,.08) 144deg,transparent 180deg,rgba(180,60,100,.08) 216deg,transparent 252deg,rgba(180,60,100,.08) 288deg,transparent 324deg,rgba(180,60,100,.08) 360deg);animation:shop-sakura-spin 30s linear infinite;pointer-events:none}.shop-card-info{flex:1;min-width:0}.shop-card-name{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 2px}.shop-card-desc{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3}.shop-card-actions{flex-shrink:0}.shop-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 10px;border-radius:4px}.equipped-badge{color:var(--accent-gold, #c8aa6e);background:#c8aa6e26;border:1px solid rgba(200,170,110,.3)}.shop-btn{font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:4px;border:none;cursor:pointer;transition:background .15s,transform .1s;display:inline-flex;align-items:center;gap:4px}.shop-btn:active:not(:disabled){transform:scale(.97)}.shop-btn:disabled{opacity:.5;cursor:not-allowed}.buy-btn{background:linear-gradient(180deg,#c8aa6e,#a08040);color:#1a1a1a;box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}.buy-btn:hover:not(:disabled){background:linear-gradient(180deg,#d4b87a,#b09050)}.equip-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.equip-btn:hover:not(:disabled){background:var(--bg-secondary)}.shop-cost-icon{opacity:.8;vertical-align:middle;margin-left:2px}.owned-badge{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.shop-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.shop-tab{flex:1;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:color .15s,border-color .15s}.shop-tab:hover{color:var(--text-primary)}.shop-tab:focus-visible{outline:2px solid var(--accent-gold, #c8aa6e);outline-offset:-2px}.shop-tab.active{color:var(--accent-gold, #c8aa6e);border-bottom-color:var(--accent-gold, #c8aa6e);background:none}.shop-emote-section{display:flex;flex-direction:column}.shop-emote-loadout-area{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);text-align:center}.shop-emote-loadout-title{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .15rem}.shop-emote-loadout-hint{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem}.shop-loadout{display:flex;justify-content:center;gap:.75rem}.shop-loadout-slot{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;color:var(--text-primary)}.shop-loadout-slot svg{flex-shrink:0}.shop-loadout-slot:hover{border-color:var(--text-secondary);transform:scale(1.05)}.shop-loadout-slot.editing{border-color:var(--accent-gold, #c8aa6e);box-shadow:0 0 0 2px #c8aa6e4d;transform:scale(1.08)}.shop-emote-tier-header{padding:.4rem 1.25rem;font-family:Cormorant Garamond,serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.shop-emote-tier-header.tier-free{color:var(--text-secondary)}.shop-emote-tier-header.tier-premium{color:#d4a04a}.shop-emote-tier-header.tier-prestige{color:#d4a0ff}.shop-emote-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}[data-theme=light] .shop-error{background:#dc32321a;color:#c0392b}[data-theme=light] .shop-success{background:#32b4501a;color:#27ae60}@media(max-width:480px){.shop-modal{max-width:100%;max-height:90vh;border-radius:8px}.shop-card{padding:.6rem 1rem}.stone-preview{width:24px;height:24px}.shop-card-name{font-size:.9rem}.shop-card-desc{font-size:.7rem}.shop-loadout-slot{width:44px;height:44px}.shop-emote-icon{width:34px;height:34px}.shop-emote-loadout-area{padding:.75rem 1rem}}@keyframes shop-crystal-glow{0%,to{filter:drop-shadow(0 0 4px rgba(80,180,255,.4)) drop-shadow(0 0 8px rgba(100,200,255,.2))}33%{filter:drop-shadow(0 0 4px rgba(60,200,240,.4)) drop-shadow(0 0 8px rgba(80,220,255,.2))}66%{filter:drop-shadow(0 0 4px rgba(100,160,255,.4)) drop-shadow(0 0 8px rgba(120,180,255,.2))}}@keyframes shop-crystal-glow-light{0%,to{filter:drop-shadow(0 0 4px rgba(100,200,255,.5)) drop-shadow(0 0 8px rgba(140,220,255,.3))}33%{filter:drop-shadow(0 0 4px rgba(60,200,240,.5)) drop-shadow(0 0 8px rgba(80,230,255,.3))}66%{filter:drop-shadow(0 0 4px rgba(120,180,255,.5)) drop-shadow(0 0 8px rgba(140,200,255,.3))}}@keyframes shop-crystal-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shop-lava-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shop-heart-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes shop-snowflake-sparkle{0%{opacity:.4;transform:rotate(0)}25%{opacity:1}50%{opacity:.4;transform:rotate(180deg)}75%{opacity:1}to{opacity:.4;transform:rotate(360deg)}}@keyframes shop-sakura-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shop-cipher-scan{0%,to{opacity:.4;background-position:0 -100%}50%{opacity:1;background-position:0 100%}}@keyframes shop-void-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shop-dragon-ember{0%,to{filter:drop-shadow(0 0 4px rgba(200,60,20,.4)) drop-shadow(0 0 8px rgba(255,100,30,.2))}50%{filter:drop-shadow(0 0 6px rgba(220,80,30,.55)) drop-shadow(0 0 10px rgba(255,120,40,.3))}}@keyframes shop-dragon-ember-light{0%,to{filter:drop-shadow(0 0 4px rgba(255,200,60,.4)) drop-shadow(0 0 8px rgba(255,180,40,.2))}50%{filter:drop-shadow(0 0 6px rgba(255,220,80,.55)) drop-shadow(0 0 10px rgba(255,200,50,.3))}}@keyframes shop-dragon-scales{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shop-starfire-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(100,80,220,.5)) drop-shadow(0 0 10px rgba(140,120,255,.25))}50%{filter:drop-shadow(0 0 7px rgba(120,100,240,.65)) drop-shadow(0 0 14px rgba(160,140,255,.35))}}@keyframes shop-starfire-pulse-light{0%,to{filter:drop-shadow(0 0 5px rgba(255,200,60,.5)) drop-shadow(0 0 10px rgba(255,180,40,.25))}50%{filter:drop-shadow(0 0 7px rgba(255,220,80,.65)) drop-shadow(0 0 14px rgba(255,200,50,.35))}}@keyframes shop-starfire-trail{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shop-phantom-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gacha-tab{padding:1rem}.gacha-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.gacha-banner{text-align:center;margin-bottom:1rem}.gacha-banner-title{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--text-primary);margin:0 0 .75rem}.gacha-description{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.5}.gacha-details{list-style:none;padding:0;margin:0;font-size:.8rem;color:var(--text-secondary);text-align:left;display:inline-block}.gacha-details li{padding:.2rem 0}.gacha-details li:before{content:"✦ ";color:var(--accent, #c9a855)}.gacha-pity{margin:.75rem 0;text-align:center}.gacha-pity-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem}.gacha-pity-bar{width:100%;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.gacha-pity-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#c9a227,#e8c050);transition:width .3s ease}.gacha-buttons{display:flex;gap:.75rem;margin-top:1rem}.gacha-pull-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem!important}.gacha-multi{border:1px solid rgba(201,162,39,.3)!important}.gacha-cost{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;opacity:.9}.shop-card.prestige{border:1px solid rgba(201,162,39,.3)}.shop-card-mystery{opacity:.6}.shop-card-mystery .shop-card-name,.shop-card-mystery .shop-card-desc{color:#fff6;font-style:italic}.mystery-stone{background:#ffffff14!important;border:1px dashed rgba(255,255,255,.15)!important;box-shadow:none!important}.shop-mystery-icon{font-size:1.5rem;font-weight:700;color:#ffffff4d}[data-theme=light] .shop-card-mystery .shop-card-name,[data-theme=light] .shop-card-mystery .shop-card-desc{color:#00000059}[data-theme=light] .mystery-stone{background:#0000000f!important;border:1px dashed rgba(0,0,0,.15)!important}[data-theme=light] .shop-mystery-icon{color:#00000040}.shop-badge.prestige-badge{background:linear-gradient(135deg,#c9a22733,#c9a2271a);color:#c9a227;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid rgba(201,162,39,.3)}.gacha-pull-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gacha-pull-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:90vw}.gacha-cards-grid.single{display:flex;justify-content:center}.gacha-cards-grid.multi{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;max-width:500px}@media(max-width:600px){.gacha-cards-grid.multi{grid-template-columns:repeat(3,1fr)}}.gacha-card{width:80px;height:100px;perspective:600px}.gacha-cards-grid.single .gacha-card{width:120px;height:150px}.gacha-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gacha-card.flipped .gacha-card-inner{transform:rotateY(180deg)}.gacha-card.shivering .gacha-card-inner{animation:gacha-shiver .7s ease-in-out}@keyframes gacha-shiver{0%{transform:translate(0) rotate(0)}10%{transform:translate(-3px) rotate(-1.5deg)}20%{transform:translate(3px) rotate(1.5deg)}30%{transform:translate(-4px) rotate(-2deg)}40%{transform:translate(4px) rotate(2deg)}50%{transform:translate(-3px) rotate(-2.5deg)}60%{transform:translate(3px) rotate(2.5deg)}70%{transform:translate(-4px) rotate(-2deg)}80%{transform:translate(4px) rotate(1.5deg)}90%{transform:translate(-2px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.gacha-shake{animation:gacha-container-shake .6s ease-out}@keyframes gacha-container-shake{0%{transform:translate(0)}10%{transform:translate(-6px,-4px)}20%{transform:translate(6px,3px)}30%{transform:translate(-5px,5px)}40%{transform:translate(5px,-3px)}50%{transform:translate(-4px,2px)}60%{transform:translate(3px,-2px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}90%{transform:translate(-1px)}to{transform:translate(0)}}.gacha-card.shivering .gacha-card-front{animation:gacha-shiver-glow .7s ease-in-out}@keyframes gacha-shiver-glow{0%{box-shadow:none}50%{box-shadow:0 0 20px #ffffff4d}to{box-shadow:0 0 20px #ffffff4d}}.gacha-card-front,.gacha-card-back{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.gacha-card-front{background:linear-gradient(135deg,#2a2a3a,#1a1a28);border:1px solid rgba(255,255,255,.1)}.gacha-card-mystery{font-size:2rem;color:#ffffff4d;font-weight:700}.gacha-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#1a1a28,#2a2a3a);border:1px solid rgba(255,255,255,.1);padding:.5rem;gap:.3rem}.gacha-card.prestige .gacha-card-back{border-color:#c9a22780;box-shadow:0 0 20px #c9a22733}.gacha-card.skin .gacha-card-back{border-color:#64b4ff66;box-shadow:0 0 12px #64b4ff26}.gacha-card.emote .gacha-card-back{border-color:#b482ff66;box-shadow:0 0 12px #b482ff26}.gacha-card.coupon .gacha-card-back{border-color:#ffc83c80;box-shadow:0 0 16px #ffc83c33}.gacha-card-coupon{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;gap:.2rem}.gacha-coupon-icon{font-size:1.5rem}.gacha-coupon-amount{font-size:1rem;font-weight:700;color:gold}.gacha-coupons{margin:.75rem 0;padding:.5rem;background:#ffc83c0d;border:1px solid rgba(255,200,60,.2);border-radius:8px}.gacha-coupons-title{font-size:.75rem;color:gold;margin:0 0 .4rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.gacha-coupon-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.gacha-coupon-btn{display:flex;align-items:center;gap:.4rem;font-size:.75rem!important;padding:.35rem .6rem!important;background:linear-gradient(135deg,#ffc83c26,#ffb42814)!important;border-color:#ffc83c4d!important}.gacha-coupon-btn:hover:not(:disabled){border-color:#ffc83c99!important;box-shadow:0 0 8px #ffc83c33}.gacha-coupon-qty{font-size:.65rem;color:var(--text-secondary);font-weight:600}.gacha-card-emote{display:flex;justify-content:center;align-items:center;flex:1}.gacha-card-emote.prestige-emote-card{color:#d4a0ff;filter:drop-shadow(0 0 4px rgba(180,100,255,.5))}.gacha-card.prestige_emote .gacha-card-front{background:linear-gradient(135deg,#2a1040,#1a0830);border-color:#b464ff66}.gacha-card.prestige_emote .gacha-card-front .gacha-card-mystery{color:#d4a0ff}.gacha-emote-label{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center}.gacha-card-skin{display:flex;justify-content:center}.gacha-card-label{text-align:center;font-size:.65rem}.gacha-new-badge{color:gold;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gacha-dupe{color:var(--text-secondary);font-size:.6rem}.gacha-pity-badge{font-size:.55rem;color:#c9a227;font-weight:700}.gacha-consolation-result{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--text-secondary);font-size:.7rem}.gacha-card.jackpot.jackpot-rare .gacha-card-back{border-color:#c0c0c099;box-shadow:0 0 20px #c0c0c04d}.gacha-card.jackpot.jackpot-epic .gacha-card-back{border-color:#ffc83cb3;box-shadow:0 0 30px #ffc83c66,0 0 60px #ffb42826}.gacha-card.jackpot.jackpot-legendary .gacha-card-back{border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 30px #ff64644d,0 0 60px #ffc83c33,0 0 90px #64c8ff26;animation:jackpot-rainbow-border 2s linear infinite}@keyframes jackpot-rainbow-border{0%{border-color:#ff6b6b;box-shadow:0 0 30px #ff6b6b66,0 0 60px #ff6b6b26}16%{border-color:gold;box-shadow:0 0 30px #ffd70066,0 0 60px #ffd70026}33%{border-color:#4ecdc4;box-shadow:0 0 30px #4ecdc466,0 0 60px #4ecdc426}50%{border-color:#45b7d1;box-shadow:0 0 30px #45b7d166,0 0 60px #45b7d126}66%{border-color:#a18cd1;box-shadow:0 0 30px #a18cd166,0 0 60px #a18cd126}83%{border-color:#ff6b9d;box-shadow:0 0 30px #ff6b9d66,0 0 60px #ff6b9d26}to{border-color:#ff6b6b;box-shadow:0 0 30px #ff6b6b66,0 0 60px #ff6b6b26}}.gacha-jackpot-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;height:100%}.jackpot-stones-icon{animation:jackpot-bounce .6s ease-out}@keyframes jackpot-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.jackpot-amount{font-weight:800;font-size:.65rem;text-align:center;line-height:1.1}.jackpot-rare .jackpot-amount{color:#e0e0e0;text-shadow:0 0 6px rgba(192,192,192,.5)}.jackpot-epic .jackpot-amount{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.jackpot-legendary .jackpot-amount{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);animation:jackpot-text-rainbow 1.5s linear infinite}@keyframes jackpot-text-rainbow{0%{color:#ff6b6b;text-shadow:0 0 12px rgba(255,107,107,.6)}16%{color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}33%{color:#4ecdc4;text-shadow:0 0 12px rgba(78,205,196,.6)}50%{color:#45b7d1;text-shadow:0 0 12px rgba(69,183,209,.6)}66%{color:#a18cd1;text-shadow:0 0 12px rgba(161,140,209,.6)}83%{color:#ff6b9d;text-shadow:0 0 12px rgba(255,107,157,.6)}to{color:#ff6b6b;text-shadow:0 0 12px rgba(255,107,107,.6)}}.jackpot-tier-label{font-weight:900;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.jackpot-rare .jackpot-tier-label{color:silver}.jackpot-epic .jackpot-tier-label{color:gold;animation:jackpot-pulse 1s ease-in-out infinite}.jackpot-legendary .jackpot-tier-label{font-size:.65rem;animation:jackpot-text-rainbow 1.5s linear infinite,jackpot-pulse .8s ease-in-out infinite}@keyframes jackpot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.gacha-card.jackpot.jackpot-legendary.shivering .gacha-card-inner{animation:gacha-shiver-intense .7s ease-in-out}@keyframes gacha-shiver-intense{0%{transform:translate(0) rotate(0)}10%{transform:translate(-5px) rotate(-3deg)}20%{transform:translate(5px) rotate(3deg)}30%{transform:translate(-6px) rotate(-4deg)}40%{transform:translate(6px) rotate(4deg)}50%{transform:translate(-5px) rotate(-3deg)}60%{transform:translate(5px) rotate(3deg)}70%{transform:translate(-6px) rotate(-4deg)}80%{transform:translate(6px) rotate(3deg)}90%{transform:translate(-3px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.gacha-card.jackpot.jackpot-epic.shivering .gacha-card-inner{animation:gacha-shiver .7s ease-in-out}.gacha-pull-overlay.jackpot-flash{animation:jackpot-screen-flash .8s ease-out}@keyframes jackpot-screen-flash{0%{background:#000000d9}10%{background:#fff9}30%{background:#ffd7004d}to{background:#000000d9}}.gacha-dismiss-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:.5rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.85rem}.gacha-dismiss-btn:hover{background:#ffffff26}.gacha-flip-all-btn{background:#c9a22726;border:1px solid rgba(201,162,39,.4);color:#c9a227;padding:.5rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.85rem;margin-top:.5rem;transition:background .2s}.gacha-flip-all-btn:hover{background:#c9a22740}.gacha-card{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.gacha-card img,.gacha-card-front,.gacha-card-back{-webkit-user-drag:none;pointer-events:none}[data-theme=light] .gacha-pity-bar{background:#0000000f}[data-theme=light] .gacha-card-front{background:linear-gradient(135deg,#e8e4d8,#d0ccc0);border-color:#0000001a}[data-theme=light] .gacha-card-back{background:linear-gradient(135deg,#f0ece0,#e0dcd0);border-color:#0000001a}[data-theme=light] .gacha-card-mystery{color:#0003}@media(prefers-reduced-motion:reduce){.gacha-card.shivering .gacha-card-inner,.gacha-shake,.gacha-card.shivering .gacha-card-front{animation:none}}.rune-guide-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(201,162,39,.06) 0%,transparent 70%),#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:rune-guide-fade-in .3s ease-out}.rune-guide-modal{background:linear-gradient(145deg,#252220fa,#1a1814fa);border-radius:12px;padding:2rem 2.5rem;max-width:400px;width:calc(100% - 2rem);text-align:center;animation:rune-guide-scale-in .3s ease-out;border:4px solid;border-color:#4a4238 #3a3428 #2e281e #443e34;box-shadow:0 0 40px #c9a2271a,0 8px 32px #000000b3,inset 0 1px #c9a22714,inset 0 -2px #0000004d}.rune-guide-icon{font-size:3.5rem;margin-bottom:.75rem;color:var(--accent, #c9a227);text-shadow:0 0 20px rgba(201,162,39,.5),0 0 40px rgba(201,162,39,.2);animation:rune-guide-icon-pulse 2s ease-in-out infinite}@keyframes rune-guide-icon-pulse{0%,to{text-shadow:0 0 20px rgba(201,162,39,.5),0 0 40px rgba(201,162,39,.2)}50%{text-shadow:0 0 30px rgba(201,162,39,.7),0 0 60px rgba(201,162,39,.3)}}.rune-guide-modal h2{font-family:var(--font-display, "Cormorant Garamond", serif);font-size:1.875rem;font-weight:600;letter-spacing:.2em;color:var(--text-primary, #e8e4df);margin-bottom:.5rem;text-transform:uppercase}.rune-guide-desc{font-size:1.1rem;color:var(--text-secondary, #9c9590);line-height:1.6;margin-bottom:1.25rem;font-style:italic;text-wrap:balance;word-break:keep-all}.rune-guide-points{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.rune-guide-points li{font-size:.9rem;color:var(--text-secondary, #9c9590);padding:.4rem 0 .4rem 1.75rem;position:relative;text-wrap:balance;word-break:keep-all}.rune-guide-points li:before{content:"•";position:absolute;left:0;font-size:1rem;color:var(--accent, #c9a227)}.rune-guide-btn{font-family:var(--font-display, "Cormorant Garamond", serif);font-size:1rem;font-weight:600;padding:1rem 2.5rem;background:linear-gradient(to bottom,var(--bg-tertiary, #2f2b28) 0%,var(--bg-primary, #1a1814) 100%);border:none;border-top:2px solid rgba(255,255,255,.12);border-left:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(0,0,0,.2);border-bottom:3px solid rgba(0,0,0,.4);border-radius:50px;color:var(--accent, #c9a227);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0006,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003;text-shadow:0 1px 0 rgba(0,0,0,.3),0 -1px 0 rgba(255,255,255,.1)}.rune-guide-btn:hover{background:linear-gradient(to bottom,var(--bg-tertiary, #2f2b28) 0%,var(--bg-secondary, #252220) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00000080,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #0003}.rune-guide-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0006,inset 0 1px 2px #ffffff0d,inset 0 -1px 2px #0003}@keyframes rune-guide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rune-guide-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-theme=light] .rune-guide-overlay{background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(139,114,21,.06) 0%,transparent 70%),#000000b3}[data-theme=light] .rune-guide-modal{background:linear-gradient(145deg,#fffef8fa,#eae6dcfa);border-color:#c0b8a0 #a8a088 #988e78 #b8b098;box-shadow:0 0 40px #8b72151a,0 8px 32px #0000004d,inset 0 1px #ffffff80,inset 0 -2px #0000001a}[data-theme=light] .rune-guide-icon{color:var(--accent);text-shadow:0 0 15px rgba(139,114,21,.4),0 0 30px rgba(139,114,21,.2)}@media(max-width:500px){.rune-guide-modal{padding:1.5rem;margin:0 .5rem}.rune-guide-modal h2{font-size:1.5rem;letter-spacing:.15em}.rune-guide-desc{font-size:1rem}.rune-guide-points li{font-size:.85rem}.rune-guide-btn{padding:.85rem 2rem;font-size:.9rem;min-height:44px}}.rune-tree-overlay{position:fixed;inset:0;background:#000c;display:flex;z-index:1000}.rune-tree-modal{display:flex;flex:1;overflow:hidden;background:var(--bg-primary)}.rune-tree-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color, #1e1e32);z-index:10;flex-shrink:0}.rune-tree-title{font-family:var(--font-display, "Cormorant Garamond", serif);font-size:18px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);margin:0}.rune-tree-hud{display:flex;gap:16px;font-family:var(--font-display, "Cormorant Garamond", serif);font-size:18px;color:var(--text-secondary);letter-spacing:.05em;align-items:center}.rune-tree-hud span{display:flex;align-items:center;gap:4px}.rune-tree-hud-value{color:var(--accent);font-weight:600}.rune-tree-hud-stone{color:var(--accent)}.rune-tree-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.rune-tree-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.rune-tree-main{display:flex;flex:1;overflow:hidden;position:relative}.rune-tree-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.rune-tree-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0f0f1a 0%,var(--bg-primary) 70%);touch-action:none}.rune-tree-area svg{width:100%;height:100%;display:block}.rune-node{cursor:pointer}.rune-node:hover .rune-node-shape{filter:brightness(1.5)}.rune-node.allocated .rune-node-shape{transition:.3s}.rune-node.available .rune-node-shape{animation:rune-pulse 2s ease-in-out infinite}.rune-node.locked{cursor:default}.rune-node.locked:hover .rune-node-shape{filter:none}@keyframes rune-pulse{0%,to{opacity:.5}50%{opacity:.85}}.rune-node-label{font-size:8px;fill:#555;text-anchor:middle;pointer-events:none;font-weight:500;letter-spacing:.3px}.rune-node.allocated .rune-node-label{fill:#aaa}.rune-node.available .rune-node-label{fill:#666}.rune-node.locked .rune-node-label{fill:#333}.rune-branch-label{font-size:11px;text-anchor:middle;font-weight:700;letter-spacing:3px;pointer-events:none}.rune-reset-view{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color, #1e1e32);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:10px;letter-spacing:1px;z-index:5;transition:.2s}.rune-reset-view:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rune-sidebar{width:280px;background:var(--bg-secondary);border-left:1px solid var(--border-color, #1e1e32);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.rune-sidebar h3{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:4px}.rune-lvl-bar{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);border-radius:8px;padding:10px 12px}.rune-lvl-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.rune-lvl-num{font-family:var(--font-display, "Cormorant Garamond", serif);font-size:22px;font-weight:600;color:var(--accent)}.rune-lvl-xp{font-size:11px;color:var(--text-secondary)}.rune-bar-track{height:5px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.rune-bar-fill{height:100%;border-radius:3px;transition:width .4s}.rune-bar-fill-xp{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.rune-bar-fill-rp{background:linear-gradient(90deg,var(--accent-hover),var(--accent))}.rune-build-input{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);color:var(--text-primary);padding:7px 10px;border-radius:6px;font-size:13px;width:100%;outline:none;font-weight:600}.rune-build-input:focus{border-color:var(--accent)}.rune-stat-box{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);border-radius:8px;padding:10px 12px}.rune-stat-label{font-size:11px;color:var(--text-secondary);margin-bottom:5px}.rune-stat-nums{display:flex;justify-content:space-between;font-size:11px;margin-top:4px;color:var(--text-secondary)}.rune-cost-box{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);border-radius:8px;padding:8px 12px;font-size:12px}.rune-cost-row{display:flex;justify-content:space-between;padding:3px 0}.rune-cost-val{color:#f59e0b;font-weight:600}.rune-fx-list{list-style:none;padding:0;margin:0}.rune-fx-list li{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--bg-primary)}.rune-fx-list li:last-child{border-bottom:none}.rune-fx-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 0 2px}.rune-fx-section-label+.rune-fx-list{margin-bottom:4px}.rune-fx-pos{color:#22c55e}.rune-fx-neg{color:#ef4444}.rune-arch-box{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);border-radius:8px;padding:8px 12px;font-size:11px;color:var(--text-secondary);line-height:1.5}.rune-arch-name{color:var(--accent);font-weight:600}.rune-books{display:flex;flex-direction:column;gap:6px}.rune-book-slot{background:var(--bg-primary);border:1px solid var(--border-color, #1e1e32);border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.rune-book-slot.locked-slot{opacity:.4}.rune-book-name{font-weight:600;color:var(--text-secondary)}.rune-book-btns{display:flex;gap:4px}.rune-book-btn{padding:3px 8px;border:1px solid var(--border-color, #1e1e32);background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:10px;transition:.15s}.rune-book-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rune-book-btn.sell{color:#ef4444;border-color:#ef444433}.rune-btn-row{display:flex;gap:8px;margin-top:auto}.rune-btn{flex:1;padding:9px;border:1px solid var(--border-color, #1e1e32);background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:1px;transition:.2s;font-weight:600}.rune-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rune-btn.danger{border-color:#ef444440;color:#ef4444}.rune-btn.danger:hover{background:#ef44440f}.rune-tooltip{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color, #2a2a3a);border-radius:10px;padding:12px 14px;min-width:210px;max-width:260px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:1200;box-shadow:0 12px 40px #000000b3}.rune-tooltip.show{opacity:1}.rune-tt-name{font-size:14px;font-weight:700;margin-bottom:2px}.rune-tt-type{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;padding:2px 7px;border-radius:4px;display:inline-block;margin-bottom:6px;font-weight:600}.rune-tt-type.minor{background:var(--bg-tertiary);color:var(--text-secondary)}.rune-tt-type.notable{background:#f59e0b1f;color:#f59e0b}.rune-tt-type.keystone{background:#c9a2271f;color:var(--accent)}.rune-tt-type.gateway{background:#22c55e17;color:#22c55e}.rune-tt-type.bridge{background:#6b72801f;color:#6b7280}.rune-tt-desc{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.rune-tt-cost{font-size:11px;color:#f59e0b;margin-bottom:5px;font-weight:600}.rune-tt-effects{list-style:none;padding:0;margin:0 0 5px}.rune-tt-effects li{font-size:11px;padding:1px 0}.rune-tt-effects .pos{color:#22c55e}.rune-tt-effects .neg{color:#ef4444}.rune-tt-action{font-size:10px;color:var(--accent);margin-top:6px;border-top:1px solid var(--border-color, #1e1e32);padding-top:5px}.rune-tt-action.warn{color:#ef4444}.rune-locked-overlay{position:absolute;inset:0;background:#080810e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.rune-lock-title{font-size:20px;font-weight:700;color:var(--text-secondary);letter-spacing:3px;margin-bottom:6px}.rune-lock-desc{font-size:13px;color:#334155}.rune-lock-bar-wrap{margin-top:16px;background:var(--bg-tertiary);border-radius:6px;width:200px;height:7px;overflow:hidden}.rune-lock-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:6px;animation:rune-lock-grow 1.2s ease-out}@keyframes rune-lock-grow{0%{width:0}}.rune-lock-games{font-size:11px;color:#334155;margin-top:7px;letter-spacing:1px}.rune-no-effects{color:#334155}.rune-tree-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary)}.rune-tree-error{padding:.5rem 1.25rem;background:#dc323226;color:#ff6b6b;font-size:.85rem}[data-theme=light] .rune-tree-area{background:radial-gradient(ellipse at 50% 50%,#e8e4df 0%,var(--bg-primary) 70%)}[data-theme=light] .rune-tooltip{box-shadow:0 12px 40px #0003}[data-theme=light] .rune-locked-overlay{background:#f0ece4e6}[data-theme=light] .rune-lock-desc,[data-theme=light] .rune-lock-games,[data-theme=light] .rune-no-effects{color:var(--text-secondary)}.rune-tooltip.mobile{position:fixed;inset:auto 12px 12px;max-width:none;min-width:0;width:auto;border-radius:12px;padding:14px 16px;pointer-events:auto}.rune-tt-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px 6px;line-height:1;opacity:.6}.rune-tt-action-btn{width:100%;padding:10px;margin-top:8px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.5px}.rune-tt-action-btn.allocate{background:#c9a22726;color:var(--accent)}.rune-tt-action-btn.remove{background:#ef44441f;color:#ef4444}.rune-sheet-summary{display:none}.rune-sheet-divider{color:var(--text-secondary);opacity:.4}.rune-sheet-buff{color:#22c55e;font-weight:600;margin-right:6px}.rune-sheet-debuff{color:#ef4444;font-weight:600}@media(max-width:768px){.rune-tree-header{padding:8px 12px}.rune-tree-title{font-size:14px;letter-spacing:.12em}.rune-tree-hud{gap:10px;font-size:16px}.rune-tree-main{flex-direction:column}.rune-sidebar{width:100%;max-height:60px;min-height:60px;border-left:none;border-top:1px solid var(--border-color, #1e1e32);padding:0;overflow:hidden;transition:max-height .35s ease,min-height .35s ease;position:relative}.rune-sidebar.expanded{max-height:50vh;min-height:50vh;overflow-y:auto;padding:12px}.rune-sheet-handle{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px;cursor:pointer;gap:4px}.rune-sheet-handle:before{content:"";width:36px;height:4px;background:#334155;border-radius:2px}.rune-sidebar.expanded .rune-sheet-handle:before{background:var(--text-secondary)}.rune-sheet-handle-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);opacity:.6}.rune-sheet-summary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--text-secondary);padding:0 12px 8px}}@media(min-width:769px){.rune-sheet-handle,.rune-sheet-handle-label{display:none}}.lobby{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:1;background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 70%);overflow:hidden}.lobby:before{content:"";position:absolute;inset:0;background-image:url(/assets/scroll-dark.png);background-size:cover;background-position:center;opacity:.15;pointer-events:none;z-index:0}[data-theme=light] .lobby:before{background-image:url(/assets/scroll-light.png);opacity:.2}.lobby-stone-balance{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:600;font-size:.95rem;z-index:10;padding:.3rem .6rem;border:1px solid rgba(255,215,0,.2);border-radius:6px;background:#ffd7000d}[data-theme=light] .lobby-stone-balance{border-color:#b48c0033;background:#ffd70014;color:#b48c00}.lobby-corner-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:10}.corner-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);padding:.35rem .6rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.corner-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}[data-theme=light] .corner-btn{border:1px solid rgba(0,0,0,.1)}[data-theme=light] .corner-btn:hover{background:#0000000d;border-color:#0003}.corner-btn-glow{animation:corner-btn-glow-pulse 2s ease-in-out infinite;border-color:#ffd70066}.corner-btn-glow:hover{animation:none}@keyframes corner-btn-glow-pulse{0%,to{box-shadow:0 0 4px #ffd70033;border-color:#ffd7004d}50%{box-shadow:0 0 12px #ffd70066,0 0 4px #ffd70033;border-color:#ffd70080}}[data-theme=light] .corner-btn-glow{animation:corner-btn-glow-pulse-light 2s ease-in-out infinite;border-color:#b48c004d}[data-theme=light] .corner-btn-glow:hover{animation:none}@keyframes corner-btn-glow-pulse-light{0%,to{box-shadow:0 0 4px #b48c0026;border-color:#b48c0040}50%{box-shadow:0 0 12px #b48c004d,0 0 4px #b48c0026;border-color:#b48c0066}}.rune-glyph{font-size:1.25rem;line-height:1}.codex-corner-btn{font-size:1rem;padding:.25rem .5rem}.codex-corner-btn .codex-icon{display:flex;align-items:center}.lobby-content{width:100%;max-width:500px;text-align:center;padding-top:2.5rem;position:relative;z-index:1}@media(min-width:600px){.lobby-content{padding-top:0}}.lobby-title{font-family:var(--font-display);font-size:clamp(2.2rem,8.8vw,3.3rem);font-weight:500;letter-spacing:.2em;margin-bottom:.5rem;color:var(--text-primary);text-transform:uppercase}.lobby-subtitle{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--text-secondary);margin-bottom:2.5rem;letter-spacing:.05em;text-wrap:balance;word-break:keep-all}.join-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.name-input{font-size:1.125rem;padding:.75rem 0;border:none;border-bottom:1px solid var(--text-secondary);border-radius:0;background-color:transparent;color:var(--text-primary);width:280px;text-align:center;transition:border-color .3s ease}.name-input:focus{outline:none;border-bottom-color:var(--accent)}.name-input::placeholder{color:var(--text-secondary);font-style:italic}.play-button{font-family:var(--font-display);font-size:1.1rem;font-weight:500;padding:1rem 3rem;background:linear-gradient(to bottom,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:none;border-top:2px solid rgba(255,255,255,.15);border-left:2px solid rgba(255,255,255,.1);border-right:2px solid rgba(0,0,0,.2);border-bottom:3px solid rgba(0,0,0,.4);border-radius:50px;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;box-shadow:0 4px 12px #0006,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003;text-shadow:0 1px 0 rgba(0,0,0,.3),0 -1px 0 rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.play-button:hover{transform:translateY(-2px);color:var(--bg-primary);box-shadow:0 6px 20px #c9a22766,0 0 0 2px var(--accent),inset 0 1px 2px #fff3;text-shadow:none}.play-button:hover:before{transform:scaleX(1)}.play-button:active{transform:translateY(1px);border-top:2px solid rgba(0,0,0,.2);border-left:2px solid rgba(0,0,0,.15);border-right:2px solid rgba(255,255,255,.1);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 1px 4px #0000004d,inset 0 2px 4px #0003}.rejoin-button{font-size:1.125rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--stone-player1),var(--accent));border:none;border-radius:8px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.rejoin-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.connection-status{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);margin-bottom:2rem}.matchmaking-status{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.matchmaking-text{font-size:1.125rem}.cancel-button{background-color:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary)}.cancel-button:hover{background-color:#ffffff1a}.spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.lobby-info{background-color:var(--bg-secondary);border-radius:8px;padding:1rem 1.25rem;text-align:left;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 3px #0003}.lobby-info h2{font-family:var(--font-display);font-size:1.125rem;font-weight:500;letter-spacing:.1em;margin-bottom:1rem;color:var(--accent)}.lobby-info ul{list-style:none;padding:0}.lobby-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.9rem}.lobby-info li:before{content:"•";position:absolute;left:0;color:var(--accent)}.account-welcome{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.welcome-message{font-size:1.25rem;color:var(--text-secondary);margin:0;text-wrap:balance;word-break:keep-all}.welcome-message strong{color:#4ade80}.switch-account-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;text-decoration:none;padding:.5rem 1rem;transition:all .2s ease}.switch-account-link:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.reset-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.reset-confirm-dialog{background:var(--bg-secondary);padding:1.5rem;border-radius:.5rem;text-align:center;max-width:300px}.reset-confirm-dialog p{margin:0 0 1rem;color:var(--text-primary)}.reset-confirm-buttons{display:flex;gap:1rem;justify-content:center}.reset-confirm-yes{background:#ef4444;border:none;border-radius:6px;color:#fff;padding:.5rem 1rem;cursor:pointer;font-size:.875rem}.reset-confirm-yes:hover{background:#dc2626}.reset-confirm-cancel{background:transparent;border:1px solid var(--text-secondary);border-radius:6px;color:var(--text-secondary);padding:.5rem 1rem;cursor:pointer;font-size:.875rem}.reset-confirm-cancel:hover{background:#ffffff1a}.settings-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.settings-button:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--text-primary)}.settings-icon{font-size:1rem}.how-to-play-toggle{display:flex;justify-content:center;align-items:center;width:calc(100% + 1rem);background:none;border:none;cursor:pointer;padding:.5rem 1rem;margin:-.5rem;margin-bottom:0;border-radius:6px;transition:background-color .2s ease}.how-to-play-toggle:hover{background:#ffffff0d}[data-theme=light] .how-to-play-toggle:hover{background:#00000008}.how-to-play-toggle h2{margin:0}.lobby-info ul{animation:slide-down .2s ease-out}.lobby-info.collapsed ul{display:none}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .lobby{background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 70%)}[data-theme=light] .lobby-title{color:var(--text-primary)}[data-theme=light] .name-input{border-bottom:1px solid var(--text-secondary);background-color:transparent}[data-theme=light] .name-input:focus{border-bottom-color:var(--accent)}[data-theme=light] .play-button{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:2px solid rgba(255,255,255,.6);border-left:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(0,0,0,.1);border-bottom:3px solid rgba(0,0,0,.15);box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #0000000d;text-shadow:0 1px 0 rgba(255,255,255,.5)}[data-theme=light] .play-button:hover{box-shadow:0 6px 20px #8b721540,0 0 0 2px var(--accent),inset 0 1px 2px #ffffff80;text-shadow:none}[data-theme=light] .switch-account-link{background:#00000008;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .switch-account-link:hover{background:#0000000f;border-color:#0003}[data-theme=light] .settings-button{border:1px solid rgba(0,0,0,.15)}[data-theme=light] .settings-button:hover{background:#0000000d;border-color:#00000040}[data-theme=light] .cancel-button{border:1px solid var(--text-secondary)}[data-theme=light] .cancel-button:hover{background-color:#0000000d}[data-theme=light] .lobby-info{background-color:var(--bg-secondary);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #00000014}[data-theme=light] .lobby-info li{color:var(--text-secondary)}[data-theme=light] .reset-confirm-dialog{background:var(--bg-secondary);box-shadow:0 4px 20px #00000026}[data-theme=light] .reset-confirm-cancel:hover{background:#0000000d}[data-theme=light] .spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--accent)}[data-theme=light] .welcome-message strong{color:#16a34a}.lobby-footer{margin-top:2rem;padding-top:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);opacity:.6}.lobby-footer .version-link{background:none;border:none;padding:0;font:inherit;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.lobby-footer .version-link:hover{color:var(--accent);text-decoration:underline}.lobby-footer .separator{opacity:.5}.lobby-footer .contact-link{background:none;border:none;padding:0;font:inherit;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .2s ease}.lobby-footer .contact-link:hover{color:var(--accent);text-decoration:underline}.friend-match-collapsed{margin-top:1rem;text-align:center}.friend-match-toggle{background:linear-gradient(to bottom,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:none;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.3);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;box-shadow:0 2px 6px #00000040;text-shadow:0 1px 0 rgba(0,0,0,.2)}.friend-match-toggle:hover{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 3px 8px #0000004d}.friend-match-toggle:active{transform:translateY(1px);border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #00000040}.friend-match-form{position:relative;margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);max-width:320px;margin-left:auto;margin-right:auto}.friend-match-close{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.friend-match-close:hover{color:var(--text-primary)}.friend-match-title{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary);text-align:center}.friend-match-form form{display:flex;flex-direction:column;gap:.75rem}.username-input-group{display:flex;align-items:center;gap:.25rem}.username-input{padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.username-input.name-part{flex:1;min-width:0}.username-input.discriminator-part{width:70px;text-align:center}.username-separator{color:var(--text-secondary);font-size:1.1rem;font-weight:700;padding:0 .1rem;-webkit-user-select:none;user-select:none}.username-input::placeholder{color:var(--text-secondary)}.username-input:focus{outline:none;border-color:var(--accent)}.capture-mode-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.capture-mode-toggle input[type=checkbox]{cursor:pointer}.send-challenge-btn{background:var(--accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:opacity .2s}.send-challenge-btn:hover:not(:disabled){opacity:.9}.send-challenge-btn:disabled{opacity:.5;cursor:not-allowed}.friend-match-pending{text-align:center}.pending-message{margin:0 0 .75rem;color:var(--text-primary);font-size:.9rem}.spinner-small{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .75rem}.cancel-request-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.4rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer}.cancel-request-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.friend-request-error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;margin-bottom:.5rem;text-align:center}[data-theme=light] .friend-match-toggle{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:1px solid rgba(255,255,255,.7);border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.12);box-shadow:0 2px 6px #0000001a;text-shadow:0 1px 0 rgba(255,255,255,.5)}[data-theme=light] .friend-match-toggle:hover{box-shadow:0 3px 8px #00000026}[data-theme=light] .friend-match-form{background:var(--bg-secondary)}[data-theme=light] .friend-request-error{background:#ff00000d;color:#c53030}.friend-request-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.friend-request-modal{background:var(--bg-secondary);border-radius:12px;padding:1.5rem 2rem;max-width:340px;width:90%;text-align:center;animation:slideUp .3s ease-out;border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.challenger-name{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary);font-weight:600}.challenger-username{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary)}.capture-mode-warning{background:#ff960026;border:1px solid rgba(255,150,0,.4);color:orange;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.countdown-timer{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.modal-buttons{display:flex;gap:.75rem;justify-content:center}.accept-btn,.decline-btn{padding:.6rem 1.25rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .2s;min-width:100px}.accept-btn{background:#4caf50;color:#fff;border:none}.accept-btn:hover{background:#45a049}.decline-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary)}.decline-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}[data-theme=light] .friend-request-modal{background:#fff;box-shadow:0 4px 20px #00000026}[data-theme=light] .capture-mode-warning{background:#ff96001a;color:#d97706}.settings-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:150;animation:fade-in .2s ease-out}.settings-panel{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0006;animation:scale-in .2s ease-out;border:1px solid rgba(201,162,39,.15)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.15)}.settings-header h2{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:var(--accent)}.settings-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.settings-close:hover{color:var(--text-primary);background:#ffffff1a}.settings-content{padding:.5rem 1.5rem 1.5rem}.setting-row{display:grid;grid-template-columns:1fr 150px;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05);gap:1rem}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.setting-label{font-size:.95rem;color:var(--text-primary);font-weight:500}.setting-description{font-size:.75rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:52px;height:28px;background:#ffffff1a;border:none;border-radius:14px;cursor:pointer;transition:background-color .2s;flex-shrink:0;justify-self:end}.toggle-switch.active{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(24px)}.speed-selector{display:flex;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.speed-option{padding:.5rem .75rem;background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.speed-option.active{background:var(--accent);color:#fff}.speed-option:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.language-selector{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;flex-shrink:0;min-width:100px;justify-self:end}.language-selector:focus{outline:none;border-color:var(--accent)}.language-selector option{background:var(--bg-secondary);color:var(--text-primary)}.theme-selector{display:flex;gap:.5rem;flex-shrink:0;justify-self:end}.theme-option{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.theme-option.active{background:var(--accent);border-color:var(--accent);color:#fff}.theme-option:hover:not(.active){background:#ffffff1a;color:var(--text-primary)}.theme-icon{font-size:.9rem}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.settings-panel{width:95%;max-height:85vh}.settings-content{padding:.5rem 1rem 1rem}}[data-theme=light] .settings-panel{border:1px solid rgba(139,114,21,.12);box-shadow:0 8px 32px #00000026}[data-theme=light] .settings-header{border-bottom:1px solid rgba(139,114,21,.12)}[data-theme=light] .settings-close:hover{background:#0000000d}[data-theme=light] .setting-row{border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .toggle-switch{background:#cbd5e1}[data-theme=light] .toggle-switch.active{background:var(--accent)}[data-theme=light] .toggle-knob{box-shadow:0 2px 4px #00000026}[data-theme=light] .speed-selector{background:#00000008;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .speed-option:hover:not(.active){background:#0000000d}[data-theme=light] .theme-option{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#374151}[data-theme=light] .theme-option:hover:not(.active){background:#0000000f;color:#1f2937}[data-theme=light] .speed-option{color:#374151}[data-theme=light] .speed-option:hover:not(.active){color:#1f2937}[data-theme=light] .language-selector{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#374151}[data-theme=light] .language-selector option{background:var(--bg-secondary);color:#374151}.feedback-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:150;animation:feedback-fade-in .2s ease-out}.feedback-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:450px;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0006;animation:feedback-scale-in .2s ease-out;border:1px solid rgba(201,162,39,.15)}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.15)}.feedback-header h2{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:var(--accent)}.feedback-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.feedback-close:hover{color:var(--text-primary);background:#ffffff1a}.feedback-content{padding:1.5rem}.feedback-description{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.category-selector{display:flex;gap:.5rem;margin-bottom:1rem}.category-btn{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-btn:hover:not(.active){background:#ffffff1a;color:var(--text-primary)}.feedback-textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);resize:vertical;min-height:100px;max-height:300px;transition:border-color .2s}.feedback-textarea:focus{outline:none;border-color:var(--accent)}.feedback-textarea::placeholder{color:var(--text-secondary)}.feedback-char-count{text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;margin-bottom:.75rem}.feedback-error{color:#ef4444;font-size:.85rem;margin:0 0 .75rem}.feedback-submit-btn{width:100%;padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.feedback-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{text-align:center;padding:1rem 0}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#22c55e;color:#fff;border-radius:50%;font-size:1.5rem;margin-bottom:1rem}.feedback-success p{color:var(--text-primary);font-size:1rem;margin:0 0 1.5rem}.feedback-done-btn{padding:.75rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.feedback-done-btn:hover{background:#ffffff26}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}@keyframes feedback-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:400px){.feedback-modal{width:95%;max-height:85vh}.feedback-content{padding:1rem}.category-selector{flex-direction:column}}[data-theme=light] .feedback-modal{border:1px solid rgba(139,114,21,.12);box-shadow:0 8px 32px #00000026}[data-theme=light] .feedback-header{border-bottom:1px solid rgba(139,114,21,.12)}[data-theme=light] .feedback-close:hover{background:#0000000d}[data-theme=light] .category-btn{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#374151}[data-theme=light] .category-btn:hover:not(.active){background:#0000000f;color:#1f2937}[data-theme=light] .feedback-textarea{background:#00000008;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .feedback-done-btn{background:#0000000d;border:1px solid rgba(0,0,0,.15)}[data-theme=light] .feedback-done-btn:hover{background:#00000014}.patchnotes-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:150;animation:patchnotes-fade-in .2s ease-out}.patchnotes-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:480px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:patchnotes-scale-in .2s ease-out;border:1px solid rgba(201,162,39,.15)}.patchnotes-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(201,162,39,.15);flex-shrink:0}.patchnotes-header h2{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:var(--accent)}.patchnotes-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.patchnotes-close:hover{color:var(--text-primary);background:#ffffff1a}.patchnotes-content{padding:1.25rem 1.5rem;overflow-y:auto;text-align:left}.patchnotes-entry{margin-bottom:1.5rem}.patchnotes-entry:last-child{margin-bottom:0}.patchnotes-version-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.patchnotes-version{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--accent)}.patchnotes-date{font-size:.75rem;color:var(--text-secondary);opacity:.7}.patchnotes-list{margin:0;padding-left:1.5rem;list-style:disc;text-align:left}.patchnotes-list li{font-size:.85rem;color:var(--text-primary);line-height:1.6;padding:.1rem 0}@keyframes patchnotes-fade-in{0%{opacity:0}to{opacity:1}}@keyframes patchnotes-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:400px){.patchnotes-modal{width:95%;max-height:80vh}.patchnotes-content{padding:1rem}}[data-theme=light] .patchnotes-modal{border:1px solid rgba(139,114,21,.12);box-shadow:0 8px 32px #00000026}[data-theme=light] .patchnotes-header{border-bottom:1px solid rgba(139,114,21,.12)}[data-theme=light] .patchnotes-close:hover{background:#0000000d}.board-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;width:100%}.board-wrapper{display:flex;flex-direction:column;align-items:center}.board-row-wrapper{display:flex;align-items:center}.board-labels{display:flex;-webkit-user-select:none;user-select:none}.column-labels{flex-direction:row}.row-labels{flex-direction:column}.board-label{display:flex;justify-content:center;align-items:center;font-size:clamp(.5rem,2vw,.7rem);font-weight:500;color:var(--text-secondary);opacity:.7}.column-labels .board-label{width:clamp(28px,8vw,40px);height:clamp(14px,3vw,20px)}.row-labels .board-label{width:clamp(14px,3vw,20px);height:clamp(28px,8vw,40px)}.label-spacer{width:clamp(14px,3vw,20px);height:clamp(14px,3vw,20px)}.board{display:grid;gap:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(139,105,20,.03) 1px,transparent 2px,transparent 20px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 50%,transparent 100%),linear-gradient(180deg,var(--board-bg-light) 0%,var(--board-bg) 50%,var(--board-bg-light) 100%);background-color:var(--board-bg);padding:clamp(.5rem,2vw,1.25rem);border-radius:4px;box-shadow:0 8px 32px #0006,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a;border:3px solid #8b6914;width:fit-content;max-width:100%}.board-loading{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--text-secondary)}.cell{width:clamp(28px,8vw,40px);height:clamp(28px,8vw,40px);position:relative;display:flex;justify-content:center;align-items:center}.cell-lines{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.line{position:absolute;background-color:var(--board-line)}.line.horizontal{width:100%;height:1px;left:0}.line.vertical{width:1px;height:100%;top:0}.line.horizontal.edge-left{width:50%;left:50%}.line.horizontal.edge-right{width:50%;left:0}.line.vertical.edge-top{height:50%;top:50%}.line.vertical.edge-bottom{height:50%;top:0}.star-point{position:absolute;width:clamp(5px,1.5vw,8px);height:clamp(5px,1.5vw,8px);background-color:var(--board-line);border-radius:50%;z-index:1}.cell.clickable{cursor:pointer}.cell.clickable:hover .cell-hover-indicator{opacity:1}.cell-hover-indicator{position:absolute;width:clamp(22px,6.5vw,30px);height:clamp(22px,6.5vw,30px);border-radius:50%;opacity:0;transition:opacity .15s;pointer-events:none;z-index:1}.cell-hover-indicator.hover-player1{background:radial-gradient(circle at 35% 35%,#50505099,#00000080);box-shadow:0 2px 4px #0000004d}.cell-hover-indicator.hover-player2{background:radial-gradient(circle at 35% 35%,#ffffffb3,#dcdcdc80);box-shadow:0 2px 4px #0003}.stone{position:relative;width:clamp(24px,7vw,34px);height:clamp(24px,7vw,34px);border-radius:50%;z-index:2;transition:transform .1s;display:flex;align-items:center;justify-content:center}.stone.player1{background:radial-gradient(circle at 35% 35%,#5a5a5a,#2a2a2a 30%,#0a0a0a);box-shadow:2px 3px 8px #00000080,inset -2px -2px 4px #00000080,inset 2px 2px 4px #6464644d}.stone.player2{background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 40%,#c8c8c8);box-shadow:2px 3px 8px #0000004d,inset -2px -2px 4px #0000001a,inset 2px 2px 4px #fffc}.stone-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(.5rem,2vw,.75rem);font-weight:700;pointer-events:none}.stone.player1 .stone-score{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.player2 .stone-score{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5)}.stone.skin-jade.player1{background:radial-gradient(circle at 30% 30%,rgba(80,180,120,.45) 0%,transparent 40%),radial-gradient(circle at 60% 65%,rgba(20,70,40,.6) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#2a6a3c,#164828 40%,#082a14);box-shadow:2px 3px 8px #0000008c,0 0 8px #3cb46459,inset -2px -2px 4px #00000073,inset 2px 2px 4px #64c8824d}.stone.skin-jade.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(45deg,transparent 0px,transparent 4px,rgba(180,255,200,.07) 4px,rgba(180,255,200,.07) 5px),repeating-linear-gradient(135deg,transparent 0px,transparent 6px,rgba(100,200,130,.06) 6px,rgba(100,200,130,.06) 7px);pointer-events:none}.stone.skin-jade.player2{background:radial-gradient(circle at 30% 30%,rgba(220,255,230,.8) 0%,transparent 40%),radial-gradient(circle at 60% 65%,rgba(120,210,140,.35) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#b8f0c4,#88dca0 40%,#68c480);box-shadow:2px 3px 8px #00000040,0 0 8px #64dc8c4d,inset -2px -2px 4px #0000000f,inset 2px 2px 4px #dcffe6bf}.stone.skin-jade.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(45deg,transparent 0px,transparent 4px,rgba(40,100,60,.06) 4px,rgba(40,100,60,.06) 5px),repeating-linear-gradient(135deg,transparent 0px,transparent 6px,rgba(30,80,50,.05) 6px,rgba(30,80,50,.05) 7px);pointer-events:none}.stone.skin-jade.player1 .stone-score{color:#a8e6b4;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-jade.player2 .stone-score{color:#0e3a1e;text-shadow:0 1px 2px rgba(200,255,210,.5)}.stone.skin-obsidian.player1{background:radial-gradient(circle at 25% 25%,rgba(100,100,130,.6) 0%,transparent 30%),radial-gradient(circle at 50% 50%,#2a2a3a,#121220 40%,#050510);box-shadow:3px 4px 10px #000000b3,inset -2px -2px 5px #0009,inset 2px 2px 3px #7878b440;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0}.stone.skin-obsidian.player1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 55%,rgba(200,60,20,.15) 0%,rgba(180,40,10,.08) 30%,transparent 60%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none}.stone.skin-obsidian.player2{background:radial-gradient(circle at 25% 25%,rgba(240,240,255,.8) 0%,transparent 30%),radial-gradient(circle at 50% 50%,#d0d0e8,#a8a8c8 40%,#8080a8);box-shadow:3px 4px 10px #00000059,inset -2px -2px 5px #0000001f,inset 2px 2px 3px #e6e6ffb3;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0}.stone.skin-obsidian.player2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 55%,rgba(200,80,40,.08) 0%,transparent 40%);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);pointer-events:none}.stone.skin-obsidian.player1 .stone-score{color:#c8c8e0;text-shadow:0 1px 2px rgba(0,0,0,.9)}.stone.skin-obsidian.player2 .stone-score{color:#121220;text-shadow:0 1px 2px rgba(200,200,240,.5)}.stone.skin-amber.player1{background:radial-gradient(circle at 35% 35%,rgba(220,180,80,.45) 0%,transparent 35%),radial-gradient(circle at 55% 60%,rgba(150,90,5,.5) 0%,transparent 45%),radial-gradient(circle at 50% 50%,#a07818,#7a5a0a 35%,#503804);box-shadow:2px 3px 8px #0000008c,0 0 8px #dc961e4d,inset -2px -2px 4px #0006,inset 2px 2px 4px #dcb4504d}.stone.skin-amber.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(255,240,200,.2) 0%,rgba(255,240,200,.2) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 25%,rgba(255,240,200,.15) 0%,rgba(255,240,200,.15) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,240,200,.18) 0%,rgba(255,240,200,.18) 1.2px,transparent 1.2px),radial-gradient(circle at 35% 70%,rgba(255,240,200,.12) 0%,rgba(255,240,200,.12) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(255,240,200,.14) 0%,rgba(255,240,200,.14) .8px,transparent .8px),radial-gradient(circle at 40% 55%,rgba(255,240,200,.16) 0%,rgba(255,240,200,.16) 1.3px,transparent 1.3px);pointer-events:none}.stone.skin-amber.player2{background:radial-gradient(circle at 35% 35%,rgba(255,252,240,.8) 0%,transparent 35%),radial-gradient(circle at 55% 60%,rgba(250,215,120,.35) 0%,transparent 45%),radial-gradient(circle at 50% 50%,#fff0c0,#f8d878 35%,#e8c048);box-shadow:2px 3px 8px #00000040,0 0 8px #ffc84640,inset -2px -2px 4px #0000000f,inset 2px 2px 4px #fffadcbf}.stone.skin-amber.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 25% 30%,rgba(160,100,20,.12) 0%,rgba(160,100,20,.12) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 25%,rgba(160,100,20,.1) 0%,rgba(160,100,20,.1) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(160,100,20,.13) 0%,rgba(160,100,20,.13) 1.2px,transparent 1.2px),radial-gradient(circle at 35% 70%,rgba(160,100,20,.08) 0%,rgba(160,100,20,.08) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(160,100,20,.1) 0%,rgba(160,100,20,.1) .8px,transparent .8px);pointer-events:none}.stone.skin-amber.player1 .stone-score{color:#ffe4a0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-amber.player2 .stone-score{color:#5c4300;text-shadow:0 1px 2px rgba(255,240,200,.5)}.stone.skin-marble.player1{background:radial-gradient(circle at 30% 30%,#6a6a72,#484850 30%,#262630);box-shadow:3px 4px 10px #0000008c,inset -2px -2px 5px #00000073,inset 2px 2px 5px #9696a54d}.stone.skin-marble.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.1) 35%,transparent 38%),linear-gradient(140deg,transparent 50%,rgba(200,200,210,.08) 54%,transparent 56%),linear-gradient(115deg,transparent 65%,rgba(255,255,255,.07) 68%,transparent 70%),linear-gradient(155deg,transparent 15%,rgba(180,180,195,.06) 19%,transparent 22%);pointer-events:none}.stone.skin-marble.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,transparent 40%,rgba(255,255,255,.12) 43%,rgba(255,255,255,.06) 46%,transparent 48%),linear-gradient(110deg,transparent 20%,rgba(220,220,230,.07) 23%,transparent 26%),linear-gradient(145deg,transparent 70%,rgba(200,200,215,.09) 74%,transparent 77%),radial-gradient(circle at 25% 25%,rgba(200,200,210,.3) 0%,transparent 35%);pointer-events:none}.stone.skin-marble.player2{background:radial-gradient(circle at 30% 30%,#f5f0e8,#e0d8d0 30%,#c8c0b8);box-shadow:3px 4px 10px #00000059,inset -2px -2px 5px #00000014,inset 2px 2px 5px #ffffffd9}.stone.skin-marble.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,transparent 30%,rgba(160,150,140,.14) 35%,transparent 38%),linear-gradient(140deg,transparent 50%,rgba(140,130,120,.1) 54%,transparent 56%),linear-gradient(115deg,transparent 65%,rgba(170,160,150,.08) 68%,transparent 70%),linear-gradient(155deg,transparent 15%,rgba(130,120,110,.07) 19%,transparent 22%);pointer-events:none}.stone.skin-marble.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,transparent 40%,rgba(120,110,100,.12) 43%,rgba(120,110,100,.06) 46%,transparent 48%),linear-gradient(110deg,transparent 20%,rgba(100,90,80,.07) 23%,transparent 26%),linear-gradient(145deg,transparent 70%,rgba(140,130,120,.09) 74%,transparent 77%),radial-gradient(circle at 25% 25%,rgba(255,255,255,.4) 0%,transparent 35%);pointer-events:none}.stone.skin-marble.player1 .stone-score{color:#f0ece4;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-marble.player2 .stone-score{color:#404048;text-shadow:0 1px 2px rgba(255,255,255,.5)}.stone.skin-sapphire.player1{background:radial-gradient(circle at 30% 30%,rgba(60,100,200,.5) 0%,transparent 40%),radial-gradient(circle at 60% 65%,rgba(20,40,120,.5) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#1a3a7a,#0c2050 40%,#040c28);box-shadow:2px 3px 8px #0000008c,0 0 8px #2850c859,inset -2px -2px 4px #00000073,inset 2px 2px 4px #5078dc4d}.stone.skin-sapphire.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(60deg,transparent 0px,transparent 4px,rgba(100,160,255,.07) 4px,rgba(100,160,255,.07) 5px),repeating-linear-gradient(120deg,transparent 0px,transparent 6px,rgba(60,120,220,.06) 6px,rgba(60,120,220,.06) 7px);pointer-events:none}.stone.skin-sapphire.player2{background:radial-gradient(circle at 30% 30%,rgba(220,235,255,.8) 0%,transparent 40%),radial-gradient(circle at 60% 65%,rgba(100,160,240,.35) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#b8d8f8,#80b8e8 40%,#5898d8);box-shadow:2px 3px 8px #00000040,0 0 8px #3c78dc4d,inset -2px -2px 4px #0000000f,inset 2px 2px 4px #dcebffbf}.stone.skin-sapphire.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(60deg,transparent 0px,transparent 4px,rgba(20,60,140,.06) 4px,rgba(20,60,140,.06) 5px),repeating-linear-gradient(120deg,transparent 0px,transparent 6px,rgba(15,50,120,.05) 6px,rgba(15,50,120,.05) 7px);pointer-events:none}.stone.skin-sapphire.player1 .stone-score{color:#a0c0f0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-sapphire.player2 .stone-score{color:#0c2050;text-shadow:0 1px 2px rgba(200,220,255,.5)}.stone.skin-crystal.player1{background:radial-gradient(circle at 35% 35%,#3a5a7a,#1a3858 30%,#0a1c38);clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(80,180,255,.4)) drop-shadow(0 0 12px rgba(100,200,255,.2));animation:crystal-glow 4s ease-in-out infinite}.stone.skin-crystal.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:conic-gradient(from 0deg,#64beff14,#3c96dc0a,#64beff14,#3c96dc0a,#64beff14,#3c96dc0a,#64beff14,#3c96dc0a,#64beff14 360deg);pointer-events:none}.stone.skin-crystal.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:linear-gradient(135deg,transparent 20%,rgba(160,220,255,.2) 40%,rgba(200,240,255,.15) 50%,transparent 70%);animation:crystal-shimmer 8s linear infinite;pointer-events:none}.stone.skin-crystal.player2{background:radial-gradient(circle at 35% 35%,#e4f2ff,#b8daff 40%,#88c0f0);clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(100,200,255,.5)) drop-shadow(0 0 12px rgba(140,220,255,.3));animation:crystal-glow-light 4s ease-in-out infinite}.stone.skin-crystal.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:conic-gradient(from 0deg,#50b4ff0f,#8cd2ff08,#50b4ff0f,#8cd2ff08,#50b4ff0f,#8cd2ff08,#50b4ff0f,#8cd2ff08,#50b4ff0f 360deg);pointer-events:none}.stone.skin-crystal.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;background:linear-gradient(135deg,transparent 20%,rgba(140,210,255,.15) 40%,rgba(180,230,255,.12) 50%,transparent 70%);animation:crystal-shimmer 8s linear infinite;pointer-events:none}.stone.skin-crystal.player1 .stone-score{color:#a0d8ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-crystal.player2 .stone-score{color:#1a3858;text-shadow:0 1px 2px rgba(200,230,255,.5)}.stone.skin-crystal .stone-score{top:40%}.stone.skin-lava.player1{background:radial-gradient(circle at 35% 35%,#c03010,#8a1a0a 30%,#3a0800);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;box-shadow:2px 3px 8px #0009,0 0 10px #c8320a66,inset -2px -2px 4px #00000080,inset 2px 2px 4px #dc64284d}.stone.skin-lava.player1:after{content:"";position:absolute;inset:0;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:radial-gradient(circle at 40% 50%,rgba(255,120,30,.2) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(255,80,10,.15) 0%,transparent 30%);animation:lava-pulse 3s ease-in-out infinite;pointer-events:none}.stone.skin-lava.player2{background:radial-gradient(circle at 35% 35%,#ffe0c0,#ffc080 30%,#e08040);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;box-shadow:2px 3px 8px #0000004d,0 0 10px #ff963259,inset -2px -2px 4px #00000014,inset 2px 2px 4px #fff0c8b3}.stone.skin-lava.player2:after{content:"";position:absolute;inset:0;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:radial-gradient(circle at 40% 50%,rgba(200,80,20,.12) 0%,transparent 40%),radial-gradient(circle at 60% 40%,rgba(180,60,10,.1) 0%,transparent 30%);animation:lava-pulse 3s ease-in-out infinite;pointer-events:none}.stone.skin-lava.player1 .stone-score{color:#ffc0a0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-lava.player2 .stone-score{color:#5a1800;text-shadow:0 1px 2px rgba(255,220,180,.5)}.stone.skin-cipher.player1{background:radial-gradient(circle at 35% 35%,#1a4a4a,#0a2a2a 30%,#001818);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;box-shadow:none;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(0,200,200,.4))}.stone.skin-cipher.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(0,200,200,.06) 4px,rgba(0,200,200,.06) 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,200,200,.04) 4px,rgba(0,200,200,.04) 5px);pointer-events:none;animation:cipher-scan 6s ease-in-out infinite}.stone.skin-cipher.player2{background:radial-gradient(circle at 35% 35%,#e8ffff,#c0f0f0 30%,#80d0d0);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;box-shadow:none;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(0,200,200,.35))}.stone.skin-cipher.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(0,80,80,.05) 4px,rgba(0,80,80,.05) 5px),repeating-linear-gradient(90deg,transparent 0px,transparent 4px,rgba(0,80,80,.04) 4px,rgba(0,80,80,.04) 5px);pointer-events:none;animation:cipher-scan 6s ease-in-out infinite}.stone.skin-cipher.player1 .stone-score{color:#a0e8e8;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-cipher.player2 .stone-score{color:#0a3030;text-shadow:0 1px 2px rgba(200,255,255,.5)}.stone.skin-void.player1{background:radial-gradient(circle at 35% 35%,#3a1a5a,#1a0a2a 30%,#080018);clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;box-shadow:none;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(140,60,200,.4))}.stone.skin-void.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(140,60,200,.1) 0deg,transparent 60deg,rgba(100,40,180,.08) 120deg,transparent 180deg,rgba(140,60,200,.1) 240deg,transparent 300deg,rgba(100,40,180,.08) 360deg);pointer-events:none}.stone.skin-void.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(180,100,255,.06) 0deg,transparent 90deg,rgba(180,100,255,.06) 180deg,transparent 270deg,rgba(180,100,255,.06) 360deg);animation:void-swirl 12s linear infinite;pointer-events:none}.stone.skin-void.player2{background:radial-gradient(circle at 35% 35%,#f0e0ff,#e0d0f0 30%,#b8a0d8);clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;box-shadow:none;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(180,120,255,.35))}.stone.skin-void.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(100,40,160,.06) 0deg,transparent 60deg,rgba(80,30,140,.04) 120deg,transparent 180deg,rgba(100,40,160,.06) 240deg,transparent 300deg,rgba(80,30,140,.04) 360deg);pointer-events:none}.stone.skin-void.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;background:conic-gradient(from 0deg at 50% 50%,rgba(140,80,220,.04) 0deg,transparent 90deg,rgba(140,80,220,.04) 180deg,transparent 270deg,rgba(140,80,220,.04) 360deg);animation:void-swirl 12s linear infinite;pointer-events:none}.stone.skin-void.player1 .stone-score{color:#d0b0ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-void.player2 .stone-score{color:#2a1040;text-shadow:0 1px 2px rgba(220,200,255,.5)}.stone.skin-heart.player1{background:radial-gradient(circle at 40% 38%,#9a2848,#6a1830 30%,#2a0810);clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,60,80,.3))}.stone.skin-heart.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;background:radial-gradient(circle at 42% 36%,rgba(255,140,160,.25) 0%,transparent 55%);animation:heart-glow 5s ease-in-out infinite;pointer-events:none}.stone.skin-heart.player2{background:radial-gradient(circle at 40% 38%,#ffe0e8,#ffb8c8 40%,#ff90a8);clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.2)) drop-shadow(0 0 6px rgba(255,120,160,.25))}.stone.skin-heart.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;background:radial-gradient(circle at 42% 36%,rgba(180,40,60,.12) 0%,transparent 55%);animation:heart-glow 5s ease-in-out infinite;pointer-events:none}.stone.skin-heart.player1 .stone-score{color:#ffa0b0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-heart.player2 .stone-score{color:#5a1020;text-shadow:0 1px 2px rgba(255,200,210,.5)}.stone.skin-heart .stone-score{top:42%}.stone.skin-snowflake.player1{background:radial-gradient(circle at 35% 35%,#2a5080,#1a3050 30%,#0a1828);border-radius:50%;box-shadow:2px 3px 8px #0009,0 0 8px #64b4ff4d,inset -2px -2px 4px #0006,inset 2px 2px 4px #64b4ff26}.stone.skin-snowflake.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(160,220,255,.12) 0deg,transparent 15deg,transparent 45deg,rgba(160,220,255,.12) 60deg,transparent 75deg,transparent 105deg,rgba(160,220,255,.12) 120deg,transparent 135deg,transparent 165deg,rgba(160,220,255,.12) 180deg,transparent 195deg,transparent 225deg,rgba(160,220,255,.12) 240deg,transparent 255deg,transparent 285deg,rgba(160,220,255,.12) 300deg,transparent 315deg,transparent 345deg,rgba(160,220,255,.12) 360deg);pointer-events:none}.stone.skin-snowflake.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 15%,rgba(200,240,255,.5) 0%,transparent 8%),radial-gradient(circle at 80% 35%,rgba(200,240,255,.4) 0%,transparent 8%),radial-gradient(circle at 80% 70%,rgba(200,240,255,.5) 0%,transparent 8%),radial-gradient(circle at 50% 88%,rgba(200,240,255,.4) 0%,transparent 8%),radial-gradient(circle at 20% 70%,rgba(200,240,255,.5) 0%,transparent 8%),radial-gradient(circle at 20% 35%,rgba(200,240,255,.4) 0%,transparent 8%);animation:snowflake-sparkle 18s ease-in-out infinite;pointer-events:none}.stone.skin-snowflake.player2{background:radial-gradient(circle at 35% 35%,#f0f8ff,#d0e8ff 40%,#a0c8f0);border-radius:50%;box-shadow:2px 3px 8px #00000040,0 0 8px #8cc8ff59,inset -2px -2px 4px #0000000f,inset 2px 2px 4px #ffffffb3}.stone.skin-snowflake.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(60,120,200,.08) 0deg,transparent 15deg,transparent 45deg,rgba(60,120,200,.08) 60deg,transparent 75deg,transparent 105deg,rgba(60,120,200,.08) 120deg,transparent 135deg,transparent 165deg,rgba(60,120,200,.08) 180deg,transparent 195deg,transparent 225deg,rgba(60,120,200,.08) 240deg,transparent 255deg,transparent 285deg,rgba(60,120,200,.08) 300deg,transparent 315deg,transparent 345deg,rgba(60,120,200,.08) 360deg);pointer-events:none}.stone.skin-snowflake.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 15%,rgba(60,120,200,.35) 0%,transparent 8%),radial-gradient(circle at 80% 35%,rgba(60,120,200,.3) 0%,transparent 8%),radial-gradient(circle at 80% 70%,rgba(60,120,200,.35) 0%,transparent 8%),radial-gradient(circle at 50% 88%,rgba(60,120,200,.3) 0%,transparent 8%),radial-gradient(circle at 20% 70%,rgba(60,120,200,.35) 0%,transparent 8%),radial-gradient(circle at 20% 35%,rgba(60,120,200,.3) 0%,transparent 8%);animation:snowflake-sparkle 18s ease-in-out infinite;pointer-events:none}.stone.skin-snowflake.player1 .stone-score{color:#a0d0ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-snowflake.player2 .stone-score{color:#0a2040;text-shadow:0 1px 2px rgba(200,230,255,.5)}.stone.skin-sakura.player1{background:radial-gradient(circle at 35% 35%,#8a3060,#5a1840 30%,#2a0820);border-radius:50%;box-shadow:2px 3px 8px #0009,0 0 8px #ff78a04d,inset -2px -2px 4px #0006,inset 2px 2px 4px #ff78a01f}.stone.skin-sakura.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,150,180,.14) 0deg,transparent 20deg,transparent 52deg,rgba(255,150,180,.14) 72deg,transparent 92deg,transparent 124deg,rgba(255,150,180,.14) 144deg,transparent 164deg,transparent 196deg,rgba(255,150,180,.14) 216deg,transparent 236deg,transparent 268deg,rgba(255,150,180,.14) 288deg,transparent 308deg,transparent 340deg,rgba(255,150,180,.14) 360deg);pointer-events:none}.stone.skin-sakura.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 15%,rgba(255,180,200,.35) 0%,transparent 12%),radial-gradient(circle at 82% 40%,rgba(255,180,200,.3) 0%,transparent 12%),radial-gradient(circle at 70% 80%,rgba(255,180,200,.35) 0%,transparent 12%),radial-gradient(circle at 30% 80%,rgba(255,180,200,.3) 0%,transparent 12%),radial-gradient(circle at 18% 40%,rgba(255,180,200,.35) 0%,transparent 12%);animation:sakura-spin 30s linear infinite;pointer-events:none}.stone.skin-sakura.player2{background:radial-gradient(circle at 35% 35%,#fff0f4,#ffc8d8 40%,#ffa0b8);border-radius:50%;box-shadow:2px 3px 8px #00000040,0 0 8px #ffa0be4d,inset -2px -2px 4px #0000000f,inset 2px 2px 4px #fffafcb3}.stone.skin-sakura.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(180,60,100,.08) 0deg,transparent 20deg,transparent 52deg,rgba(180,60,100,.08) 72deg,transparent 92deg,transparent 124deg,rgba(180,60,100,.08) 144deg,transparent 164deg,transparent 196deg,rgba(180,60,100,.08) 216deg,transparent 236deg,transparent 268deg,rgba(180,60,100,.08) 288deg,transparent 308deg,transparent 340deg,rgba(180,60,100,.08) 360deg);pointer-events:none}.stone.skin-sakura.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 15%,rgba(180,60,100,.2) 0%,transparent 12%),radial-gradient(circle at 82% 40%,rgba(180,60,100,.18) 0%,transparent 12%),radial-gradient(circle at 70% 80%,rgba(180,60,100,.2) 0%,transparent 12%),radial-gradient(circle at 30% 80%,rgba(180,60,100,.18) 0%,transparent 12%),radial-gradient(circle at 18% 40%,rgba(180,60,100,.2) 0%,transparent 12%);animation:sakura-spin 30s linear infinite;pointer-events:none}.stone.skin-sakura.player1 .stone-score{color:#ffc0d0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-sakura.player2 .stone-score{color:#3a0818;text-shadow:0 1px 2px rgba(255,210,225,.5)}.stone.skin-dragon.player1{background:radial-gradient(circle at 35% 35%,#c03010,#6a1a0a 40%,#2a0800);clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(200,60,20,.4)) drop-shadow(0 0 14px rgba(255,100,30,.2));animation:dragon-ember 3s ease-in-out infinite}.stone.skin-dragon.player1:before{content:"";position:absolute;width:3px;height:2px;top:38%;left:50%;transform:translate(-50%);background:transparent;border-radius:50%;box-shadow:-5px 0 2px 1px #ff5014,-5px 0 5px 2px #ff7828b3,5px 0 2px 1px #ff5014,5px 0 5px 2px #ff7828b3;z-index:-1;pointer-events:none;animation:dragon-eyes 4s ease-in-out infinite}.stone.skin-dragon.player1:after{content:"";position:absolute;inset:-2px;clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,160,60,.15) 30deg,transparent 60deg,rgba(255,100,20,.1) 90deg,transparent 120deg);animation:dragon-scales 6s linear infinite;pointer-events:none}.stone.skin-dragon.player2{background:radial-gradient(circle at 35% 35%,gold,#e8a828 40%,#c07818);clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.15);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(255,200,60,.4)) drop-shadow(0 0 14px rgba(255,180,40,.2));animation:dragon-ember-light 3s ease-in-out infinite}.stone.skin-dragon.player2:before{content:"";position:absolute;width:3px;height:2px;top:38%;left:50%;transform:translate(-50%);background:transparent;border-radius:50%;box-shadow:-5px 0 2px 1px #b45000,-5px 0 5px 2px #c87814b3,5px 0 2px 1px #b45000,5px 0 5px 2px #c87814b3;z-index:-1;pointer-events:none;animation:dragon-eyes 4s ease-in-out infinite}.stone.skin-dragon.player2:after{content:"";position:absolute;inset:-2px;clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(200,140,20,.12) 30deg,transparent 60deg,rgba(180,120,10,.08) 90deg,transparent 120deg);animation:dragon-scales 6s linear infinite;pointer-events:none}.stone.skin-dragon.player1 .stone-score{color:#ffc0a0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-dragon.player2 .stone-score{color:#5a3000;text-shadow:0 1px 2px rgba(255,220,160,.5)}.stone.skin-dragon .stone-score{top:50%}.stone.skin-starfire.player1{background:radial-gradient(circle at 40% 40%,#4a3aaa,#1a1468 40%,#0a0838);clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.3);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(100,80,220,.5)) drop-shadow(0 0 14px rgba(140,120,255,.25));animation:starfire-pulse 4s ease-in-out infinite}.stone.skin-starfire.player1:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(160,140,255,.15) 0%,transparent 60%);pointer-events:none}.stone.skin-starfire.player1:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:linear-gradient(135deg,transparent 15%,rgba(180,160,255,.2) 35%,rgba(220,200,255,.15) 50%,transparent 70%);animation:starfire-trail 5s linear infinite;pointer-events:none}.stone.skin-starfire.player2{background:radial-gradient(circle at 40% 40%,#ffd040,#e8a020 40%,#c08818);clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;box-shadow:none;transition:none;transform:scale(1.3);filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(255,200,60,.5)) drop-shadow(0 0 14px rgba(255,180,40,.25));animation:starfire-pulse-light 4s ease-in-out infinite}.stone.skin-starfire.player2:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,220,.3) 0%,transparent 60%);pointer-events:none}.stone.skin-starfire.player2:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;background:linear-gradient(135deg,transparent 10%,rgba(255,255,200,.35) 30%,rgba(255,240,160,.25) 50%,transparent 70%);animation:starfire-trail 5s linear infinite;pointer-events:none}.stone.skin-starfire.player1 .stone-score{color:#c8b8ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-starfire.player2 .stone-score{color:#5a4000;text-shadow:0 1px 2px rgba(255,230,160,.5)}.stone.skin-starfire .stone-score{top:45%}.stone.skin-phantom.player1{background:radial-gradient(circle,transparent 28%,#1a0a2a 33%,#3a1a5a 55%,transparent 60%);border-radius:50%;box-shadow:none;transition:none;transform:scale(1.15);opacity:.85;filter:drop-shadow(0 0 8px rgba(100,60,160,.5)) drop-shadow(0 0 16px rgba(80,40,140,.25));animation:phantom-float 5s ease-in-out infinite}.stone.skin-phantom.player1:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 25%,rgba(140,80,200,.08) 35%,rgba(160,100,220,.12) 45%,transparent 55%);pointer-events:none}.stone.skin-phantom.player1:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(120,60,200,.1) 0deg,transparent 45deg,rgba(80,40,160,.06) 90deg,transparent 135deg,rgba(120,60,200,.1) 180deg,transparent 225deg,rgba(80,40,160,.06) 270deg,transparent 315deg,rgba(120,60,200,.1) 360deg);animation:phantom-swirl 8s linear infinite;pointer-events:none}.stone.skin-phantom.player2{background:radial-gradient(circle,transparent 28%,#e8e0f0 33%,#f8f0ff 55%,transparent 60%);border-radius:50%;box-shadow:none;transition:none;transform:scale(1.15);opacity:.9;filter:drop-shadow(0 0 8px rgba(180,140,230,.5)) drop-shadow(0 0 16px rgba(200,160,255,.25));animation:phantom-float 5s ease-in-out infinite}.stone.skin-phantom.player2:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 25%,rgba(200,180,240,.1) 35%,rgba(220,200,255,.14) 45%,transparent 55%);pointer-events:none}.stone.skin-phantom.player2:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,rgba(160,120,220,.06) 0deg,transparent 45deg,rgba(140,100,200,.04) 90deg,transparent 135deg,rgba(160,120,220,.06) 180deg,transparent 225deg,rgba(140,100,200,.04) 270deg,transparent 315deg,rgba(160,120,220,.06) 360deg);animation:phantom-swirl 8s linear infinite;pointer-events:none}.stone.skin-phantom.player1 .stone-score{color:#d0b0ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stone.skin-phantom.player2 .stone-score{color:#3a1a5a;text-shadow:0 1px 2px rgba(220,200,255,.5)}@keyframes crystal-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crystal-glow{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(80,180,255,.4)) drop-shadow(0 0 12px rgba(100,200,255,.2))}33%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(60,200,240,.4)) drop-shadow(0 0 12px rgba(80,220,255,.2))}66%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(100,160,255,.4)) drop-shadow(0 0 12px rgba(120,180,255,.2))}}@keyframes crystal-glow-light{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(100,200,255,.5)) drop-shadow(0 0 12px rgba(140,220,255,.3))}33%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(60,200,240,.5)) drop-shadow(0 0 12px rgba(80,230,255,.3))}66%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 6px rgba(120,180,255,.5)) drop-shadow(0 0 12px rgba(140,200,255,.3))}}@keyframes lava-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes void-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cipher-scan{0%,to{opacity:.4;background-position:0 -100%}50%{opacity:1;background-position:0 100%}}@keyframes heart-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes snowflake-sparkle{0%{opacity:.4;transform:rotate(0)}25%{opacity:1}50%{opacity:.4;transform:rotate(180deg)}75%{opacity:1}to{opacity:.4;transform:rotate(360deg)}}@keyframes sakura-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dragon-ember{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(200,60,20,.4)) drop-shadow(0 0 14px rgba(255,100,30,.2))}50%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(220,80,30,.55)) drop-shadow(0 0 18px rgba(255,120,40,.3))}}@keyframes dragon-ember-light{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(255,200,60,.4)) drop-shadow(0 0 14px rgba(255,180,40,.2))}50%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 10px rgba(255,220,80,.55)) drop-shadow(0 0 18px rgba(255,200,50,.3))}}@keyframes dragon-scales{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dragon-eyes{0%,80%,to{opacity:1}88%,92%{opacity:.15}}@keyframes starfire-pulse{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(100,80,220,.5)) drop-shadow(0 0 14px rgba(140,120,255,.25))}50%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(120,100,240,.65)) drop-shadow(0 0 20px rgba(160,140,255,.35))}}@keyframes starfire-pulse-light{0%,to{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(255,200,60,.5)) drop-shadow(0 0 14px rgba(255,180,40,.25))}50%{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3)) drop-shadow(0 0 16px rgba(255,230,100,.8)) drop-shadow(0 0 24px rgba(255,210,60,.5))}}@keyframes starfire-trail{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes phantom-float{0%,to{transform:scale(1.15) translateY(0)}50%{transform:scale(1.15) translateY(-1.5px)}}@keyframes phantom-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stone-place{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.stone{animation:stone-place .2s ease-out}.stone.skin-crystal,.stone.skin-heart,.stone.skin-dragon,.stone.skin-starfire,.stone.skin-phantom{animation:stone-place-scaled .2s ease-out}@keyframes stone-place-scaled{0%{transform:scale(0);opacity:0}50%{transform:scale(1.25)}to{transform:scale(1.15);opacity:1}}.board-container.replaying .board{filter:sepia(10%) brightness(.95);box-shadow:0 8px 32px #0006,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000001a,0 0 0 3px #c9a22766}.board-container.replaying .cell.clickable{cursor:not-allowed}.board-container.replaying .cell.clickable:hover .cell-hover-indicator{opacity:0}.hint-indicator{position:absolute;width:clamp(22px,6vw,30px);height:clamp(22px,6vw,30px);border-radius:4px;transform:rotate(45deg);z-index:3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #15803d;box-shadow:0 2px 4px #0000004d;opacity:.9}.hint-score{transform:rotate(-45deg);font-size:clamp(.55rem,2.2vw,.75rem);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hint-indicator.hint-high{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d}.hint-indicator.hint-high .hint-score{color:#fff}.hint-indicator.hint-medium{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309}.hint-indicator.hint-medium .hint-score{color:#fff}.hint-indicator.hint-low{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#374151}.hint-indicator.hint-low .hint-score{color:#fff}@keyframes hint-pulse{0%,to{transform:rotate(45deg) scale(1);opacity:.85}50%{transform:rotate(45deg) scale(1.08);opacity:1}}.cell.has-hint{cursor:pointer}.cell.has-hint:hover .hint-indicator{transform:rotate(45deg) scale(1.15);border-style:solid}.cell.last-move .stone{box-shadow:0 0 0 3px #ffd700cc,0 0 8px #ffd7004d,2px 3px 8px #00000080}.cell.last-move:has(.skin-obsidian):after,.cell.last-move:has(.skin-crystal):after,.cell.last-move:has(.skin-cipher):after,.cell.last-move:has(.skin-void):after,.cell.last-move:has(.skin-heart):after,.cell.last-move:has(.skin-dragon):after,.cell.last-move:has(.skin-starfire):after{content:"";position:absolute;top:50%;left:50%;width:clamp(24px,7vw,34px);height:clamp(24px,7vw,34px);transform:translate(-50%,-50%);background:#ffd700cc;z-index:1;border-radius:50%;box-shadow:0 0 6px #ffd70066}.cell.last-move:has(.skin-obsidian):after{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0;transform:translate(-50%,-50%) scale(1.18)}.cell.last-move:has(.skin-crystal):after{clip-path:polygon(15% 0%,85% 0%,100% 35%,50% 100%,0% 35%);border-radius:0;transform:translate(-50%,-50%) scale(1.35)}.cell.last-move:has(.skin-cipher):after{clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0% 50%);border-radius:0;transform:translate(-50%,-50%) scale(1.18)}.cell.last-move:has(.skin-void):after{clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);border-radius:0;transform:translate(-50%,-50%) scale(1.18)}.cell.last-move:has(.skin-heart):after{clip-path:polygon(50% 95%,49.8% 93.8%,48.7% 90.5%,45.8% 85.4%,40.9% 79%,34.1% 72%,26.2% 64.5%,18.2% 56.5%,11.3% 48%,6.6% 39%,5% 29.7%,6.6% 20.7%,11.3% 12.9%,18.2% 7.5%,26.2% 5.1%,34.1% 6%,40.9% 9.7%,45.8% 15.2%,48.7% 20.8%,49.8% 25%,50% 26.5%,50.2% 25%,51.3% 20.8%,54.2% 15.2%,59.1% 9.7%,65.9% 6%,73.8% 5.1%,81.8% 7.5%,88.7% 12.9%,93.4% 20.7%,95% 29.7%,93.4% 39%,88.7% 48%,81.8% 56.5%,73.8% 64.5%,65.9% 72%,59.1% 79%,54.2% 85.4%,51.3% 90.5%,50.2% 93.8%);border-radius:0;transform:translate(-50%,-50%) scale(1.35)}.cell.last-move:has(.skin-dragon):after{clip-path:polygon(20% 2%,32% 20%,50% 12%,68% 20%,80% 2%,97% 38%,93% 62%,78% 82%,58% 97%,50% 100%,42% 97%,22% 82%,7% 62%,3% 38%);border-radius:0;transform:translate(-50%,-50%) scale(1.35)}.cell.last-move:has(.skin-starfire):after{clip-path:polygon(50% 0%,62% 30%,100% 35%,72% 58%,82% 100%,50% 78%,18% 100%,28% 58%,0% 35%,38% 30%);border-radius:0;transform:translate(-50%,-50%) scale(1.5)}.cell.last-move .stone.skin-obsidian,.cell.last-move .stone.skin-crystal,.cell.last-move .stone.skin-cipher,.cell.last-move .stone.skin-void,.cell.last-move .stone.skin-heart,.cell.last-move .stone.skin-dragon,.cell.last-move .stone.skin-starfire{box-shadow:none}[data-theme=light] .hint-indicator{background:linear-gradient(135deg,#16a34ad9,#15803dcc);border:2px solid #15803d;box-shadow:0 2px 4px #0003}[data-theme=light] .hint-score{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}[data-theme=light] .hint-indicator.hint-high{background:linear-gradient(135deg,#16a34ae6,#15803dd9);border-color:#15803d}[data-theme=light] .hint-indicator.hint-high .hint-score{color:#fff}[data-theme=light] .hint-indicator.hint-medium{background:linear-gradient(135deg,#d97706e6,#b45309d9);border-color:#b45309}[data-theme=light] .hint-indicator.hint-medium .hint-score{color:#fff}[data-theme=light] .hint-indicator.hint-low{background:linear-gradient(135deg,#6b7280e6,#4b5563d9);border-color:#4b5563}[data-theme=light] .hint-indicator.hint-low .hint-score{color:#fff}.cell-temperature{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:2;top:3px;right:3px;opacity:.85;animation:temp-pulse 2s ease-in-out infinite}.cell-temperature.temp-hot{background:#ef4444;box-shadow:0 0 4px #ef444499}.cell-temperature.temp-warm{background:#f59e0b;box-shadow:0 0 4px #f59e0b99}.cell-temperature.temp-cold{background:#3b82f6;box-shadow:0 0 4px #3b82f699}@keyframes temp-pulse{0%,to{opacity:.85}50%{opacity:.5}}[data-theme=light] .cell-temperature.temp-hot{background:#dc2626;box-shadow:0 0 4px #dc262699}[data-theme=light] .cell-temperature.temp-warm{background:#d97706;box-shadow:0 0 4px #d9770699}[data-theme=light] .cell-temperature.temp-cold{background:#2563eb;box-shadow:0 0 4px #2563eb99}.score-preview{position:absolute;width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);border-radius:3px;z-index:3;display:flex;align-items:center;justify-content:center;opacity:.9;pointer-events:none;border:1.5px solid}.preview-score{font-size:clamp(.5rem,1.8vw,.65rem);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.score-preview.preview-best{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c;box-shadow:0 1px 3px #ef444466}.score-preview.preview-worst{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0f766e;box-shadow:0 1px 3px #14b8a666}.score-preview.preview-random{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4338ca;box-shadow:0 1px 3px #6366f166}[data-theme=light] .score-preview.preview-best{background:linear-gradient(135deg,#dc2626e6,#b91c1cd9);border-color:#b91c1c}[data-theme=light] .score-preview.preview-worst{background:linear-gradient(135deg,#0d9488e6,#0f766ed9);border-color:#0f766e}[data-theme=light] .score-preview.preview-random{background:linear-gradient(135deg,#4f46e5e6,#4338cad9);border-color:#4338ca}.cell.blocked{pointer-events:none;cursor:default}.cell.blocked .cell-lines .line{opacity:0}.cell.blocked .star-point{display:none}.meteor-crater{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;--crack-color: rgba(15, 10, 5, .6);--crack-color-2: rgba(15, 10, 5, .5);--crack-color-3: rgba(15, 10, 5, .4);--crack-color-4: rgba(15, 10, 5, .3)}.meteor-crater:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.crater-v0:before{background:linear-gradient(32deg,transparent 46.5%,var(--crack-color) 47.5%,transparent 48.5%),linear-gradient(-48deg,transparent 47%,var(--crack-color-2) 48%,transparent 49%),linear-gradient(78deg,transparent 48.5%,var(--crack-color-3) 49.5%,transparent 50.5%),linear-gradient(-12deg,transparent 48%,var(--crack-color-4) 49%,transparent 50%)}.crater-v1:before{background:linear-gradient(55deg,transparent 46.5%,var(--crack-color) 47.5%,transparent 48.5%),linear-gradient(-28deg,transparent 47%,var(--crack-color-2) 48%,transparent 49%),linear-gradient(102deg,transparent 48.5%,var(--crack-color-3) 49.5%,transparent 50.5%),linear-gradient(8deg,transparent 48%,var(--crack-color-4) 49%,transparent 50%)}.crater-v2:before{background:linear-gradient(-52deg,transparent 46.5%,var(--crack-color) 47.5%,transparent 48.5%),linear-gradient(38deg,transparent 47%,var(--crack-color-2) 48%,transparent 49%),linear-gradient(-82deg,transparent 48.5%,var(--crack-color-3) 49.5%,transparent 50.5%),linear-gradient(158deg,transparent 48%,var(--crack-color-4) 49%,transparent 50%)}.crater-v3:before{background:linear-gradient(18deg,transparent 46.5%,var(--crack-color) 47.5%,transparent 48.5%),linear-gradient(-68deg,transparent 47%,var(--crack-color-2) 48%,transparent 49%),linear-gradient(48deg,transparent 48.5%,var(--crack-color-3) 49.5%,transparent 50.5%),linear-gradient(-32deg,transparent 48%,var(--crack-color-4) 49%,transparent 50%)}.meteor-crater:after{content:"";position:absolute;top:12%;left:12%;width:76%;height:76%;z-index:2;border-radius:45% 35% 42% 38%/38% 48% 35% 42%;background:radial-gradient(ellipse at 42% 42%,rgba(8,6,4,.95) 0%,rgba(20,16,12,.85) 30%,rgba(35,28,20,.55) 55%,rgba(50,40,28,.25) 75%,transparent 100%);box-shadow:inset 0 1px 3px #000000e6,inset 0 -1px 2px #3c322366,0 0 3px #0000004d}[data-capture-mode=true] .meteor-crater{--crack-color: rgba(200, 70, 10, .4);--crack-color-2: rgba(200, 70, 10, .32);--crack-color-3: rgba(200, 70, 10, .25);--crack-color-4: rgba(200, 70, 10, .18)}[data-capture-mode=true] .meteor-crater:after{background:radial-gradient(ellipse at 42% 42%,rgba(40,8,2,.95) 0%,rgba(80,20,5,.8) 30%,rgba(50,15,5,.45) 55%,rgba(30,10,3,.2) 75%,transparent 100%);box-shadow:inset 0 1px 3px #000000e6,inset 0 -1px 2px #c8501480,0 0 6px #c83c0a33,0 0 12px #c83c0a1a}[data-theme=light] .meteor-crater{--crack-color: rgba(40, 30, 20, .5);--crack-color-2: rgba(40, 30, 20, .42);--crack-color-3: rgba(40, 30, 20, .34);--crack-color-4: rgba(40, 30, 20, .25)}[data-theme=light] .meteor-crater:after{background:radial-gradient(ellipse at 42% 42%,rgba(50,40,30,.9) 0%,rgba(70,55,40,.7) 30%,rgba(90,75,55,.4) 55%,rgba(110,95,70,.2) 75%,transparent 100%);box-shadow:inset 0 1px 3px #0009,inset 0 -1px 2px #7864464d,0 0 3px #00000026}[data-theme=light] [data-capture-mode=true] .meteor-crater{--crack-color: rgba(180, 60, 10, .38);--crack-color-2: rgba(180, 60, 10, .3);--crack-color-3: rgba(180, 60, 10, .22);--crack-color-4: rgba(180, 60, 10, .15)}[data-theme=light] [data-capture-mode=true] .meteor-crater:after{background:radial-gradient(ellipse at 42% 42%,rgba(80,30,10,.85) 0%,rgba(120,50,15,.65) 30%,rgba(100,40,12,.35) 55%,rgba(70,30,10,.15) 75%,transparent 100%);box-shadow:inset 0 1px 3px #0009,inset 0 -1px 2px #dc78284d,0 0 6px #c850141f}.meteor-impact-flash{position:absolute;top:-25%;left:-25%;width:150%;height:150%;z-index:15;border-radius:50%;background:radial-gradient(circle,rgba(255,220,150,.95) 0%,rgba(255,160,50,.6) 35%,rgba(255,100,20,.2) 60%,transparent 80%);opacity:0;pointer-events:none;animation:meteor-flash .4s ease-out var(--meteor-delay, 0s) forwards}[data-capture-mode=true] .meteor-impact-flash{background:radial-gradient(circle,rgba(255,200,100,1) 0%,rgba(255,100,20,.7) 35%,rgba(200,50,10,.3) 60%,transparent 80%)}@keyframes meteor-flash{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.8)}}.meteor-crater.meteor-animating{animation:meteor-crater-appear .5s ease-out var(--meteor-delay, 0s) both}.meteor-crater.meteor-animating:before{animation:meteor-cracks-spread .5s ease-out calc(var(--meteor-delay, 0s) + .1s) both}.meteor-crater.meteor-animating:after{animation:meteor-hole-appear .4s ease-out calc(var(--meteor-delay, 0s) + .05s) both}@keyframes meteor-crater-appear{0%{opacity:0;transform:scale(0) rotate(-20deg)}50%{opacity:1;transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes meteor-cracks-spread{0%{opacity:0;transform:scale(.3)}40%{opacity:.7}to{opacity:1;transform:scale(1)}}@keyframes meteor-hole-appear{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.board-container.meteor-shaking{animation:meteor-board-shake 1s ease-out .3s}@keyframes meteor-board-shake{0%,to{transform:translate(0)}8%{transform:translate(-3px,2px)}16%{transform:translate(3px,-2px)}24%{transform:translate(-2px,3px)}32%{transform:translate(2px,-3px)}40%{transform:translate(-3px,-1px)}48%{transform:translate(2px,1px)}56%{transform:translate(-1px,-2px)}64%{transform:translate(1px,2px)}72%{transform:translate(-1px,-1px)}80%{transform:translate(1px)}90%{transform:translateY(-1px)}}[data-capture-mode=true] .board{background:linear-gradient(#b4967880,#a0826480),url(/assets/textures/dark-wood.webp);background-size:cover;background-position:center;border:6px solid;border-color:#6a4a30 #4a3020 #3a2518 #5a4028;border-radius:6px;box-shadow:0 0 30px #c8461440,0 0 60px #b43c0f26,inset 0 0 20px #00000080,inset 0 2px 4px #0000004d,inset 2px 2px #7850284d,inset -2px -2px #0006;position:relative}[data-capture-mode=true] .board:after{content:"";position:absolute;inset:0;background:url(/assets/textures/crack-overlay.webp);background-size:cover;background-position:center;opacity:.18;pointer-events:none;mix-blend-mode:multiply;border-radius:2px}[data-capture-mode=true] .board:before{content:"";position:absolute;inset:-8px;border:2px solid rgba(200,80,30,.3);border-radius:10px;pointer-events:none;box-shadow:inset 0 0 15px #c8461433}[data-capture-mode=true] .board-label{color:#9a8060;text-shadow:0 0 8px rgba(200,80,30,.3)}[data-capture-mode=true] .line{background-color:#2a1a10}[data-capture-mode=true] .line.horizontal{height:1.5px}[data-capture-mode=true] .line.vertical{width:1.5px}[data-capture-mode=true] .star-point{background-color:#2a1a10}[data-theme=light] [data-capture-mode=true] .board{background:linear-gradient(#b4967880,#a0826480),url(/assets/textures/dark-wood.webp);background-size:cover;background-position:center;border-color:#a07040 #906030 #805028 #9a6838;box-shadow:0 0 25px #b45a2833,0 0 50px #a0501e1a,inset 0 0 15px #0003,inset 0 2px 4px #00000026,inset 2px 2px #c8a0644d,inset -2px -2px #00000026}[data-theme=light] [data-capture-mode=true] .board:after{opacity:.12}[data-theme=light] [data-capture-mode=true] .board:before{border-color:#b4643240;box-shadow:inset 0 0 12px #b45a2826}[data-theme=light] [data-capture-mode=true] .board-label{color:#6a5040;text-shadow:0 0 6px rgba(180,100,50,.2)}[data-theme=light] [data-capture-mode=true] .line{background-color:#3a2818}[data-theme=light] [data-capture-mode=true] .line.horizontal{height:1.5px}[data-theme=light] [data-capture-mode=true] .line.vertical{width:1.5px}[data-theme=light] [data-capture-mode=true] .star-point{background-color:#3a2818}[data-capture-mode=true] .epic-cracks:before{box-shadow:-6px -5px 2px 1px #ff5014e6,-12px -9px 2px 1px #ff5014d9,-16px -13px 2px 1px #ff3c0acc,-21px -16px 1px .5px #ff3c0ab3,-27px -19px 1px .5px #ff280080,-32px -22px 1px .5px #ff28004d,7px 6px 2px 1px #ff5014e6,13px 11px 2px 1px #ff5014d9,18px 15px 2px 1px #ff3c0acc,24px 19px 1px .5px #ff3c0ab3,30px 23px 1px .5px #ff280080,9px -7px 2px 1px #ff5014e6,15px -13px 2px 1px #ff5014d9,20px -19px 2px 1px #ff3c0acc,26px -25px 1px .5px #ff280099,-9px 8px 2px 1px #ff5014e6,-15px 14px 2px 1px #ff5014d9,-21px 19px 2px 1px #ff3c0ab3,-27px 25px 1px .5px #ff280080}[data-capture-mode=true] .epic-cracks:after{box-shadow:-9px 2px 2px 1px #ff5014e6,-17px 0 2px 1px #ff5014d9,-24px -2px 2px 1px #ff3c0acc,-32px -1px 1px .5px #ff280099,-39px -3px 1px .5px #ff280066,9px -1px 2px 1px #ff5014e6,17px 2px 2px 1px #ff5014d9,25px 0 2px 1px #ff3c0acc,33px 3px 1px .5px #ff280099,-2px -9px 2px 1px #ff5014e6,1px -17px 2px 1px #ff5014d9,-1px -25px 2px 1px #ff3c0ab3,2px -33px 1px .5px #ff280080,1px 9px 2px 1px #ff5014e6,-1px 17px 2px 1px #ff5014d9,2px 24px 2px 1px #ff3c0ab3,-2px 32px 1px .5px #ff280080}.cell.capture-threat:after{content:"";position:absolute;inset:3px;border:2px dashed rgba(180,60,60,.6);border-radius:50%;pointer-events:none;animation:threat-pulse 1.5s ease-in-out 3}@keyframes threat-pulse{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:.9;transform:scale(1)}}@keyframes stone-captured{0%{transform:scale(1);opacity:1}30%{transform:scale(1.15);filter:brightness(1.5)}to{transform:scale(0);opacity:0}}.cell.being-captured .stone{animation:stone-captured .4s ease-out forwards}.cell.being-captured .stone.skin-dragon{animation:dragon-being-captured .4s ease-in forwards!important}@keyframes dragon-being-captured{0%{transform:scale(1.15) rotateY(0);opacity:1}50%{transform:scale(1.25) rotateY(90deg);filter:drop-shadow(0 0 14px rgba(255,120,30,1))}to{transform:scale(.8) rotateY(180deg);opacity:0}}.cell.being-captured .stone.skin-starfire{animation:starfire-being-captured .4s ease-in forwards!important}@keyframes starfire-being-captured{0%{transform:scale(1.15) rotateY(0) rotate(0);opacity:1}50%{transform:scale(1.2) rotateY(90deg) rotate(-90deg);filter:drop-shadow(0 0 14px rgba(160,140,255,1))}to{transform:scale(.8) rotateY(180deg) rotate(-180deg);opacity:0}}.cell.being-captured .stone.skin-phantom{animation:phantom-being-captured .4s ease-in forwards!important}@keyframes phantom-being-captured{0%{transform:scale(1.15);opacity:1}40%{transform:scale(1.1);filter:blur(3px);opacity:.5}to{transform:scale(1.3);filter:blur(6px);opacity:0}}.cell.being-captured:has(.skin-dragon),.cell.being-captured:has(.skin-starfire){perspective:200px}@keyframes stone-appear-capture{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.cell.capture-replace .stone{animation:stone-appear-capture .3s ease-out .3s backwards}.cell.capture-replace:has(.skin-dragon),.cell.capture-replace:has(.skin-starfire),.cell.capture-replace:has(.skin-phantom){perspective:200px}.cell.capture-replace .stone.skin-dragon{animation:dragon-capture-flip .5s ease-in-out backwards!important;transform-style:preserve-3d}@keyframes dragon-capture-flip{0%{transform:scale(1.15) rotateY(180deg)}50%{transform:scale(1.15) rotateY(90deg)}to{transform:scale(1.15) rotateY(0)}}.cell.capture-replace .stone.skin-starfire{animation:starfire-capture-flip .5s ease-in-out backwards!important;transform-style:preserve-3d}@keyframes starfire-capture-flip{0%{transform:scale(1.3) rotateY(180deg)}50%{transform:scale(1.3) rotateY(90deg)}to{transform:scale(1.3) rotateY(0)}}.cell.capture-replace .stone.skin-phantom{animation:phantom-capture-flip .5s ease-in-out backwards!important;transform-style:preserve-3d}@keyframes phantom-capture-flip{0%{transform:scale(1.15) rotateY(180deg)}50%{transform:scale(1.15) rotateY(90deg)}to{transform:scale(1.15) rotateY(0)}}.cell[data-score-tier=good] .stone{animation:stone-place-good .25s cubic-bezier(.34,1.56,.64,1)!important}@keyframes stone-place-good{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.cell[data-score-tier=great] .stone{animation:stone-place-great .3s cubic-bezier(.34,1.56,.64,1)!important}@keyframes stone-place-great{0%{transform:scale(0);opacity:0}55%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cell[data-score-tier=great]:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:2px solid var(--particle-color, #c9a227);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:1;animation:ring-pulse .5s ease-out .1s forwards}@keyframes ring-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.cell[data-score-tier=great]:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:1;animation:particles-great .5s ease-out .05s forwards}@keyframes particles-great{0%{box-shadow:0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227);opacity:1}to{box-shadow:-14px -12px 0 1.5px var(--particle-color, #c9a227),14px -10px 0 1.5px var(--particle-color, #c9a227),-12px 14px 0 1.5px var(--particle-color, #c9a227),14px 12px 0 1.5px var(--particle-color, #c9a227);opacity:0}}.cell[data-score-tier=amazing] .stone{animation:stone-place-amazing .35s cubic-bezier(.34,1.56,.64,1)!important}@keyframes stone-place-amazing{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.cell[data-score-tier=amazing]:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:2px solid var(--particle-color, #c9a227);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:1;animation:ring-pulse .5s ease-out .05s forwards,ring-pulse .6s ease-out .15s forwards}.cell[data-score-tier=amazing]:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:1;animation:particles-amazing .6s ease-out .05s forwards}@keyframes particles-amazing{0%{box-shadow:0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227),0 0 0 1.5px var(--particle-color, #c9a227);opacity:1}to{box-shadow:0 -18px 0 1.5px var(--particle-color, #c9a227),16px -9px 0 1.5px var(--particle-color, #c9a227),16px 9px 0 1.5px var(--particle-color, #c9a227),0 18px 0 1.5px var(--particle-color, #c9a227),-16px 9px 0 1.5px var(--particle-color, #c9a227),-16px -9px 0 1.5px var(--particle-color, #c9a227);opacity:0}}.cell[data-score-tier=legendary] .stone{animation:stone-place-legendary .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes stone-place-legendary{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.35) rotate(10deg)}75%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}.cell[data-score-tier=legendary]:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:2.5px solid var(--particle-color, #c9a227);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:1;animation:ring-pulse .5s ease-out .05s forwards,ring-pulse .6s ease-out .15s forwards,ring-pulse .7s ease-out .25s forwards}.cell[data-score-tier=legendary]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:1;animation:particles-legendary .7s ease-out .05s forwards}@keyframes particles-legendary{0%{box-shadow:0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227),0 0 0 2px var(--particle-color, #c9a227);opacity:1}to{box-shadow:0 -22px 0 2px var(--particle-color, #c9a227),16px -16px 0 2px var(--particle-color, #c9a227),22px 0 0 2px var(--particle-color, #c9a227),16px 16px 0 2px var(--particle-color, #c9a227),0 22px 0 2px var(--particle-color, #c9a227),-16px 16px 0 2px var(--particle-color, #c9a227),-22px 0 0 2px var(--particle-color, #c9a227),-16px -16px 0 2px var(--particle-color, #c9a227);opacity:0}}.cell[data-score-tier=epic] .stone{animation:stone-place-epic .5s cubic-bezier(.22,1.8,.36,1)!important}@keyframes stone-place-epic{0%{transform:scale(0) rotate(-360deg);opacity:0}40%{transform:scale(1.5) rotate(15deg)}60%{transform:scale(.9) rotate(-5deg)}80%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.cell[data-score-tier=epic]:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;border:3px solid var(--particle-color, #c9a227);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:1;animation:ring-pulse .5s ease-out .05s forwards,ring-pulse .6s ease-out .15s forwards,ring-pulse .7s ease-out .25s forwards,epic-flash .3s ease-out forwards}@keyframes epic-flash{0%{background:#fff9}to{background:transparent}}.cell[data-score-tier=epic]:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:1;animation:particles-epic .8s ease-out .05s forwards}@keyframes particles-epic{0%{box-shadow:0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227),0 0 0 2.5px var(--particle-color, #c9a227);opacity:1}to{box-shadow:0 -28px 0 2.5px var(--particle-color, #c9a227),18px -22px 0 2.5px var(--particle-color, #c9a227),28px 0 0 2.5px var(--particle-color, #c9a227),18px 22px 0 2.5px var(--particle-color, #c9a227),0 28px 0 2.5px var(--particle-color, #c9a227),-18px 22px 0 2.5px var(--particle-color, #c9a227),-28px 0 0 2.5px var(--particle-color, #c9a227),-18px -22px 0 2.5px var(--particle-color, #c9a227),-10px -26px 0 2px var(--particle-color, #c9a227),10px 26px 0 2px var(--particle-color, #c9a227);opacity:0}}.epic-cracks{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:10;animation:crack-appear .5s ease-out forwards}.epic-cracks:before{content:"";position:absolute;top:-1px;left:-1px;width:2px;height:2px;background:transparent;border-radius:0;box-shadow:-6px -5px 1px 1px #3c2814e6,-12px -9px 1px 1px #3c2814d9,-16px -13px 1px 1px #503c1ecc,-21px -16px 1px .5px #503c1eb3,-27px -19px 1px .5px #64502880,-32px -22px 1px .5px #6450284d,7px 6px 1px 1px #3c2814e6,13px 11px 1px 1px #3c2814d9,18px 15px 1px 1px #503c1ecc,24px 19px 1px .5px #503c1eb3,30px 23px 1px .5px #64502880,9px -7px 1px 1px #3c2814e6,15px -13px 1px 1px #3c2814d9,20px -19px 1px 1px #503c1ecc,26px -25px 1px .5px #503c1e99,-9px 8px 1px 1px #3c2814e6,-15px 14px 1px 1px #3c2814d9,-21px 19px 1px 1px #503c1eb3,-27px 25px 1px .5px #64502880;animation:crack-spread .6s ease-out .1s forwards;opacity:0}.epic-cracks:after{content:"";position:absolute;top:-1px;left:-1px;width:2px;height:2px;background:transparent;border-radius:0;box-shadow:-9px 2px 1px 1px #3c2814e6,-17px 0 1px 1px #3c2814d9,-24px -2px 1px 1px #503c1ecc,-32px -1px 1px .5px #503c1e99,-39px -3px 1px .5px #64502866,9px -1px 1px 1px #3c2814e6,17px 2px 1px 1px #3c2814d9,25px 0 1px 1px #503c1ecc,33px 3px 1px .5px #503c1e99,-2px -9px 1px 1px #3c2814e6,1px -17px 1px 1px #3c2814d9,-1px -25px 1px 1px #503c1eb3,2px -33px 1px .5px #64502880,1px 9px 1px 1px #3c2814e6,-1px 17px 1px 1px #3c2814d9,2px 24px 1px 1px #503c1eb3,-2px 32px 1px .5px #64502880;animation:crack-spread .6s ease-out .15s forwards;opacity:0}@keyframes crack-appear{0%{opacity:0}to{opacity:1}}@keyframes crack-spread{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:.8;transform:scale(1)}}.epic-cracks{animation:crack-appear .5s ease-out forwards,crack-fade 1s ease-in 1.5s forwards}@keyframes crack-fade{0%{opacity:1}to{opacity:0}}.board-container.board-nudge{animation:board-nudge-shake .3s ease-out}@keyframes board-nudge-shake{0%{transform:translate(0)}15%{transform:translate(-3px,2px)}30%{transform:translate(3px,-2px)}45%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.board-container.board-nudge-strong{animation:board-nudge-strong .35s ease-out}@keyframes board-nudge-strong{0%{transform:translate(0)}10%{transform:translate(-5px,3px)}20%{transform:translate(5px,-3px)}30%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}55%{transform:translate(-2px,1px)}70%{transform:translate(2px,-1px)}85%{transform:translate(-1px)}to{transform:translate(0)}}.board-container.board-crack{animation:board-crack .5s ease-out}@keyframes board-crack{0%{transform:translate(0)}8%{transform:translate(-8px,5px)}16%{transform:translate(8px,-4px)}24%{transform:translate(-6px,3px)}32%{transform:translate(6px,-5px)}40%{transform:translate(-5px,4px)}50%{transform:translate(4px,-3px)}60%{transform:translate(-3px,2px)}72%{transform:translate(2px,-1px)}85%{transform:translate(-1px,1px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.cell[data-score-tier] .stone{animation:none!important}.cell[data-score-tier]:before,.cell[data-score-tier]:after{animation:none!important;display:none}.board-container.board-nudge,.board-container.board-nudge-strong,.board-container.board-crack{animation:none!important}.epic-cracks,.epic-cracks:before,.epic-cracks:after{animation:none!important;display:none}.stone.skin-dragon,.stone.skin-starfire,.stone.skin-phantom{animation:none!important}.stone.skin-dragon:before,.stone.skin-dragon:after,.stone.skin-starfire:after,.stone.skin-phantom:after{animation:none!important}.cell.capture-replace .stone.skin-dragon,.cell.capture-replace .stone.skin-starfire,.cell.capture-replace .stone.skin-phantom,.cell.being-captured .stone.skin-dragon,.cell.being-captured .stone.skin-starfire,.cell.being-captured .stone.skin-phantom{animation:revert!important}}.rule-card{position:relative;background:#c9a2270f;border:1px solid rgba(201,162,39,.15);border-radius:8px;padding:.75rem;overflow:hidden}.rule-weight-badge{position:absolute;top:-8px;right:8px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;box-shadow:0 1px 3px #0003}.rule-card-header{margin-bottom:.5rem}.rule-card-title{font-family:var(--font-display);font-size:.75rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.rule-card-content{display:flex;gap:.75rem;align-items:center}.rule-card-description{flex:1;font-size:.8rem;line-height:1.4;color:var(--text-primary);margin:0}[data-theme=light] .rule-card{background:#8b72150f;border:1px solid rgba(139,114,21,.12)}[data-theme=light] .rule-weight-badge{background:var(--accent)}.rule-card-unknown{--reveal-delay: 0s}.rule-card-unknown .rule-card-header,.rule-card-unknown .rule-card-content{filter:blur(6px);animation:rule-content-reveal 2.4s ease-out forwards;animation-delay:calc(var(--reveal-delay) + .5s)}@keyframes rule-content-reveal{0%{filter:blur(6px)}60%{filter:blur(3px)}to{filter:blur(0)}}.rule-card-reveal-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#c9a22766,#c9a22733,#c9a22780,#c9a2274d,#c9a22766);background-size:200% 200%;animation:rule-overlay-shimmer .6s linear infinite,rule-overlay-wind 2.4s ease-out forwards;animation-delay:0s,calc(var(--reveal-delay) + .5s);opacity:.9}@keyframes rule-overlay-shimmer{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes rule-overlay-wind{0%{transform:translate(0) skew(0);opacity:.9;clip-path:inset(0 0 0 0)}30%{transform:translate(10%) skew(-3deg);opacity:.7}60%{transform:translate(40%) skew(-6deg);opacity:.4;clip-path:inset(0 0 0 30%)}to{transform:translate(120%) skew(-10deg);opacity:0;clip-path:inset(0 0 0 100%)}}.rule-card-reveal-overlay:before,.rule-card-reveal-overlay:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(201,162,39,.6) 1px,transparent 1px),radial-gradient(circle,rgba(201,162,39,.4) 1px,transparent 1px);background-size:8px 8px,12px 12px;background-position:0 0,4px 4px;animation:rule-particles-drift 2.4s ease-out forwards;animation-delay:calc(var(--reveal-delay) + .5s)}.rule-card-reveal-overlay:after{animation-delay:calc(var(--reveal-delay) + .7s);opacity:.7}@keyframes rule-particles-drift{0%{transform:translate(0);opacity:1}to{transform:translate(150%);opacity:0}}[data-theme=light] .rule-card-reveal-overlay{background:linear-gradient(135deg,#8b721580,#8b721540,#8b721599,#8b721559,#8b721580)}[data-theme=light] .rule-card-reveal-overlay:before,[data-theme=light] .rule-card-reveal-overlay:after{background-image:radial-gradient(circle,rgba(139,114,21,.7) 1px,transparent 1px),radial-gradient(circle,rgba(139,114,21,.5) 1px,transparent 1px)}.rune-compare-overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;z-index:200;animation:fade-in .2s ease-out}.rune-compare-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color, #1e1e32);flex-shrink:0}.rune-compare-title{font-family:var(--font-display, "Cormorant Garamond", serif);font-size:16px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);margin:0}.rune-compare-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.rune-compare-close:hover{color:var(--text-primary)}.rune-compare-tabs{display:flex;gap:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color, #1e1e32);flex-shrink:0}.rune-compare-tab{flex:1;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.rune-compare-tab:hover{color:var(--text-primary);background:#ffffff08}.rune-compare-tab.active{color:var(--accent, #c9a227);border-bottom-color:var(--accent, #c9a227)}.rune-compare-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.rune-compare-tree{flex:1;min-height:0}.rune-compare-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-size:14px;font-style:italic}.rune-compare-effects{padding:10px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color, #1e1e32);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:80px;overflow-y:auto;flex-shrink:0}.rune-effect-tag{font-size:11px;padding:3px 8px;border-radius:4px;background:#c9a2271a;border:1px solid rgba(201,162,39,.2);color:var(--text-secondary);white-space:nowrap}.rune-compare-node-count{font-size:12px;color:var(--text-secondary);text-align:center;padding:6px 0;flex-shrink:0}.rune-compare-node-count strong{color:var(--accent, #c9a227)}[data-theme=light] .rune-compare-overlay{background:#0009}[data-theme=light] .rune-effect-tag{background:#8b721514;border-color:#8b721526}@media(max-width:500px){.rune-compare-header{padding:10px 14px}.rune-compare-title{font-size:14px}.rune-compare-tab{font-size:13px;padding:8px 12px}.rune-compare-effects{padding:8px 12px;max-height:60px}.rune-effect-tag{font-size:10px;padding:2px 6px}}.score-display{display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,3vw,1.5rem);padding:clamp(.75rem,2vw,1rem);background:linear-gradient(135deg,#252220f2,#1a1814f2);border-radius:16px;margin-bottom:.75rem;width:100%;max-width:500px;box-sizing:border-box;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff08;border:1px solid rgba(201,162,39,.15)}.score-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:90px}.score-label{font-size:clamp(.625rem,2.5vw,.875rem);color:var(--text-secondary);letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px;max-width:100%}.score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stone.hud-stone{width:14px;height:14px;min-width:14px;flex-shrink:0;z-index:auto;animation:none!important;filter:none!important;transform:none!important}.stone.hud-stone:before,.stone.hud-stone:after{display:none!important}.score-value{font-size:clamp(1.25rem,5vw,2rem);font-weight:700}.player1-color{background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:2px solid #3a3a3a;box-shadow:inset 0 2px 4px #0000004d}.player1-color .score-value{color:#888;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.player2-color{background:linear-gradient(145deg,#dcdcdc26,#b4b4b41a);border:2px solid rgba(200,200,200,.4);box-shadow:inset 0 2px 4px #ffffff0d}.player2-color .score-value{color:#f0f0f0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.score-divider{font-size:1rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.rule-pills{display:flex;flex-direction:column;align-items:center;gap:3px}.rule-pill{font-size:.625rem;padding:1px 8px;border-radius:10px;white-space:nowrap;text-transform:capitalize;cursor:pointer;border:1px solid;transition:all .2s ease;background:none;line-height:1.4}.rule-pill.my-rule-pill{background:#3a3018;color:#e8c84a;border-color:#6a5520}.rule-pill.my-rule-pill:hover{background:#4a3c20;border-color:#8a7030}.rule-pill.opp-rule-pill.locked{background:#2a2a2a;color:#777;border-color:#3a3a3a;cursor:default}.rule-pill.opp-rule-pill.revealed{background:#1a2a40;color:#6ab4ff;border-color:#2a4a70;animation:reveal-fade-in .5s ease}.rule-pill.opp-rule-pill.revealed:hover{background:#203050;border-color:#3a5a80}[data-theme=light] .rule-pill.my-rule-pill{background:#fdf3d0;color:#7a5c00;border-color:#d4b050}[data-theme=light] .rule-pill.my-rule-pill:hover{background:#f8e8a8;border-color:#c09830}[data-theme=light] .rule-pill.opp-rule-pill.locked{background:#e8e8e8;color:#999;border-color:#ccc}[data-theme=light] .rule-pill.opp-rule-pill.revealed{background:#deeaff;color:#1a5cc8;border-color:#90b0e0}[data-theme=light] .rule-pill.opp-rule-pill.revealed:hover{background:#c8dcff;border-color:#7098d0}[data-capture-mode=true] .rule-pill.my-rule-pill{background:#3a2010;color:#f08050;border-color:#6a3818}[data-capture-mode=true] .rule-pill.my-rule-pill:hover{background:#4a2818;border-color:#8a4820}[data-capture-mode=true] .rule-pill.opp-rule-pill.locked{background:#2a2218;color:#887060;border-color:#3a3028}[data-capture-mode=true] .rule-pill.opp-rule-pill.revealed{background:#1a2838;color:#6ab0ff;border-color:#2a4060}[data-theme=light] [data-capture-mode=true] .rule-pill.my-rule-pill{background:#f8e0c8;color:#8a3800;border-color:#c8905a}[data-theme=light] [data-capture-mode=true] .rule-pill.my-rule-pill:hover{background:#f0d0b0;border-color:#b07840}[data-theme=light] [data-capture-mode=true] .rule-pill.opp-rule-pill.locked{background:#e0d8cc;color:#998878;border-color:#c0b0a0}[data-theme=light] [data-capture-mode=true] .rule-pill.opp-rule-pill.revealed{background:#d8e8ff;color:#1a50b0;border-color:#88a8d0}.rule-pill-popover{position:fixed;inset:0;background-color:#00000080;z-index:150;display:flex;justify-content:center;align-items:flex-start;padding-top:4rem;animation:reveal-fade-in .2s ease-out}.rule-pill-panel{max-width:280px;width:90%;background:var(--bg-primary, #1a1816);border:1px solid rgba(201,162,39,.25);border-radius:12px;padding:.5rem;box-shadow:0 8px 32px #00000080;animation:rule-pill-slide-in .2s ease-out}[data-theme=light] .rule-pill-panel{background:#faf8f2;border-color:#8b721533;box-shadow:0 8px 32px #00000026}[data-capture-mode=true] .rule-pill-panel{background:#2a2018;border-color:#d4521a40}[data-theme=light] [data-capture-mode=true] .rule-pill-panel{background:#f5ece0;border-color:#b4643233}@keyframes rule-pill-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .rule-pill-popover{background-color:#0000004d}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.score-item{padding:.75rem 1rem;border-radius:12px;transition:all .3s ease}.score-item:not(.active-turn){opacity:.5}.score-item.active-turn{opacity:1;border-color:var(--accent)!important;box-shadow:0 0 20px #c9a2274d,0 0 40px #c9a2271a;animation:turn-pulse 2s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:0 0 20px #c9a2274d,0 0 40px #c9a2271a}50%{box-shadow:0 0 25px #c9a22766,0 0 50px #c9a22733}}.score-display.game-over .score-item{opacity:1;box-shadow:none}.score-display.game-over .player1-color{border-color:#4a4a4a}.score-display.game-over .player2-color{border-color:#a0a0a0}.score-popup{position:absolute;top:-10px;color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:1rem;font-weight:700;animation:scorePopup 1.5s ease-out forwards;pointer-events:none}.my-score .score-popup{left:-30px}.opponent-score .score-popup{right:-30px}.player1-color .score-popup{background:linear-gradient(135deg,#4a4a4a,#1a1a1a);color:#fff;box-shadow:0 2px 8px #00000080}.player2-color .score-popup{background:linear-gradient(135deg,#fff,#d0d0d0);color:#1a1a1a;box-shadow:0 2px 8px #0000004d}.skin-jade.player1-color .score-popup{background:linear-gradient(135deg,#2a6a3c,#0d3a1c);color:#d0ffd8;box-shadow:0 2px 8px #0a3c1e99}.skin-jade.player2-color .score-popup{background:linear-gradient(135deg,#b8f0c4,#68c480);color:#0d3a1c;box-shadow:0 2px 8px #50a06466}.skin-obsidian.player1-color .score-popup{background:linear-gradient(135deg,#3a3a4a,#121220);color:#c0c0e0;box-shadow:0 2px 8px #0a0a1e99}.skin-obsidian.player2-color .score-popup{background:linear-gradient(135deg,#d0d0e8,#8888b0);color:#121220;box-shadow:0 2px 8px #64648c66}.skin-amber.player1-color .score-popup{background:linear-gradient(135deg,#a07818,#604010);color:#ffe8a0;box-shadow:0 2px 8px #50380499}.skin-amber.player2-color .score-popup{background:linear-gradient(135deg,#fff0c0,#e0b840);color:#503804;box-shadow:0 2px 8px #b48c2866}.skin-marble.player1-color .score-popup{background:linear-gradient(135deg,#6a6a72,#363640);color:#e0ddd8;box-shadow:0 2px 8px #1e1e2899}.skin-marble.player2-color .score-popup{background:linear-gradient(135deg,#f5f0e8,#c8c0b8);color:#262630;box-shadow:0 2px 8px #968c8266}.skin-sapphire.player1-color .score-popup{background:linear-gradient(135deg,#2850a0,#0c1c48);color:#b8d8ff;box-shadow:0 2px 8px #0a143c99}.skin-sapphire.player2-color .score-popup{background:linear-gradient(135deg,#c8e0ff,#6098d8);color:#0c1c48;box-shadow:0 2px 8px #5082c866}.skin-crystal.player1-color .score-popup{background:linear-gradient(135deg,#3a5a7a,#0a1c38);color:#c0e0ff;box-shadow:0 2px 8px #0a1c3899}.skin-crystal.player2-color .score-popup{background:linear-gradient(135deg,#e4f2ff,#88c0f0);color:#0a1c38;box-shadow:0 2px 8px #64aae666}.skin-lava.player1-color .score-popup{background:linear-gradient(135deg,#c03010,#5a1400);color:#ffd0b0;box-shadow:0 2px 8px #5a140099}.skin-lava.player2-color .score-popup{background:linear-gradient(135deg,#ffe0c0,#e08040);color:#3a0800;box-shadow:0 2px 8px #b4642866}.skin-cipher.player1-color .score-popup{background:linear-gradient(135deg,#1a4a4a,#001818);color:#80f0e0;box-shadow:0 2px 8px #00181899}.skin-cipher.player2-color .score-popup{background:linear-gradient(135deg,#e8ffff,#80d0d0);color:#001818;box-shadow:0 2px 8px #50b4aa66}.skin-void.player1-color .score-popup{background:linear-gradient(135deg,#3a1a5a,#080018);color:#d8b0ff;box-shadow:0 2px 8px #08001899}.skin-void.player2-color .score-popup{background:linear-gradient(135deg,#f0e0ff,#b8a0d8);color:#080018;box-shadow:0 2px 8px #8c6eb466}.skin-heart.player1-color .score-popup{background:linear-gradient(135deg,#8a2040,#2a0810);color:#ffa0b0;box-shadow:0 2px 8px #2a081099}.skin-heart.player2-color .score-popup{background:linear-gradient(135deg,#ffe0e8,#ff8098);color:#5a1020;box-shadow:0 2px 8px #ff809866}.skin-snowflake.player1-color .score-popup{background:linear-gradient(135deg,#2a5080,#0a1828);color:#a0d0ff;box-shadow:0 2px 8px #0a182899}.skin-snowflake.player2-color .score-popup{background:linear-gradient(135deg,#f0f8ff,#a0c8f0);color:#0a2040;box-shadow:0 2px 8px #8cc8ff66}.skin-sakura.player1-color .score-popup{background:linear-gradient(135deg,#8a3060,#2a0820);color:#ffc0d0;box-shadow:0 2px 8px #2a082099}.skin-sakura.player2-color .score-popup{background:linear-gradient(135deg,#fff0f4,#ffa0b8);color:#3a0818;box-shadow:0 2px 8px #ffa0b866}.skin-dragon.player1-color .score-popup{background:linear-gradient(135deg,#c03010,#5a1400);color:#ffd0b0;box-shadow:0 2px 8px #5a140099}.skin-dragon.player2-color .score-popup{background:linear-gradient(135deg,gold,#c08818);color:#3a1800;box-shadow:0 2px 8px #c8881866}.skin-starfire.player1-color .score-popup{background:linear-gradient(135deg,#4a3aaa,#0a0838);color:#c8b8ff;box-shadow:0 2px 8px #0a083899}.skin-starfire.player2-color .score-popup{background:linear-gradient(135deg,#ffd040,#c08818);color:#3a2800;box-shadow:0 2px 8px #c8a02866}.skin-phantom.player1-color .score-popup{background:linear-gradient(135deg,#3a1a5a,#120028);color:#d0b0ff;box-shadow:0 2px 8px #12002899}.skin-phantom.player2-color .score-popup{background:linear-gradient(135deg,#f0e0ff,#c8b0e0);color:#2a0a40;box-shadow:0 2px 8px #b496d266}@keyframes scorePopup{0%{transform:scale(0) translateY(20px);opacity:0}15%{transform:scale(1.3) translateY(0);opacity:1}30%{transform:scale(1) translateY(0);opacity:1}70%{transform:scale(1) translateY(-20px);opacity:1}to{transform:scale(1) translateY(-40px);opacity:0}}.back-to-lobby-btn{padding:.25rem .5rem;font-size:.625rem;background-color:transparent;border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.back-to-lobby-btn:hover{background-color:var(--warning);border-color:var(--warning);color:var(--bg-primary)}.resign-btn{padding:.25rem .4rem;font-size:.875rem;background-color:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;line-height:1}.resign-btn:hover{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.resign-confirm{display:flex;gap:.25rem}.resign-yes,.resign-no{padding:.2rem .4rem;font-size:.625rem;border-radius:3px;cursor:pointer;transition:all .2s}.resign-yes{background-color:#ef4444;border:1px solid #ef4444;color:#fff}.resign-yes:hover{background-color:#dc2626}.resign-no{background-color:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.resign-no:hover{background-color:#ffffff1a}[data-theme=light] .resign-btn{border-color:#00000026;color:var(--text-secondary)}[data-theme=light] .resign-btn:hover{background-color:#ef44441a}[data-theme=light] .resign-no:hover{background-color:#0000000d}.turn-counter{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.5rem;font-size:1rem}.turn-current{font-weight:700;color:var(--text-primary)}.turn-separator,.turn-max{color:var(--text-secondary)}.turns-left{margin-left:.75rem;padding:.125rem .5rem;background-color:var(--bg-secondary);border-radius:10px;font-size:.875rem;color:var(--warning);font-weight:500}.turns-left.urgent{background-color:#ef444433;color:#ef4444;animation:pulse-urgent 1s ease-in-out infinite}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.6}}.timeline{margin-bottom:.75rem;width:100%;max-width:500px;padding:0 .5rem;box-sizing:border-box}.timeline-row{display:flex;align-items:center;gap:.75rem}.timeline-slider-container{flex:1;position:relative;padding-bottom:.875rem}.timeline-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#fff3,#ffffff1a);border-radius:4px;outline:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(145deg,#fff,#e0e0e0);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d,inset 0 1px #fffc;transition:transform .1s}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.timeline-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(145deg,#fff,#e0e0e0);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d,inset 0 1px #fffc}.timeline-markers{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-secondary)}.timeline-slider.placeholder{opacity:.4;cursor:default}.timeline-slider.placeholder::-webkit-slider-thumb{cursor:default}.timeline-slider.placeholder::-moz-range-thumb{cursor:default}.timeline-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border:none;background:transparent;color:var(--text-secondary);font-size:.7rem;line-height:1;cursor:pointer;transition:color .15s;flex-shrink:0;align-self:flex-start}.timeline-nav-btn:hover:not(:disabled){color:var(--text-primary)}.timeline-nav-btn:active:not(:disabled){transform:scale(.85)}.timeline-nav-btn:disabled{opacity:.25;cursor:default}.show-scores-btn{padding:.4rem .75rem;font-size:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:.25rem}.show-scores-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:var(--text-primary)}.show-scores-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-color:var(--accent);color:var(--bg-primary);box-shadow:0 2px 8px #c9a2274d}.use-hint-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;font-size:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:6px;color:var(--bg-primary);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #c9a2274d}.use-hint-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a22766}.use-hint-btn:active{transform:translateY(0)}.use-hint-btn.disabled,.use-hint-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#374151;cursor:not-allowed;box-shadow:none;opacity:.7}.use-hint-btn.disabled:hover,.use-hint-btn:disabled:hover{transform:none;box-shadow:none}.turn-timer{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:2.5rem;text-align:center;margin-top:.25rem}.turn-timer.urgent{color:#ef4444;animation:timer-pulse .5s ease-in-out infinite}.turn-timer.hidden{visibility:hidden}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.lives-display{display:flex;gap:.25rem;font-size:.625rem;margin-top:.125rem}.life{transition:all .3s ease}.life.active{color:var(--warning)}.life.used{color:var(--text-secondary);opacity:.3}[data-theme=light] .score-display{background:linear-gradient(135deg,#fffef8fa,#eae6dcf2);border:1px solid rgba(139,114,21,.15);box-shadow:0 4px 20px #00000014}[data-theme=light] .player1-color{background:linear-gradient(145deg,#282828f2,#191919fa)}[data-theme=light] .player2-color{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border:2px solid #94a3b8}[data-theme=light] .player2-color .score-label{color:#334155}[data-theme=light] .player2-color .score-value{color:#0f172a;text-shadow:none}[data-theme=light] .player1-color .turn-timer{color:#f8fafc}[data-theme=light] .player1-color .turn-timer.urgent{color:#ef4444}[data-theme=light] .player1-color .lives-display .life.active{color:var(--warning)}[data-theme=light] .player1-color .lives-display .life.used{color:#ffffff4d}[data-theme=light] .timeline-slider{background:linear-gradient(to right,#0000001a,#0000000d)}[data-theme=light] .show-scores-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .show-scores-btn:hover{background:#00000014;border-color:#0003}[data-theme=light] .show-scores-btn.active{color:#1a1a1a}[data-theme=light] .turns-left{background-color:#0000000d}[data-capture-mode=true] .score-display{background:linear-gradient(135deg,#32261cfa,#231c14fa,#2d2319fa);border:3px solid;border-color:#6a4a30 #4a3020 #3a2518 #5a4028;box-shadow:0 0 20px #c8461433,0 4px 20px #00000080,inset 0 1px #78502833,inset 0 -1px #0000004d}[data-capture-mode=true] .player1-color{background:linear-gradient(145deg,#28231ef2,#191612fa);border:2px solid #4a4035;box-shadow:inset 0 2px 4px #0006,0 0 10px #c846141a}[data-capture-mode=true] .player1-color .score-label{color:#a09080}[data-capture-mode=true] .player2-color{background:linear-gradient(145deg,#b4aa9b33,#8c827326);border:2px solid rgba(180,160,130,.5);box-shadow:inset 0 2px 4px #0003,0 0 10px #c846141a}[data-capture-mode=true] .score-item.active-turn{border-color:var(--ruin-accent)!important;box-shadow:0 0 20px #d4521a66,0 0 40px #d4521a33}@keyframes danger-turn-pulse{0%,to{box-shadow:0 0 20px #d4521a66,0 0 40px #d4521a33}50%{box-shadow:0 0 30px #d4521a80,0 0 60px #d4521a4d}}[data-capture-mode=true] .score-item.active-turn{animation:danger-turn-pulse 2s ease-in-out infinite}[data-capture-mode=true] .timeline-slider{background:linear-gradient(to right,#6446284d,#50371e33)}[data-capture-mode=true] .show-scores-btn{background:#64462833;border:1px solid rgba(150,100,50,.3)}[data-capture-mode=true] .show-scores-btn:hover{background:#78502d4d;border-color:#b4783c66}[data-capture-mode=true] .show-scores-btn.active{background:linear-gradient(135deg,var(--ruin-accent),#e05a20);border-color:var(--ruin-accent)}[data-capture-mode=true] .use-hint-btn{background:linear-gradient(135deg,var(--ruin-accent),#e05a20);box-shadow:0 2px 8px #d4521a66}[data-capture-mode=true] .use-hint-btn:hover{box-shadow:0 4px 12px #d4521a80}[data-capture-mode=true] .life.active{color:var(--ruin-accent)}[data-capture-mode=true] .turns-left{background-color:#6446284d;color:var(--ruin-accent)}[data-theme=light] [data-capture-mode=true] .score-display{background:linear-gradient(135deg,#d7c8b4fa,#cdbeaafa,#d2c3affa);border-color:#a07045 #906035 #80502a #987040;box-shadow:0 0 12px #b4643233,0 4px 12px #0000001f,inset 0 1px #fff6,inset 0 -1px #00000014}[data-theme=light] [data-capture-mode=true] .player1-color{background:linear-gradient(145deg,#322d28f2,#23201cfa);border-color:#5a5045}[data-theme=light] [data-capture-mode=true] .player1-color .score-label{color:#a09080}[data-theme=light] [data-capture-mode=true] .player1-color .score-value{color:#888}[data-theme=light] [data-capture-mode=true] .player2-color{background:linear-gradient(145deg,#faf5ebf2,#ebe1d2e6);border-color:#a0785099}[data-theme=light] [data-capture-mode=true] .player2-color .score-label{color:#6a5a48}[data-theme=light] [data-capture-mode=true] .player2-color .score-value{color:#3a2a1a}[data-theme=light] [data-capture-mode=true] .timeline-slider{background:linear-gradient(to right,#a0643240,#8c5a2d26)}[data-theme=light] [data-capture-mode=true] .show-scores-btn{background:#b4783c26;border-color:#a064324d;color:#5a4a38}[data-theme=light] [data-capture-mode=true] .show-scores-btn:hover{background:#b4783c40;border-color:#b4783c66}[data-theme=light] [data-capture-mode=true] .turns-left{background-color:#b4783c33;color:#a04010}.capture-card{position:relative;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.capture-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--danger-color, #dc2626);text-transform:uppercase}.capture-card-content{display:flex;align-items:center;gap:1rem}.capture-info{display:flex;flex-direction:column;gap:.25rem}.capture-title{font-weight:600;color:var(--text-primary);font-size:.9rem}.capture-description{margin:0;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.rule-divider.capture-divider{color:var(--danger-color, #dc2626);margin:.75rem 0}[data-theme=light] .capture-label,[data-theme=light] .rule-divider.capture-divider{color:#b91c1c}.capture-card-unknown .capture-label,.capture-card-unknown .capture-card-content{filter:blur(6px);animation:capture-content-reveal 2.4s ease-out forwards;animation-delay:1.5s}@keyframes capture-content-reveal{0%{filter:blur(6px)}60%{filter:blur(3px)}to{filter:blur(0)}}.capture-card-reveal-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#dc262673,#dc262640,#dc26268c,#dc262659,#dc262673);background-size:200% 200%;animation:capture-overlay-shimmer .5s linear infinite,capture-overlay-wind 2.4s ease-out forwards;animation-delay:0s,1.5s;opacity:.9}@keyframes capture-overlay-shimmer{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes capture-overlay-wind{0%{transform:translate(0) skew(0);opacity:.9;clip-path:inset(0 0 0 0)}30%{transform:translate(10%) skew(-3deg);opacity:.7}60%{transform:translate(40%) skew(-6deg);opacity:.4;clip-path:inset(0 0 0 30%)}to{transform:translate(120%) skew(-10deg);opacity:0;clip-path:inset(0 0 0 100%)}}.capture-card-reveal-overlay:before,.capture-card-reveal-overlay:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,rgba(220,38,38,.7) 1px,transparent 1px),radial-gradient(circle,rgba(255,100,50,.5) 1px,transparent 1px);background-size:8px 8px,12px 12px;background-position:0 0,4px 4px;animation:capture-particles-drift 2.4s ease-out forwards;animation-delay:1.5s}.capture-card-reveal-overlay:after{animation-delay:1.7s;opacity:.7}@keyframes capture-particles-drift{0%{transform:translate(0);opacity:1}to{transform:translate(150%);opacity:0}}[data-theme=light] .capture-card-reveal-overlay{background:linear-gradient(135deg,#b91c1c80,#b91c1c4d,#b91c1c99,#b91c1c66,#b91c1c80)}[data-theme=light] .capture-card-reveal-overlay:before,[data-theme=light] .capture-card-reveal-overlay:after{background-image:radial-gradient(circle,rgba(185,28,28,.8) 1px,transparent 1px),radial-gradient(circle,rgba(200,70,30,.6) 1px,transparent 1px)}.rule-reveal-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.rule-reveal-item{display:flex;flex-direction:column;align-items:center}.rule-divider{color:var(--accent);font-size:1rem;font-weight:700;margin:.25rem 0;opacity:.7}.progress-teasers{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;width:100%}.progress-teaser-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(201,162,39,.15)}.teaser-icon{font-size:1.1rem;flex-shrink:0;width:1.5rem;text-align:center}.teaser-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.teaser-text{font-size:.78rem;color:var(--text-secondary);line-height:1.3}.teaser-pips{display:flex;gap:3px}.teaser-pip{width:6px;height:6px;border-radius:50%;background:#ffffff1f;transition:background .2s}.teaser-pip.filled{background:#c9a227}[data-theme=light] .progress-teaser-card{background:#00000008;border-color:#c9a2271f}[data-theme=light] .teaser-pip{background:#0000001a}.game-over-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;animation:fade-in .3s ease-out;padding:1rem;box-sizing:border-box}.game-over-modal{background-color:var(--bg-secondary);border-radius:16px;padding:2rem 3rem;text-align:center;animation:scale-in .3s ease-out;border:1px solid rgba(201,162,39,.2);box-shadow:0 8px 32px #0006;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-over-title{font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:.1em;margin-bottom:1.5rem}.game-over-title.me{color:var(--success)}.game-over-title.opponent{color:var(--accent)}.game-over-title.draw{color:var(--warning)}.final-scores{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.final-score{display:flex;flex-direction:column;align-items:center}.final-score .label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.final-score .value{font-size:2.5rem;font-weight:700}.final-score.you .value{color:#9ca3af}.final-score.opponent .value{color:#f5f5f5}.score-separator{font-size:1.5rem;color:var(--text-secondary)}.mmr-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.9rem;margin-top:.35rem;opacity:0;animation:mmr-fade-in .4s ease-out .5s forwards}.mmr-values{display:flex;align-items:center;gap:.3rem}.mmr-before{color:var(--text-secondary)}.mmr-arrow-line{color:var(--text-secondary);font-size:.9rem;opacity:0;animation:arrow-appear .3s ease-out .9s forwards}.mmr-after{font-weight:600;opacity:0;transform:scale(.8);animation:mmr-after-appear .4s ease-out 1.1s forwards}.mmr-after.positive{color:var(--success, #22c55e)}.mmr-after.negative{color:var(--accent, #ef4444)}.mmr-delta{font-weight:600;font-size:.75rem;line-height:1;opacity:0;animation:mmr-delta-appear .3s ease-out .7s forwards}.mmr-delta.positive{color:var(--success, #22c55e)}.mmr-delta.negative{color:var(--accent, #ef4444)}@keyframes mmr-delta-appear{to{opacity:1}}@keyframes mmr-fade-in{to{opacity:1}}@keyframes arrow-appear{to{opacity:1}}@keyframes mmr-after-appear{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.stone-earnings{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.5rem;opacity:0;animation:mmr-fade-in .4s ease-out .3s forwards}.stone-earned-amount{display:flex;align-items:center;gap:6px;font-size:1.3rem;font-weight:700;color:var(--accent)}.daily-bonus-badge{font-size:.75rem;font-weight:600;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:999px;padding:2px 10px;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .stone-earned-amount{color:var(--accent)}[data-theme=light] .daily-bonus-badge{color:#b45309;background:#fbbf241f;border:1px solid rgba(180,83,9,.2)}.rule-reveal{background-color:#c9a22714;border:1px solid rgba(201,162,39,.2);border-radius:8px;padding:1rem;margin:0 auto 1.5rem;max-width:360px}.rule-reveal-title{font-family:var(--font-display);font-size:.875rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem;text-align:center}.game-over-buttons{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:center;align-items:stretch}.review-button,.play-again-button,.quick-play-button{font-size:clamp(.8rem,2.5vw,1rem);padding:.75rem clamp(.75rem,3vw,1.5rem);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:1;min-width:0;font-weight:600}.review-button{background:linear-gradient(to bottom,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:none;border-top:2px solid rgba(255,255,255,.12);border-left:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(0,0,0,.2);border-bottom:3px solid rgba(0,0,0,.35);color:var(--text-primary);box-shadow:0 3px 8px #0000004d;text-shadow:0 1px 0 rgba(0,0,0,.2)}.review-button:hover{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.review-button:active{transform:translateY(1px);border-top:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 1px 4px #0000004d}.quick-play-button{background:linear-gradient(to bottom,var(--accent) 0%,#9a7b1e 100%);border:none;border-top:2px solid rgba(255,255,255,.3);border-left:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(0,0,0,.2);border-bottom:3px solid rgba(0,0,0,.35);color:var(--bg-primary);box-shadow:0 3px 8px #0000004d;text-shadow:0 1px 0 rgba(255,255,255,.2)}.quick-play-button:hover{background:linear-gradient(to bottom,#e0c04a 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #c9a22780}.quick-play-button:active{transform:translateY(1px);border-top:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(255,255,255,.15);box-shadow:0 1px 4px #0000004d}.play-again-button.secondary{background:linear-gradient(to bottom,var(--bg-tertiary) 0%,var(--bg-primary) 100%);border:none;border-top:2px solid rgba(255,255,255,.12);border-left:2px solid rgba(255,255,255,.08);border-right:2px solid rgba(0,0,0,.2);border-bottom:3px solid rgba(0,0,0,.35);color:var(--text-secondary);box-shadow:0 3px 8px #0000004d;text-shadow:0 1px 0 rgba(0,0,0,.2)}.play-again-button.secondary:hover{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000059}.play-again-button.secondary:active{transform:translateY(1px);border-top:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(255,255,255,.1);box-shadow:0 1px 4px #0000004d}.rematch-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rematch-button{background:linear-gradient(to bottom,#4ade80,#16a34a);border:none;border-top:2px solid rgba(255,255,255,.25);border-left:2px solid rgba(255,255,255,.15);border-right:2px solid rgba(0,0,0,.15);border-bottom:3px solid rgba(0,0,0,.3);color:#fff;font-weight:600;font-size:clamp(.8rem,2.5vw,1rem);padding:.75rem clamp(.75rem,3vw,1.5rem);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 8px #0000004d;text-shadow:0 1px 1px rgba(0,0,0,.3);white-space:nowrap;flex-shrink:1;min-width:0}.rematch-button:hover{background:linear-gradient(to bottom,#86efac,#22c55e);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.rematch-button:active{transform:translateY(1px);border-top:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(255,255,255,.15);box-shadow:0 1px 4px #0000004d}.rematch-waiting,.rematch-accept,.rematch-starting,.rematch-declined{display:flex;flex-direction:column;align-items:center;gap:.5rem}.waiting-text,.opponent-wants-rematch{color:var(--text-secondary);font-size:.9rem}.opponent-wants-rematch{color:var(--accent);font-weight:500}.cancel-rematch-btn,.decline-rematch-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.4rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.cancel-rematch-btn:hover,.decline-rematch-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.rematch-starting{color:var(--success)}.rematch-starting .spinner-small{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--success);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rematch-declined span{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}[data-theme=light] .game-over-modal{border:1px solid rgba(139,114,21,.15);box-shadow:0 8px 32px #00000026}[data-theme=light] .final-score.you .value{color:#1f2937}[data-theme=light] .final-score.opponent .value{color:#6b7280}[data-theme=light] .rule-reveal{background-color:#8b72150f;border:1px solid rgba(139,114,21,.15)}[data-theme=light] .mmr-after.positive,[data-theme=light] .mmr-delta.positive{color:#16a34a}[data-theme=light] .mmr-after.negative,[data-theme=light] .mmr-delta.negative{color:#dc2626}[data-theme=light] .review-button{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.5);border-right:2px solid rgba(0,0,0,.08);border-bottom:3px solid rgba(0,0,0,.15);box-shadow:0 3px 8px #0000001f;text-shadow:0 1px 0 rgba(255,255,255,.5)}[data-theme=light] .play-again-button.secondary{background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(0,0,0,.06);border-bottom:2px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #00000014;text-shadow:0 1px 0 rgba(255,255,255,.5)}.xp-earnings{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0;opacity:0;animation:mmr-fade-in .4s ease-out .4s forwards}.xp-earned-amount{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;color:var(--accent-color, #a78bfa)}.xp-icon{font-size:1.2rem}.level-up-badge{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;animation:levelUpPulse .6s ease-out}.rp-gained{opacity:.9;font-weight:500}@keyframes levelUpPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.wager-result{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:8px;background:#c9a22714;border:1px solid rgba(201,162,39,.2);opacity:0;animation:mmr-fade-in .4s ease-out .5s forwards}.wager-result.profit{background:#22c55e14;border-color:#22c55e33}.wager-result.loss{background:#ef444414;border-color:#ef444433}.wager-result-header{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.wager-result.profit .wager-result-header{color:var(--success, #22c55e)}.wager-result.loss .wager-result-header{color:#ef4444}.wager-result-amount{display:flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700}.wager-result-amount .positive{color:var(--success, #22c55e)}.wager-result-amount .negative{color:#ef4444}.wager-result-details{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-secondary)}.wager-detail-separator{opacity:.5}[data-theme=light] .wager-result.profit{background:#16a34a0f;border-color:#16a34a26}[data-theme=light] .wager-result.loss{background:#dc26260f;border-color:#dc262626}[data-theme=light] .wager-result.profit .wager-result-header{color:#16a34a}[data-theme=light] .wager-result.loss .wager-result-header{color:#dc2626}[data-theme=light] .wager-result-amount .positive{color:#16a34a}[data-theme=light] .wager-result-amount .negative{color:#dc2626}@media(max-width:500px){.game-over-modal{padding:1.5rem 1.25rem;width:95%;max-width:95%}.game-over-title{font-size:1.5rem}.final-score .value{font-size:2rem}.mmr-transition{font-size:.8rem;gap:.1rem}.mmr-values{gap:.25rem}.mmr-delta{font-size:.7rem}.game-over-buttons{padding-bottom:.5rem}}.mystery-card{background:linear-gradient(135deg,#c9a2271a,#c9a2270d);border:2px dashed rgba(201,162,39,.4);border-radius:8px;padding:.5rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;animation:shimmer 2s ease-in-out infinite}.mystery-card.capture{background:linear-gradient(135deg,#dc26261a,#dc26260d);border-color:#dc262666}.mystery-icon{font-size:1.25rem;color:var(--accent);font-weight:700;text-shadow:0 2px 8px rgba(201,162,39,.4);animation:pulse-question 1.5s ease-in-out infinite}.mystery-card.capture .mystery-icon{color:var(--danger-color, #dc2626);text-shadow:0 2px 8px rgba(220,38,38,.4)}.mystery-text{font-size:.8rem;color:var(--text-secondary);text-align:center;white-space:nowrap}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse-question{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=light] .mystery-card{background:linear-gradient(135deg,#8b721514,#8b72150a);border-color:#8b72154d}[data-theme=light] .mystery-card.capture{background:linear-gradient(135deg,#b91c1c14,#b91c1c0a);border-color:#b91c1c4d}@media(max-width:500px){.mystery-card{padding:.4rem .75rem}.mystery-icon{font-size:1rem}.mystery-text{font-size:.75rem}}.pre-game-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .3s ease-out;padding:1rem}.pre-game-modal{background:var(--bg-secondary);border:1px solid rgba(201,162,39,.3);border-radius:12px;padding:1.5rem;max-width:420px;width:100%;text-align:center;animation:scale-in .3s ease-out;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pre-game-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.pre-game-title{font-family:var(--font-display);font-size:1.5rem;color:var(--accent);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pre-game-countdown{display:flex;align-items:center;justify-content:center}.pre-game-countdown .countdown-number{font-size:2rem;font-weight:700;color:var(--accent);font-family:var(--font-display);text-shadow:0 2px 8px rgba(201,162,39,.4);line-height:1;min-width:40px;display:flex;align-items:center;justify-content:center;animation:pulse-subtle 1s ease-in-out infinite}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.pre-game-rules{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.pre-game-rule-known{position:relative;width:100%;max-width:360px}.pre-game-expertise{position:absolute;top:.5rem;right:.5rem;z-index:1}.pre-game-mystery-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.pre-game-action-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.pre-game-button{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid var(--accent);background:transparent;color:var(--accent);white-space:nowrap}.pre-game-button:disabled{opacity:.5;cursor:not-allowed}.pre-game-button .button-icon{font-size:1rem;line-height:1}.pre-game-button .button-text{display:inline}.reroll-button:not(:disabled):hover{background:#c9a22726}.reroll-button.used{border-color:var(--text-secondary);color:var(--text-secondary)}.reroll-cost{display:inline-flex;align-items:center;gap:2px;margin-left:.3rem;font-size:.75rem;opacity:.9}.reroll-counter{font-size:.65rem;opacity:.7;margin-left:.2rem;font-weight:400}.ready-button{background:#c9a22726}.ready-button:not(:disabled):hover{background:#c9a22740}.ready-button.ready{background:var(--accent);color:var(--bg-primary)}.pre-game-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;min-height:1.2em;flex-wrap:wrap}.pre-game-status .opponent-ready{color:var(--success);font-weight:600}.pre-game-status .waiting{color:var(--text-secondary)}.pre-game-status .status-separator{color:var(--text-secondary);opacity:.5}.pre-game-status .you-start{color:#c9a227;font-weight:700;text-shadow:0 0 8px rgba(201,162,39,.6),0 0 16px rgba(201,162,39,.4),0 2px 4px rgba(0,0,0,.3)}.pre-game-status .opponent-starts{color:var(--text-secondary)}[data-theme=light] .pre-game-status .you-start{color:#8b7215;text-shadow:0 0 8px rgba(139,114,21,.5),0 0 16px rgba(139,114,21,.3),0 1px 2px rgba(0,0,0,.2)}.pre-game-wager-section{border:1px solid rgba(201,162,39,.2);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem}.wager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.wager-title{font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.wager-balance{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--accent);font-weight:600}.wager-tiers{display:flex;gap:.4rem;justify-content:center}.wager-tier-button{display:flex;align-items:center;gap:4px;padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid var(--accent);background:transparent;color:var(--accent);white-space:nowrap}.wager-tier-button:not(:disabled):hover{background:#c9a22733}.wager-tier-button.selected{background:var(--accent);color:var(--bg-primary)}.wager-tier-button.selected:not(:disabled):hover{background:#c9a227d9}.wager-tier-button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--text-secondary);color:var(--text-secondary)}.wager-tier-button.selected:disabled{opacity:.7;border-color:var(--accent);background:var(--accent);color:var(--bg-primary)}.wager-opponent{font-size:.75rem;color:var(--warning, #f59e0b);font-weight:500;margin-top:.35rem;text-align:center}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[data-theme=light] .pre-game-modal{background:var(--bg-primary);border-color:#8b721533}[data-theme=light] .pre-game-overlay{background-color:#0009}[data-theme=light] .ready-button.ready{color:#fff}[data-theme=light] .pre-game-wager-section{border-color:#8b721533}[data-theme=light] .wager-tier-button.selected{color:#fff}[data-theme=light] .wager-tier-button.selected:disabled{color:#fff}@media(max-width:500px){.pre-game-modal{padding:1.25rem 1rem;width:95%}.pre-game-title{font-size:1.25rem}.pre-game-header{margin-bottom:.75rem}.pre-game-button{padding:.4rem 1rem;font-size:.8rem}.pre-game-button .button-icon{font-size:.9rem}.pre-game-countdown .countdown-number{font-size:1.75rem;min-width:36px}.pre-game-rules{gap:.5rem}.pre-game-wager-section{padding:.5rem .6rem}.wager-tier-button{padding:.3rem .5rem;font-size:.75rem}}@media(max-width:360px){.pre-game-button .button-text{display:none}.pre-game-button{padding:.5rem;min-width:44px;min-height:44px}.pre-game-button .button-icon{font-size:1.1rem}}.danger-notification-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(180,50,10,.4) 0%,transparent 60%),#000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:200;animation:fade-in .3s ease-out}.danger-notification-modal{background:linear-gradient(145deg,#2d2319fa,#19120cfa);border-radius:12px;padding:2rem 2.5rem;max-width:400px;text-align:center;animation:scale-in .3s ease-out;border:4px solid;border-color:#6a4530 #4a2a18 #3a2010 #5a3a25;box-shadow:0 0 40px #c8461466,0 0 80px #b4320a33,0 8px 32px #000000b3,inset 0 1px #78502833,inset 0 -2px #0000004d}.danger-icon{font-size:3.5rem;margin-bottom:.75rem;color:#d4521a;text-shadow:0 0 20px rgba(212,82,26,.6),0 0 40px rgba(180,50,10,.4);animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{text-shadow:0 0 20px rgba(212,82,26,.6),0 0 40px rgba(180,50,10,.4)}50%{text-shadow:0 0 30px rgba(212,82,26,.8),0 0 60px rgba(180,50,10,.5)}}.danger-notification-modal h2{font-family:var(--font-display);font-size:1.875rem;font-weight:600;letter-spacing:.2em;color:#d4521a;margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 15px rgba(212,82,26,.4)}.capture-warning{font-size:1.1rem;color:#c9b8a0;line-height:1.6;margin-bottom:1.25rem;font-style:italic}.capture-effects{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.capture-effects li{font-size:.9rem;color:#9a8a70;padding:.4rem 0 .4rem 1.75rem;position:relative}.capture-effects li:before{content:"•";position:absolute;left:0;font-size:1rem;color:#d4521a}.danger-dismiss-btn{font-family:var(--font-display);font-size:1rem;font-weight:600;padding:1rem 2.5rem;background:linear-gradient(145deg,#d4521a,#a03010);border:2px solid #e06020;border-radius:8px;color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #d4521a66,0 4px 12px #0006}.danger-dismiss-btn:hover{background:linear-gradient(145deg,#e05a20,#c04015);transform:translateY(-2px);box-shadow:0 0 30px #d4521a80,0 6px 20px #00000080}.danger-dismiss-btn:active{transform:translateY(0);box-shadow:0 0 15px #d4521a4d,0 2px 8px #0006}[data-theme=light] .danger-notification-overlay{background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(180,80,30,.3) 0%,transparent 60%),#000000b3}[data-theme=light] .danger-notification-modal{background:linear-gradient(145deg,#f0e1c8fa,#dcc8aafa);border-color:#a07040 #906030 #805028 #9a6838;box-shadow:0 0 40px #b45a284d,0 0 80px #a0501e26,0 8px 32px #0006,inset 0 1px #ffffff80,inset 0 -2px #0000001a}[data-theme=light] .danger-notification-modal h2{color:#b04010;text-shadow:0 0 10px rgba(180,70,20,.3)}[data-theme=light] .danger-icon{color:#c04510;text-shadow:0 0 15px rgba(192,70,16,.5),0 0 30px rgba(160,60,10,.3)}[data-theme=light] .capture-warning{color:#4a3a28}[data-theme=light] .capture-effects li{color:#6a5a48}[data-theme=light] .danger-dismiss-btn{background:linear-gradient(145deg,#c04510,#903008);border-color:#d05015}.wager-notification-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(180,150,50,.4) 0%,transparent 60%),#000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:200;animation:fade-in .3s ease-out}.wager-notification-modal{background:linear-gradient(145deg,#2d2616fa,#19140afa);border-radius:12px;padding:2rem 2.5rem;max-width:400px;text-align:center;animation:scale-in .3s ease-out;border:4px solid;border-color:#8a7030 #6a5020 #5a4018 #7a6028;box-shadow:0 0 40px #c8aa3266,0 0 80px #b4962833,0 8px 32px #000000b3,inset 0 1px #c8aa5033,inset 0 -2px #0000004d}.wager-icon{font-size:3.5rem;margin-bottom:.75rem;color:#d4a11a;text-shadow:0 0 20px rgba(212,161,26,.6),0 0 40px rgba(180,140,20,.4);animation:icon-pulse-gold 2s ease-in-out infinite}@keyframes icon-pulse-gold{0%,to{text-shadow:0 0 20px rgba(212,161,26,.6),0 0 40px rgba(180,140,20,.4)}50%{text-shadow:0 0 30px rgba(212,161,26,.8),0 0 60px rgba(180,140,20,.5)}}.wager-notification-modal h2{font-family:var(--font-display);font-size:1.875rem;font-weight:600;letter-spacing:.2em;color:#d4a11a;margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 15px rgba(212,161,26,.4)}.wager-description{font-size:1.1rem;color:#c9b8a0;line-height:1.6;margin-bottom:1.25rem;font-style:italic}.wager-effects{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.wager-effects li{font-size:.9rem;color:#9a8a70;padding:.4rem 0 .4rem 1.75rem;position:relative}.wager-effects li:before{content:"•";position:absolute;left:0;font-size:1rem;color:#d4a11a}.wager-dismiss-btn{font-family:var(--font-display);font-size:1rem;font-weight:600;padding:1rem 2.5rem;background:linear-gradient(145deg,#d4a11a,#a08010);border:2px solid #e0b020;border-radius:8px;color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #d4a11a66,0 4px 12px #0006}.wager-dismiss-btn:hover{background:linear-gradient(145deg,#e0b020,#c09015);transform:translateY(-2px);box-shadow:0 0 30px #d4a11a80,0 6px 20px #00000080}.wager-dismiss-btn:active{transform:translateY(0);box-shadow:0 0 15px #d4a11a4d,0 2px 8px #0006}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-theme=light] .wager-notification-overlay{background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(180,150,50,.3) 0%,transparent 60%),#000000b3}[data-theme=light] .wager-notification-modal{background:linear-gradient(145deg,#f0e6c8fa,#e1d2affa);border-color:#a09040 #908030 #807028 #9a8838;box-shadow:0 0 40px #b496324d,0 0 80px #a0822826,0 8px 32px #0006,inset 0 1px #ffffff80,inset 0 -2px #0000001a}[data-theme=light] .wager-notification-modal h2{color:#9a7a08;text-shadow:0 0 10px rgba(160,130,20,.3)}[data-theme=light] .wager-icon{color:#b08a10;text-shadow:0 0 15px rgba(176,138,16,.5),0 0 30px rgba(150,120,10,.3)}[data-theme=light] .wager-description{color:#4a3a28}[data-theme=light] .wager-effects li{color:#6a5a48}[data-theme=light] .wager-dismiss-btn{background:linear-gradient(145deg,#b08a10,#8a6a08);border-color:#c09a18}.rune-unlock-overlay{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(201,162,39,.3) 0%,transparent 60%),#000000e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:200;animation:rune-fade-in .3s ease-out}.rune-unlock-modal{background:linear-gradient(145deg,#282319fa,#14120cfa);border-radius:12px;padding:2rem 2.5rem;max-width:400px;text-align:center;animation:rune-scale-in .3s ease-out;border:4px solid;border-color:#8a7a30 #6a5a20 #5a4a18 #7a6a28;box-shadow:0 0 40px #c9a2274d,0 0 80px #b48c1426,0 8px 32px #000000b3,inset 0 1px #c9a22726,inset 0 -2px #0000004d}.rune-unlock-icon{font-size:3.5rem;margin-bottom:.75rem;color:#c9a227;text-shadow:0 0 20px rgba(201,162,39,.6),0 0 40px rgba(180,140,20,.4);animation:rune-icon-pulse 2s ease-in-out infinite}@keyframes rune-icon-pulse{0%,to{text-shadow:0 0 20px rgba(201,162,39,.6),0 0 40px rgba(180,140,20,.4)}50%{text-shadow:0 0 30px rgba(201,162,39,.8),0 0 60px rgba(180,140,20,.5)}}.rune-unlock-modal h2{font-family:var(--font-display);font-size:1.875rem;font-weight:600;letter-spacing:.2em;color:#c9a227;margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 15px rgba(201,162,39,.4)}.rune-unlock-message{font-size:1.1rem;color:#c9b8a0;line-height:1.6;margin-bottom:1.25rem;font-style:italic}.rune-unlock-features{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.rune-unlock-features li{font-size:.9rem;color:#9a8a70;padding:.4rem 0 .4rem 1.75rem;position:relative}.rune-unlock-features li:before{content:"✦";position:absolute;left:0;font-size:1rem;color:#c9a227}.rune-unlock-dismiss-btn{font-family:var(--font-display);font-size:1rem;font-weight:600;padding:1rem 2.5rem;background:linear-gradient(145deg,#c9a227,#9a7a15);border:2px solid #d4b030;border-radius:8px;color:#1a1510;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #c9a2274d,0 4px 12px #0006}.rune-unlock-dismiss-btn:hover{background:linear-gradient(145deg,#d4b030,#b08a18);transform:translateY(-2px);box-shadow:0 0 30px #c9a22780,0 6px 20px #00000080}.rune-unlock-dismiss-btn:active{transform:translateY(0);box-shadow:0 0 15px #c9a2274d,0 2px 8px #0006}@keyframes rune-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rune-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-theme=light] .rune-unlock-overlay{background:radial-gradient(ellipse 100% 50% at 50% 120%,rgba(201,162,39,.25) 0%,transparent 60%),#000000b3}[data-theme=light] .rune-unlock-modal{background:linear-gradient(145deg,#f5ebd2fa,#e6d7b4fa);border-color:#b09030 #907020 #806018 #a08028;box-shadow:0 0 40px #c9a22740,0 0 80px #b48c141f,0 8px 32px #0006,inset 0 1px #ffffff80,inset 0 -2px #0000001a}[data-theme=light] .rune-unlock-modal h2{color:#8a6a10;text-shadow:0 0 10px rgba(150,120,20,.3)}[data-theme=light] .rune-unlock-icon{color:#a08015;text-shadow:0 0 15px rgba(160,128,21,.5),0 0 30px rgba(140,110,15,.3)}[data-theme=light] .rune-unlock-message{color:#4a3a28}[data-theme=light] .rune-unlock-features li{color:#6a5a48}[data-theme=light] .rune-unlock-dismiss-btn{background:linear-gradient(145deg,#b08a18,#8a6a10);border-color:#c09a20;color:#fff}.emote-bar{display:flex;justify-content:center;gap:.75rem;margin-top:.75rem;padding:.25rem}.emote-bar.disabled .emote-bar-btn{opacity:.4;cursor:not-allowed}.emote-bar-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;transition:transform .12s,box-shadow .12s;display:flex;align-items:center;justify-content:center;padding:0;z-index:auto}.emote-bar-btn:hover:not(:disabled){transform:scale(1.1)}.emote-bar-btn:active:not(:disabled){transform:scale(1.02)}.emote-face{display:flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none}.emote-bar-btn.player1 .emote-face{color:#d0d0d0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.emote-bar-btn.player2 .emote-face{color:#3a3a3a;text-shadow:0 1px 1px rgba(255,255,255,.5)}.emote-bar-btn:hover:not(:disabled){filter:brightness(1.1)}.emote-bar-btn:active:not(:disabled){filter:brightness(.95)}.emote-bubble{position:fixed;top:25%;left:50%;z-index:150;pointer-events:none}.emote-bubble.emote-left{margin-left:-220px;animation:emote-float-left 1.5s ease-out forwards}.emote-bubble.emote-right{margin-left:150px;animation:emote-float-right 1.5s ease-out forwards}.emote-bubble.prestige.emote-left,.emote-bubble.prestige.emote-right{animation-duration:3.5s}@media(max-width:500px){.emote-bubble.emote-left{margin-left:-130px}.emote-bubble.emote-right{margin-left:60px}}.emote-stone{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:auto}.emote-stone.player1 .emote-face{font-size:1.8rem;color:#e0e0e0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.emote-stone.player2 .emote-face{font-size:1.8rem;color:#2a2a2a;text-shadow:0 1px 1px rgba(255,255,255,.5)}.emote-stone .emote-face svg{width:36px;height:36px}@keyframes emote-float-left{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1;transform:translateY(-10px) scale(1.1)}30%{transform:translateY(-20px) scale(1)}70%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.85)}}@keyframes emote-float-right{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1;transform:translateY(-10px) scale(1.1)}30%{transform:translateY(-20px) scale(1)}70%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.85)}}.skin-jade.player1 .emote-face{color:#a8e6b4;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-jade.player2 .emote-face{color:#0e3a1e;text-shadow:0 1px 2px rgba(200,255,210,.4)}.skin-obsidian.player1 .emote-face{color:#c8c8e0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.skin-obsidian.player2 .emote-face{color:#121220;text-shadow:0 1px 2px rgba(200,200,240,.4)}.skin-amber.player1 .emote-face{color:#ffe4a0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-amber.player2 .emote-face{color:#5c4300;text-shadow:0 1px 2px rgba(255,240,200,.4)}.skin-marble.player1 .emote-face{color:#f0ece4;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-marble.player2 .emote-face{color:#404048;text-shadow:0 1px 2px rgba(255,255,255,.4)}.skin-sapphire.player1 .emote-face{color:#a0c0f0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-sapphire.player2 .emote-face{color:#0c2050;text-shadow:0 1px 2px rgba(200,220,255,.4)}.skin-crystal.player1 .emote-face{color:#a0d8ff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-crystal.player2 .emote-face{color:#1a3858;text-shadow:0 1px 2px rgba(200,230,255,.4)}.skin-crystal .emote-face{transform:translateY(-15%)}.skin-lava.player1 .emote-face{color:#ffc0a0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-lava.player2 .emote-face{color:#5a1800;text-shadow:0 1px 2px rgba(255,220,180,.4)}.skin-cipher.player1 .emote-face{color:#a0e8e8;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-cipher.player2 .emote-face{color:#0a3030;text-shadow:0 1px 2px rgba(200,255,255,.4)}.skin-void.player1 .emote-face{color:#d0b0ff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-void.player2 .emote-face{color:#2a1040;text-shadow:0 1px 2px rgba(220,200,255,.4)}.skin-heart.player1 .emote-face{color:#ffa0b0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-heart.player2 .emote-face{color:#5a1020;text-shadow:0 1px 2px rgba(255,200,210,.4)}.skin-heart .emote-face{transform:translateY(-10%)}.skin-snowflake.player1 .emote-face{color:#a0d0ff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-snowflake.player2 .emote-face{color:#0a2040;text-shadow:0 1px 2px rgba(200,230,255,.4)}.skin-sakura.player1 .emote-face{color:#ffc0d0;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skin-sakura.player2 .emote-face{color:#3a0818;text-shadow:0 1px 2px rgba(255,210,225,.4)}[data-capture-mode=true] .emote-bar-btn.player1:not([class*=skin-]) .emote-face{color:#ffa080;text-shadow:0 0 2px rgba(212,82,26,.3)}[data-capture-mode=true] .emote-bar-btn.player2:not([class*=skin-]) .emote-face{color:#3a2a1a;text-shadow:0 0 2px rgba(212,82,26,.2)}[data-capture-mode=true] .emote-stone.player1:not([class*=skin-]) .emote-face{color:#ffa080}[data-capture-mode=true] .emote-stone.player2:not([class*=skin-]) .emote-face{color:#3a2a1a}.prestige-emote-anim{display:inline-flex;align-items:center;justify-content:center}.prestige-emote-fire{animation:prestige-inferno 1.5s ease-in-out infinite}@keyframes prestige-inferno{0%,to{filter:drop-shadow(0 0 3px rgba(255,100,0,.6)) hue-rotate(0deg);transform:scale(1)}25%{filter:drop-shadow(0 0 6px rgba(255,60,0,.8)) hue-rotate(-10deg);transform:scale(1.05)}50%{filter:drop-shadow(0 0 8px rgba(255,180,0,.9)) hue-rotate(15deg);transform:scale(1.08)}75%{filter:drop-shadow(0 0 5px rgba(255,80,0,.7)) hue-rotate(-5deg);transform:scale(1.02)}}.prestige-emote-heart{animation:prestige-heartbeat 1.2s ease-in-out infinite}@keyframes prestige-heartbeat{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,50,80,.4))}14%{transform:scale(1.25);filter:drop-shadow(0 0 8px rgba(255,50,80,.8))}28%{transform:scale(.95);filter:drop-shadow(0 0 3px rgba(255,50,80,.5))}42%{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(255,50,80,.7))}56%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,50,80,.4))}}.prestige-emote-lightning{animation:prestige-strike 2s ease-in-out infinite}@keyframes prestige-strike{0%,to{filter:drop-shadow(0 0 2px rgba(255,220,50,.3));transform:translate(0);opacity:1}18%{filter:drop-shadow(0 0 2px rgba(255,220,50,.3));transform:translate(0)}20%{filter:brightness(2) drop-shadow(0 0 12px rgba(255,255,100,1));transform:translate(-2px)}22%{filter:brightness(.8) drop-shadow(0 0 4px rgba(255,220,50,.5));transform:translate(2px)}24%{filter:brightness(1.8) drop-shadow(0 0 10px rgba(255,255,100,.9));transform:translate(-1px)}28%{filter:drop-shadow(0 0 3px rgba(255,220,50,.4));transform:translate(0)}}.prestige-emote-ghost{animation:prestige-spectral 3s ease-in-out infinite}@keyframes prestige-spectral{0%,to{opacity:1;transform:translateY(0);filter:drop-shadow(0 0 3px rgba(180,200,255,.4))}30%{opacity:.4;transform:translateY(-3px);filter:drop-shadow(0 0 8px rgba(180,200,255,.7))}50%{opacity:.9;transform:translateY(-5px);filter:drop-shadow(0 0 5px rgba(180,200,255,.5))}70%{opacity:.3;transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(180,200,255,.8))}}.prestige-emote-crown{animation:prestige-royal 2.5s ease-in-out infinite}@keyframes prestige-royal{0%,to{transform:translateY(0);filter:drop-shadow(0 0 3px rgba(255,200,50,.4))}25%{transform:translateY(-3px);filter:drop-shadow(0 0 8px rgba(255,200,50,.8))}50%{transform:translateY(0);filter:drop-shadow(0 0 5px rgba(255,220,100,.6))}75%{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(255,200,50,.9))}}.prestige-emote-thinking{animation:prestige-hypnotic 4s linear infinite}@keyframes prestige-hypnotic{0%{transform:rotate(0);filter:drop-shadow(0 0 3px rgba(180,100,255,.4))}50%{filter:drop-shadow(0 0 6px rgba(180,100,255,.7))}to{transform:rotate(360deg);filter:drop-shadow(0 0 3px rgba(180,100,255,.4))}}.tutorial-overlay-panel{position:fixed;z-index:1100;pointer-events:auto}.tutorial-spotlight{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #000000bf;pointer-events:none;z-index:1100;will-change:top,left,width,height;transition:top .3s ease,left .3s ease,width .3s ease,height .3s ease}[data-theme=light] .tutorial-spotlight{box-shadow:0 0 0 9999px #0009}.tutorial-tooltip{position:fixed;z-index:1101;pointer-events:auto;background:linear-gradient(145deg,#232832fa,#14161efa);border:2px solid rgba(180,160,100,.5);border-radius:10px;padding:1rem 1.25rem;max-width:min(320px,90vw);box-shadow:0 0 24px #b4a06433,0 8px 24px #00000080;animation:tutorial-fade-in .25s ease-out}[data-theme=light] .tutorial-tooltip{background:linear-gradient(145deg,#fffffafa,#f0ebdcfa);border-color:#96824699;box-shadow:0 0 24px #96824626,0 8px 24px #0003}.tutorial-tooltip-bottom:before,.tutorial-tooltip-top:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:8px solid transparent}.tutorial-tooltip-bottom:before{top:-16px;border-bottom-color:#b4a06480}.tutorial-tooltip-top:after{bottom:-16px;border-top-color:#b4a06480}[data-theme=light] .tutorial-tooltip-bottom:before{border-bottom-color:#96824699}[data-theme=light] .tutorial-tooltip-top:after{border-top-color:#96824699}.tutorial-tooltip-text{color:#e6dcbef2;font-size:.9rem;line-height:1.5;margin:0 0 .75rem;text-wrap:balance;word-break:keep-all}[data-theme=light] .tutorial-tooltip-text{color:#282314f2}.tutorial-tooltip-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tutorial-skip-btn{background:none;border:none;color:#b4aa8c99;font-size:.8rem;cursor:pointer;padding:.25rem .5rem;white-space:nowrap;transition:color .2s}.tutorial-skip-btn:hover{color:#b4aa8ce6}[data-theme=light] .tutorial-skip-btn{color:#645a3c80}[data-theme=light] .tutorial-skip-btn:hover{color:#645a3ccc}.tutorial-advance-btn{background:linear-gradient(180deg,#b4a0644d,#96824666);border:1px solid rgba(180,160,100,.5);color:#e6dcbef2;font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.tutorial-advance-btn:hover{background:linear-gradient(180deg,#b4a06473,#9682468c);border-color:#c8b478b3}[data-theme=light] .tutorial-advance-btn{background:linear-gradient(180deg,#78643226,#64502840);border-color:#78643280;color:#3c3214f2}[data-theme=light] .tutorial-advance-btn:hover{background:linear-gradient(180deg,#78643240,#64502859)}.tutorial-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1100;background:linear-gradient(145deg,#232832f2,#14161ef2);border:1px solid rgba(180,160,100,.4);border-radius:10px;padding:.75rem 1.25rem;max-width:min(360px,90vw);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #0006;animation:tutorial-toast-in .3s ease-out;pointer-events:auto}[data-theme=light] .tutorial-toast{background:linear-gradient(145deg,#fffffaf2,#f0ebdcf2);border-color:#96824680;box-shadow:0 4px 20px #00000026}.tutorial-toast-text{color:#e6dcbee6;font-size:.85rem;margin:0;flex:1;text-wrap:balance;word-break:keep-all}[data-theme=light] .tutorial-toast-text{color:#282314e6}.tutorial-toast-dismiss{background:none;border:1px solid rgba(180,160,100,.4);color:#c8b98ce6;font-size:.8rem;padding:.3rem .75rem;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .2s}.tutorial-toast-dismiss:hover{background:#b4a06426}[data-theme=light] .tutorial-toast-dismiss{border-color:#78643266;color:#504628e6}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-capture-mode=true] .tutorial-spotlight{box-shadow:0 0 0 9999px #140500cc}[data-capture-mode=true] .tutorial-tooltip{border-color:#c8643280;box-shadow:0 0 24px #c8501e33,0 8px 24px #00000080}[data-capture-mode=true] .tutorial-advance-btn{background:linear-gradient(180deg,#c864324d,#a0461e66);border-color:#c8643280}[data-capture-mode=true] .tutorial-advance-btn:hover{background:linear-gradient(180deg,#c8643273,#a0461e8c)}@media(max-width:500px){.tutorial-tooltip{padding:.85rem 1rem}.tutorial-tooltip-text{font-size:.85rem}.tutorial-toast{bottom:80px;flex-direction:column;text-align:center}}.game-page{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center top,var(--bg-secondary) 0%,var(--bg-primary) 60%)}.game-page.loading{justify-content:center;align-items:center;gap:1rem;color:var(--text-secondary)}.game-header{position:relative;padding:1rem 2rem;background-color:var(--bg-secondary);border-bottom:1px solid rgba(201,162,39,.2)}.game-header-buttons{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;gap:.5rem;align-items:center}.game-header-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);padding:.35rem .5rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.game-header-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.game-header-btn.resign:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}[data-theme=light] .game-header-btn{border:1px solid rgba(0,0,0,.1)}[data-theme=light] .game-header-btn:hover{background:#0000000d;border-color:#0003}[data-theme=light] .game-header-btn.resign:hover{background:#ef44441a}.header-resign-confirm{display:flex;gap:.25rem}.header-resign-yes,.header-resign-no{padding:.3rem .5rem;font-size:.7rem;border-radius:4px;cursor:pointer;transition:all .2s}.header-resign-yes{background-color:#ef4444;border:1px solid #ef4444;color:#fff}.header-resign-yes:hover{background-color:#dc2626}.header-resign-no{background-color:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.header-resign-no:hover{background-color:#ffffff1a}[data-theme=light] .header-resign-no:hover{background-color:#0000000d}.game-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.game-layout{flex:1;display:flex;justify-content:center;padding:1rem}.game-main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:8px;animation:toast-in .3s ease-out;z-index:100}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:500px){.game-header{padding:.75rem 1rem}.game-title{font-size:1rem}.game-layout{padding:.5rem}.game-main{max-width:100%}}.disconnect-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:200;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.disconnect-modal{background-color:var(--bg-secondary);border-radius:16px;padding:2rem;text-align:center;max-width:320px;box-shadow:0 8px 32px #0006}.disconnect-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.disconnect-modal h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--warning)}.disconnect-modal p{color:var(--text-secondary);margin-bottom:1rem}.disconnect-countdown{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0}.countdown-number{font-size:3rem;font-weight:700;color:var(--accent);line-height:1}.countdown-label{font-size:.875rem;color:var(--text-secondary)}.disconnect-note{font-size:.875rem;color:var(--text-secondary);opacity:.8}[data-theme=light] .game-page{background:radial-gradient(ellipse at center top,var(--bg-secondary) 0%,var(--bg-primary) 60%)}[data-theme=light] .game-header{border-bottom:1px solid rgba(139,114,21,.15)}[data-theme=light] .disconnect-modal{background-color:var(--bg-secondary);box-shadow:0 8px 32px #0003}.game-page[data-capture-mode=true]{background:radial-gradient(ellipse 120% 40% at 50% 110%,rgba(180,60,10,.4) 0%,transparent 60%),radial-gradient(ellipse 30% 60% at 0% 70%,rgba(160,50,10,.25) 0%,transparent 50%),radial-gradient(ellipse 30% 60% at 100% 60%,rgba(160,50,10,.2) 0%,transparent 50%),radial-gradient(ellipse at center top,#1a1208,#0a0805)}[data-theme=light] .game-page[data-capture-mode=true]{background:radial-gradient(ellipse 120% 40% at 50% 110%,rgba(180,80,30,.25) 0%,transparent 60%),radial-gradient(ellipse 30% 60% at 0% 70%,rgba(160,70,20,.15) 0%,transparent 50%),radial-gradient(ellipse 30% 60% at 100% 60%,rgba(160,70,20,.12) 0%,transparent 50%),radial-gradient(ellipse at center top,#e0d0b8,#d0c0a8)}.game-page[data-capture-mode=true] .game-title{color:#c9a860;text-shadow:0 0 20px rgba(200,80,20,.3)}.rule-test-page{padding:2rem;max-width:1200px;margin:0 auto}.rule-test-page h1{color:var(--accent);font-family:var(--font-display);text-align:center;margin-bottom:2rem}.rule-test-page h2{color:var(--text-primary);font-size:1.25rem;margin:1.5rem 0 1rem}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.rule-test-card{background:#c9a22714;border:1px solid rgba(201,162,39,.2);border-radius:8px;padding:1rem}.rule-test-card.composite{max-width:360px}[data-theme=light] .rule-test-card{background:#8b72150f;border:1px solid rgba(139,114,21,.15)}:root{--bg-primary: #1a1814;--bg-secondary: #252220;--bg-tertiary: #2f2b28;--text-primary: #e8e4df;--text-secondary: #9c9590;--accent: #c9a227;--accent-hover: #ddb83d;--success: #4ade80;--warning: #d4a012;--board-bg: #dcb35c;--board-bg-light: #e8c77b;--board-line: #1a1a1a;--stone-player1: #1a1a1a;--stone-player1-highlight: #4a4a4a;--stone-player2: #f0f0f0;--stone-player2-highlight: #ffffff;--cell-hover: rgba(0, 0, 0, .3);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}[data-theme=light]{--bg-primary: #f7f4ed;--bg-secondary: #fffef8;--bg-tertiary: #eae6dc;--text-primary: #2c2825;--text-secondary: #6b635a;--accent: #8b7215;--accent-hover: #a6891a}[data-capture-mode=true]{--bg-primary: #0d0a08;--bg-secondary: #1a1512;--bg-tertiary: #252018;--board-bg: #8a6850;--board-bg-light: #9a7860;--board-line: #3a2818;--ruin-accent: #d4521a;--ruin-glow: rgba(212, 82, 26, .4);--ruin-frame: #5a4030;--text-primary: #c9b8a0;--text-secondary: #8a7a65}[data-theme=light] [data-capture-mode=true]{--bg-primary: #e8dcc8;--bg-secondary: #f0e4d0;--bg-tertiary: #d8c8b0;--board-bg: #a08060;--board-bg-light: #b09070;--board-line: #4a3828;--ruin-accent: #c04010;--ruin-glow: rgba(192, 64, 16, .35);--ruin-frame: #8a6040;--text-primary: #3a2a1a;--text-secondary: #6a5a48}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:var(--accent);color:#fff;transition:background-color .2s,transform .1s}button:hover{background-color:var(--accent-hover)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}