:root{--bg:#070b18;--card:#141c33;--card2:#0c1322;--gold:#fbbf24;--gold-deep:#b45309;--red:#f87171;--blue:#3b82f6;--blue-dim:#3b82f624;--red-dim:#f8717124;--text:#eef2fa;--muted:#b3bdd2;--border:#2a3552;--goldline:#fbbf2459;--touch:44px;--r:12px;--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp6:24px}body{background:radial-gradient(120% 60% at 50% -10%, #101a3a 0%, var(--bg) 60%) fixed, var(--bg);margin:0}button{color:var(--text);border:1px solid var(--border);min-height:var(--touch);cursor:pointer;background:linear-gradient(#223052,#1a2440);border-radius:10px;padding:6px 12px;font-size:14px;font-weight:600;transition:background .15s,transform 80ms,border-color .15s}button:hover{background:#2a3a63;border-color:#3b4d7d}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}input,select{min-height:var(--touch);border:1px solid var(--border);background:var(--card2);color:var(--text);border-radius:10px;padding:6px 10px;font-size:16px}.mdc-card{border:1px solid var(--border);border-top:1px solid var(--goldline);border-radius:var(--r);padding:var(--sp2);background:linear-gradient(#16203c 0%,#101830 100%);box-shadow:0 2px 12px #00000059}.mdc-title{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--sp2);font-size:12px;font-weight:800}.mdc-muted{color:var(--muted);font-size:12px}.mdc-press{cursor:pointer;transition:background .15s,transform 80ms}.mdc-press:hover{background:#1a2340}.mdc-press:active{transform:scale(.98)}.mdc-goldnum{color:var(--gold);text-shadow:0 0 12px #fbbf2473}.mdc-score{background:#26304d;border-radius:3px;height:6px;overflow:hidden}.mdc-score>i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:3px;height:100%;display:block}.mdc-chip{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.mdc-tierS{color:#fbbf24;border-color:#fbbf24;box-shadow:0 0 8px #fbbf2459}.mdc-tierA{color:#22c55e;border-color:#22c55e}.mdc-tierB{color:#60a5fa;border-color:#3b82f6}.mdc-tierC{color:#aab4c8}.mdc-tierD{color:#f87171;border-color:#ef4444}.mdc-legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.mdc-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.mdc-avatarbtn{background:0 0;border:none;min-height:0;margin:-4px;padding:4px}.mdc-side-blue{border-left:3px solid var(--blue);background:linear-gradient(#3b82f61f 0%,#101830 70%)}.mdc-side-blue h2{color:#93c5fd}.mdc-side-red{border-left:3px solid var(--red);background:linear-gradient(#f871711f 0%,#101830 70%)}.mdc-side-red h2{color:#fca5a5}.mdc-slot{color:#3b4d7d;border:1px dashed #3b4d7d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{text-shadow:none!important;transition:none!important}}