*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#000;color:#f2efea;overflow:hidden;font-family:Inter,system-ui,sans-serif}
:root{--d:'Big Shoulders Display',Oswald,'Arial Narrow',sans-serif;--y:#ffc72c;--r:#da291c;--o:#ff5b14}
.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center center;
  display:grid;grid-template-columns:1120px 1fr;grid-template-rows:120px 1fr 84px;
  background:#030303;
  background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035) 0 1px,transparent 1.6px);background-size:6px 6px}
/* LED pixel look for big type */
.led{-webkit-mask-image:radial-gradient(circle,#000 62%,transparent 68%);mask-image:radial-gradient(circle,#000 62%,transparent 68%);-webkit-mask-size:5px 5px;mask-size:5px 5px}
.bar{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:0 48px;border-bottom:2px solid #1a1a1a}
.title{font-family:var(--d);font-weight:900;font-size:72px;letter-spacing:.03em;text-shadow:0 0 18px rgba(255,199,44,.5)}
.title .y{color:var(--y)}.title .sep{color:#555;margin:0 18px}
#live-tag{color:#fff;text-shadow:0 0 18px rgba(218,41,28,.9)}
#live-tag.live{color:#ff3b2b}
.where{white-space:nowrap;font-family:var(--d);font-weight:800;font-size:24px;letter-spacing:.14em;color:#8a8a8a}
.clocks{text-align:right}
.clock{font-family:var(--d);font-weight:900;font-size:84px;line-height:.9;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(255,255,255,.35)}
.elapsed{font-family:var(--d);font-weight:800;font-size:22px;letter-spacing:.14em;color:#8a8a8a;margin-top:4px}
.map{position:relative;padding:10px 0 0 20px}
#map{display:block;width:1080px;height:840px}
.board{padding:28px 48px 0 24px;display:flex;flex-direction:column}
.board-head{display:flex;justify-content:space-between;font-family:var(--d);font-weight:800;font-size:22px;letter-spacing:.2em;color:#666;padding:0 8px 10px;border-bottom:2px solid #1a1a1a}
#rows{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.r{position:relative;display:grid;grid-template-columns:62px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:18px;padding:16px 18px 18px;background:#0b0b0b;border:2px solid #161616;border-radius:8px;transition:transform .6s cubic-bezier(.2,.7,.2,1),background .4s}
.r .pos{grid-row:1/3;font-family:var(--d);font-weight:900;font-size:64px;line-height:1;color:#4a4a4a}
.r .nm{white-space:nowrap;font-family:var(--d);font-weight:900;font-size:48px;line-height:1;color:var(--c);text-shadow:0 0 16px color-mix(in srgb,var(--c) 60%,transparent)}
.r .sub{grid-column:2;font-family:var(--d);font-weight:700;font-size:22px;letter-spacing:.08em;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .tp{grid-column:3;grid-row:1/3;font-family:var(--d);font-weight:900;font-size:92px;line-height:.9;color:var(--y);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(255,199,44,.55)}
.r .tp small{font-size:.45em;margin-left:4px}
.r .pg{position:absolute;left:18px;right:18px;bottom:8px;height:4px;background:#1a1a1a;border-radius:4px;overflow:hidden}
.r .pg i{display:block;height:100%;background:var(--c)}
.r.fin{background:#120f05;border-color:#3a2f08}
.r.win{border-color:var(--y);box-shadow:0 0 0 2px rgba(255,199,44,.25),0 0 40px rgba(255,199,44,.18)}
.r .flag{position:absolute;top:12px;right:18px;font-family:var(--d);font-weight:800;font-size:18px;letter-spacing:.14em;color:#111;background:var(--y);padding:2px 10px;border-radius:4px}
.note{margin-top:auto;padding:16px 8px 22px;font-family:var(--d);font-weight:700;font-size:22px;letter-spacing:.1em;color:#666}
.ticker{grid-column:1/-1;position:relative;overflow:hidden;border-top:2px solid #1a1a1a;background:#070707}
.tk{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:80px;white-space:nowrap;font-family:var(--d);font-weight:800;font-size:36px;letter-spacing:.06em;color:#f2efea;will-change:transform}
.tk span b{color:var(--y);margin-right:16px}
.tk span.warn{color:#ffb07a}.tk span.fin{color:var(--y)}
.overlay{position:absolute;inset:120px 0 84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(0,0,0,.82);text-align:center}
.overlay[hidden]{display:none}
.overlay .k{font-family:var(--d);font-weight:800;font-size:40px;letter-spacing:.24em;color:#8a8a8a}
.overlay .huge{font-family:var(--d);font-weight:900;font-size:260px;line-height:.85;color:var(--c,var(--y));text-shadow:0 0 50px color-mix(in srgb,var(--c,#ffc72c) 60%,transparent)}
.overlay .mid{font-family:var(--d);font-weight:800;font-size:56px;color:#fff}
.overlay .cta{font-family:var(--d);font-weight:800;font-size:40px;color:var(--y);letter-spacing:.06em}
.hint{position:fixed;left:12px;bottom:10px;font-size:12px;color:#555}
.hint a{color:#777}