.optc-wrap{--bg:#071522;--card:#102033;--card2:#17263a;--line:#29425f;--txt:#eef7ff;--muted:#83a6c5;--blue:#4db3ff;--blue2:#1f75ff;--gold:#f2c94c;--silver:#b9c6d2;--bronze:#d38a4d;max-width:1320px;margin:18px auto;padding:22px;background:linear-gradient(145deg,#06111c,#102033 55%,#071522);border:1px solid rgba(141,198,255,.3);border-radius:24px;color:var(--txt);font-family:Inter,Arial,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.25);box-sizing:border-box}.optc-wrap *{box-sizing:border-box}.optc-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.optc-kicker{font-size:12px;letter-spacing:.22em;color:#8fd5ff;text-transform:uppercase}.optc-head h2{margin:6px 0 4px;font-size:clamp(28px,4vw,48px);line-height:1.05;color:#fff;letter-spacing:.04em}.optc-head p{margin:0;color:var(--muted);font-size:16px}.optc-badge{padding:12px 16px;border:1px solid var(--line);border-radius:14px;color:#b9dcff;background:rgba(255,255,255,.04);white-space:nowrap}.optc-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.optc-champ{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);color:var(--txt);cursor:pointer;transition:.18s transform,.18s border-color}.optc-champ:hover{transform:translateY(-2px);border-color:#75c7ff}.optc-champ small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.optc-champ-1{background:linear-gradient(90deg,rgba(242,201,76,.20),rgba(255,255,255,.04));border-color:rgba(242,201,76,.55)}.optc-champ-2{background:linear-gradient(90deg,rgba(185,198,210,.18),rgba(255,255,255,.04));border-color:rgba(185,198,210,.55)}.optc-champ-3{background:linear-gradient(90deg,rgba(211,138,77,.20),rgba(255,255,255,.04));border-color:rgba(211,138,77,.55)}.optc-medal{font-size:30px;line-height:1}.optc-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(5,13,23,.45)}.optc-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.optc-table th{position:sticky;top:0;z-index:1;background:#0d1d30;color:#9ddcff;text-transform:uppercase;font-size:12px;letter-spacing:.11em;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.optc-table td{padding:10px 12px;border-bottom:1px solid rgba(91,130,169,.24);text-align:center;font-weight:700;color:#eaf6ff}.optc-table tr{cursor:pointer;transition:.15s background}.optc-table tr:hover{background:rgba(77,179,255,.10)}.optc-player-cell{display:flex;align-items:center;gap:12px;text-align:left;min-width:220px}.optc-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(141,198,255,.5);background:#0b1a2b;flex:0 0 auto}.optc-avatar-empty{display:inline-flex;align-items:center;justify-content:center;color:#08131f;background:#9bdcff;font-size:13px;font-weight:900}.optc-rank{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#173452;color:#a8dfff}.optc-row.gold{background:linear-gradient(90deg,rgba(242,201,76,.22),rgba(242,201,76,.08),transparent)}.optc-row.silver{background:linear-gradient(90deg,rgba(185,198,210,.22),rgba(185,198,210,.08),transparent)}.optc-row.bronze{background:linear-gradient(90deg,rgba(211,138,77,.24),rgba(211,138,77,.09),transparent)}.optc-row.gold .optc-rank{background:var(--gold);color:#151000}.optc-row.silver .optc-rank{background:var(--silver);color:#071522}.optc-row.bronze .optc-rank{background:var(--bronze);color:#130802}.optc-score{color:#b8dcff}.optc-score span,.optc-last span{color:#496982}.optc-score:nth-child(6n),.optc-score:nth-child(7n){color:#9fff6d}.optc-total{color:#ffd34d!important;font-size:20px}.optc-pending{background:#142843!important;color:#ffd34d!important}.optc-detail{margin-top:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:18px;min-height:120px}.optc-detail-empty{color:var(--muted);text-align:center;padding:35px}.optc-detail-grid{display:grid;grid-template-columns:220px 1fr 280px;gap:18px;align-items:stretch}.optc-profile{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.optc-profile .optc-avatar{width:148px;height:148px;border-width:3px}.optc-profile h3{font-size:34px;margin:8px 0 0}.optc-profile p{margin:0;color:var(--muted)}.optc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.optc-stat{padding:13px;border:1px solid rgba(91,130,169,.38);border-radius:14px;background:rgba(8,22,36,.65)}.optc-stat small{display:block;color:#83a6c5;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.optc-stat strong{display:block;margin-top:5px;font-size:24px}.optc-chart{height:210px;border:1px solid rgba(91,130,169,.36);border-radius:16px;background:rgba(2,10,18,.4);padding:12px}.optc-chart svg{width:100%;height:100%;overflow:visible}.optc-side{border:1px solid rgba(91,130,169,.36);border-radius:16px;background:rgba(8,22,36,.65);padding:16px}.optc-side h4{margin:0 0 10px;color:#fff}.optc-side p{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(91,130,169,.22);margin:0;padding:9px 0;color:#b9dcff}.optc-side p:last-child{border-bottom:0}.optc-up{color:#65ff9b!important}.optc-down{color:#ff7272!important}.optc-even{color:#ffd34d!important}@media(max-width:900px){.optc-wrap{padding:14px;border-radius:18px}.optc-head{display:block}.optc-badge{display:inline-block;margin-top:12px}.optc-podium{grid-template-columns:1fr}.optc-detail-grid{grid-template-columns:1fr}.optc-stats{grid-template-columns:repeat(2,1fr)}.optc-profile{align-items:center;text-align:center}.optc-profile .optc-avatar{width:120px;height:120px}.optc-table{min-width:860px}.optc-head h2{font-size:30px}}