.contest-screen{--screen-bg:#0d1117;--screen-ink:#f5f1e8;--screen-muted:#98a2b3;--screen-line:hsla(0,0%,100%,.1);--screen-accent:#f08a4b;background:radial-gradient(ellipse at 12% -12%,rgba(240,138,75,.24),transparent 55%),radial-gradient(ellipse at 100% 0,rgba(86,124,200,.16),transparent 48%),var(--screen-bg);color:var(--screen-ink);display:flex;flex-direction:column;font-variant-numeric:tabular-nums;height:100dvh;min-height:540px;overflow:hidden}.screen-head{gap:2vw;justify-content:space-between;padding:2.2vh 2.6vw 1.4vh}.screen-brand,.screen-head{align-items:center;display:flex}.screen-brand{gap:1.4vw;min-width:0}.screen-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));flex:none;height:5.4vh;width:auto}.screen-title{min-width:0}.screen-kicker{color:var(--screen-accent);display:block;font-size:clamp(10px,1.35vh,18px);font-weight:700;letter-spacing:.16em}.contest-screen .screen-title h1{color:var(--screen-ink);font-size:clamp(20px,3.2vh,44px);font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-period{color:var(--screen-muted);font-size:clamp(9px,1.25vh,16px);margin:.4vh 0 0;white-space:nowrap}.screen-meta{align-items:center;color:var(--screen-muted);display:flex;flex-wrap:wrap;font-size:clamp(10px,1.45vh,19px);gap:.7vh 1.1vw;justify-content:flex-end}.screen-badge{align-items:center;border:1px solid var(--screen-line);border-radius:999px;color:var(--screen-ink);display:inline-flex;font-weight:650;gap:.5vw;padding:.55vh 1vw;white-space:nowrap}.screen-badge.live{background:#7ee2a814;border-color:#7ee2a866;color:#7ee2a8}.screen-badge.live:before{animation:screen-pulse 1.6s ease-in-out infinite;background:#7ee2a8;border-radius:50%;content:"";height:.85vh;width:.85vh}.screen-badge.settled{border-color:#9fb4cc59;color:#9fb4cc}.screen-stat{white-space:nowrap}.screen-stat strong{color:var(--screen-ink);font-size:1.2em;font-weight:750}.screen-timer{align-items:baseline;background:#ffffff0f;border-radius:10px;display:inline-flex;gap:.55vw;padding:.6vh 1vw;white-space:nowrap}.screen-timer .contest-countdown{color:var(--screen-ink);font-size:1.25em;font-weight:750}.screen-clock{color:var(--screen-ink);font-weight:650;white-space:nowrap}.screen-icon-button{align-items:center;background:#ffffff0d;border:1px solid var(--screen-line);border-radius:50%;color:var(--screen-ink);cursor:pointer;display:inline-flex;font-size:1.5vh;height:4.4vh;justify-content:center;width:4.4vh}.screen-icon-button:hover{border-color:var(--screen-accent);color:var(--screen-accent)}.screen-back{color:var(--screen-muted);font-size:.95em;text-decoration:none;white-space:nowrap}.screen-back:hover{color:var(--screen-accent)}.screen-body{align-items:flex-start;display:flex;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 2.6vw}.screen-state{color:var(--screen-muted);font-size:clamp(14px,2vh,26px);margin:auto}.screen-table{border-collapse:separate;border-spacing:0;margin:auto 0;table-layout:fixed;width:100%}.screen-table thead th{border-bottom:1px solid var(--screen-line);color:var(--screen-muted);font-size:clamp(9px,1.35vh,17px);font-weight:500;padding:1.1vh .8vw;text-align:left;white-space:nowrap}.screen-table thead th strong{color:var(--screen-ink);display:block;font-size:1.16em;font-weight:700;overflow:hidden;text-overflow:ellipsis}.screen-table thead th small{color:var(--screen-muted);display:block;font-size:.76em;font-weight:400;margin-top:.35vh;overflow:hidden;text-overflow:ellipsis}.screen-table tbody tr{height:7.2vh}.screen-table tbody td{border-bottom:1px solid hsla(0,0%,100%,.06);padding:.75vh .8vw;vertical-align:middle}.screen-table tbody tr.podium-1 td{background:#e8bf5a1a}.screen-table tbody tr.podium-2 td{background:#becbd614}.screen-table tbody tr.podium-3 td{background:#c9865017}.screen-table tbody tr.screen-row{cursor:pointer}.screen-table tbody tr.screen-row:hover td{background-color:#ffffff12}.screen-table tbody tr.screen-row.expanded td{background-color:#f08a4b21}.screen-table tbody tr.screen-row:focus-visible{outline:2px solid var(--screen-accent);outline-offset:-2px}.screen-detail-row>td{background:#ffffff09;border-bottom:1px solid var(--screen-line);padding:1.8vh 1.2vw 2.2vh}.screen-detail-row .contest-standing-details{display:grid;gap:1vw;grid-template-columns:repeat(auto-fit,minmax(15vw,1fr))}.screen-detail-row .contest-standing-card{background:#ffffff0d;border:1px solid var(--screen-line);border-radius:12px;color:var(--screen-ink);padding:1.4vh 1vw}.screen-detail-row .contest-standing-card header{gap:.35vh;margin-bottom:1vh}.screen-detail-row .contest-standing-card header>span{color:var(--screen-accent);font-size:clamp(8px,1.1vh,14px);font-weight:700;letter-spacing:.08em}.screen-detail-row .contest-standing-card header>strong{color:var(--screen-ink);font-size:clamp(10px,1.55vh,20px);line-height:1.45}.screen-detail-row .contest-standing-card dl{gap:.5vh}.screen-detail-row .contest-standing-card dl>div{align-items:baseline;gap:.6vw}.screen-detail-row .contest-standing-card dt{color:var(--screen-muted);font-size:clamp(8px,1.15vh,15px);white-space:nowrap}.screen-detail-row .contest-standing-card dd{color:var(--screen-ink);font-size:clamp(9px,1.35vh,18px);font-weight:600;text-align:right}.screen-detail-row .contest-standing-metrics{gap:.4vw;padding-top:1vh}.screen-detail-row .contest-standing-metrics span{background:#ffffff14;border-radius:6px;color:var(--screen-muted);font-size:clamp(8px,1.1vh,14px);padding:.3vh .55vw}.screen-detail-row .contest-note{color:var(--screen-muted);font-size:clamp(8px,1.1vh,14px);line-height:1.6;margin:.8vh 0 0}.screen-detail-row .contest-standing-card .contest-button{align-items:center;background:#ffffff14;border:1px solid var(--screen-line);border-radius:8px;color:var(--screen-ink);cursor:pointer;display:inline-flex;font-size:clamp(8px,1.15vh,15px);gap:.4vw;margin-top:1vh;padding:.65vh .9vw}.screen-detail-row .contest-standing-card .contest-button:hover{border-color:var(--screen-accent);color:var(--screen-accent)}.screen-table .col-rank{text-align:center;width:8%}.screen-table .col-player{width:19%}.screen-table .col-total{padding-right:1.6vw;text-align:right;width:11%}.screen-medal{display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.4));height:5.2vh;margin:0 auto;width:auto}.screen-rank-number{color:var(--screen-muted);font-size:clamp(15px,2.4vh,32px);font-weight:800}.screen-player{align-items:center;display:flex;gap:.85vw;min-width:0}.screen-avatar-placeholder,.screen-player img{border-radius:50%;flex:none;height:4.6vh;-o-object-fit:cover;object-fit:cover;width:4.6vh}.screen-avatar-placeholder{background:#ffffff17;color:var(--screen-muted);display:grid;font-size:1.8vh;place-items:center}.screen-player strong{color:var(--screen-ink);font-size:clamp(14px,2.3vh,30px);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-table tbody .col-total strong{color:var(--screen-accent);font-size:clamp(19px,3.3vh,46px);font-weight:800;letter-spacing:-.02em}.screen-value{color:var(--screen-ink);display:block;font-size:clamp(11px,1.9vh,25px);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-item-note{color:var(--screen-muted);font-size:clamp(8px,1.25vh,16px);gap:.35vw;margin-top:.45vh;white-space:nowrap}.screen-item-note,.screen-item-rank{align-items:center;display:inline-flex}.screen-item-rank{background:#ffffff21;border-radius:50%;color:#fff;font-size:1.15vh;font-weight:800;height:2.2vh;justify-content:center;line-height:1;width:2.2vh}.screen-item-rank.rank-1{background:linear-gradient(145deg,#ffe08a,#d9a223 55%,#a46f12);text-shadow:0 1px 1px rgba(0,0,0,.35)}.screen-item-rank.rank-2{background:linear-gradient(145deg,#f2f7fb,#b8c6d4 55%,#7c8b9a);color:#2a3440}.screen-item-rank.rank-3{background:linear-gradient(145deg,#f0c69a,#c98650 55%,#8f5427);text-shadow:0 1px 1px rgba(0,0,0,.35)}.screen-empty{color:#ffffff47;font-size:clamp(12px,1.7vh,22px)}.screen-foot{color:var(--screen-muted);font-size:clamp(9px,1.3vh,16px);gap:1.4vw;justify-content:space-between;padding:1.1vh 2.6vw 1.8vh}.screen-foot,.screen-pages{align-items:center;display:flex}.screen-pages{gap:.55vw;min-width:8vw}.screen-dot{background:#ffffff3d;border:0;border-radius:50%;cursor:pointer;height:1.15vh;padding:0;width:1.15vh}.screen-dot.active{background:var(--screen-accent)}.screen-foot-brand{min-width:8vw;text-align:right;white-space:nowrap}@keyframes screen-pulse{50%{opacity:.3}}@media(max-width:900px){.screen-head{flex-wrap:wrap}.screen-meta{justify-content:flex-start}.screen-foot-brand{display:none}}.screen-settings{position:relative}.screen-settings summary{list-style:none}.screen-settings summary::-webkit-details-marker{display:none}.screen-settings-panel{background:#1b2029;border:1px solid var(--screen-line);border-radius:12px;box-shadow:0 12px 40px #0008;color:var(--screen-ink);font-size:14px;padding:20px;position:absolute;right:0;top:calc(100% + 12px);width:min(300px,85vw);z-index:20}.screen-settings-panel>strong{display:block;font-size:16px;margin-bottom:12px}.screen-settings-panel label{align-items:center;cursor:pointer;display:flex;gap:24px;justify-content:space-between;padding:10px 0}.screen-settings-panel input{accent-color:var(--screen-accent);cursor:pointer;height:18px;width:18px}.screen-settings-panel p,.screen-settings-panel small{color:var(--screen-muted);display:block;line-height:1.6;margin:10px 0 0}.screen-table thead{background:var(--screen-bg);position:sticky;top:0;z-index:2}.screen-sort{background:transparent;border:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:0;text-align:inherit;width:100%}.screen-sort-title{align-items:center;display:flex;gap:.4vw;min-width:0}.screen-sort-title strong{min-width:0}.screen-sort-arrows{color:#ffffff38;display:inline-flex;flex:none;flex-direction:column;font-size:.6em;line-height:1.2}.screen-sort-arrows i{font-style:normal}.screen-sort-arrows .active,.screen-sort:hover{color:var(--screen-accent)}.screen-table .col-rank .screen-sort-title{justify-content:center}.screen-table .col-total .screen-sort-title{justify-content:flex-end}.screen-dot:focus-visible,.screen-icon-button:focus-visible,.screen-sort:focus-visible{outline:2px solid var(--screen-accent);outline-offset:4px}
