.app{min-height:100%;display:flex;flex-direction:column}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:24px}@media (max-width: 768px){main{padding:16px}}.game-container{width:100%;max-width:480px;background:var(--table-bg, var(--bg-secondary));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;margin:0 auto}@media (max-width: 480px){.game-container{padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}}.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff26;border-radius:var(--radius-md);margin-bottom:24px;font-size:.9rem}.game-header>div{text-align:center;color:#1a1a2e}.game-header strong{display:block;font-size:1.1rem;color:#000}@media (max-width: 480px){.game-header{padding:10px 12px;margin-bottom:16px;font-size:.8rem}.game-header strong{font-size:1rem}}.cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;position:relative}.game-playing{position:relative}@media (max-width: 480px){.cards-container{gap:8px;margin-bottom:16px}}.card-slot{aspect-ratio:1}.card-btn{position:relative;width:100%;height:100%;background:var(--card-bg, var(--tile-bg));border:2px solid var(--card-border, var(--tile-border));border-radius:var(--radius-sm);font-size:var(--card-font-size, 3rem);font-family:var(--card-font-family, inherit);font-weight:var(--card-font-weight, 600);color:var(--card-text, var(--tile-text));display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:var(--shadow-sm)}.card-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--card-hover-border, var(--accent));border-width:var(--card-hover-border-width, 2px)}.card-btn.selected{background:var(--card-selection-bg, var(--card-selection-color, var(--accent)));color:var(--card-selection-text, white);border-color:var(--card-selection-border-color, var(--card-selection-color, var(--accent)));border-width:var(--card-selection-border-width, 2px)}.card-btn:disabled{opacity:1;cursor:default}.card-placeholder{width:100%;height:100%;background:transparent;border:2px dashed var(--card-border, var(--tile-border));border-radius:var(--radius-sm)}@media (max-width: 480px){.card-btn{font-size:var(--card-font-size, 2.5rem)}.operation-btn{max-width:60px;font-size:1.4rem}}.operations-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.operation-btn{flex:1;max-width:80px;aspect-ratio:1;background:var(--card-bg, var(--bg-secondary));border:2px solid var(--card-border, var(--tile-border));border-radius:var(--radius-sm);font-size:1.8rem;font-weight:500;color:var(--card-text, var(--text-primary));transition:all .15s ease;box-shadow:var(--shadow-sm)}.operation-btn:hover:not(:disabled){background:var(--card-selection-bg, var(--accent));color:var(--card-selection-text, white);border-color:var(--card-selection-border-color, var(--accent))}.operation-btn:disabled{background:var(--card-selection-bg, var(--accent));color:var(--card-selection-text, white);border-color:var(--card-selection-border-color, var(--accent))}.operation-btn{position:relative}.hotkey-hint{display:block;font-size:.6rem;color:var(--text-secondary);margin-top:2px;opacity:.7}.operation-btn.selected .hotkey-hint,.operation-btn:hover .hotkey-hint{color:#fff}.card-btn .hotkey-hint{position:absolute;top:4px;right:6px;font-size:.7rem}@media (max-width: 480px){.operation-btn{width:48px;height:48px;font-size:1.2rem}}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.actions button{padding:10px 20px;background:var(--tile-bg);border:2px solid var(--tile-border);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500;transition:all .15s ease}.actions button:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}@media (max-width: 480px){.actions{gap:8px}.actions button{padding:8px 16px;font-size:.9rem}}.game-ready{text-align:center;padding:40px 20px}.game-ready h2{margin-bottom:24px;font-size:1.5rem}.game-ready button,.btn-primary{padding:14px 32px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:600;border:none;transition:all .15s ease;box-shadow:var(--shadow-sm)}.game-ready button:hover,.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.game-ended-content{text-align:center;padding:32px 24px;background:#ffffff1f;border-radius:var(--radius-md);margin-top:16px}.game-ended-content h2{margin-bottom:28px;font-size:1.8rem}.game-ended-section{margin-bottom:20px;padding:16px;background:#ffffff14;border-radius:var(--radius-sm);text-align:left}.game-ended-section h3{font-size:.8rem;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.game-ended-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.95rem}.game-ended-stat:last-child{border-bottom:none}.game-ended-stat span:first-child{color:#555}.game-ended-stat span:last-child{font-weight:700;color:#000}.game-rank-info{font-size:.9rem;color:#333;line-height:1.8}.game-ended-section--rankings{text-align:center}.game-rank-main{margin-bottom:8px}.game-rank-number{font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1}.game-rank-periods{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:#555}.game-rank-dot{color:#ccc}.game-ended-section--name{text-align:center}.game-ended-content button.btn-primary{margin-top:8px}.name-prompt{margin-top:4px}.name-prompt label{display:block;font-size:.85rem;color:#1a1a2e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.name-prompt-row{display:flex;gap:8px;justify-content:center;align-items:center}.name-prompt-row input{padding:8px 12px;background:var(--bg-primary);border:2px solid var(--tile-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;width:200px;outline:none;transition:border-color .15s ease}.name-prompt-row input:focus{border-color:var(--accent)}.name-prompt-row button{margin-top:0;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.name-prompt-row button:hover:not(:disabled){opacity:.9}.name-prompt-row button:disabled{opacity:.4;cursor:not-allowed}.name-prompt-error{font-size:.85rem;color:#dc3545;margin-top:8px}.name-prompt-success{font-size:.85rem;color:#28a745;margin-top:8px}.ready-overlay{position:absolute;inset:0;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);gap:20px}.ready-overlay h2{font-size:2rem;margin-bottom:8px}.home-container{display:flex;flex-direction:column;align-items:center;padding:60px 20px;gap:48px}.home-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.home-hero h1{font-size:2.5rem;margin-bottom:12px;letter-spacing:-1px}.home-hero p{color:var(--text-secondary);margin-bottom:0}.home-bottom{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;width:100%;max-width:1200px}.home-bottom-left{display:flex;flex-direction:column;gap:24px}.home-bottom .home-section{margin-top:0}@media (max-width: 920px){.home-container{padding:40px 16px;gap:32px}.home-bottom{grid-template-columns:1fr}.home-hero h1{font-size:2rem}}.home-section{text-align:left;max-width:500px;margin:40px auto 0;padding:24px;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.home-section h2{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary)}.home-section h3{font-size:1rem;margin-bottom:8px;color:var(--text-secondary)}.home-how-to-play p{margin-bottom:16px;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.home-example{background:var(--bg-primary);border-radius:var(--radius-sm);padding:16px;font-size:.95rem}.home-example code{background:var(--tile-bg);padding:2px 8px;border-radius:4px;font-family:inherit;font-weight:600}.example-intro{margin-bottom:12px;font-weight:500}.example-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.example-row+.example-row{border-top:1px solid var(--tile-border)}.example-cards{display:flex;align-items:center;gap:6px}.example-op-text{font-size:1rem;font-weight:600;color:var(--text-secondary);text-align:right;white-space:nowrap}.example-op-text strong{color:var(--accent)}.example-card-tile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--tile-bg);border:2px solid var(--tile-border);border-radius:var(--radius-sm);font-size:1rem;font-weight:700;color:var(--tile-text)}.home-lb-empty{text-align:center;color:var(--text-secondary);padding:20px!important;font-size:.9rem}.home-lb-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);text-align:left;display:flex;flex-direction:column;gap:16px}.home-lb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-lb-card-link{display:block;text-align:center;font-size:.9rem;font-weight:500;color:var(--accent);text-decoration:none}.home-lb-card-link:hover{text-decoration:underline}@media (max-width: 920px){.home-lb-card{max-width:100%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--tile-border)}.navbar-brand{flex:1;text-align:center}.navbar-brand a{font-size:1.3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;text-decoration:none}.navbar-brand a:hover{background:linear-gradient(90deg,var(--accent),#f59e0b,#22c55e,var(--accent));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brand-shimmer 2s linear infinite;text-decoration:none}@keyframes brand-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.navbar-left,.navbar-right{flex:1;display:flex;align-items:center}.navbar-right{justify-content:flex-end;gap:12px}.navbar-left{justify-content:flex-start}.navbar-left .nav-btn{color:var(--text-secondary);font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:all .15s ease;text-decoration:none}.navbar-left .nav-btn:hover{color:var(--accent);background:var(--tile-bg);text-decoration:none}.navbar-right button{color:var(--text-secondary);font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:all .15s ease}.navbar-right button:hover{color:var(--accent);background:var(--tile-bg);text-decoration:none}.nav-display-name{background:#8b5cf6;padding:4px 14px;border-radius:20px;font-weight:500;color:#fff;text-decoration:none;font-size:.9rem}.nav-display-name:hover{filter:brightness(.85);text-decoration:none}.nav-coins{font-size:.9rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;background:#f59e0b;padding:4px 14px;border-radius:20px}.nav-coins:hover{color:#fff;filter:brightness(.85);text-decoration:none}.nav-streak{font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;background:#22c55e;padding:4px 14px;border-radius:20px;transition:filter .15s ease}.nav-streak:hover{color:#fff;filter:brightness(.85);text-decoration:none}@media (max-width: 480px){.navbar{padding:12px 16px}.navbar-brand a{font-size:1.1rem}}.profile-page{width:100%;max-width:960px;margin:0 auto;text-align:center;padding:40px 20px}.profile-top{max-width:480px;margin:0 auto}.profile-avatar-wrapper{width:128px;height:128px;border:4px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.profile-flair-row{display:flex;justify-content:center}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--accent);color:#fff;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-name-section{margin-bottom:32px}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:10px}.profile-name{font-size:1.6rem;font-weight:700}.profile-edit-btn{font-size:.8rem;color:var(--accent);font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--accent);transition:all .15s ease}.profile-edit-btn:hover{background:var(--accent);color:#fff}.profile-edit-group{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-name-input{font-size:1.3rem;font-weight:700;text-align:center;padding:8px 12px;border:2px solid var(--accent);border-radius:var(--radius-sm);font-family:inherit;width:100%;max-width:300px;outline:none}.profile-edit-actions{display:flex;gap:8px}.profile-btn{padding:6px 16px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .15s ease}.profile-btn-save{background:var(--accent);color:#fff;border:none}.profile-btn-save:hover:not(:disabled){background:var(--accent-hover)}.profile-btn-save:disabled{opacity:.6}.profile-btn-cancel{background:var(--tile-bg);color:var(--text-secondary);border:1px solid var(--tile-border)}.profile-btn-cancel:hover:not(:disabled){background:var(--tile-border)}.profile-error{color:#d95c5c;font-size:.85rem;margin-top:4px}.equipped-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:32px}.equipped-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--bg-secondary);border:2px solid var(--tile-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.equipped-slot:hover{border-color:var(--accent)}.equipped-slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha, rgba(74, 144, 217, .3));background:var(--tile-bg)}.equipped-slot-empty{opacity:.5}.equipped-slot.coming-soon{position:relative;cursor:default;pointer-events:none}.coming-soon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:var(--radius-sm);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.slot-icon{font-size:1.3rem;line-height:1}.slot-name{font-size:.7rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.slot-preview{width:100%;height:20px;border-radius:3px;margin-top:2px}.slot-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.picker-panel{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--radius-md);padding:16px;margin-bottom:32px}.picker-header{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.picker-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.picker-close:hover{color:var(--text-primary);background:var(--tile-bg)}.picker-items{display:flex;flex-wrap:wrap;gap:8px}.picker-item{flex:0 0 auto;width:90px;background:var(--tile-bg);border:2px solid var(--tile-border);border-radius:var(--radius-sm);overflow:hidden;text-align:center;padding-bottom:6px}.picker-item.rarity-rare{border-color:#4a9eff44}.picker-item.rarity-epic{border-color:#9b59b644}.picker-item.rarity-legendary{border-color:#ffa50044}.picker-item.equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.picker-item-preview{height:50px}.picker-item-none{flex:0 0 auto;width:90px;background:var(--tile-bg);border:2px dashed var(--tile-border);border-radius:var(--radius-sm);overflow:hidden;text-align:center;padding-bottom:6px;cursor:pointer;transition:border-color .15s ease}.picker-item-none:hover{border-color:var(--accent)}.picker-item-preview-none{height:50px;background:transparent;border-bottom:1px dashed var(--tile-border)}.picker-item{cursor:pointer}.picker-item-action{display:block;font-size:.65rem;color:var(--text-muted);font-weight:500;padding:4px 0}.picker-item-name{font-size:.7rem;font-weight:600;color:var(--text-primary);padding:4px 4px 2px;line-height:1.2}.picker-item-check{font-size:.65rem;color:var(--accent);font-weight:600}.picker-empty{color:var(--text-muted);font-size:.85rem;padding:12px 0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-period{margin-bottom:16px}.stats-period:last-child{margin-bottom:0}.stats-period-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.modal h2{margin-bottom:20px;font-size:1.4rem}.coming-soon-ribbon{position:absolute;top:12px;right:-22px;background:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 28px;transform:rotate(35deg);text-decoration:none;box-shadow:0 2px 4px #00000026}.home-game-modes{display:flex;flex-direction:column;gap:12px;max-width:600px;width:100%;margin:32px auto 0}.home-game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 24px;border-radius:var(--radius-md);font-size:1rem;font-weight:500;text-align:center;position:relative;overflow:hidden}.home-game-card-active{background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all .15s ease}.home-game-card-active:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-game-card-active:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.home-game-card-disabled{background:var(--bg-primary);color:var(--text-secondary);border:2px dashed var(--tile-border);cursor:default;text-decoration:line-through;opacity:.5}.home-game-card-label{font-size:1.1rem;font-weight:600}.home-game-card-desc{font-size:.8rem;opacity:.8}.modal-btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;transition:all .15s ease}.modal-btn-ghost:hover{color:var(--accent)}.modal-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-close{width:100%;text-align:center;margin-top:16px}.settings-modal{max-height:90vh;overflow-y:auto}.settings-hotkeys-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--tile-border)}.settings-hotkeys-section h3{font-size:1.1rem;margin-bottom:12px;color:var(--text-primary)}.streak-reward-modal{text-align:center}.streak-reward-modal h2{font-size:1.5rem;margin-bottom:16px}.streak-reward-message{font-size:1.1rem;line-height:1.5;margin-bottom:8px;color:var(--text-primary)}.streak-reward-coins{color:var(--accent);font-size:1.3rem}.streak-reward-next{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px}.hotkey-group{margin-bottom:16px}.hotkey-group h4{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.hotkey-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hotkey-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hotkey-label{font-size:.9rem;color:var(--text-primary)}.keycapture-input{min-width:56px;height:36px;padding:4px 12px;background:var(--bg-primary);border:2px solid var(--tile-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-weight:600;text-align:center;transition:all .15s ease;cursor:pointer;font-family:monospace}.keycapture-input:hover{border-color:var(--accent)}.keycapture-input.capturing{border-color:var(--accent);background:var(--accent);color:#fff;animation:pulse 1s infinite}.keycapture-input.conflict{border-color:#dc3545;color:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.modal-buttons{display:flex;flex-direction:column;gap:10px}.modal-btn-oauth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;border:2px solid var(--tile-border);transition:all .15s ease}.modal-btn-google{background:#4285f4;color:#fff;border-color:#4285f4}.modal-btn-google:hover{background:#3367d6}.modal-btn-github{background:#24292e;color:#fff;border-color:#24292e}.modal-btn-github:hover{background:#1b1f23}.modal-btn-discord{background:#5865f2;color:#fff;border-color:#5865f2}.modal-btn-discord:hover{background:#4752c4}.modal-btn-x{background:#000;color:#fff;border-color:#000}.modal-btn-x:hover{background:#333}.leaderboard-page{width:100vw;max-width:none;margin:0 -24px;padding:0 24px}@media (max-width: 768px){.leaderboard-page{margin:0 -16px;padding:0 16px}}.leaderboard-page h1{margin-bottom:24px;font-size:1.8rem;text-align:center}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.leaderboard-section{overflow:hidden}.leaderboard-section h2{margin-bottom:12px;font-size:1.1rem;color:var(--text-primary)}.lb-list{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--tile-border);transition:background .15s ease;background:var(--flair-tint, transparent)}.lb-row:last-child{border-bottom:none}.lb-header{background:var(--tile-bg);font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--tile-border)}.lb-header:hover{background:var(--tile-bg)}.lb-rank{width:36px;flex-shrink:0;text-align:center;font-weight:600;font-size:.85rem;color:var(--text-secondary)}.lb-podium .lb-rank{font-size:1.1rem}.lb-player{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.lb-player a{color:var(--text-primary);text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-player a:hover{color:var(--accent);text-decoration:none}.lb-avatar-link{display:flex;text-decoration:none}.lb-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0;line-height:1}.lb-podium .lb-avatar{width:36px;height:36px;font-size:.95rem}.lb-flair{font-size:.6rem;padding:2px 6px;border-radius:10px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.lb-stat{flex-shrink:0;text-align:right;font-size:.85rem;font-weight:500;color:var(--text-primary);min-width:60px}.lb-stat-label{font-weight:600;color:var(--text-secondary);font-size:.8rem}.lb-current{border-left:3px solid var(--accent);padding-left:13px}.lb-sep{text-align:center;color:var(--text-secondary);padding:4px 0;font-size:.85rem;letter-spacing:4px;border-bottom:1px solid var(--tile-border)}.period-filter{display:flex;gap:4px;margin-bottom:32px;justify-content:center;border-bottom:2px solid var(--tile-border)}.period-filter button{padding:8px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:color .15s ease}.period-filter button:hover{color:var(--text-primary)}.period-filter button.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.stats-page{width:100%;max-width:800px}.stats-page h1{margin-bottom:20px;font-size:1.8rem}.stats-tabs{display:flex;gap:8px;margin-bottom:24px}.stats-tabs button{padding:8px 16px;background:var(--bg-secondary);border:2px solid var(--tile-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;transition:all .15s ease}.stats-tabs button:hover{border-color:var(--accent);color:var(--text-primary)}.stats-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 600px){.stats-cards{grid-template-columns:repeat(2,1fr)}}.chart-section{margin-bottom:32px}.chart-section h3{margin-bottom:16px;font-size:1.1rem;color:var(--text-secondary)}.no-data{text-align:center;color:var(--text-secondary);padding:40px}.combo-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;font-size:.9rem}.combo-table th,.combo-table td{padding:10px 12px;text-align:left}.combo-table th{background:var(--tile-bg);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.combo-table tr{border-bottom:1px solid var(--tile-border)}.combo-table tr:last-child{border-bottom:none}.combo-table .positive{color:#5c9c5c}.combo-table .negative{color:#d95c5c}.shop-modal{width:95vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;padding:0}.shop-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 0;flex-shrink:0}.shop-modal-header h2{margin:0;font-size:1.4rem}.shop-close-btn{margin-left:auto;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s ease,background .15s ease}.shop-close-btn:hover{color:var(--text-primary);background:var(--tile-bg)}.shop-coins-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;flex-shrink:0}.shop-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;z-index:2000;animation:toastSlideIn .3s ease-out;box-shadow:var(--shadow-lg)}.shop-toast-success{background:#1b5e20;color:#a5d6a7}.shop-toast-error{background:#b71c1c;color:#ef9a9a}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shop-loading{text-align:center;padding:48px 24px;color:var(--text-secondary)}.shop-tabs{display:flex;gap:6px;overflow-x:auto;padding:16px 24px 0;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex-shrink:0;padding:5px 12px;border-radius:14px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1.5px solid var(--tile-border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.shop-tab:hover{color:var(--text-primary);border-color:var(--accent)}.shop-tab.active{color:#fff;background:var(--accent);border-color:var(--accent)}.shop-modal-body{padding:16px 24px 24px;overflow-y:auto}.shop-category-section{margin-bottom:24px}.shop-category-section h3{font-size:1rem;color:var(--text-primary);margin-bottom:10px}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.shop-item-card{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;text-align:center;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000f}.shop-item-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.shop-item-card.rarity-rare{box-shadow:0 0 0 1px #4a9eff44,0 1px 3px #0000000f}.shop-item-card.rarity-rare:hover{box-shadow:0 0 0 1px #4a9eff66,0 0 20px #4a9eff26,0 4px 16px #0000001a}.shop-item-card.rarity-epic{box-shadow:0 0 0 1px #9b59b644,0 1px 3px #0000000f}.shop-item-card.rarity-epic:hover{box-shadow:0 0 0 1px #9b59b666,0 0 20px #9b59b626,0 4px 16px #0000001a}.shop-item-card.rarity-legendary{box-shadow:0 0 0 1px #ffa50044,0 1px 3px #0000000f}.shop-item-card.rarity-legendary:hover{box-shadow:0 0 0 1px #ffa50066,0 0 24px #ffa50033,0 4px 16px #0000001a}.shop-item-card.owned{opacity:.6}.shop-item-preview{height:100px;position:relative;overflow:hidden}.shop-item-owned-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059}.shop-item-owned-check{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#388e3c;color:#fff;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #0000004d}.shop-item-info{padding:8px 8px 2px;display:flex;flex-direction:column;gap:2px}.shop-item-name{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.shop-item-rarity{display:block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shop-item-rarity.rarity-common{color:#8a8a8a}.shop-item-rarity.rarity-rare{color:#4a9eff}.shop-item-rarity.rarity-epic{color:#9b59b6}.shop-item-rarity.rarity-legendary{color:orange}.shop-btn-buy{margin:4px 8px 8px;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;transition:filter .15s ease,transform .15s ease}.shop-btn-buy:hover{filter:brightness(1.15);transform:scale(1.03)}.shop-btn-buy:active{transform:scale(.97)}.shop-btn-owned{margin:4px 8px 8px;padding:12px 16px;border:1.5px solid var(--tile-border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:600;font-size:.75rem;cursor:default}.shop-coming-soon-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--tile-border)}.coming-soon-icon{font-size:2rem;margin-bottom:8px}.coming-soon-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:6px}.coming-soon-desc{font-size:.85rem;color:var(--text-secondary)}.shop-empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}@media (max-width: 600px){.shop-modal{max-width:100%;max-height:100vh;border-radius:0}.shop-modal-header{padding:16px 16px 0}.shop-tabs{padding:12px 16px 0}.shop-modal-body{padding:12px 16px 16px}.shop-items-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop-item-preview{height:90px}}.card-btn.combine-merge{animation:combineMerge .4s ease-out}.card-btn.combine-burst{animation:combineBurst .4s ease-out}.card-btn.combine-flash{animation:combineFlash .4s ease-out}@keyframes combineMerge{0%{transform:scale(.3);opacity:.3}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes combineBurst{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes combineFlash{0%{transform:scale(.8);opacity:.5;box-shadow:0 0 30px #fffc}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 60px #fff6}to{transform:scale(1);opacity:1;box-shadow:none}}.flash-overlay{position:fixed;inset:0;background:#fff;pointer-events:none;z-index:999;animation:flashFade .3s ease-out forwards}@keyframes flashFade{0%{opacity:.6}to{opacity:0}}.combine-flash-active .flash-overlay{display:block}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #6c757d;--accent: #4a90d9;--accent-hover: #357abd;--tile-bg: #e9ecef;--tile-text: #1a1a1a;--tile-border: #dee2e6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90%;width:400px}@media (max-width: 480px){.modal{padding:1.5rem;width:85%}}