.arena-page{color:#eef2fb;background:radial-gradient(1100px 500px at 50% -10%,#4fc3f71f,#0000 60%),#0a0c16;min-height:100vh;padding:28px 18px 90px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.arena-top{gap:14px;max-width:1060px;margin:0 auto 18px;display:flex}.arena-back{color:#9fb4d8;border:1px solid #9fb4d859;border-radius:999px;padding:6px 12px;font-size:.85rem;text-decoration:none}.arena-back:hover{color:#fff;border-color:#fff}.arena-back-dim{opacity:.7}.arena-hub-hero{text-align:center;max-width:760px;margin:30px auto 36px}.arena-kicker{letter-spacing:.22em;color:#7fe7c3;font-size:.72rem;font-weight:700}.arena-hub-hero h1{background:linear-gradient(120deg,#fff,#9fd4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:900}.arena-sub{color:#aebbd6;font-size:1.05rem;line-height:1.6}.arena-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1060px;margin:0 auto;display:grid}.arena-card{--accent:#4fc3f7;color:inherit;background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:8px;padding:22px 20px 18px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.arena-card:after{content:"";background:var(--accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.arena-card:hover{border-color:var(--accent);transform:translateY(-3px)}.arena-card-badge{color:var(--accent)}.arena-card h2{margin:2px 0;font-size:1.2rem;font-weight:800}.arena-card p{color:#aebbd6;flex:1;font-size:.92rem;line-height:1.5}.arena-card-cta{color:var(--accent);letter-spacing:.08em;font-size:.85rem;font-weight:700}.arena-how{max-width:760px;margin:48px auto 0}.arena-how h2{margin-bottom:12px;font-size:1.3rem;font-weight:800}.arena-how ol{color:#c6d2ea;gap:6px;padding-left:20px;line-height:1.7;display:grid}.arena-privacy-note{color:#7fe7c3;margin-top:14px;font-size:.88rem}.arena-shell{--accent:#4fc3f7;max-width:1060px;margin:0 auto}.arena-head{text-align:center;margin-bottom:22px}.arena-head h1{font-size:clamp(1.7rem,5vw,2.6rem);font-weight:900}.arena-head p{color:#aebbd6;margin-top:6px}.arena-setup{gap:22px;display:grid}.arena-import{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.arena-import-col{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:18px}.arena-import-col h2{margin-bottom:4px;font-size:1.02rem;font-weight:800}.arena-hint{color:#8fa1c0;margin-bottom:10px;font-size:.84rem;line-height:1.5}.arena-row{flex-wrap:wrap;gap:10px;display:flex}.arena-row input,.arena-import-col textarea{color:#eef2fb;background:#10131f;border:1px solid #ffffff29;border-radius:10px;flex:1;min-width:200px;padding:10px 12px;font-family:inherit;font-size:.95rem}.arena-import-col textarea{resize:vertical;width:100%}.arena-row input:focus,.arena-import-col textarea:focus{outline:2px solid var(--accent);border-color:#0000}.arena-error{color:#ff8a9b;margin-top:8px;font-size:.85rem}.arena-ok{color:#7fe7c3;margin-top:8px;font-size:.88rem}.arena-lineup{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:18px}.arena-lineup-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.arena-lineup h2{font-size:1.02rem;font-weight:800}.arena-lineup h2 span{color:#8fa1c0;font-weight:600}.arena-lineup ul{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:12px;padding:0;list-style:none;display:grid}.arena-lineup li{border-left:3px solid var(--accent);background:#10131f;border-radius:10px;flex-direction:column;padding:9px 12px;display:flex}.arena-lineup li strong{font-size:.92rem}.arena-lineup li span{color:#8fa1c0;font-size:.8rem}.arena-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.arena-btn{color:#eef2fb;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-family:inherit;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.arena-btn:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}.arena-btn:disabled{opacity:.45;cursor:default}.arena-btn-primary{color:#0a0c16;background:#ff6a13;border-color:#0a0c16}.arena-btn-small{padding:7px 12px;font-size:.8rem}.arena-mute{color:#8fa1c0;align-items:center;gap:7px;font-size:.85rem;display:inline-flex}.arena-replay-banner{background:#4fc3f714;border:1px solid #4fc3f766;border-radius:14px;gap:14px;padding:20px;display:grid}.arena-stage{gap:18px;margin-top:20px;display:grid}.arena-stage-live{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr)}.arena-canvas-wrap{position:relative}.arena-canvas-wrap canvas{aspect-ratio:16/9;width:100%;height:auto;image-rendering:pixelated;background:#0a0c16;border:1px solid #ffffff24;border-radius:14px}.arena-skip-row{justify-content:flex-end;margin-top:10px;display:flex}.arena-btn-skip{background:#080a14bf;padding:7px 12px;font-size:.8rem}.arena-board{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-self:start;padding:16px}.arena-board h2{letter-spacing:.04em;margin-bottom:10px;font-size:.95rem;font-weight:800}.arena-board ol{gap:6px;padding:0;list-style:none;display:grid}.arena-board li{opacity:.45;background:#10131f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 10px;transition:opacity .2s;display:flex}.arena-board li.locked{opacity:1;border-left:3px solid var(--accent)}.arena-pick{color:var(--accent);text-align:center;min-width:22px;font-weight:900}.arena-team{font-size:.88rem;font-weight:600}.arena-tag{letter-spacing:.06em;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.arena-tag-gold{color:#ffd34d;background:#ffd34d2e}.arena-tag-orange{color:#ff9843;background:#ff98432e}.arena-results{gap:18px;margin-top:22px;display:grid}.arena-snake,.arena-share{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:20px}.arena-snake h2,.arena-share h2{margin-bottom:12px;font-size:1.05rem;font-weight:800}.arena-snake ul{gap:7px;padding:0;list-style:none;display:grid}.arena-snake li{background:#10131f;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.arena-snake li span{color:#8fa1c0;font-size:.85rem}.arena-share-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.arena-email-gate{border-top:1px solid #ffffff1a;margin-bottom:16px;padding-top:16px}.arena-email-gate h3{margin-bottom:4px;font-size:.98rem;font-weight:800}.arena-email-gate>p{color:#8fa1c0;margin-bottom:12px;font-size:.88rem;line-height:1.5}.arena-video-ready{justify-items:start;gap:10px;display:grid}@media (max-width:860px){.arena-stage-live{grid-template-columns:1fr}.arena-page{padding:20px 12px 70px}}@media (prefers-reduced-motion:reduce){.arena-card,.arena-btn{transition:none}}.arena-faq details{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:8px;padding:12px 16px}.arena-faq summary{cursor:pointer;font-weight:700}.arena-faq details p{color:#c6d2ea;margin-top:10px;line-height:1.6}.arena-live-home{max-width:860px;margin:0 auto}.arena-live-lobby{text-align:center;justify-items:center;gap:14px;display:grid}.arena-live-code{letter-spacing:.18em;color:var(--accent);background:#ffffff0d;border:2px dashed #ff984380;border-radius:16px;padding:10px 30px;font-size:clamp(3rem,12vw,5.5rem);font-weight:900}.arena-live-lobby h2 span{color:#8fa1c0;font-weight:600}.arena-live-players{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;padding:0;list-style:none;display:flex}.arena-live-players li{border-left:3px solid var(--accent);background:#10131f;border-radius:8px;padding:7px 14px;font-size:.9rem;font-weight:600}.arena-live-countdown{text-align:center;padding:40px 0}.arena-live-count{color:var(--accent);font-size:7rem;font-weight:900;line-height:1}.arena-live-game{justify-content:center;display:flex}.arena-live-game canvas{touch-action:manipulation;border:1px solid #ffffff24;border-radius:14px;width:100%;max-width:380px}.arena-live-board{max-width:560px;margin:0 auto}.arena-live-timer{text-align:center;color:var(--accent);margin-bottom:12px;font-size:2.6rem;font-weight:900}.arena-live-board ol,.arena-live-final{gap:6px;padding:0;list-style:none;display:grid}.arena-live-board li,.arena-live-final li{border-left:3px solid var(--accent);background:#10131f;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.arena-live-score{color:var(--accent);margin-left:auto;font-weight:800}:root{--arena-pixel:"Press Start 2P", "Courier New", monospace;--arena-ink:#12122a}.arena-site-nav{background:#0a0c16;border-bottom:3px solid #ff5d73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.arena-site-brand{font-family:var(--arena-pixel);color:#fff;letter-spacing:.02em;text-shadow:2px 2px #ff5d73;font-size:1rem;text-decoration:none}.arena-site-links{flex-wrap:wrap;gap:18px;display:flex}.arena-site-links a{color:#aebbd6;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700;text-decoration:none}.arena-site-links a:hover{color:#ffd34d}.arena-hub-hero h1,.arena-head h1{font-family:var(--arena-pixel);letter-spacing:0;color:#fff;-webkit-text-fill-color:#fff;text-shadow:3px 3px 0 var(--accent,#ff5d73), 6px 6px 0 #0006;background:0 0;line-height:1.3}.arena-hub-hero h1{font-size:clamp(1.4rem,4.5vw,2.6rem)}.arena-head h1{font-size:clamp(1.1rem,4vw,2rem)}.arena-kicker,.arena-card-cta{font-family:var(--arena-pixel);font-size:.62rem}.arena-card{border:3px solid var(--accent);background:linear-gradient(#171a2e,#0f1120);border-radius:0;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end);box-shadow:6px 6px #0000008c}.arena-card:after{opacity:1;height:6px}.arena-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px #0009}.arena-card h2{font-family:var(--arena-pixel);font-size:.78rem;line-height:1.5}.arena-card-live{border-color:#ff9843;box-shadow:6px 6px #ff984340}.arena-btn{text-transform:uppercase;letter-spacing:.03em;border:3px solid #ffffff47;border-radius:0;font-weight:800;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);box-shadow:4px 4px #00000080}.arena-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:6px 6px #0000008c}.arena-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #00000080}.arena-btn-primary{font-family:var(--arena-pixel);color:#0a0c16;background:#ff6a13;border-color:#0a0c16;padding:12px 18px;font-size:.7rem}.arena-btn-primary:hover:not(:disabled){background:#ff7f33}.arena-btn-big{padding:16px 26px;font-size:.85rem}.arena-canvas-wrap canvas{image-rendering:pixelated;border:4px solid #2a2f52;border-radius:0;box-shadow:0 0 0 3px #0a0c16,8px 8px #00000080}.arena-board{border:3px solid var(--accent);border-radius:0;box-shadow:5px 5px #00000080}.arena-board h2{font-family:var(--arena-pixel);font-size:.62rem}.arena-pick{font-family:var(--arena-pixel);font-size:.7rem}.arena-reveal{text-align:center;max-width:1060px;margin:0 auto}.arena-reveal .arena-kicker{color:#ffd34d}.arena-reveal h2{font-family:var(--arena-pixel);color:#fff;text-shadow:2px 2px 0 var(--accent);margin:8px 0 22px;font-size:clamp(.9rem,3vw,1.4rem)}.arena-reveal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:26px;display:grid}.arena-reveal-card{opacity:0;animation:.6s ease-out both arena-fade-in;animation-delay:calc(var(--i) * .19s);flex-direction:column;align-items:center;gap:8px;padding:8px 6px;display:flex}@keyframes arena-fade-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.arena-reveal-sprite{filter:drop-shadow(0 6px 10px #00000080);justify-content:center;align-items:flex-end;width:110px;height:110px;display:flex}.arena-reveal-sprite img{max-width:104px;max-height:108px;image-rendering:pixelated}.arena-reveal-card strong{color:#fff;font-size:.92rem}.arena-reveal-card span{color:#ffd34d;font-size:.72rem;font-weight:700}.arena-reveal-actions{justify-content:center}.arena-import-col,.arena-lineup,.arena-snake,.arena-share,.arena-replay-banner{border-width:3px;border-radius:0;box-shadow:5px 5px #0006}.arena-import-col h2,.arena-lineup h2,.arena-snake h2,.arena-share h2{font-family:var(--arena-pixel);font-size:.66rem;line-height:1.6}.arena-row input,.arena-import-col textarea{border-width:2px;border-radius:0}@media (prefers-reduced-motion:reduce){.arena-reveal-card{animation:none}.arena-card,.arena-btn{transition:none}}.arena-site-footer{background:#0a0c16;border-top:3px solid #ff5d73;margin-top:40px;padding:30px 22px 40px}.arena-footer-inner{gap:14px;max-width:1060px;margin:0 auto;display:grid}.arena-footer-links{flex-wrap:wrap;gap:8px 20px;display:flex}.arena-footer-links a{color:#aebbd6;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:700;text-decoration:none}.arena-footer-links a:hover{color:#ffd34d}.arena-footer-legal{color:#6b7690;max-width:640px;font-size:.8rem;line-height:1.6}.arena-cta{background:#ff6a1314;border:2px solid #ff6a138c;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:6px 6px #00000080}.arena-cta-body{flex:1;min-width:260px}.arena-cta-body .arena-kicker{color:#ffd34d}.arena-cta-body h2{font-family:var(--arena-pixel);color:#fff;text-shadow:2px 2px 0 var(--accent,#ff5d73);margin:8px 0 10px;font-size:clamp(.85rem,2.4vw,1.15rem);line-height:1.5}.arena-cta-body p{color:#c6d2ea;max-width:560px;font-size:.92rem;line-height:1.6}.arena-cta .arena-btn-big{white-space:nowrap}.arena-cta .arena-btn-primary{box-shadow:4px 4px #00000080,0 0 0 3px #ff6a1347}.arena-cta-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.arena-cta-link{color:#ff9843;text-underline-offset:4px;text-transform:uppercase;font-size:.82rem;font-weight:800;text-decoration:underline}.arena-hub-hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex}.arena-hub-hero-cta p{color:#eef2fb;margin:0;font-weight:800}.arena-hub-cta{background:linear-gradient(135deg,#12142a,#1a1f3a);border:3px solid #ff5d73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1060px;margin:36px auto 0;padding:22px;display:flex;box-shadow:6px 6px #00000080}.arena-hub-cta>div:first-child{flex:1;min-width:260px}.arena-hub-cta .arena-cta-actions{flex:0 auto;min-width:0}.arena-hub-cta h2{font-family:var(--arena-pixel);color:#fff;font-size:.95rem;line-height:1.5}.arena-hub-cta p{color:#aebbd6;margin-top:8px;line-height:1.6}