*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#101014;color:#fff;font-family:Arial,Helvetica,sans-serif}body{display:grid;place-items:center;overflow:hidden}.stream{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);aspect-ratio:9/16;overflow:hidden;background:#17130f;box-shadow:0 0 48px #0009;isolation:isolate}.scene-image{position:absolute;inset:0;background:url('/assets/zelensky-putin-classroom.png') center center/cover no-repeat;z-index:-2}.stream:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009 0%,transparent 13%,transparent 59%,#0004 71%,#0505059c 100%);z-index:-1;pointer-events:none}.live-tag,.round-tag{position:absolute;top:1.7%;font-size:clamp(11px,1.3vh,20px);font-weight:800;text-shadow:0 2px 5px #000;z-index:3}.live-tag{left:3%;display:flex;align-items:center;gap:.5em;background:#141414aa;padding:.45em .7em;border-radius:999px}.live-dot{width:.55em;height:.55em;border-radius:50%;background:#ff3153;box-shadow:0 0 8px #ff3153}.round-tag{right:3%;padding:.45em .65em;background:#131318ca;border:1px solid #ffffff45;border-radius:999px;display:flex;gap:.7em}.round-time{color:#ffdc61}.command-board{position:absolute;top:6.5%;left:3%;right:3%;display:grid;grid-template-columns:1fr 1fr;gap:.35em;z-index:2;text-shadow:0 1px 3px #000}.side-commands{padding:.42em;background:#111c;border:1px solid #ffffff55;border-radius:.5em;display:flex;flex-direction:column;gap:.27em;box-shadow:0 3px 12px #0007}.side-commands strong{font-size:clamp(8px,1.2vh,17px);text-align:center;padding:.24em;border-radius:.25em;letter-spacing:.04em}.side-commands span{font-size:clamp(7px,1.02vh,15px);background:#0a0c14d9;padding:.28em .35em;border-radius:.25em;display:flex;justify-content:space-between;gap:.2em;white-space:nowrap}.side-commands b{color:#ffe761}.blue strong{background:#086ac9}.red strong{background:#be2144}.social-commands{grid-column:1/-1;text-align:center;font-size:clamp(8px,1.08vh,16px);padding:.35em;background:#190f0fcc;border:1px solid #ff996055;border-radius:.4em}.social-commands b{color:#ff9b7c;margin-left:.5em}.scene{position:absolute;inset:0;z-index:0}.nameplate{position:absolute;top:53.3%;font-size:clamp(8px,1.05vh,15px);letter-spacing:.09em;font-weight:900;padding:.22em .4em;border-radius:.2em;text-shadow:0 2px 3px #000;background:#101016bc}.nameplate.left{left:3%;color:#72c7ff}.nameplate.right{right:3%;color:#ff9aa6}.round-callout{position:absolute;top:59.4%;left:15%;right:15%;text-align:center;color:#fff;font-size:clamp(10px,1.55vh,22px);font-weight:1000;line-height:1.02;text-shadow:2px 2px 0 #090909,-2px -2px 0 #090909,2px -2px 0 #090909,-2px 2px 0 #090909,0 4px 8px #000;animation:calloutPulse 3s ease-in-out infinite}.goal-card{position:absolute;top:64.3%;left:4%;right:4%;z-index:2;padding:.45em .55em .35em;background:#0c1417c9;border:1px solid #ffffff6e;border-radius:.45em;box-shadow:0 3px 10px #0008;font-size:clamp(9px,1.15vh,17px)}.goal-copy{display:flex;justify-content:space-between;align-items:center;gap:.3em;margin-bottom:.25em;font-weight:800}.goal-copy>span{font-size:.9em;color:#fff0a4}.goal-copy b{white-space:nowrap}.goal-track{height:1.25em;background:#293943;border-radius:999px;overflow:hidden;position:relative;border:1px solid #d7f2ff55}.goal-track i{position:absolute;left:0;top:0;bottom:0;width:3%;background:linear-gradient(90deg,#159ce5,#68d8ff);transition:width .5s ease}.goal-track span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.score-row{display:flex;justify-content:space-between;margin-top:.35em;font-size:.88em;font-weight:900}.blue-text{color:#82d1ff}.red-text{color:#ff9eaa}.hype-banner{position:absolute;top:75%;left:7%;right:7%;padding:.55em .7em;text-align:center;background:linear-gradient(90deg,#61276dee,#ba275cee,#61276dee);border:1px solid #ffd66e;border-radius:.4em;font-size:clamp(10px,1.3vh,18px);box-shadow:0 0 18px #d238b277;opacity:0;transform:translateY(10px);transition:.25s;z-index:3}.hype-banner.active{opacity:1;transform:translateY(0);animation:bannerPulse .75s infinite alternate}.spark{color:#ffe66e;font-size:1.3em;margin-right:.35em}.event-line{position:absolute;left:5%;right:5%;bottom:8.5%;z-index:3;text-align:center;color:#fff;font-size:clamp(9px,1.2vh,17px);font-weight:800;text-shadow:0 2px 5px #000;padding:.35em 1.8em;min-height:1.5em}.effects{position:absolute;inset:0;pointer-events:none}.fx{position:absolute;font-size:clamp(48px,8vh,130px);filter:drop-shadow(0 5px 6px #0008);animation:fly 1.15s cubic-bezier(.15,.75,.24,1) forwards;z-index:5}.fx.left-target{left:34%;top:41%}.fx.right-target{left:59%;top:41%}.fx.tomato{font-size:clamp(55px,9vh,140px)}.fx.punch{font-size:clamp(52px,9vh,140px)}.fx.spit{font-size:clamp(38px,6vh,92px)}.fx.egg{font-size:clamp(45px,7vh,105px)}.scene.shake{animation:shake .35s linear}.scene.flash{animation:flash .5s}.dev-panel{position:fixed;bottom:10px;left:10px;z-index:20;width:min(370px,38vw);max-height:80vh;overflow:auto;background:#10131aee;color:#fff;border:1px solid #ffffff38;border-radius:12px;padding:12px;font:13px Arial;box-shadow:0 5px 35px #000a}.dev-panel>b{display:block;margin-bottom:8px}.test-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.test-buttons button,.connection button{border:0;border-radius:6px;background:#245a82;color:white;padding:7px 5px;font-weight:700;cursor:pointer}.test-buttons button:hover,.connection button:hover{filter:brightness(1.2)}.connection{display:flex;align-items:center;gap:7px;margin:9px 0}.connection i{width:9px;height:9px;background:#e4ac34;border-radius:50%}.connection i.on{background:#42da88;box-shadow:0 0 7px #42da88}.connection i.off{background:#f05068}.connection button{margin-left:auto;padding:6px 9px}#debugLog{height:74px;overflow:hidden;white-space:pre-wrap;background:#06080b;padding:7px;border-radius:6px;color:#a3c3d8;font-size:10px;margin:0}.dev-panel.hide{display:none}@keyframes fly{0%{transform:translate(0,40px) scale(.35) rotate(-30deg);opacity:0}28%{opacity:1}75%{transform:translate(0,-15px) scale(1.1) rotate(12deg);opacity:1}100%{transform:translate(0,-30px) scale(.8);opacity:0}}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(5px)}}@keyframes flash{0%,100%{filter:none}30%{filter:brightness(1.6) saturate(1.6)}}@keyframes calloutPulse{50%{transform:scale(1.035)}}@keyframes bannerPulse{to{box-shadow:0 0 28px #ffe66eaa;filter:brightness(1.2)}}@media(max-width:700px){.dev-panel{left:4px;bottom:4px;width:200px;padding:8px;font-size:10px}.test-buttons button{font-size:9px;padding:5px 3px}.connection{font-size:9px}#debugLog{height:50px}}