:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#fff;background:#090c13;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}
[hidden]{display:none!important}
#screen{--base:#50000c;--glow:#c40d28;--accent:#ffe4a6;position:relative;isolation:isolate;width:100vw;height:56.25vw;max-height:100vh;max-width:177.777vh;overflow:hidden;background:radial-gradient(ellipse at 50% 22%,var(--glow),transparent 62%),linear-gradient(140deg,var(--base),#120714);padding:2.7%;display:flex;flex-direction:column}
#screen[data-theme=blue]{--base:#061e55;--glow:#174fbd;--accent:#e0eaff}
body.fullscreen{width:100vw;height:100vh;overflow:hidden}
body.fullscreen #screen{width:100vw;height:100vh;max-width:none;max-height:none}
body.fullscreen .rank-screen{width:100vw;height:100vh;max-width:none;max-height:none}
.rank-screen{--accent:#e5c48b;width:100vw;height:56.25vw;max-height:100vh;max-width:177.777vh;padding:2.7%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0,#334257,transparent 65%),#101925;overflow:hidden}
.rank-header{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:2%;align-items:center;min-height:13%;border-bottom:1px solid #ffffff26;padding-bottom:1%}
.rank-header>div:nth-child(2){text-align:center}.rank-header h1{margin:0;font-size:clamp(18px,2.8vw,4.98vh);color:var(--accent)}.rank-header p{margin:.4vw 0 0;font-size:clamp(11px,1.2vw,2.13vh)}.rank-header strong{font-size:clamp(13px,1.5vw,2.67vh)}.rank-header small{display:block;letter-spacing:0;margin-top:.5vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-sync{text-align:right;font-size:clamp(12px,1.5vw,2.67vh)}
.rank-content{flex:1;min-height:0;padding:1% 0;overflow:hidden}.rank-screen table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}.rank-screen th,.rank-screen td{text-align:left;padding:.7vw 1vw;border-bottom:1px solid #ffffff16;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-screen th{font-size:clamp(11px,1vw,1.78vh);color:#ffffffb8;font-weight:400}.rank-screen td{font-size:clamp(14px,1.8vw,3.2vh)}.rank-screen th:first-child{width:12%}.rank-screen th:nth-child(2){width:48%}.rank-screen th:nth-child(3){width:25%}.rank-screen th:last-child{width:15%}.rank-screen td:first-child,.rank-screen td:nth-child(3){color:var(--accent);font-weight:600}.rank-screen td strong{font-weight:500}.rank-screen td small{margin-left:1vw;letter-spacing:0;font-size:clamp(9px,.85vw,1.51vh)}.rank-empty{text-align:center;margin:12% 0;color:#d0d8e4;font-size:clamp(14px,1.8vw,3.2vh)}
#screen[data-theme=dark]{--base:#101925;--glow:#334257;--accent:#e5c48b}
#screen::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0 100px,#ffffff03 100px 101px)}
.top{display:grid;grid-template-columns:1fr 1.55fr 1fr;align-items:center;gap:2%;min-height:12%;border-bottom:1px solid #ffffff26;padding-bottom:1.5%}
.brand{display:flex;align-items:center;gap:1vw;min-width:0}.brand img,.brand-mark{width:3.7vw;height:3.7vw;max-width:6.58vh;max-height:6.58vh;object-fit:contain}
.brand-mark{display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font-size:2.2vw;font-family:Georgia,serif}
.brand strong{font-size:clamp(12px,1.3vw,2.31vh);display:block;overflow:hidden;text-overflow:ellipsis;max-width:19vw;white-space:nowrap}
small,.eyebrow{font-size:clamp(9px,.68vw,1.21vh);letter-spacing:.16em;color:#ffffffad}
.event-title{text-align:center;min-width:0}.eyebrow{color:var(--accent)}h1{font-size:clamp(16px,2.2vw,3.91vh);font-weight:600;margin:.4vw 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wall-clock{text-align:right}.wall-clock span{font-size:clamp(16px,2vw,3.55vh);font-variant-numeric:tabular-nums;display:block}.wall-clock small{display:block;margin-top:.4vw;letter-spacing:0}
.arena{display:grid;grid-template-columns:1fr 3.1fr 1fr;gap:2%;flex:1;align-items:center;min-height:0}
.side-stats{display:flex;flex-direction:column;gap:3vw}.stat span{font-size:clamp(12px,1.15vw,2.04vh);color:var(--accent);display:block}.stat strong{font-size:clamp(17px,2.5vw,4.44vh);font-weight:600;font-variant-numeric:tabular-nums;display:block;white-space:nowrap;letter-spacing:-.03em;margin:.35vw 0}.stat small{letter-spacing:.07em;font-size:clamp(8px,.6vw,1.06vh)}.right{text-align:right}
.clock-center{text-align:center;min-width:0}.level-kicker{color:var(--accent);font-size:clamp(12px,1.1vw,1.95vh);letter-spacing:.22em}.timer{font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(55px,12.7vw,22.57vh);line-height:1.2;text-shadow:0 5px 32px #0002;white-space:nowrap}.timer.long{font-size:clamp(40px,9.4vw,16.7vh)}
.status-pill{display:inline-block;border-radius:30px;color:#321b0d;background:var(--accent);padding:.4vw 1.8vw;font-size:clamp(12px,1vw,1.77vh);letter-spacing:.1em}
.progress-track{height:3px;background:#ffffff26;margin:1.8vw 2vw 1.5vw}.progress-track div{height:100%;background:var(--accent);width:100%;transition:width .25s linear}
.blinds{display:flex;justify-content:center;gap:4vw}.blinds span{display:block;color:#ffffffc9;font-size:clamp(12px,1.1vw,1.95vh);margin-bottom:.2vw}.blinds strong{font-size:clamp(24px,3.1vw,5.51vh);font-weight:600;white-space:nowrap;letter-spacing:-.03em}.ante{border-left:1px solid #ffffff38;padding-left:4vw}
.next{display:flex;justify-content:center;align-items:center;gap:2vw;border-top:1px solid #ffffff25;margin:1.5vw 0 0;padding-top:1.1vw;font-size:clamp(12px,1.2vw,2.13vh)}.next span{color:var(--accent)}.next strong{font-weight:500}
footer{display:flex;gap:2%;align-items:center;min-height:7%;border-top:1px solid #ffffff26;padding-top:1%}footer p{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.05vw,1.86vh);color:var(--accent);margin:0}.footer-label{font-size:clamp(9px,.8vw,1.42vh);color:#ffffffa8}
.chips-art{display:flex;gap:.45vw}.chips-art i{display:block;width:1.7vw;height:1.7vw;border:3px dashed #ffe9c799;border-radius:50%;box-shadow:0 0 0 2px #0005;background:#315e45}.chips-art i:nth-child(2){background:#1d3a55}.chips-art i:nth-child(3){background:#8c2837}
.screen-tools{position:fixed;bottom:12px;right:16px;display:flex;gap:8px;opacity:0;transition:opacity .2s;z-index:5}.screen-tools:hover,.screen-tools:focus-within,body.show-tools .screen-tools{opacity:1}
button{min-height:44px;border:1px solid #ffffff6b;color:white;background:#101820ed;border-radius:8px;padding:10px 18px;cursor:pointer;font:inherit}button:focus-visible{outline:3px solid #ffd88a;outline-offset:3px}
button:focus{outline:3px solid #ffd88a;outline-offset:3px}
.fullscreen-hint{position:fixed;bottom:80px;right:16px;max-width:520px;padding:12px 18px;background:#101820f5;border:1px solid #ffffff6b;border-radius:8px;font-size:16px;line-height:1.6;z-index:6}
.message{max-width:620px;text-align:center;padding:32px}.message h1{white-space:normal;font-size:28px}.message p{line-height:1.8;color:#b8c4d8}.message-mark{color:#e7c998;font:70px Georgia}
body.rest #screen{--glow:#1f6b59;--base:#092d29}body.warning .timer{color:#ffe4a6}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}