: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}.led-fs{position:fixed;top:10px;right:12px;z-index:70;width:34px;height:34px;font-size:15px;line-height:1;cursor:pointer;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#fff;opacity:.12;transition:opacity .2s ease}.led-fs:hover{opacity:.95}.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}}@property --pa{syntax: "<percentage>"; inherits: false; initial-value: 50%;}.fbar{width:86%;height:7cqmin;display:flex;overflow:visible;border:.7cqmin solid #fff;outline:.7cqmin solid #000;background:#14102c;box-shadow:1cqmin 1cqmin #0009}.fbar .fa,.fbar .fb{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 .6cqmin,transparent .6cqmin 3cqmin)!important;background-color:var(--seg, #fff)}.fbar .fa{position:relative;width:var(--pa);transition:--pa .8s ease-out;animation:tug 2.6s ease-in-out infinite}.fbar .fa{flex:0 0 auto}.fbar .fb{flex:1 1 auto}@keyframes tug{0%,to{width:calc(var(--pa) - .5%)}38%{width:calc(var(--pa) + .55%)}62%{width:calc(var(--pa) - .2%)}}.fseam{position:absolute;top:-.9cqmin;bottom:-.9cqmin;right:-.55cqmin;width:1.1cqmin;pointer-events:none;z-index:3;background:linear-gradient(180deg,#fff6c9,#ffd23e 45%,#ff8a1f);box-shadow:0 0 1.6cqmin #ffb300,0 0 3.4cqmin var(--ca, #fff),0 0 3.4cqmin var(--cb, #fff);animation:seamPulse .7s steps(2,end) infinite}@keyframes seamPulse{50%{opacity:.72;transform:scaleY(.94)}}.fseam i{position:absolute;left:50%;top:50%;width:.62cqmin;height:.62cqmin;background:#fff3c4;box-shadow:0 0 1.2cqmin #ffae00,0 0 2.2cqmin #ff8c00bf;animation:spark 1.5s linear infinite;animation-delay:calc(var(--i) * -.15s)}@keyframes spark{0%{transform:translate(-50%,-50%) scale(1.15);opacity:1}70%{opacity:.9}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}@media (prefers-reduced-motion: reduce){.fbar .fa,.fseam,.fseam i{animation:none}.fseam i{opacity:0}}.cta{font-family:var(--thai);font-weight:800;font-size:3.4cqmin;color:#fff;text-shadow:.4cqmin .4cqmin 0 #000;animation:ctaSwap .45s ease-out both}@keyframes ctaSwap{0%{opacity:0;transform:translateY(.9cqmin) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.cta{animation:none}}.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%}.dsection{width:92%;display:flex;flex-direction:column;gap:1cqmin;margin-bottom:1.6cqmin}.dsection .dgrid{width:100%;grid-template-columns:repeat(auto-fit,minmax(18cqmin,1fr))}.dstitle{font-family:var(--thai);font-weight:800;font-size:2.2cqmin;color:var(--amber);text-align:left}.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}.closing-card{display:flex;flex-direction:column;align-items:center;gap:2.4cqmin;padding:5cqmin 7cqmin;border:.6cqmin solid #2c2748;border-radius:1.2cqmin;background:#0a081ab8;box-shadow:0 0 6cqmin #ffd23e1f}.closing-main{font-family:var(--thai);font-weight:800;font-size:4.4cqmin;color:#fff;text-shadow:.4cqmin .4cqmin 0 #000}.closing-sub{font-family:var(--thai);font-weight:700;font-size:2.8cqmin;color:var(--amber);animation:ctaSwap .45s ease-out both}.closing-foot{font-family:var(--px);font-size:1.6cqmin;color:var(--muted);margin-top:2cqmin}.dots{display:inline-flex;gap:.7cqmin;margin-left:1cqmin;vertical-align:middle}.dots i{width:.9cqmin;height:.9cqmin;background:var(--amber);animation:dotPulse 1.2s steps(2,end) infinite}.dots i:nth-child(2){animation-delay:.4s}.dots i:nth-child(3){animation-delay:.8s}@keyframes dotPulse{50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.dots i,.closing-sub{animation:none}}.soon-count{font-family:var(--px);font-size:12cqmin;line-height:1;color:#fff;text-shadow:.9cqmin .9cqmin 0 #000;font-variant-numeric:tabular-nums}.m-portrait .soon-count{font-size:9cqmin}.soon-sub{font-family:var(--thai);font-weight:800;font-size:3cqmin;color:var(--amber);animation:ctaSwap .45s ease-out both}.soon-qr{display:flex;flex-direction:column;align-items:center;gap:1.4cqmin;margin-top:1.5cqmin}.soon-qrlabel{font-family:var(--thai);font-weight:700;font-size:2.4cqmin;color:#fff;text-shadow:.3cqmin .3cqmin 0 #000}