:root{--board-bg: radial-gradient(circle at 50% 0%, #1b50b6 0%, #0a2b6b 55%, #06163f 100%);--slot-bg: #163e8e;--accent: #ffd23f;--strike: #ff3b3b;--text: #ffffff;--font: "Arial Black", Impact, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--board-bg);background-attachment:fixed;color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}.stage{height:100vh;padding:clamp(12px,2.2vh,28px) clamp(16px,3vw,56px);display:flex;flex-direction:column;gap:clamp(8px,1.6vh,20px)}.stage--start{align-items:center;justify-content:center}.start-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,48px)}.start-logo{max-width:min(74vw,720px);max-height:54vh;width:auto;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.start-btn{font-family:var(--font);font-size:clamp(20px,2.4vw,32px);padding:.6em 1.4em;border:0;border-radius:999px;cursor:pointer;background:var(--accent);color:#06163f;box-shadow:0 8px 28px #00000073}.start-btn:hover{transform:translateY(-2px)}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:clamp(12px,1.6vw,22px);letter-spacing:2px;text-transform:uppercase;opacity:.92}.question{text-align:center;margin:0;font-size:clamp(16px,2.6vw,38px);line-height:1.15;text-shadow:0 3px 12px rgba(0,0,0,.4)}.pot{align-self:center;text-align:center;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.6vh,8px);padding:clamp(8px,1.4vh,18px) clamp(22px,3.2vw,48px);min-width:clamp(130px,16vw,220px);border-radius:clamp(10px,1.2vw,18px);background:#030c28a6;box-shadow:inset 0 0 0 3px #ffffff29}.pot-value{color:var(--accent);font-size:clamp(30px,5.5vw,76px);text-shadow:0 4px 16px rgba(0,0,0,.5)}.pot-to{font-size:clamp(12px,1.6vw,22px);letter-spacing:1px;opacity:.9}.board{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,14px);max-width:1100px;min-height:0;min-width:0}.slot{flex:1;perspective:1200px;min-height:0}.slot-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.slot--revealed .slot-inner{transform:rotateX(180deg)}.slot-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;border-radius:clamp(8px,1.2vw,16px);background:var(--slot-bg);box-shadow:inset 0 0 0 3px #ffffff2e,0 6px 16px #00000059}.slot-front{justify-content:center}.slot-num{color:var(--accent);font-size:clamp(22px,4vw,54px)}.slot-back{transform:rotateX(180deg);justify-content:space-between;padding:0 clamp(10px,1.6vw,24px)}.slot-text{text-transform:uppercase;font-size:clamp(16px,2.6vw,40px);letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-pts{flex:none;margin-left:16px;min-width:clamp(48px,6vw,92px);text-align:center;background:var(--accent);color:#06163f;border-radius:clamp(6px,.8vw,12px);font-size:clamp(20px,3.2vw,46px);padding:.12em .3em}.arena{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,2.5vw,48px)}.team{flex:none;width:clamp(140px,16vw,300px);text-align:center;padding:clamp(10px,1.4vh,20px);border-radius:clamp(10px,1.2vw,18px);background:#030c28a6;box-shadow:inset 0 0 0 3px #ffffff29;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1vh,12px)}.team--control{box-shadow:inset 0 0 0 4px var(--accent),0 0 30px #ffd23f59}.team-name{display:block;font-size:clamp(13px,1.6vw,24px);letter-spacing:1px;text-transform:uppercase}.team-score{display:block;color:var(--accent);font-size:clamp(32px,5vw,72px);line-height:1.05}.team-flag{position:absolute;top:-.7em;left:50%;transform:translate(-50%);background:var(--accent);color:#06163f;font-family:system-ui,sans-serif;font-weight:800;font-size:clamp(9px,1vw,13px);letter-spacing:1px;text-transform:uppercase;padding:2px 10px;border-radius:999px}.team-strikes{display:flex;gap:clamp(6px,1vw,14px)}.ts-x{color:var(--strike);font-size:clamp(20px,2.6vw,40px);line-height:1;text-shadow:0 0 14px rgba(255,59,59,.6)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#030a1ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay.strike-flash{background:#030a1e73;pointer-events:none;animation:flashIn .18s ease-out}.strike-x-row{display:flex;gap:clamp(16px,5vw,80px)}.big-x{color:var(--strike);line-height:.9;font-size:clamp(140px,42vh,460px);text-shadow:0 0 50px rgba(255,59,59,.85),0 10px 40px rgba(0,0,0,.6);animation:strikePop .32s cubic-bezier(.2,1.5,.4,1)}@keyframes flashIn{0%{opacity:0}to{opacity:1}}@keyframes strikePop{0%{transform:scale(.2) rotate(-12deg);opacity:0}55%{transform:scale(1.18) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.overlay.steal{background:#030a1e8c;pointer-events:none}.steal-card{text-align:center;animation:pulse 1s ease-in-out infinite}.steal-big{display:block;color:var(--accent);font-size:clamp(60px,16vw,240px);letter-spacing:6px;text-shadow:0 0 40px rgba(255,210,63,.7);line-height:.95}.steal-sub{display:block;font-size:clamp(18px,3vw,40px);letter-spacing:2px;margin-top:.2em}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.winner-card{text-align:center}.winner-kicker{letter-spacing:3px;text-transform:uppercase;opacity:.85;font-size:clamp(16px,2.4vw,30px);margin:0}.winner-card h1{color:var(--accent);font-size:clamp(44px,10vw,140px);margin:.12em 0;text-shadow:0 8px 30px rgba(0,0,0,.6)}.winner-final{font-size:clamp(18px,2.6vw,38px);opacity:.92}