@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/poppins-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/poppins-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/poppins-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('https://cdn.frechhdachs.tv/font/poppins-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#0e0e10;--bg-secondary:#18181b;--bg-tertiary:#1f1f23;--bg-card:#26262c;--gradient-start:#18181b;--gradient-end:#1f1f23;--text-primary:#efeff1;--text-secondary:#adadb8;--text-muted:#a8a8b8;--accent:#a855f7;--accent-hover:#9333ea;--accent-light:#8b5cf6;--accent-text:#c084fc;--success:#00f593;--success-light:#4ade80;--success-dark:#16a34a;--warning:#ffb800;--error:#f87171;--error-dark:#dc2626;--info:#3b82f6;--info-dark:#1d4ed8;--border:#3d3d44;--bg-hover:rgba(255,255,255,0.08);--dachs-gold:#ffd700;--cat-spinning:#a855f7;--cat-winning:#00f593;--cat-losing:#ef4444;--cat-collecting:#ffb800;--cat-social:#ff6b9d;--cat-dedication:#00bfff;--cat-shopping:#ff7f50;--cat-items:#06b6d4;--cat-special:#e040fb;--twitch-purple:#9146ff;--twitch-purple-hover:#772ce8;--discord-blue:#5865F2;--discord-blue-hover:#4752C4;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--container-max:1200px;--header-height:60px;--transition-fast:0.1s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(168,85,247,0.3)}[data-theme="light"]{--bg-primary:#faf9fc;--bg-secondary:#ffffff;--bg-tertiary:#f5f4f9;--bg-card:#ffffff;--gradient-start:#f3f2f8;--gradient-end:#faf9fc;--text-primary:#1e1b2e;--text-secondary:#4a4660;--text-muted:#6b6783;--border:#e5e2ef;--bg-hover:rgba(0,0,0,0.05);--dachs-gold:#7c3aed;--warning:#b45309;--success:#047857;--success-light:#059669;--success-dark:#065f46;--error:#dc2626;--error-dark:#b91c1c;--info:#2563eb;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-text:#7c3aed;--cat-spinning:#7c3aed;--cat-winning:#047857;--cat-losing:#dc2626;--cat-collecting:#b45309;--cat-social:#db2777;--cat-dedication:#0284c7;--cat-shopping:#ea580c;--cat-items:#0891b2;--cat-special:#c026d3;--shadow-sm:0 1px 3px rgba(30,27,46,0.06),0 1px 2px rgba(30,27,46,0.04);--shadow-md:0 4px 8px rgba(30,27,46,0.08),0 2px 4px rgba(30,27,46,0.04);--shadow-lg:0 12px 24px rgba(30,27,46,0.12),0 4px 8px rgba(30,27,46,0.06);--shadow-glow:0 0 24px rgba(124,58,237,0.15)}*{margin:0;padding:0;box-sizing:border-box}html.theme-transitioning *,html.theme-transitioning *::before,html.theme-transitioning *::after{transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease !important}html{scroll-behavior:smooth}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent);color:white;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;z-index:9999;text-decoration:none;transition:top 0.2s ease}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes celebratePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,215,0,0.4)}50%{transform:scale(1.02);box-shadow:0 0 30px 10px rgba(255,215,0,0.2)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes goldenPulse{0%,100%{box-shadow:0 0 8px rgba(255,215,0,0.6);border-color:#ffd700}50%{box-shadow:0 0 16px rgba(255,215,0,0.9);border-color:#ffec80}}@keyframes disclaimerHighlight{0%,100%{box-shadow:none;border-color:var(--warning)}20%,60%{box-shadow:0 0 20px rgba(255,184,0,0.5),0 0 40px rgba(255,184,0,0.3);border-color:var(--dachs-gold)}}@keyframes shopFlash{0%,100%{border-color:var(--border)}25%{border-color:var(--accent);box-shadow:0 0 12px rgba(168,85,247,0.3)}50%{border-color:var(--accent);box-shadow:0 0 20px rgba(168,85,247,0.4)}75%{border-color:var(--accent);box-shadow:0 0 12px rgba(168,85,247,0.3)}}@keyframes accordionSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;animation:confettiFall 4s linear forwards}.container{max-width:var(--container-max);margin:0 auto;padding:24px 32px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.confetti{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.desktop-only{display:none !important}}@media (max-width:600px){.container{padding:16px}}[hidden]{display:none !important}.is-hidden{display:none !important}.is-flex{display:flex}.is-inline-flex{display:inline-flex}.is-block{display:block}.is-inline-block{display:inline-block}.flex-1{flex:1}.w-full{width:100%}.va-middle{vertical-align:middle}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-sm{margin-top:8px}.mb-sm{margin-bottom:8px}.mt-md{margin-top:16px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.text-center{text-align:center}.text-meta{font-size:12px;color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--text-danger)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-dim{opacity:0.7}.text-sm{font-size:0.85rem}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.cursor-pointer{cursor:pointer}.inline-emote{vertical-align:middle;margin-right:4px}.btn{background:var(--accent);color:white;border:none;border-radius:var(--radius-md);padding:10px 18px;min-height:44px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card)}.btn-twitch-login{display:flex;align-items:center;gap:8px;background:var(--twitch-purple);color:white;border:none;border-radius:var(--radius-md);padding:10px 16px;min-height:44px;font-size:0.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background 0.2s;white-space:nowrap}.btn-twitch-login:hover{background:var(--twitch-purple-hover)}.btn-twitch-login .twitch-icon{flex-shrink:0}.btn-logout{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;min-height:44px;font-size:0.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;transition:all 0.2s}.btn-logout:hover{background:var(--error);color:white;border-color:var(--error)}.btn-discord{display:inline-flex;align-items:center;gap:8px;background:var(--discord-blue);color:white;border:none;border-radius:var(--radius-md);padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:background 0.2s,transform 0.2s;cursor:pointer}.btn-discord:hover{background:var(--discord-blue-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(88,101,242,0.35)}.btn-discord svg{flex-shrink:0}.btn-accept-disclaimer{margin-top:12px;background:var(--success);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background 0.2s ease,transform 0.1s ease}.btn-accept-disclaimer:hover{background:var(--success);transform:translateY(-1px)}.btn-accept-disclaimer:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.btn-buy{padding:10px 20px;min-height:44px;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.1s;margin-left:auto}.btn-buy:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-buy:active:not(:disabled){transform:translateY(0)}.btn-buy:disabled,.btn-buy-disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:0.6}.btn-sm{padding:4px 8px;font-size:0.75rem;min-height:32px}.btn-collapse-all{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;min-height:36px;border-radius:var(--radius-sm);font-size:0.8rem;cursor:pointer;transition:all 0.2s ease}.btn-collapse-all:hover{background:var(--bg-hover,rgba(255,255,255,0.08));color:var(--text-primary)}.search-form{display:flex;gap:6px}.search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:0.9rem;width:150px;height:44px;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s,width 0.3s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(145,71,255,0.15);width:180px}.search-input::placeholder{color:var(--text-muted)}.btn.btn-search{padding:0 14px;min-width:44px;height:44px;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.btn.btn-search:hover{background:var(--bg-card);border-color:var(--accent);color:var(--text-primary)}.search-icon{width:20px;height:20px;object-fit:contain}.search-wrapper{position:relative}.search-suggestions{position:absolute;top:100%;left:0;right:auto;min-width:320px;width:max-content;max-width:min(450px,90vw);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-top:4px;z-index:100;display:none;box-shadow:0 4px 12px rgba(0,0,0,0.3);max-height:450px;overflow-y:auto}.suggestion-item{padding:12px 16px;min-height:44px;cursor:pointer;transition:background 0.15s ease;display:flex;align-items:center;gap:10px}.suggestion-item:hover{background:var(--bg-tertiary)}.suggestion-item:first-child{border-radius:6px 6px 0 0}.suggestion-item:last-child{border-radius:0 0 6px 6px}.search-category-header{padding:8px 16px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.search-category-header:not(:first-child){border-top:1px solid var(--border);margin-top:4px}.suggestion-icon{flex-shrink:0;width:24px;text-align:center;font-size:1rem}.suggestion-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.suggestion-avatar-placeholder{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.suggestion-name{flex:1;min-width:120px}.suggestion-meta{font-size:0.8rem;color:var(--text-muted);flex-shrink:0}.suggestion-desc{font-size:0.85rem;color:var(--text-muted);flex:1;min-width:0}.suggestion-code{font-size:0.8rem;font-family:'SF Mono','Cascadia Code','Fira Code','Consolas',monospace;background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;flex-shrink:0;color:var(--accent)}.suggestion-role{font-size:0.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600;flex-shrink:0}.suggestion-role-streamerin{background:#e91916;color:white}.suggestion-role-moderator,.suggestion-role-leadmod{background:#00ad03;color:white}.suggestion-role-vip{background:#e005b9;color:white}.suggestion-role-admin{background:var(--error);color:white}.search-no-results{padding:16px;text-align:center;color:var(--text-muted);font-style:italic}.suggestion-item.selected{background:var(--bg-tertiary);outline:2px solid var(--accent);outline-offset:-2px}.suggestion-item mark{background:var(--warning);color:#000;padding:0 2px;border-radius:2px}.search-empty-state{padding:16px;text-align:left}.search-empty-state .empty-title{font-weight:600;color:var(--text-primary);margin-bottom:12px}.search-empty-state .empty-hints{font-size:0.85rem;color:var(--text-muted)}.search-empty-state .empty-hints p{margin:0 0 8px 0;font-weight:500}.search-empty-state .empty-hints ul{margin:0;padding-left:20px}.search-empty-state .empty-hints li{margin:4px 0}.suggestion-history{opacity:0.8}.suggestion-history .suggestion-icon{color:var(--text-muted)}.complete-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--dachs-gold),var(--warning));color:#000;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;margin-left:12px}.category-badge{background:rgba(124,58,237,0.1)}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-size:0.85rem;cursor:help;vertical-align:middle;position:relative;opacity:0.7;transition:opacity 0.2s ease}.info-tooltip:hover{opacity:1}.info-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:0.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease;pointer-events:none;margin-bottom:6px;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:100}.info-tooltip:hover::after{opacity:1;visibility:visible}.progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:var(--radius-sm);transition:width 0.3s ease}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:2000;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;max-width:450px;width:100%;position:relative;animation:slideIn 0.3s ease-out}.modal-content h3{margin:0 0 12px 0;font-size:1.2rem;color:var(--text-primary)}.modal-content p{color:var(--text-secondary);margin:0 0 20px 0;line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-modal-primary{padding:10px 24px;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.btn-modal-secondary{padding:10px 24px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.modal-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1;padding:4px 8px;border-radius:var(--radius-sm);transition:color 0.2s,background 0.2s}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.modal-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;transition:box-shadow 0.3s ease}.modal-icon.unlocked{background:radial-gradient(circle,rgba(0,245,147,0.15),rgba(0,245,147,0.05));box-shadow:0 0 16px rgba(0,245,147,0.25)}.modal-icon.locked{background:var(--bg-tertiary);opacity:0.7}.modal-icon.secret-unlocked{background:radial-gradient(circle,rgba(255,215,0,0.2),rgba(168,85,247,0.1));box-shadow:0 0 20px rgba(255,215,0,0.3)}.modal-header-text{display:flex;flex-direction:column;gap:6px;min-width:0}.modal-header h2{font-size:1.4rem;color:var(--text-primary);margin:0}.modal-type-badge{display:inline-block;font-size:0.75rem;padding:3px 10px;border-radius:12px;font-weight:600;width:fit-content}.modal-type-badge.badge-secret{background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(255,215,0,0.2));border:1px solid rgba(124,58,237,0.3);color:var(--accent)}.modal-type-badge.badge-hidden{background:rgba(173,173,184,0.1);border:1px solid rgba(173,173,184,0.3);color:var(--text-muted)}.modal-desc{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modal-details{display:flex;flex-direction:column;gap:12px}.modal-detail{padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:0.9rem;color:var(--text-secondary)}.modal-detail strong{color:var(--text-primary)}.modal-detail.modal-reward{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,183,0,0.08));border:1px solid rgba(255,215,0,0.25);color:var(--dachs-gold);font-weight:600;font-size:0.95rem}[data-theme="light"] .modal-detail.modal-reward{background:linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,183,0,0.08));border-color:rgba(200,160,0,0.35);color:#b8860b}.modal-rarity-label{font-weight:600}.modal-rarity-label.rarity-legendary{color:var(--warning)}.modal-rarity-label.rarity-epic{color:var(--accent)}.modal-rarity-label.rarity-rare{color:var(--info)}[data-theme="light"] .modal-rarity-label.rarity-rare{color:var(--info-dark)}.modal-rarity-label.rarity-common{color:var(--text-muted)}.modal-progress-bar{display:flex;flex-direction:column;gap:6px;width:100%}.modal-progress-bar .progress-bar{height:10px;width:100%}.modal-progress-bar span{font-size:0.85rem;color:var(--text-secondary)}.ann-tag{padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;color:#fff}.back-to-top{position:fixed;bottom:24px;right:24px;width:50px;height:50px;border-radius:var(--radius-full);background:var(--accent);color:white;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s,visibility 0.3s,transform 0.3s,background 0.2s;z-index:100;box-shadow:var(--shadow-lg)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0) scale(0.95)}@media (max-width:768px){.back-to-top{bottom:16px;right:16px;width:44px;height:44px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;border-radius:var(--radius-md);font-size:0.9rem;font-weight:500;box-shadow:0 4px 20px rgba(0,0,0,0.3);pointer-events:auto;transform:translateX(120%);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;max-width:340px}.toast.visible{transform:translateX(0);opacity:1}.toast-error{background:var(--error);color:#fff}.toast-success{background:var(--success);color:#000}.toast-info{background:var(--accent);color:#fff}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(2px)}.confirm-overlay.active{display:flex}.confirm-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.confirm-message{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:0.9rem}.confirm-btn-cancel:hover{background:var(--bg-card);color:var(--text-primary)}.confirm-btn-ok{background:var(--error);border:none;color:#fff;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:0.9rem;font-weight:600}.confirm-btn-ok:hover{opacity:0.9}.shortcuts-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(2px)}.shortcuts-overlay.active{display:flex}.shortcuts-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:380px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shortcuts-header h3{font-size:1.1rem;color:var(--text-primary)}.shortcuts-grid{display:flex;flex-direction:column;gap:10px}.shortcut-item{display:flex;align-items:center;gap:14px}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:monospace;font-size:0.85rem;color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,0.2)}.shortcut-item span{color:var(--text-secondary);font-size:0.9rem}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--error);color:#fff;text-align:center;padding:8px 16px;font-size:0.85rem;font-weight:600;z-index:10003;transform:translateY(-100%);transition:transform 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.offline-retry-btn{background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.4);border-radius:var(--radius-sm);padding:4px 12px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:background 0.2s}.offline-retry-btn:hover{background:rgba(255,255,255,0.3)}.offline-banner.visible{transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-header{height:120px;margin-bottom:24px}.skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.skeleton-stat{height:80px}.skeleton-category{margin-bottom:24px}.skeleton-category-header{height:40px;margin-bottom:12px}.skeleton-achievement{height:60px;margin-bottom:8px}.skeleton-text{height:20px;width:60%}.skeleton-text-sm{height:14px;width:40%;margin-top:8px}.skeleton-loading{position:relative;overflow:hidden;background:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton-loading::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);animation:shimmer 1.5s infinite}.profile-loading{display:flex;flex-direction:column;gap:16px;padding:24px}.skeleton-avatar{width:80px;height:80px;border-radius:var(--radius-full)}.skeleton-text-lg{height:24px;width:200px}[data-loading="true"] .skeleton-fade{opacity:0;transform:translateY(10px)}[data-loading="false"] .skeleton-fade{opacity:1;transform:translateY(0);transition:opacity 0.3s ease,transform 0.3s ease}[data-loading="true"] img{opacity:0}[data-loading="false"] img{opacity:1;transition:opacity 0.2s ease}.skeleton-inline{position:relative;overflow:hidden}[data-loading="true"] .skeleton-inline::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;border-radius:inherit}[data-loading="false"] .skeleton-inline::before{display:none}.skeleton-profile-header{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:28px;border:1px solid var(--border)}.skeleton-profile-top{display:flex;gap:20px;margin-bottom:24px}.skeleton-profile-info{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.skeleton-stat-box{height:85px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.skeleton-leaderboard-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:8px}.skeleton-rank{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-leaderboard-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-balance{width:100px;height:24px;margin-left:auto}@media (max-width:768px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)}}.filter-btn,.sort-btn,.collapse-all-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:22px;padding:10px 18px;min-height:44px;font-size:0.85rem;color:var(--text-secondary);display:inline-flex;align-items:center;cursor:pointer;transition:all 0.2s ease}.filter-btn:hover,.sort-btn:hover,.collapse-all-btn:hover{background:var(--bg-card);color:var(--text-primary)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:white}.sort-btn.active{background:var(--dachs-gold);border-color:var(--dachs-gold);color:#000}.item-error{margin-top:10px;padding:8px 12px;background:rgba(244,67,54,0.15);color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);font-size:0.85rem;font-weight:500;animation:fadeIn 0.3s ease}.info-link{color:var(--accent);text-decoration:none;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);background:rgba(145,71,255,0.1);transition:all 0.2s ease;white-space:nowrap}.info-link:hover{background:rgba(145,71,255,0.2);text-decoration:none}[data-theme="light"] .info-link{background:rgba(124,58,237,0.08)}[data-theme="light"] .info-link:hover{background:rgba(124,58,237,0.15)}.collapsible-section{border:2px solid var(--accent);border-radius:12px;overflow:hidden;margin-bottom:var(--space-lg)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px 20px;margin:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:white;transition:background 0.2s;user-select:none}.collapsible-header:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100%)}.collapse-icon{font-size:0.9rem;transition:transform 0.3s ease;transform:rotate(-90deg)}.collapsible-section.expanded .collapse-icon{transform:rotate(0deg)}.collapsible-content{display:none;padding:20px;background:var(--bg-secondary)}.collapsible-section.expanded .collapsible-content{display:block}[data-theme="light"] .btn-secondary{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border)}[data-theme="light"] .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent)}[data-theme="light"] .btn.btn-search{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}[data-theme="light"] .btn.btn-search:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}[data-theme="light"] .btn-accept-disclaimer{color:#ffffff}[data-theme="light"] .btn-accept-disclaimer:hover{background:var(--success-dark)}[data-theme="light"] .complete-badge{background:linear-gradient(135deg,var(--warning),var(--warning));color:white}[data-theme="light"] .progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-light))}[data-theme="light"] .category-badge{background:rgba(124,58,237,0.1)}[data-theme="light"] .skeleton{background:linear-gradient(90deg,var(--gradient-start) 25%,var(--gradient-end) 50%,var(--gradient-start) 75%)}@media (max-width:768px){.toast-container{top:auto;bottom:20px;right:10px;left:10px}.toast{max-width:100%}.btn-twitch-login span{display:none}.btn-twitch-login{padding:10px 12px;min-height:44px}.btn-logout{padding:10px 12px;min-height:44px;font-size:0.85rem}.search-input{width:120px}}@media (max-width:600px){.skeleton-stats{grid-template-columns:repeat(2,1fr)}.info-tooltip::after{white-space:normal;width:200px;left:auto;right:0;transform:none}}.disclaimer{background:var(--bg-secondary);border:1px solid var(--warning);border-radius:var(--radius-md);margin-bottom:24px;scroll-margin-top:80px;transition:box-shadow 0.3s ease,border-color 0.3s ease;overflow:hidden}.disclaimer:target{animation:disclaimerHighlight 1.5s ease-out}.disclaimer-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:inherit;cursor:pointer;text-align:left;font:inherit;transition:background 0.2s ease}.disclaimer-toggle:hover{background:rgba(255,255,255,0.03)}.disclaimer-icon{font-size:1.3rem;flex-shrink:0}.disclaimer-summary{flex:1;font-size:0.82rem;color:var(--text-secondary);line-height:1.4}.disclaimer-summary-short{display:none;flex:1;font-size:0.82rem;color:var(--text-secondary);line-height:1.4}.disclaimer-toggle-arrow{font-size:10px;color:var(--text-secondary);transition:transform 0.2s ease;flex-shrink:0}.disclaimer.collapsed .disclaimer-toggle-arrow{transform:rotate(-90deg)}.disclaimer.collapsed .disclaimer-summary{display:none}.disclaimer.collapsed .disclaimer-summary-short{display:block}.disclaimer-body{padding:0 16px 14px}.disclaimer.collapsed .disclaimer-body{display:none}.disclaimer-content{font-size:0.85rem;color:var(--text-secondary);line-height:1.6}.disclaimer-content p{margin-bottom:8px}.disclaimer-content p:last-child{margin-bottom:0}.disclaimer-content strong{color:var(--text-primary)}.disclaimer-warning{background:rgba(235,4,0,0.1);border:2px solid var(--error);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;display:flex;gap:16px;align-items:flex-start}.disclaimer-warning-icon{font-size:2rem;flex-shrink:0}.disclaimer-warning-content{flex:1}.disclaimer-warning-content strong{color:var(--error);font-size:1.1rem;display:block;margin-bottom:8px}.disclaimer-warning-content p{color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.disclaimer-warning-content p:last-child{margin-bottom:0}.disclaimer-warning-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.disclaimer-warning-content a{color:var(--accent);text-decoration:none}.disclaimer-warning-content a:hover{text-decoration:underline}.section-note{font-size:0.9rem;color:var(--text-secondary);margin-top:12px;padding:10px 14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.content-page{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--text-secondary);margin-bottom:24px}.page-subtitle code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.9em}.info-toc{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:20px;margin-bottom:32px}.info-toc h2{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary)}.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.toc-item{display:flex;align-items:center;padding:12px 16px;min-height:44px;background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:0.9rem;transition:all 0.2s ease;border:1px solid transparent}.toc-item:hover{background:var(--bg-secondary);color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.duel-steps{display:flex;flex-direction:column;gap:16px;margin:16px 0}.duel-step{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.step-number{width:32px;height:32px;background:var(--accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;margin-bottom:6px;color:var(--text-primary)}.step-content p{margin:6px 0;font-size:0.9rem;color:var(--text-secondary)}.step-content code{background:var(--bg-card);padding:4px 8px;border-radius:var(--radius-sm);font-size:0.85rem;display:inline-block;margin:4px 4px 4px 0}.tip-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tip-item{display:flex;gap:12px;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--dachs-gold)}.tip-icon{font-size:1.2rem;flex-shrink:0}.tip-item p{margin:4px 0 0;font-size:0.9rem;color:var(--text-secondary)}.tip-item code{background:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.85em}.profile-prestige-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;padding:4px 12px;border-radius:20px;background:var(--bg-tertiary);border:1px solid var(--prestige-color,var(--dachs-gold));color:var(--prestige-color,var(--dachs-gold))}[data-theme="light"] .profile-prestige-badge{font-weight:600}.profile-role-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;padding:4px 12px;border-radius:20px;background:var(--bg-tertiary);border:1px solid var(--role-color,var(--accent));color:var(--role-color,var(--accent))}a.profile-role-badge{text-decoration:none}.profile-role-icon{width:18px;height:18px;object-fit:contain}.twitch-chat-section{position:fixed;right:20px;top:100px;width:340px;max-height:calc(100vh - 140px);min-width:280px;min-height:300px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;z-index:100;display:flex;flex-direction:column;resize:both}.twitch-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:1rem;font-weight:600;color:var(--twitch-purple);background:var(--bg-tertiary);flex-shrink:0}.twitch-chat-header svg{fill:var(--twitch-purple);flex-shrink:0}.twitch-chat-header span{flex:1}.twitch-chat-toggle{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color 0.2s}.twitch-chat-toggle:hover{color:var(--text-primary)}.twitch-chat-body{display:flex;flex-direction:column;flex:1;min-height:0}.twitch-chat-expand{position:fixed;right:20px;top:100px;width:50px;height:50px;background:var(--twitch-purple);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:transform 0.2s,background 0.2s}.twitch-chat-expand svg{fill:white}.twitch-chat-expand:hover{background:#7c3aed;transform:scale(1.05)}.twitch-chat-container{flex:1;min-height:0}.twitch-chat-container iframe{display:block !important;height:100%;min-height:400px}.twitch-chat-hint{padding:10px 16px;font-size:0.8rem;color:var(--text-secondary);text-align:center;background:var(--bg-tertiary);flex-shrink:0}.twitch-chat-hint a{color:var(--twitch-purple);text-decoration:none}.twitch-chat-hint a:hover{text-decoration:underline}.page-with-chat .content-page,.page-with-chat .shop-page{margin-right:380px}@media (max-width:1200px){.twitch-chat-section{position:static;width:100%;max-width:600px;max-height:none;margin:40px auto 0;resize:none}.twitch-chat-expand{position:static;margin:40px auto 0}.twitch-chat-container iframe{min-height:350px}.page-with-chat .content-page,.page-with-chat .shop-page{margin-right:0}}@media (max-width:768px){.twitch-chat-section{margin-top:24px;max-width:100%}.twitch-chat-expand{margin-top:24px}.twitch-chat-container iframe{min-height:300px}}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:var(--transition-slow);border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;transition:var(--transition-slow);border-radius:var(--radius-full)}.toggle-switch input:checked + .toggle-slider{background-color:var(--accent)}.toggle-switch input:checked + .toggle-slider:before{transform:translateX(22px)}.cookie-banner{position:fixed;bottom:var(--space-md);right:var(--space-md);left:auto;z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,0.25);transform:translateY(calc(100% + var(--space-md)));transition:transform 0.4s ease;padding:var(--space-sm) var(--space-md);display:inline-flex;align-items:center;gap:var(--space-md)}.cookie-banner.visible{transform:translateY(0)}.cookie-banner-header{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.cookie-banner-img{width:32px;height:32px;flex-shrink:0}.cookie-banner-title{font-weight:700;font-size:0.85rem;color:var(--text-primary);white-space:nowrap}.cookie-banner-text{color:var(--text-secondary);font-size:0.8rem;line-height:1.3;flex-shrink:1;min-width:0}.cookie-banner-actions{display:flex;flex-direction:row;gap:var(--space-xs);flex-shrink:0}.cookie-btn-accept{background:#7c3aed;color:white;border:none;border-radius:var(--radius-md);padding:5px 12px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:background 0.2s;white-space:nowrap}.cookie-btn-accept:hover{background:var(--accent-hover)}.cookie-btn-reject{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 12px;font-size:0.8rem;font-weight:500;cursor:pointer;transition:background 0.2s;white-space:nowrap}.cookie-btn-reject:hover{background:var(--bg-card)}.cookie-btn-customize{background:none;border:none;color:var(--text-muted);font-size:0.75rem;cursor:pointer;padding:5px 8px;transition:color 0.2s;white-space:nowrap;flex-shrink:0}.cookie-btn-customize:hover{color:var(--text-primary)}.cookie-categories{display:none}.cookie-banner.expanded{flex-wrap:wrap}.cookie-banner.expanded .cookie-categories{display:block;width:100%;padding-top:var(--space-sm)}.cookie-category{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;gap:var(--space-sm)}.cookie-category + .cookie-category{border-top:1px solid var(--border);padding-top:var(--space-sm);margin-top:var(--space-xs)}.cookie-category-info{flex:1}.cookie-category-name{font-weight:600;color:var(--text-primary);font-size:0.82rem;margin-bottom:2px}.cookie-category-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.35}.cookie-category .toggle-switch.disabled{opacity:0.6;pointer-events:none}.cookie-save-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:var(--space-sm);margin-top:var(--space-xs)}.cookie-save-row a{color:var(--text-muted);font-size:0.75rem;text-decoration:underline}.cookie-save-row a:hover{color:var(--text-primary)}.cookie-btn-save{background:var(--accent);color:white;border:none;border-radius:var(--radius-md);padding:6px 14px;font-size:0.82rem;font-weight:600;cursor:pointer;transition:background 0.2s}.cookie-btn-save:hover{background:var(--accent-hover)}@media (max-width:700px){.cookie-banner{bottom:var(--space-sm);right:var(--space-sm);left:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);gap:var(--space-xs) var(--space-sm)}.cookie-banner-text{flex-basis:100%}}.header{border-bottom:1px solid var(--border);height:60px;position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(14,14,16,0.95)}[data-theme="light"] .header{background:rgba(255,255,255,0.95)}.header-content{display:flex;align-items:center;height:100%;padding:0 16px;gap:12px}.logo{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.logo:hover{color:var(--accent)}.logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-bar{display:flex;gap:4px;align-items:center;flex-shrink:0}.nav-item{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;white-space:nowrap;border-radius:var(--radius-md);transition:color 0.2s,background 0.2s}.nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item.active{color:var(--accent);background:rgba(145,71,255,0.15);font-weight:600}[data-theme="light"] .nav-item.active{background:rgba(124,58,237,0.12)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.theme-toggle-header{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:background 0.2s,border-color 0.2s;flex-shrink:0;box-sizing:border-box}.theme-toggle-header:hover{background:var(--bg-card);border-color:var(--accent)}.user-section{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:4px 6px 4px 10px;border-radius:var(--radius-lg);border:1px solid var(--border);min-height:48px;box-sizing:border-box}.user-profile-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);padding:4px 8px;min-height:40px;border-radius:var(--radius-md);transition:background 0.2s}.user-profile-link:hover{background:var(--bg-card)}.user-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.user-display-name{font-weight:600;font-size:0.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-wrapper{position:relative}.user-profile-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-primary);padding:4px 8px;min-height:40px;border-radius:var(--radius-md);cursor:pointer;transition:background 0.2s;font-family:inherit;font-size:inherit}.user-profile-btn:hover{background:var(--bg-card)}.dropdown-arrow{font-size:0.7rem;opacity:0.7;transition:transform 0.2s}.user-dropdown-wrapper.open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1000;display:none;overflow:hidden}.user-dropdown-wrapper.open .user-dropdown{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:44px;color:var(--text-primary);text-decoration:none;transition:background 0.2s;font-size:0.9rem}.dropdown-item:hover{background:var(--bg-card)}.dropdown-item-admin{color:var(--warning)}.dropdown-item-team{color:var(--accent)}.nav-item-team{color:var(--accent) !important}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.notification-wrapper{position:relative}.notification-bell{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.2s,border-color 0.2s;flex-shrink:0;box-sizing:border-box}.notification-bell:hover{background:var(--bg-card);border-color:var(--accent)}.notification-icon{width:24px;height:24px}.notification-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.3);min-width:320px;max-width:380px;z-index:1000;overflow:hidden}.notification-dropdown.open{display:block}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.notification-header h3{margin:0;font-size:0.95rem;font-weight:600}.notification-mark-all{font-size:0.75rem;padding:4px 8px}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:0.9rem;margin:0}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background 0.15s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item-icon{width:24px;height:24px;flex-shrink:0;border-radius:4px;margin-top:2px}.notification-item-icon-placeholder{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-top:2px}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-weight:600;font-size:0.85rem;margin-bottom:2px}.notification-item-message{font-size:0.8rem;color:var(--text-muted);line-height:1.3;white-space:pre-line}.notification-item-time{font-size:0.7rem;color:var(--text-muted);margin-top:4px;opacity:0.7}.notification-item-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:2px 6px;border-radius:4px;transition:color 0.15s,background 0.15s;flex-shrink:0;line-height:1}.notification-item-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.notification-clickable{cursor:pointer}.notification-clickable .notification-item-content::after{content:'→';position:absolute;right:36px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:0.85rem;opacity:0;transition:opacity 0.15s}.notification-clickable{position:relative}.notification-clickable:hover .notification-item-content::after{opacity:0.6}.notification-bell-mobile{display:flex;align-items:center;gap:8px}.notification-icon-mobile{width:20px;height:20px}.hamburger{display:flex;flex-direction:column;gap:4px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:1001;order:-1}.hamburger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-secondary);z-index:1000;flex-direction:column;border-right:1px solid var(--border);box-shadow:4px 0 20px rgba(0,0,0,0.3);transform:translateX(-100%);transition:transform 0.3s ease}.mobile-nav.active{transform:translateX(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:24px}.mobile-nav-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.mobile-nav-close{font-size:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.mobile-nav-close:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-nav .main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-primary);text-decoration:none;font-size:1rem;border-radius:var(--radius-md);transition:background var(--transition-fast);margin:0 4px}.mobile-nav .main-mobile-menu-item:hover{background:var(--bg-hover)}.mobile-nav .main-mobile-menu-icon{width:24px;height:24px;border-radius:4px;object-fit:cover}.mobile-nav .main-mobile-menu-emoji{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;font-size:1.1rem}.mobile-nav-content{display:flex;flex-direction:column;padding:16px;gap:4px;overflow-y:auto}.mobile-nav .nav-item{font-size:1rem;padding:14px 16px;border-radius:var(--radius-md);width:100%;text-align:left}.mobile-nav .nav-item:hover{background:var(--bg-secondary)}.mobile-nav-divider{height:1px;background:var(--border);margin:12px 0}.mobile-nav-section-title{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);opacity:0.5;padding:4px 16px 8px}.mobile-nav .main-mobile-menu-item.mobile-nav-active{background:var(--bg-hover,rgba(255,255,255,0.06));color:var(--accent)}[data-theme="light"] .mobile-nav-divider{background:var(--border)}.mobile-search-form{display:flex;gap:8px;padding:4px 0}.mobile-search-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:0.95rem;color:var(--text-primary)}.mobile-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(145,71,255,0.15)}.mobile-search-btn{padding:10px 14px;font-size:1rem;background:var(--accent);border:none;border-radius:var(--radius-md);color:white;cursor:pointer}.mobile-search-btn:hover{background:var(--accent-hover)}.mobile-theme-toggle{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;text-decoration:none}.mobile-theme-toggle:hover{background:var(--bg-secondary)}.footer{position:relative;text-align:center;padding:32px 24px;color:var(--text-muted);font-size:0.85rem;margin-top:40px;border-top:1px solid var(--border)}.footer-brand{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 12px 0;letter-spacing:0.02em}.footer-socials{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.footer-social{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:0.85rem;transition:color 0.2s ease}.footer-social:hover,.footer-social:focus-visible{color:var(--accent)}.footer-social svg{flex-shrink:0}.footer-nav{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:12px}.footer-nav a{color:var(--text-secondary);text-decoration:none;font-size:0.85rem;transition:color 0.2s ease}.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--accent)}.footer-copyright{font-size:0.78rem;color:var(--text-muted);margin:0 0 8px 0}.footer-legal{margin-top:0;margin-bottom:0;font-size:0.78rem}.footer-legal a{color:var(--text-muted);text-decoration:none;transition:color 0.2s ease}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--text-primary);text-decoration:underline}.footer-disclaimer{margin-top:10px;font-size:0.72rem;color:var(--text-muted);font-style:italic}.footer-disclaimer a{color:#b794f4;text-decoration:underline;text-underline-offset:2px}.footer-disclaimer a:hover{color:var(--twitch-purple-hover);text-decoration:underline}.footer-partner{position:absolute;right:5%;top:32px;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-partner a{color:var(--text-muted);text-decoration:none;font-size:0.78rem;transition:color 0.2s ease}.footer-partner a:hover,.footer-partner a:focus-visible{color:var(--text-primary)}.footer-partner-logo{width:260px;height:auto;opacity:0.7;transition:opacity 0.2s ease;border-radius:6px}.footer-partner-logo:hover{opacity:1}@media (max-width:768px){.footer-partner{position:static;margin-top:20px}}.theme-toggle-footer{position:relative;margin-top:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--text-secondary);transition:all 0.2s ease}.theme-toggle-footer:hover,.theme-toggle-footer:focus-visible{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent)}.theme-toggle-footer .theme-toggle-icon{font-size:1rem}.theme-toggle-footer .theme-toggle-label{font-weight:500}.theme-toggle-footer[data-theme-active="light"]{background:var(--bg-card);border-color:var(--accent)}.theme-toggle-footer[data-theme-active="dark"]{background:var(--bg-tertiary)}[data-theme="light"] .logo:hover{color:var(--accent)}[data-theme="light"] .footer-social:hover,[data-theme="light"] .footer-social:focus-visible{color:var(--accent)}[data-theme="light"] .footer{background:var(--bg-tertiary);border-top-color:var(--border)}@media (max-width:768px){.header-content{flex-wrap:wrap}.nav-bar{display:none}.header-right{gap:8px}.user-section{gap:8px}.user-display-name{display:none}.theme-toggle-header{display:none}}@media (max-width:600px){.header-content{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.logo{justify-content:flex-start}.nav-bar{display:none}.header-right .search-form{display:none}.header-right{gap:8px}}@media (max-width:480px){.notification-dropdown{min-width:280px;max-width:calc(100vw - 32px);right:0}}.main-content{padding:24px 32px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--text-secondary);margin-bottom:1rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span[aria-current]{color:var(--text-primary)}.main-content>.container{padding-left:0;padding-right:0}@media (max-width:768px){.main-content{padding:16px}}@media (max-width:480px){.main-content{padding:12px 10px}}.main-header{position:sticky;top:0;height:60px;background:rgba(14,14,16,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.main-header-content{display:flex;align-items:center;height:100%;padding:0 16px;gap:16px;position:relative}.main-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.main-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer}.main-hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:var(--transition-normal)}.main-header-brand{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary);text-decoration:none;white-space:nowrap}.main-header-brand:hover{color:var(--accent)}.main-header-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.main-header-socials{display:flex;align-items:center;gap:0}.main-header-social{display:flex;align-items:center;justify-content:center;width:34px;height:44px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast)}.main-header-social svg{width:16px;height:16px}.main-header-social:hover{color:var(--text-primary)}.main-header-tabs{display:flex;align-items:center;gap:4px;flex:1;justify-content:flex-start;overflow-x:auto;min-width:0;-ms-overflow-style:none;scrollbar-width:none}.main-header-tabs::-webkit-scrollbar{display:none}.main-header-tab{display:flex;align-items:center;padding:8px 14px;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:500;border-radius:var(--radius-md);min-height:44px;transition:all var(--transition-fast);white-space:nowrap}.main-header-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.main-header-tab-active{color:var(--accent);background:rgba(168,85,247,0.15)}.main-header-right{display:flex;align-items:center;gap:8px;height:100%;flex-shrink:0;margin-left:auto}.songbattle-mode .main-header-content{display:grid;grid-template-columns:1fr auto 1fr}.songbattle-mode .main-header-right{justify-content:flex-end}.main-user-section{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:4px 6px 4px 10px;border-radius:var(--radius-lg);border:1px solid var(--border);min-height:48px;box-sizing:border-box}.main-user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.main-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-hover);font-size:14px;font-weight:600;color:var(--text-primary)}.main-user-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:0;color:inherit}.main-user-name{font-size:0.85rem;font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-user-arrow{font-size:0.6rem;color:var(--text-muted)}.main-user-dropdown{display:none;position:absolute;right:0;top:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;padding:6px 0;box-shadow:var(--shadow-lg);z-index:1010}.main-user-dropdown.open{display:block}.main-dropdown-item{display:flex;align-items:center;min-height:44px;padding:10px 16px;color:var(--text-primary);text-decoration:none;font-size:0.9rem;transition:background var(--transition-fast)}.main-dropdown-item:hover{background:var(--bg-hover)}.main-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.main-theme-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:0.95rem;color:var(--text-secondary);transition:color var(--transition-fast)}.main-theme-toggle:hover{color:var(--text-primary)}.main-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;pointer-events:none;z-index:1001;transition:opacity 0.3s ease}.main-mobile-overlay.open{opacity:1;pointer-events:auto}.main-mobile-menu{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform 0.3s ease;z-index:1002;padding:20px;display:flex;flex-direction:column}.main-mobile-menu.open{transform:translateX(0)}.main-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.main-mobile-menu-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.main-mobile-menu-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.main-mobile-close{font-size:24px;background:none;border:none;color:var(--text-secondary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.main-mobile-close:hover{color:var(--text-primary);background:var(--bg-hover)}.main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--text-primary);text-decoration:none;font-size:1rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.main-mobile-menu-item:hover{background:var(--bg-hover)}.main-mobile-menu-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.main-mobile-menu-icon svg{width:20px;height:20px}.main-mobile-menu-img{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.main-mobile-menu-item:hover .main-mobile-menu-icon{color:var(--accent-text)}.mobile-nav-worlds{display:flex;flex-direction:column;gap:2px}.mobile-nav-worlds .main-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:0.95rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-nav-worlds .main-mobile-menu-item:hover{background:var(--bg-hover)}.mobile-nav-worlds .main-mobile-menu-icon{width:20px;height:20px;color:var(--text-muted)}.highlight-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,rgba(145,70,255,0.15),rgba(0,212,255,0.1));border-bottom:1px solid rgba(145,70,255,0.3);font-size:0.9rem;position:relative}.highlight-banner-text{color:var(--text-primary);text-decoration:none;font-weight:500;flex:1;text-align:center;transition:color var(--transition-fast)}.highlight-banner-text:hover{color:var(--accent)}.highlight-banner-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.highlight-banner-close:hover{color:var(--text-primary);background:rgba(255,255,255,0.1)}[data-theme="light"] .main-header{background:rgba(255,255,255,0.95)}[data-theme="light"] .main-mobile-menu{background:var(--bg-secondary)}[data-theme="light"] .highlight-banner{background:linear-gradient(90deg,rgba(145,70,255,0.08),rgba(0,212,255,0.05))}[data-theme="light"] .highlight-banner-close:hover{background:rgba(0,0,0,0.05)}.main-mobile-search{padding:8px 12px 4px}.main-mobile-search-form{width:100%}.main-mobile-search-form .search-input{flex:1;min-width:0}@media (max-width:1200px){.main-header-socials{display:none}}@media (max-width:900px){.main-header-tabs{display:none}}@media (max-width:768px){.main-header-right .search-form{display:none}}@media (max-width:600px){.main-user-name{display:none}}@media (max-width:768px){.stats-detail{grid-template-columns:repeat(2,1fr)}.duel-entry{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:8px}.duel-date{grid-column:1 / -1}.duel-players{grid-column:1 / -1}.duel-grids{grid-column:1;flex-wrap:wrap;gap:4px}.duel-result{grid-column:2;grid-row:2 / 4;flex-direction:column;gap:2px;min-width:60px}.global-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-category-list{grid-template-columns:1fr}.shop-user-info{flex-direction:column;text-align:center}.leaderboard-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.leaderboard-search{max-width:100%}.leaderboard-sort-select{width:100%}.leaderboard-period-filter{width:100%;justify-content:stretch}.period-btn{flex:1;text-align:center}}@media (max-width:600px){.hero-title{font-size:1.8rem}.hero-search .search-input{width:100%}.home-features{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.home-features::-webkit-scrollbar{display:none}.home-feature-card{flex:0 0 160px;scroll-snap-align:start;padding:16px 12px}.home-features-btn{display:flex;flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;transition:background 0.15s,opacity 0.2s}.home-features-btn:hover{background:var(--bg-hover)}.home-welcome-stats{grid-template-columns:repeat(2,1fr)}.home-welcome-links{justify-content:center}.home-stats{grid-template-columns:repeat(2,1fr);gap:16px}.home-stats-3{grid-template-columns:repeat(3,1fr)}.stats-hero{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value-hero{font-size:1.5rem}.stats-detail{grid-template-columns:repeat(2,1fr)}.profile-card{padding:20px}.profile-section{padding:16px}.achievement-summary-bar{flex-wrap:wrap;gap:8px;padding:12px 16px}.achievement-summary-progress{width:100%;min-width:unset}.profile-title{display:block;margin-left:0;margin-top:4px;font-size:0.8rem}.achievement{flex-wrap:wrap}.achievement-progress-bar-track{max-width:120px}.leaderboard-item{gap:8px;padding:10px 12px}.leaderboard-rank{width:32px;font-size:1rem}.leaderboard-rank-img{width:28px;height:28px}.leaderboard-avatar,.leaderboard-avatar-placeholder{width:28px;height:28px}.leaderboard-user{gap:6px}.leaderboard-username-link{font-size:0.9rem}.leaderboard-role-label{display:none}.leaderboard-role{padding:2px 4px}.leaderboard-prestige{display:none}.leaderboard-balance{font-size:0.85rem;padding:4px 8px}.profile-top{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:80px;height:80px}.profile-name{flex-wrap:wrap;font-size:1.4rem;gap:8px;justify-content:center}.profile-badges{justify-content:center}.profile-last-active{text-align:center}.profile-rank,.profile-duel-status{font-size:0.8rem;padding:3px 10px}.command-item{flex-direction:column;align-items:flex-start;gap:6px}.command-item code{min-width:auto;width:100%}.help-row{grid-template-columns:1fr;gap:6px}.help-row>*:first-child{font-weight:600}.info-row{grid-template-columns:1fr;gap:6px}.info-row>*:first-child{font-weight:600}.shop-items{grid-template-columns:1fr}.global-stats-grid{grid-template-columns:1fr}.global-stat-value{font-size:1.5rem}.admin-panel-grid{grid-template-columns:1fr}.admin-panel-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-toggle-group{flex-direction:column;align-items:flex-start}.toc-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.multiplier-row,.bonus-row{grid-template-columns:1fr 1fr;gap:8px}.multiplier-row>span:nth-child(3),.multiplier-row>span:nth-child(4){font-size:0.8rem}.streak-row{grid-template-columns:1fr 1fr 1fr}.symbol-values{justify-content:center}.duel-step{flex-direction:column;gap:12px}.step-number{align-self:flex-start}.bonus-cards{grid-template-columns:1fr}.unlock-item{flex-wrap:wrap}.unlock-price{width:100%;text-align:right;margin-top:4px}.combo-cards{grid-template-columns:1fr}.investment-tier{flex-direction:column;gap:10px}.tier-label{align-self:flex-start}.chances-row{grid-template-columns:1fr;gap:4px}.chances-row span:first-child{font-weight:600}}.ui-row{display:flex;gap:0.6rem;align-items:center;flex-wrap:wrap}.ui-col{display:flex;flex-direction:column;gap:0.6rem}.ui-cell-center{text-align:center !important}.ui-cell-right{text-align:right !important}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:0.88rem;font-weight:500;cursor:pointer;font-family:inherit;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s,transform 0.08s}.ui-btn:hover{text-decoration:none}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:0.5;cursor:not-allowed}.ui-btn-sm{padding:5px 12px;font-size:0.8rem;border-radius:6px}.ui-btn-primary{background:var(--accent);color:#fff}.ui-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,black)}.ui-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border)}.ui-btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.ui-btn-danger{background:transparent;color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent)}.ui-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 12%,transparent)}.ui-btn-warn{background:var(--warning);color:#000;border-color:transparent}.ui-btn-warn:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 88%,black)}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-icon-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:color 0.15s,background 0.15s}.ui-icon-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ui-icon-btn-danger:hover{color:var(--error);background:color-mix(in srgb,var(--error) 10%,transparent)}.ui-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.9rem;font-family:inherit;transition:border-color 0.15s,box-shadow 0.15s}.ui-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.ui-input:disabled{opacity:0.6;cursor:not-allowed}.ui-input::placeholder{color:var(--text-muted)}.ui-input-full{width:100%}.ui-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.ui-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer;vertical-align:middle}.ui-switch input{opacity:0;width:0;height:0;position:absolute}.ui-switch-track{position:absolute;inset:0;background:var(--border);border-radius:20px;transition:background 0.2s}.ui-switch-track::before{content:'';position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:var(--text-primary);border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.3)}.ui-switch input:checked + .ui-switch-track{background:var(--success)}.ui-switch input:checked + .ui-switch-track::before{transform:translateX(16px)}.ui-switch input:disabled + .ui-switch-track{opacity:0.5;cursor:not-allowed}.ui-switch input:focus-visible + .ui-switch-track{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-check{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ui-check input{position:absolute;opacity:0;pointer-events:none}.ui-check-box{width:20px;height:20px;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-tertiary);display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s,border-color 0.15s}.ui-check-box::after{content:'';width:10px;height:10px;border-radius:3px;background:var(--accent);transform:scale(0);transition:transform 0.15s cubic-bezier(0.16,1,0.3,1)}.ui-check input:checked + .ui-check-box{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-tertiary))}.ui-check input:checked + .ui-check-box::after{transform:scale(1)}.ui-check:hover .ui-check-box{border-color:var(--accent)}.ui-check input:focus-visible + .ui-check-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.ui-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:0.72rem;font-weight:600;white-space:nowrap}.ui-badge-accent{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-light,#c084fc)}.ui-badge-success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.ui-badge-warn{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.ui-badge-error{background:color-mix(in srgb,var(--error) 18%,transparent);color:var(--error)}.ui-badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.ui-breadcrumb{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:0.88rem;transition:color 0.15s}.ui-breadcrumb:hover{color:var(--text-primary)}.ui-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{padding:0.7rem 1rem;color:var(--text-muted);cursor:pointer;font-size:0.92rem;font-weight:500;position:relative;white-space:nowrap;transition:color 0.15s}.ui-tab:hover{color:var(--text-primary)}.ui-tab-active{color:var(--accent)}.ui-tab-active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent)}.ui-tab-panel{display:none;animation:ui-fade-in 0.2s ease}.ui-tab-panel-active{display:block}@keyframes ui-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.ui-card-nopad{padding:0}.ui-section-header{margin-bottom:0.75rem}.ui-section-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-section-sub{font-size:0.82rem;color:var(--text-muted);margin:0.25rem 0 0}.ui-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.ui-empty p{margin:0}.ui-empty-action{margin-top:0.75rem}.ui-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.ui-form-label{font-size:0.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em}.ui-form-hint{font-size:0.78rem;color:var(--text-muted)}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.85rem;margin-bottom:1.5rem}.ui-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;min-height:88px;display:flex;flex-direction:column;justify-content:center}.ui-stat-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.5rem}.ui-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.15}.ui-stat-hint{font-size:0.78rem;color:var(--text-muted);margin-top:0.35rem}.ui-stat-warn{border-color:var(--warning)}.ui-stat-warn .ui-stat-value{color:var(--warning)}a.ui-stat-link{text-decoration:none;color:inherit;display:flex;transition:border-color 0.15s,transform 0.1s,background 0.15s}a.ui-stat-link:hover{border-color:var(--accent);transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 4%,var(--bg-card))}.ui-table-wrap{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-table{width:100%;border-collapse:collapse;font-size:0.9rem}.ui-th,.ui-td{padding:0.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.ui-th{background:var(--bg-tertiary);font-weight:600;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);white-space:nowrap}.ui-table tbody tr:last-child .ui-td{border-bottom:none}.ui-table tbody tr:hover .ui-td{background:color-mix(in srgb,var(--accent) 4%,transparent)}.ui-empty-row{text-align:center;color:var(--text-muted);padding:1.5rem 1rem !important}.ui-input-num{width:68px;text-align:center}.ui-info{color:var(--text-secondary);font-size:0.9rem;line-height:1.55;margin:0 0 1.25rem 0}.ui-info code{background:var(--bg-card);padding:0.1rem 0.4rem;border-radius:var(--radius-sm);font-size:0.85em;color:var(--accent-light,#c084fc)}.ui-search-bar{position:relative;margin-bottom:1rem}.ui-search-input-padded{padding-left:38px}.ui-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ui-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:900;opacity:0;pointer-events:none;transition:opacity 0.2s}.ui-drawer-overlay.open{opacity:1;pointer-events:auto}.ui-drawer{position:fixed;top:0;right:0;height:100vh;width:min(440px,92vw);background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:-12px 0 32px rgba(0,0,0,0.4);z-index:950;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1)}.ui-drawer.open{transform:translateX(0)}.ui-drawer-header{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-drawer-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-drawer-close{background:transparent;border:1px solid var(--border);border-radius:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:color 0.15s,background 0.15s,border-color 0.15s}.ui-drawer-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.ui-drawer-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.ui-drawer-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:0.5rem;justify-content:flex-end}.ui-progress-bar{position:relative;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.ui-progress-bar-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px;transition:width 0.3s cubic-bezier(0.16,1,0.3,1)}.ui-progress-bar-fill-empty{background:var(--border)}.ui-progress-bar-fill-partial{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light,#c084fc) 100%)}.ui-progress-bar-fill-full{background:linear-gradient(90deg,var(--success-dark,var(--success)) 0%,var(--success) 100%)}.ui-expandable-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.15s}.ui-expandable-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.ui-expandable-card-expanded{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.ui-expandable-card-header{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem}.ui-expandable-card-body{padding:0 1.25rem 1rem;display:flex;flex-direction:column;gap:0.5rem}.ui-expandable-card-footer{border-top:1px solid var(--border)}.ui-expandable-card-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:0.85rem;font-family:inherit;cursor:pointer;transition:background 0.15s,color 0.15s}.ui-expandable-card-toggle:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.ui-expandable-card-toggle-chevron{transition:transform 0.2s}.ui-expandable-card-expanded .ui-expandable-card-toggle-chevron{transform:rotate(180deg)}.ui-expandable-card-content{display:none;padding:0 1.25rem 1rem;border-top:1px solid var(--border)}.ui-expandable-card-expanded .ui-expandable-card-content{display:block}.ui-nav-tile{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color 0.2s,transform 0.15s,box-shadow 0.2s;display:flex;flex-direction:column}.ui-nav-tile:hover{border-color:var(--ui-tile-accent,var(--accent));transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.25)}.ui-nav-tile:focus-visible{outline:none;border-color:var(--ui-tile-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-tile-accent,var(--accent)) 25%,transparent)}.ui-nav-tile-accent{height:4px;background:var(--ui-tile-accent,var(--accent));transition:height 0.2s}.ui-nav-tile:hover .ui-nav-tile-accent{height:6px}.ui-nav-tile-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0.4rem;flex:1}.ui-nav-tile-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.ui-nav-tile-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.45;margin:0}.ui-nav-tile-links{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.65rem}.ui-nav-tile-link{display:inline-flex;align-items:center;padding:0.28rem 0.7rem;font-size:0.78rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s}.ui-nav-tile-link:hover{background:color-mix(in srgb,var(--ui-tile-accent,var(--accent)) 15%,var(--bg-tertiary));color:var(--text-primary);border-color:var(--ui-tile-accent,var(--accent))}.ui-modal{position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:1rem}.ui-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px)}.ui-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 48px rgba(0,0,0,0.4);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:ui-modal-in 0.18s cubic-bezier(0.16,1,0.3,1)}.ui-modal-sm .ui-modal-content{max-width:400px}.ui-modal-md .ui-modal-content{max-width:600px}.ui-modal-lg .ui-modal-content{max-width:800px}.ui-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-modal-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.ui-modal-close{background:transparent;border:1px solid var(--border);border-radius:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:color 0.15s,background 0.15s,border-color 0.15s}.ui-modal-close:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.ui-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.ui-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;gap:0.5rem;justify-content:flex-end}@keyframes ui-modal-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ui-split{display:grid;grid-template-columns:var(--ui-split-sidebar,280px) 1fr;gap:0;height:calc(100vh - var(--header-height,64px));min-height:400px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.ui-split-sidebar{border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-secondary)}.ui-split-content{overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-card)}@media (max-width:720px){.ui-split{grid-template-columns:1fr;height:auto}.ui-split-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}}.ui-quicklink{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 0.85rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:0.88rem;font-weight:500;text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s,transform 0.1s}.ui-quicklink:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-tertiary));color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}.ui-quicklink-icon{font-size:1.05rem;line-height:1;display:inline-flex;align-items:center}.ui-quicklink-label{line-height:1.2}.ui-event-item{display:flex;align-items:center;gap:0.85rem;padding:0.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color 0.15s,background 0.15s,transform 0.1s;margin-bottom:0.5rem}.ui-event-item:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));transform:translateY(-1px)}.ui-event-item:last-child{margin-bottom:0}.ui-event-item-highlight{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.ui-event-date{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:0.25rem 0.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);line-height:1.1}.ui-event-day{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.ui-event-month{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin-top:2px}.ui-event-info{display:flex;align-items:center;gap:0.55rem;flex:1;min-width:0}.ui-event-icon{font-size:1.15rem;line-height:1}.ui-event-text{min-width:0;flex:1}.ui-event-title{font-size:0.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-event-time{font-size:0.8rem;color:var(--text-muted);margin-top:2px}