:root{--opt-bg:#0b121d;--opt-panel:#111c2c;--opt-card:#1b273a;--opt-card2:#202b40;--opt-line:#314157;--opt-text:#f7fbff;--opt-muted:#8fa2b9;--opt-blue:#62d7ff;--opt-green:#42d97a;--opt-red:#ff5b5b;--opt-gold:#f5c542;--opt-silver:#c6d2df;--opt-bronze:#cd8750;}
.opt-wrap{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto 32px;padding:28px;border-radius:24px;background:radial-gradient(circle at 20% 0%,rgba(98,215,255,.10),transparent 28%),linear-gradient(180deg,#101824,#0b121d);color:var(--opt-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 22px 70px rgba(0,0,0,.22);border:1px solid rgba(151,199,255,.18)}
.opt-wrap *{box-sizing:border-box}.opt-kicker{font-size:12px;letter-spacing:.24em;color:var(--opt-blue);font-weight:800;text-transform:uppercase;margin:0 0 10px}.opt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.opt-title{font-size:clamp(28px,4vw,48px);line-height:1.04;margin:0 0 10px;font-weight:900}.opt-sub{color:var(--opt-muted);margin:0;font-size:15px}.opt-badge{border:1px solid rgba(98,215,255,.25);background:rgba(98,215,255,.09);color:#dff7ff;border-radius:999px;padding:10px 14px;white-space:nowrap;font-weight:800}.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.opt-group{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--opt-line);border-radius:18px;padding:18px;min-width:0}.opt-group h3{margin:0 0 14px;font-size:26px}.opt-row{display:grid;grid-template-columns:42px 42px 1fr auto;align-items:center;gap:12px;padding:10px 12px;margin:8px 0;background:var(--opt-card);border:1px solid var(--opt-line);border-radius:13px;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.opt-row:hover,.opt-row.is-active{transform:translateY(-1px);border-color:rgba(98,215,255,.65);background:#24324a}.opt-medal{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0b1724;color:var(--opt-blue);font-weight:900}.opt-photo{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(98,215,255,.35);background:#102036}.opt-name{font-size:14px;font-weight:900;letter-spacing:.02em}.opt-points{font-size:18px;font-weight:900}.opt-top1{background:linear-gradient(90deg,rgba(245,197,66,.30),rgba(245,197,66,.08));border-color:rgba(245,197,66,.65)}.opt-top1 .opt-medal{background:var(--opt-gold);color:#1f1600}.opt-top2{background:linear-gradient(90deg,rgba(198,210,223,.27),rgba(198,210,223,.07));border-color:rgba(198,210,223,.62)}.opt-top2 .opt-medal{background:var(--opt-silver);color:#102036}.opt-top3{background:linear-gradient(90deg,rgba(205,135,80,.30),rgba(205,135,80,.07));border-color:rgba(205,135,80,.64)}.opt-top3 .opt-medal{background:var(--opt-bronze);color:#1b0f08}.opt-detail{margin-top:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--opt-line);border-radius:18px;padding:20px;display:grid;grid-template-columns:160px 1fr;gap:20px}.opt-detail-photo{width:150px;height:150px;border-radius:24px;object-fit:cover;border:1px solid rgba(98,215,255,.25)}.opt-detail h2{margin:0 0 4px;font-size:34px}.opt-meta{color:var(--opt-blue);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}.opt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.opt-stat{background:var(--opt-card);border:1px solid var(--opt-line);border-radius:12px;padding:12px}.opt-stat span{display:block;color:var(--opt-muted);font-size:12px}.opt-stat strong{display:block;margin-top:4px;font-size:24px}.opt-chart{height:210px;background:#0b121d;border:1px solid #23344b;border-radius:14px;padding:12px}.opt-table-wrap{overflow:auto;border:1px solid var(--opt-line);border-radius:18px;background:rgba(255,255,255,.02)}.opt-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;color:var(--opt-text)}.opt-table th{position:sticky;top:0;z-index:2;background:#121d2d;color:#c9d7e6;text-transform:uppercase;font-size:12px;letter-spacing:.12em;padding:12px 10px;border-bottom:1px solid var(--opt-line)}.opt-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;font-weight:800}.opt-table tr{cursor:pointer}.opt-table tr:hover{background:rgba(98,215,255,.07)}.opt-table .player-cell{text-align:left;display:flex;align-items:center;gap:10px}.opt-score{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:8px;background:#17314b;color:#89cfff}.opt-score.win{background:rgba(66,217,122,.20);color:#8cffba}.opt-score.loss{background:rgba(255,91,91,.20);color:#ff9a9a}.opt-score.empty{background:rgba(255,255,255,.06);color:#7890aa}.opt-num-blue{color:var(--opt-blue)!important}.opt-num-green{color:var(--opt-green)!important}.opt-num-red{color:var(--opt-red)!important}.opt-foot{margin-top:12px;color:var(--opt-muted);font-size:12px}.opt-mini-title{margin:24px 0 12px;font-size:20px}.opt-champs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.opt-champ{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(245,197,66,.24),rgba(98,215,255,.08));border:1px solid rgba(245,197,66,.35);border-radius:16px;padding:14px}.opt-champ strong{font-size:18px}.opt-champ span{display:block;color:var(--opt-muted);font-size:12px}.opt-final-card{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.opt-final-list .opt-row{grid-template-columns:42px 42px 1fr auto}.opt-pill{display:inline-flex;border-radius:999px;background:rgba(98,215,255,.13);color:var(--opt-blue);padding:6px 10px;font-weight:900;font-size:12px;margin-right:6px}
@media(max-width:900px){.opt-wrap{padding:18px;border-radius:18px}.opt-head{display:block}.opt-badge{display:inline-flex;margin-top:12px}.opt-grid,.opt-final-card,.opt-champs{grid-template-columns:1fr}.opt-detail{grid-template-columns:1fr}.opt-detail-photo{width:120px;height:120px}.opt-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.opt-row{grid-template-columns:34px 36px 1fr auto;gap:8px;padding:8px}.opt-name{font-size:12px}.opt-points{font-size:15px}.opt-group{padding:12px}.opt-detail h2{font-size:26px}.opt-stats{grid-template-columns:1fr}.opt-title{font-size:28px}}