:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#090f1e;color:#f2f6ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 82% 3%,#263758 0,transparent 39%),#090f1e}a{color:inherit}button{font:inherit;cursor:pointer}.top{max-width:1120px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27334a}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:900;letter-spacing:.08em}.brand b{color:#f8c461}.back{color:#c0cce0;text-decoration:none;font-size:14px}main{max-width:1120px;margin:auto;padding:34px 24px 60px}.hero{display:flex;justify-content:space-between;align-items:center;padding:24px 0 36px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#eac66e;margin:0 0 12px}h1{font-size:clamp(40px,7vw,76px);line-height:1.04;letter-spacing:-.055em;margin:0}h1 span{color:#f1c66c}.intro{max-width:580px;color:#b7c5da;line-height:1.6;font-size:17px}.live{display:inline-flex;align-items:center;gap:9px;border:1px solid #315654;border-radius:99px;color:#b8ead7;padding:9px 13px;font-size:12px}.live span{width:8px;height:8px;border-radius:50%;background:#56dea8}.trophy{font-size:100px;margin-right:7%;filter:drop-shadow(0 12px 25px #e8bd4b33)}.panel{border:1px solid #35425a;background:#121c30;border-radius:20px;padding:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel h2{font-size:24px;letter-spacing:-.03em;margin:0}.note{color:#adbbd0;line-height:1.55;font-size:14px;max-width:790px}.refresh,.choices button{border:1px solid #3c4b63;border-radius:10px;background:#1c2940;color:#e5edfa;padding:10px 15px}.refresh:hover,.choices button:hover{border-color:#f2c669}.filters{display:flex;flex-wrap:wrap;gap:30px;margin:24px 0}fieldset{border:0;margin:0;padding:0}legend{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9eacc2;font-weight:700;margin-bottom:10px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button[aria-pressed=true]{background:#f2c669;color:#1e1a16;border-color:#f2c669;font-weight:800}.table-wrap{overflow-x:auto;border:1px solid #344058;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 18px;border-bottom:1px solid #2d3a50}th{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#a7b7cf;background:#18243a}td{font-size:15px}tr:last-child td{border-bottom:0}td:last-child{color:#f2ca77;font-weight:800}td:first-child{font-weight:800;color:#dde8f9}.message{text-align:center;color:#b9c6d8;padding:28px 20px;margin:0;line-height:1.5}.table-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#aab8cd}.table-footer p{margin:14px 0 0}.next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.next>div{background:#111b2e;border:1px solid #2d3a50;border-radius:16px;padding:22px}.next span{font-size:24px}.next h3{margin:12px 0 8px}.next p{font-size:14px;line-height:1.5;color:#aebcd0}.next a{color:#f2ca77;text-decoration:none;font-size:13px;font-weight:700}.next small{color:#f2ca77}footer{border-top:1px solid #27334a;color:#8697b1;padding:24px;text-align:center;font-size:12px}@media(max-width:700px){.top{padding:16px}.brand{font-size:12px}.back{font-size:12px}main{padding:24px 16px 48px}.hero{padding-top:15px}.trophy{font-size:52px;margin:0}.panel{padding:18px}.panel-heading{align-items:flex-start}.next{grid-template-columns:1fr}.filters{gap:20px}th,td{padding:13px 12px}}
.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.play{display:inline-block;text-decoration:none;background:#f2c669;border-radius:10px;padding:11px 14px;color:#1e1a16;font-weight:800;font-size:14px}.refresh:disabled{opacity:.6;cursor:wait}
.privacy{border-top:1px solid #344058;margin-top:20px;padding-top:14px;color:#aab8cd;font-size:13px;line-height:1.5}.privacy button{background:transparent;border:1px solid #a6b1c2;color:#e5edfa;border-radius:9px;padding:9px 13px}.privacy button:disabled{opacity:.6}.privacy p:last-child{margin-bottom:0}
.cup-panel{margin-top:18px}.cup-panel .table-wrap{margin-top:22px}
.panel-status{font-size:13px;color:#aab8cd;margin:14px 0 0}.tag{border:1px solid #8c7951;color:#f2ca77;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.12em}.account-link{color:#f2ca77;font-size:13px;text-decoration:none;font-weight:700}.friend-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0;color:#aab8cd;font-size:13px}.friend-actions button:disabled{opacity:.6}.panel .table-wrap{margin-top:18px}
/* Shared site appearance, independent of game or account data. */
.top{flex-wrap:wrap;gap:16px}.ranking-control{display:flex;align-items:center;gap:7px;font-size:13px}.ranking-control select{background:#1c2940;color:#e5edfa;border:1px solid #667085;border-radius:8px;padding:8px;font:inherit;max-width:155px}.panel-heading{flex-wrap:wrap}.brand,.back{flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #68b8ff;outline-offset:3px}
:root[data-ui-theme=light]{color-scheme:light;background:#f4f6fb;color:#17243b}
:root[data-ui-theme=light] body{background:radial-gradient(ellipse at 82% 3%,#dae5fb 0,transparent 39%),#f4f6fb}
:root[data-ui-theme=light] .top,:root[data-ui-theme=light] footer{border-color:#c6cfdf}
:root[data-ui-theme=light] .panel{background:#fff;border-color:#bec9db}
:root[data-ui-theme=light] .eyebrow,:root[data-ui-theme=light] h1 span,:root[data-ui-theme=light] .brand b{color:#805100}
:root[data-ui-theme=light] .back,:root[data-ui-theme=light] .intro,:root[data-ui-theme=light] .note,:root[data-ui-theme=light] legend,:root[data-ui-theme=light] .message,:root[data-ui-theme=light] .panel-status,:root[data-ui-theme=light] .table-footer,:root[data-ui-theme=light] .privacy,:root[data-ui-theme=light] .friend-actions,:root[data-ui-theme=light] footer{color:#465775}
:root[data-ui-theme=light] .live{color:#15583f;border-color:#6c9c87;background:#e9f7ef}
:root[data-ui-theme=light] .refresh,:root[data-ui-theme=light] .choices button,:root[data-ui-theme=light] .ranking-control select,:root[data-ui-theme=light] .privacy button{color:#17243b;background:#edf1f8;border-color:#9fadc3}
:root[data-ui-theme=light] .choices button[aria-pressed=true]{background:#f2c669;color:#1e1a16;border-color:#a16b06}
:root[data-ui-theme=light] .table-wrap,:root[data-ui-theme=light] .privacy,:root[data-ui-theme=light] th,:root[data-ui-theme=light] td{border-color:#c6cfdf}
:root[data-ui-theme=light] th{background:#edf1f8;color:#405170}
:root[data-ui-theme=light] td:first-child{color:#17243b}
:root[data-ui-theme=light] td:last-child,:root[data-ui-theme=light] .account-link,:root[data-ui-theme=light] .tag{color:#805100}
:root[data-ui-theme=light] .tag{border-color:#b99c64}
@media(max-width:460px){.top{gap:12px}.panel-heading{gap:14px}.ranking-control{font-size:12px}.ranking-control select{max-width:140px}.hero .trophy{display:none}.panel-actions{width:100%}.panel-actions a,.panel-actions button{flex:1;text-align:center}}