@font-face{font-family:"Titillium Web";src:url("/assets/fonts/TitilliumWeb-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Titillium Web";src:url("/assets/fonts/TitilliumWeb-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{color-scheme:dark;font-family:"Titillium Web",sans-serif;--f1:#d83b47;--f2:#2878df;--name-size:80px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:#fff}.connect-screen{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:18px;text-align:center;background:#080a0f;overflow:auto}.connect-logo{width:min(320px,62vw);max-height:110px;object-fit:contain}.connect-card{display:grid;justify-items:center;gap:12px;width:min(520px,94vw);padding:20px;border:1px solid #30394c;border-radius:18px;background:#151a24}.connect-card h1,.connect-card p{margin:0}.connect-card p{color:#adb5c5}.connect-card label,.pair-label{font-weight:700;color:#adb5c5;font-size:.8rem;letter-spacing:.08em}.connect-card input{width:min(440px,86vw);font:700 clamp(2.5rem,10vw,5rem)/1 "Titillium Web";letter-spacing:.18em;text-align:center;background:#161c27;color:#fff;border:2px solid #39455b;border-radius:14px;padding:12px}.connect-card button{width:100%;min-height:56px;border:1px solid #46526a;border-radius:12px;background:#242c3b;color:#fff;font:700 1rem "Titillium Web";cursor:pointer}.connect-card button.primary{background:#f05a28}.connect-card button.quiet{min-height:44px;background:transparent}.connect-card a{color:#fff}.divider{display:flex;align-items:center;width:100%;gap:10px;color:#778196}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#30394c}.pair-qr{display:grid;place-items:center;padding:12px;border-radius:12px;background:#fff}.pair-qr img,.pair-qr canvas{display:block;max-width:min(260px,70vw);height:auto!important}.pair-code{font-size:clamp(2.8rem,12vw,5rem);font-weight:700;letter-spacing:.15em}.connect-message{min-height:1.4em;margin:0;color:#adb5c5}.stage{position:relative;width:min(100vw,177.7778vh);height:min(56.25vw,100vh);margin:auto;display:grid;grid-template-rows:25% 50% 25%;overflow:hidden;background:#000;text-transform:uppercase}.stage.no-sponsors{grid-template-rows:25% 75% 0}.top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);padding:1.4% 4%;background:#050505;border-bottom:clamp(3px,.35vw,7px) solid rgba(255,255,255,.13)}.brand,.timer-box{display:grid;place-items:center;min-width:0}.brand img{max-width:78%;max-height:72%;object-fit:contain}.phase-label{font-size:clamp(44px,5.3vw,108px);font-weight:700;line-height:.9;text-align:center}.round-label{font-size:clamp(22px,2.4vw,50px);font-weight:700;color:#f05a28}.timer-box{border-radius:clamp(10px,1.2vw,24px)}.timer-box.golden{background:#ef6c00;box-shadow:0 0 2.5vw rgba(239,108,0,.42)}#timer{font-size:clamp(90px,11vw,225px);font-weight:700;line-height:.8;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.fighters{display:grid;grid-template-columns:1fr 1fr;min-height:0}.fighter{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:1.5% 4%;text-align:center}.fighter:first-child{background:var(--f1)}.fighter:last-child{background:var(--f2)}.fighter-name{font-size:var(--name-size);font-weight:700;line-height:1;white-space:nowrap}.score{display:grid;place-items:center;font-size:clamp(120px,18vw,360px);font-weight:700;line-height:.75;text-shadow:0 .025em .09em rgba(0,0,0,.4)}.sponsor-strip{position:relative;display:grid;place-items:center;background:#fff;overflow:hidden}.sponsor-strip img{position:absolute;inset:7% 4%;width:92%;height:86%;object-fit:contain;opacity:0;transform:scale(.97);transition:opacity .7s ease,transform .7s ease}.sponsor-strip img.visible{opacity:1;transform:scale(1)}#no-sponsor{color:#111;font-size:clamp(30px,4vw,76px);font-weight:700}.effect{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#000;opacity:0;pointer-events:none}.effect.active{opacity:1}#effect-text{max-width:92%;font-size:clamp(90px,15vw,290px);font-weight:700;line-height:.9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-dot{position:absolute;right:1%;top:1%;z-index:30;width:12px;height:12px;border-radius:50%;background:#d74450;box-shadow:0 0 12px currentColor}.connection-dot.online{background:#41d17d}@media(max-width:700px){.connect-logo{max-height:75px}.connect-card{padding:15px}.pair-qr{padding:8px}#timer{font-size:clamp(45px,11vw,92px)}.phase-label{font-size:clamp(24px,5vw,48px)}.score{font-size:clamp(66px,18vw,145px)}#effect-text{font-size:clamp(48px,14vw,120px)}}
[hidden]{display:none!important}
.idle-screen{position:absolute;inset:0;z-index:25;display:none;place-content:center;justify-items:center;gap:5%;background:#05070b;text-align:center}.idle-screen.active{display:grid}.idle-screen img{width:min(68%,920px);max-height:52%;object-fit:contain}.idle-screen div{color:#fff;font-size:clamp(34px,4.3vw,86px);font-weight:700;letter-spacing:.06em}
.sponsor-strip img{transform:none;transition:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}.sponsor-strip img.visible{transform:none}#no-sponsor{display:none!important}