:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0d0f18;--surface:#13161f;--surface-2:#1a1d2a;--surface-3:#20243a;--border:#ffffff14;--border-md:#ffffff21;--text:#e2e8f0;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#a78bfa;--accent-2:#818cf8;--accent-glow:#a78bfa2e;--accent-border:#a78bfa66;--red:#ef44442e;--red-border:#ef444459;--red-text:#fca5a5;--green:#22c55e24;--green-border:#22c55e4d;--green-text:#86efac;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,select{cursor:pointer}p,h1,h2,h3{margin:0}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:40px 0 64px}.hero{margin-bottom:28px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:11px;font-weight:700}h1{letter-spacing:-.02em;color:#f1f5f9;margin:0 0 10px;font-size:clamp(2.2rem,7vw,4.2rem);font-weight:800;line-height:1}.hero-sub{max-width:560px;color:var(--text-dim);font-size:15px;line-height:1.65}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tab{border:1px solid var(--border-md);color:var(--text-dim);background:0 0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.active{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent)}.tab.admin-tab{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2459;font-weight:700}.tab.admin-tab.active{background:#fbbf242e;border-color:#fbbf2499}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.panel{margin-bottom:14px;padding:20px 24px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header h2{color:#f1f5f9;font-size:15px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat-card{padding:18px 20px}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:500}.stat-value{color:#f1f5f9;margin-bottom:4px;font-size:1.7rem;font-weight:700;line-height:1}.stat-subtitle{color:var(--text-muted);margin-top:4px;font-size:12px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.btn{border:1px solid var(--border-md);background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-md)}.btn-primary{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent)}.btn-primary:hover{background:#a78bfa42}.btn-danger{background:var(--red);border-color:var(--red-border);color:var(--red-text)}.btn-danger:hover{background:#ef444440}.btn-success{background:var(--green);border-color:var(--green-border);color:var(--green-text)}.button-link{border:1px solid var(--accent-border);background:var(--accent-glow);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.button-link:hover{background:#a78bfa42}.form-stack{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-stack label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}input,select,textarea{background:var(--surface-2);border:1px solid var(--border-md);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent-border)}textarea{resize:vertical;min-height:100px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.search-row{gap:8px;margin-bottom:16px;display:flex}.search-row input{border-radius:999px}.search-row .btn{flex-shrink:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}td{color:var(--text);font-size:13px}tr:last-child td{border-bottom:none}.player-cell{flex-direction:column;gap:2px;display:flex}.player-cell span{color:var(--text-muted);font-size:11px}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.row-left{flex-direction:column;gap:2px;min-width:0;display:flex}.row strong{color:#f1f5f9;font-size:13px}.row small,.row span{color:var(--text-muted);font-size:12px}.row-score{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item-card{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:6px;padding:14px;display:flex}.item-card strong{color:#f1f5f9;overflow-wrap:anywhere;font-size:13px}.item-card small{color:var(--text-muted);font-size:11px}.rarity-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.rarity-common{color:#94a3b8;background:#94a3b826}.rarity-rare{color:#38bdf8;background:#38bdf826}.rarity-epic{color:#c084fc;background:#a855f72e}.rarity-legendary{color:#fbbf24;background:#fbbf242e}.rarity-mythic{color:#f87171;background:#ef44442e}.champion-card{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:12px;padding:16px;display:flex}.champion-card h3{color:#f1f5f9;font-size:1.15rem}.champion-card p{color:var(--text-dim);font-size:13px}.champion-stats{flex-wrap:wrap;gap:6px;display:flex}.champion-stats span{background:var(--surface-3);color:var(--text-dim);border-radius:999px;padding:5px 10px;font-size:12px}.mini-stats{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mini-stats span{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:5px 10px;font-size:12px}.profile-summary{flex-direction:column;gap:2px;display:flex}.profile-summary strong{color:#f1f5f9;font-size:15px}.profile-summary span{color:var(--text-muted);font-size:12px}.error-box{border-radius:var(--radius-md);border:1px solid var(--red-border);background:var(--red);color:var(--red-text);margin-bottom:14px;padding:12px 16px;font-size:13px}.success-box{border-radius:var(--radius-md);border:1px solid var(--green-border);background:var(--green);color:var(--green-text);margin-bottom:14px;padding:12px 16px;font-size:13px}.loading,.muted{color:var(--text-muted);padding:8px 0;font-size:13px}.announcements{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.announcement-banner{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.announcement-banner strong{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:700}.announcement-banner.info{background:#60a5fa1a;border-color:#60a5fa59}.announcement-banner.info strong{color:#60a5fa}.announcement-banner.warning{background:#fbbf241f;border-color:#fbbf2473}.announcement-banner.warning strong{color:#fbbf24}.announcement-banner.warning span{color:#fde68a}.announcement-banner.error{background:#ef44441f;border-color:#ef444473}.announcement-banner.error strong{color:#f87171}.announcement-banner.error span{color:#fecaca}.status-badge{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-md);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge.open,.status-badge.active{background:var(--green);color:var(--green-text);border-color:var(--green-border)}.status-badge.resolved,.status-badge.closed{background:var(--surface-3);color:var(--text-muted)}.status-badge.waiting_admin,.status-badge.waiting_user{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}.status-badge.pending{color:var(--accent);border-color:var(--accent-border);background:#a78bfa1f}.supporter-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.glow-blue{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d}.glow-purple{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent-border)}.glow-gold{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.glow-green{background:var(--green);color:var(--green-text);border:1px solid var(--green-border)}.glow-red{background:var(--red);color:var(--red-text);border:1px solid var(--red-border)}.leaderboard-text{color:var(--text);font-size:14px;line-height:1.7}.result-list{flex-direction:column;gap:6px;display:flex}.result-button{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.result-button:hover{background:var(--surface-3);border-color:var(--border-md)}.result-button strong{color:#f1f5f9;font-size:13px}.result-button small{color:var(--text-muted);font-size:11px}.support-ticket-list{flex-direction:column;gap:6px;display:flex}.support-ticket-button{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:2px;width:100%;padding:11px 14px;transition:background .15s,border-color .15s;display:flex}.support-ticket-button:hover{background:var(--surface-3)}.support-ticket-button.active{border-color:var(--accent-border);background:var(--accent-glow)}.support-ticket-button strong{color:#f1f5f9;font-size:13px}.support-ticket-button span{color:var(--text-dim);font-size:11px}.support-ticket-button small{color:var(--text-muted);font-size:11px}.ticket-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.ticket-messages{flex-direction:column;gap:10px;max-height:360px;margin-bottom:14px;display:flex;overflow-y:auto}.ticket-message{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);padding:10px 14px;font-size:13px}.ticket-message.admin{background:var(--accent-glow);border-color:var(--accent-border)}.ticket-message-header{color:var(--text-muted);margin-bottom:4px;font-size:11px}.compact-select{background:var(--surface-2);border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px;font-size:12px}.admin-row strong{color:#f1f5f9;display:block}.admin-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.admin-tab-btn{border:1px solid var(--border-md);color:var(--text-muted);background:0 0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.admin-tab-btn:hover{background:var(--surface-2);color:var(--text)}.admin-tab-btn.active{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent)}.admin-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;display:flex}.admin-row:last-child{border-bottom:none}.admin-row-left{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-row strong{color:#f1f5f9}.admin-row small{color:var(--text-muted);font-size:11px}.admin-row-actions{flex-shrink:0;gap:6px;display:flex}.admin-list{flex-direction:column;display:flex}.admin-list.spaced{gap:4px}.log-entry{border-radius:var(--radius-md);background:var(--surface-2);border-left:3px solid var(--border-md);margin-bottom:6px;padding:10px 14px}.log-entry.error{border-left-color:#f87171}.log-entry.warning{border-left-color:#fbbf24}.log-entry.info{border-left-color:#60a5fa}.log-entry strong{color:#f1f5f9;font-size:12px}.log-entry small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.log-entry p{color:var(--text-dim);margin-top:4px;font-size:12px}.code-box{background:var(--surface-2);border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text-dim);word-break:break-all;padding:12px 14px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;overflow-x:auto}.setup-steps{flex-direction:column;gap:10px;margin:0;padding:0 0 0 20px;display:flex}.setup-steps li{color:var(--text);font-size:13px}.setup-steps li strong{color:#f1f5f9;display:block}.setup-steps li span{color:var(--text-muted);font-size:12px}.health-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.health-row:last-child{border-bottom:none}.health-row span:first-child{color:var(--text-muted)}.health-ok{color:var(--green-text);font-weight:600}.health-err{color:var(--red-text);font-weight:600}.section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:16px 0 8px;font-size:11px;font-weight:600}.catalog-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.catalog-row:last-child{border-bottom:none}.catalog-row span{color:var(--text-muted)}.catalog-row strong{color:#f1f5f9}.support-project-panel{margin-bottom:14px;padding:20px 24px}.support-project-panel h3{color:#f1f5f9;margin-bottom:6px;font-size:14px}.support-project-panel p{color:var(--text-muted);margin-bottom:12px;font-size:13px}.support-links{flex-wrap:wrap;gap:8px;display:flex}.friends-list{flex-direction:column;gap:6px;display:flex}.friend-row{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.friend-row strong{color:#f1f5f9}.friend-row small{color:var(--text-muted);font-size:11px;display:block}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-two,.form-row{grid-template-columns:1fr}}@media (width<=560px){.stats-grid{grid-template-columns:1fr}.tabs{gap:5px}.tab{padding:6px 12px;font-size:12px}}