:root{color-scheme:dark;--px: "Press Start 2P", "Kanit", monospace;--thai: "Kanit", "Anuphan", sans-serif;--ink: #0b0a1e;--amber: #ffd23e;--white: #f4f4ff;--muted: #8b86b8}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#060512;color:var(--white);font-family:var(--thai);overflow:hidden}.led{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;image-rendering:pixelated}.led-offline{position:fixed;top:10px;left:12px;z-index:60;font-family:var(--px);font-size:10px;color:var(--amber);background:#000;border:2px solid var(--amber);padding:5px 9px;animation:blink 1s steps(1) infinite}.ctl{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:60;display:flex;gap:4px}.ctl button{font-family:var(--px);font-size:8px;padding:6px 8px;cursor:pointer;border:2px solid #39325e;background:#12102a;color:var(--muted);border-radius:0}.ctl button.on{background:var(--amber);border-color:var(--amber);color:#1a1208}.frame{position:relative;overflow:hidden;border-radius:0;container-type:size;border:4px solid #241f3a;box-shadow:0 0 0 4px #0c0a20,12px 12px #0000008c;background:radial-gradient(2px 2px at 18% 22%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 72% 16%,#b8b3e6 50%,transparent 51%),radial-gradient(2px 2px at 44% 74%,#b8b3e6 50%,transparent 51%),radial-gradient(2px 2px at 86% 60%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 8% 88%,#7f79b8 50%,transparent 51%),radial-gradient(2px 2px at 60% 40%,#7f79b8 50%,transparent 51%),radial-gradient(2px 2px at 30% 52%,#fff 50%,transparent 51%),linear-gradient(180deg,#0d0b26,#0d0b26 55%,#120e2c 55%,#120e2c)}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 5px)}.m-169 .frame{aspect-ratio:16 / 9;width:min(98vw,calc(98vh * 16 / 9))}.m-wide .frame{aspect-ratio:32 / 9;width:98vw}.m-portrait .frame{aspect-ratio:9 / 16;height:98vh}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6cqmin;gap:3cqmin}.hdr{font-family:var(--px);font-size:2.6cqmin;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;text-shadow:.5cqmin .5cqmin 0 #000}.hdr:before{content:"★ "}.hdr:after{content:" ★"}.hdr.glow{font-size:4.2cqmin;color:#5fe6ad}.teams{display:flex;align-items:center;justify-content:center;gap:4cqmin;width:100%}.m-portrait .teams{flex-direction:column;gap:2cqmin}.team{display:flex;flex-direction:column;gap:1.4cqmin}.tn{font-family:var(--thai);font-weight:800;font-size:3.6cqmin;color:var(--tc, #fff);filter:brightness(1.4);text-shadow:.4cqmin .4cqmin 0 #000}.ts{font-family:var(--px);font-size:7cqmin;line-height:1;color:var(--tc, #fff);filter:brightness(1.25);text-shadow:.7cqmin .7cqmin 0 #000;font-variant-numeric:tabular-nums}.vs{font-family:var(--px);font-size:4.6cqmin;color:var(--amber);text-shadow:.6cqmin .6cqmin 0 #000;animation:blink 1.1s steps(1) infinite}.vs.sm{font-size:2.4cqmin}@keyframes blink{50%{opacity:.25}}.fbar{width:86%;height:7cqmin;display:flex;overflow:hidden;border:.7cqmin solid #fff;outline:.7cqmin solid #000;background:#14102c;box-shadow:1cqmin 1cqmin #0009}.fbar .fa,.fbar .fb{transition:width .8s steps(12,end);min-width:3%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 .6cqmin,transparent .6cqmin 3cqmin)!important;background-color:var(--seg, #fff)}.cta{font-family:var(--thai);font-weight:800;font-size:3.4cqmin;color:#fff;text-shadow:.4cqmin .4cqmin 0 #000}.qrcorner{position:absolute;bottom:4cqmin;right:4cqmin;display:flex;align-items:center;gap:1.5cqmin;font-family:var(--px);font-size:1.4cqmin;color:var(--muted);z-index:45}.qrcorner .qr-img{width:10cqmin;height:10cqmin}.bigrow{display:flex;gap:7cqmin;align-items:center;justify-content:center;flex-wrap:wrap}.m-portrait .bigrow{flex-direction:column;gap:4cqmin}.bn{font-family:var(--px);font-size:9cqmin;line-height:1;color:#fff;text-shadow:.8cqmin .8cqmin 0 #000,0 0 0 #000;font-variant-numeric:tabular-nums}.bl{font-family:var(--thai);font-weight:700;font-size:3cqmin;color:var(--amber);margin-top:1.6cqmin;text-shadow:.35cqmin .35cqmin 0 #000}.top10{list-style:none;width:82%;display:flex;flex-direction:column;gap:1cqmin}.top10 li{display:flex;align-items:center;gap:2cqmin;font-family:var(--thai);font-weight:700;font-size:3cqmin;background:#14102c;border:.45cqmin solid #39325e;box-shadow:.7cqmin .7cqmin #0000008c;padding:1cqmin 2.5cqmin}.top10 li:nth-child(1){border-color:var(--amber);background:#1d1730}.top10 li:nth-child(1) .rk:after{content:" ♛"}.top10 .rk{font-family:var(--px);font-size:2.2cqmin;color:var(--amber);width:7cqmin;text-shadow:.3cqmin .3cqmin 0 #000}.top10 .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44cqmin;text-shadow:.3cqmin .3cqmin 0 #000}.top10 .fid.sub{font-family:var(--px);font-size:1.4cqmin;color:var(--muted);align-self:center}.top10 .sc{margin-left:auto;font-family:var(--px);font-size:2.4cqmin;color:#fff;text-shadow:.3cqmin .3cqmin 0 #000}.top10 .empty{justify-content:center;color:var(--muted)}.qr-img{image-rendering:pixelated;border-radius:0}.qr-img.big{width:34cqmin;height:34cqmin;border:1.4cqmin solid #fff;outline:1.4cqmin solid #000;box-shadow:1.6cqmin 1.6cqmin #0009}.qr-img.ph{display:flex;align-items:center;justify-content:center;background:#fff;color:#000}.jt{font-family:var(--thai);font-weight:900;font-size:6.5cqmin;color:#fff;text-shadow:.6cqmin .6cqmin 0 #000}.jt:after{content:" ▼";color:var(--amber);animation:blink .9s steps(1) infinite}.ju{font-family:var(--px);font-size:2.6cqmin;color:var(--amber);text-shadow:.4cqmin .4cqmin 0 #000}.js{font-family:var(--thai);font-weight:600;font-size:2.6cqmin;color:var(--muted)}.cbig{font-size:20cqmin;line-height:1;animation:hop .5s steps(2) infinite;filter:drop-shadow(1cqmin 1cqmin 0 #000)}@keyframes hop{50%{transform:translateY(-2cqmin)}}.cname{font-family:var(--thai);font-weight:900;font-size:6.5cqmin;color:#fff;text-shadow:.6cqmin .6cqmin 0 #000}.cteams{display:flex;gap:3cqmin;align-items:center;font-family:var(--thai);font-weight:800;font-size:3.6cqmin}.cteams>span{text-shadow:.4cqmin .4cqmin 0 #000}.dt{font-family:var(--thai);font-weight:800;font-size:3.6cqmin;color:var(--amber);text-shadow:.4cqmin .4cqmin 0 #000;animation:blink 1.2s steps(1) infinite}.dgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:2cqmin;width:92%}.m-portrait .dgrid{grid-template-columns:repeat(2,1fr)}.m-wide .dgrid{width:72%}.dcell{background:#0f1e14;border:.5cqmin solid #15b877;box-shadow:.8cqmin .8cqmin #0000008c;padding:2cqmin 1cqmin;opacity:.35;transition:.25s steps(4);display:flex;flex-direction:column;gap:.8cqmin;align-items:center}.dcell.rev{opacity:1;background:#123f28;transform:translateY(-.8cqmin)}.dprize{font-family:var(--thai);font-weight:700;font-size:1.8cqmin;color:#7dedb8}.did{font-family:var(--thai);font-weight:800;font-size:2.5cqmin;color:#fff;text-shadow:.3cqmin .3cqmin 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dname{font-family:var(--px);font-size:1.3cqmin;color:var(--amber);min-height:1.8cqmin}.dseed{font-family:var(--px);font-size:1.3cqmin;color:var(--muted)}.trophy{font-size:16cqmin;line-height:1;filter:drop-shadow(1.2cqmin 1.2cqmin 0 #000);animation:hop .6s steps(2) infinite}.wteam{font-family:var(--thai);font-weight:900;font-size:7.5cqmin;color:var(--tc, #5fe6ad);filter:brightness(1.3);text-shadow:.8cqmin .8cqmin 0 #000}.wstat{font-family:var(--thai);font-weight:700;font-size:2.6cqmin;color:var(--muted)}.winner .qr-img{width:16cqmin;height:16cqmin}