*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d26;--border: #2d3148;--text: #e2e8f0;--muted: #8892a4;--primary: #6366f1;--primary-hover: #4f52d9;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;text-align:center;padding:2rem}.page{max-width:720px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem}header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}h1{font-size:2rem;font-weight:700}h2{font-size:1rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.subtitle{color:var(--muted);font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:380px;width:100%}input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;padding:.6rem .9rem;width:100%;outline:none;transition:border-color .15s}input:focus{border-color:var(--primary)}input::placeholder{color:var(--muted)}button,.btn-primary{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s,opacity .15s;display:inline-block;text-decoration:none}button:hover:not(:disabled),.btn-primary:hover{background:var(--primary-hover);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{background:var(--primary);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .65rem;display:inline-block;text-decoration:none;white-space:nowrap}.btn-sm:hover{background:var(--primary-hover);text-decoration:none}.badge{border-radius:999px;font-size:.7rem;font-weight:700;padding:.2rem .7rem;text-transform:uppercase;letter-spacing:.05em}.badge-waiting{background:#2d3148;color:var(--muted)}.badge-in_progress{background:#0f2d18;color:var(--success)}.badge-finished{background:#2d1a0f;color:var(--warning)}.error{color:var(--danger);font-size:.9rem}.info{color:var(--muted);font-size:.95rem}.player-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.player-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.35rem .8rem;font-size:.9rem}.player-list li.is-winner{border-color:var(--warning);color:var(--warning)}.game-list{display:flex;flex-direction:column;gap:.5rem}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.65rem 1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.95rem}.game-card.my-game{border-color:var(--primary)}.vs{color:var(--muted);font-size:.8rem}.game-winner-name{font-weight:700;color:var(--success)}.game-result{margin-left:auto;color:var(--success);font-size:.85rem}.game-status{margin-left:auto;color:var(--muted);font-size:.8rem}.my-game-banner{background:#1a1d3a;border:1px solid var(--primary);border-radius:10px;padding:1rem;text-align:center}.winner-banner{background:linear-gradient(135deg,#1a1d26,#2d2a10);border:1px solid var(--warning);border-radius:12px;color:var(--warning);font-size:1.2rem;font-weight:700;padding:1rem 1.5rem;text-align:center}.share-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem}.share-url{font-family:monospace;color:var(--muted);word-break:break-all;flex:1}.game-header{display:flex;align-items:center;gap:1rem}.timer{font-size:1.5rem;font-weight:800;color:var(--success)}.timer-urgent{color:var(--danger);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.score{display:flex;align-items:center;justify-content:center;gap:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 2rem}.score-side{display:flex;flex-direction:column;align-items:center;gap:.2rem}.score-side.won .score-num{color:var(--success)}.score-side.lost .score-num{color:var(--danger)}.score-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.score-num{font-size:2.5rem;font-weight:800;line-height:1}.score-sep{font-size:1.5rem;color:var(--border)}.moves{text-align:center}.move-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.btn-move{font-size:1.1rem;padding:.9rem 1.4rem;border-radius:12px;min-width:130px}.result-banner{text-align:center;padding:1.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;gap:.75rem;align-items:center}.result-banner.win{background:#0a2a0a;border:1px solid var(--success);color:var(--success)}.result-banner.lose{background:#2a0a0a;border:1px solid var(--danger);color:var(--danger)}.round-history{display:flex;flex-direction:column;gap:.4rem}.round-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;border-radius:8px;font-size:.9rem;flex-wrap:wrap}.round-row.win{background:#0a2a0a}.round-row.lose{background:#2a0a0a}.round-row.draw{background:var(--surface);border:1px solid var(--border)}.round-outcome{margin-left:auto;font-weight:700;font-size:.8rem;text-transform:uppercase}nav{color:var(--muted);font-size:.9rem}.player-list li.is-bot{color:var(--muted);border-style:dashed}.px{font-family:"Press Start 2P",Courier New,monospace}.hud-badge{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;background:#050a16c7;border:1px solid rgba(80,140,255,.45);padding:.5rem .85rem;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;line-height:1.6}.hud-badge .hud-val{color:#7bed9f;font-size:.75rem}.stadium-top-bar{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.stadium-title{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(.7rem,2.2vw,1.35rem);color:#fff;text-shadow:0 0 18px rgba(99,102,241,.9),0 0 48px rgba(99,102,241,.35);text-align:center;line-height:1.7;letter-spacing:.03em;word-break:break-word;max-width:600px;pointer-events:none}.stadium-join-top{position:absolute;top:.75rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:0 1rem;pointer-events:none}.stadium-center{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%;max-width:460px;padding:0 1.25rem;pointer-events:none}.stadium-count{font-family:"Press Start 2P",Courier New,monospace;line-height:1;text-align:center;background:#050a1680;border:1px solid rgba(99,102,241,.45);border-radius:10px;padding:.7rem 1.1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.stadium-count-n{font-size:clamp(2rem,7vw,4.5rem);color:#7bed9f;text-shadow:0 0 18px #7bed9f,0 0 48px rgba(123,237,159,.4);display:block}.stadium-count-sub{font-size:clamp(.45rem,1.2vw,.65rem);color:#5a7fa8;letter-spacing:.3em;display:block;margin-top:.55rem}.stadium-join-panel{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%}.stadium-join-row{display:flex;align-items:center;gap:.5rem;width:100%}.stadium-cursor{font-family:"Press Start 2P",monospace;font-size:.8rem;color:#7bed9f;animation:blink-cursor .8s step-end infinite;flex-shrink:0}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.stadium-input{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.6rem!important;background:#0000008c!important;border:1px solid #2d3148!important;border-radius:0!important;color:#7bed9f!important;text-transform:uppercase;letter-spacing:.08em;flex:1}.stadium-input:focus{border-color:#6366f1!important}.stadium-input::placeholder{color:#2d3555!important}.stadium-registered{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#7bed9f;letter-spacing:.12em;text-align:center;background:#00140aa6;border:1px solid #2ed57366;padding:.55rem 1rem;width:100%}.btn-pixel{font-family:"Press Start 2P",Courier New,monospace;font-size:.58rem;background:#6366f1;color:#fff;border:none;padding:.7rem 1.3rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px #3730a3;transition:box-shadow .08s,transform .08s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;line-height:1}.stadium-bottom-bar{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:auto;width:100%;max-width:500px;padding:0 1rem}.stadium-share{display:flex;align-items:center;gap:.6rem;background:#050a16bf;border:1px solid rgba(80,100,200,.35);padding:.5rem .85rem;width:100%}.stadium-share-url{font-family:Courier New,monospace;font-size:.72rem;color:#6366f1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stadium-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.arena-title{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1rem,3.5vw,2rem);color:#fff;text-shadow:0 0 20px rgba(99,102,241,.9),0 0 60px rgba(99,102,241,.35);line-height:1.6;letter-spacing:.03em;word-break:break-word;text-align:center}.arena-winner{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(.7rem,2vw,1rem);color:gold;text-shadow:0 0 20px #ffd700,0 0 45px rgba(255,215,0,.4);text-align:center;padding:1.5rem;border:2px solid #ffd700;background:#0b0b00;animation:winner-glow 2s ease-in-out infinite;line-height:1.8;max-width:640px;width:100%}.arena-count-slash,.arena-count-max{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1.2rem,3.5vw,2.2rem)}.arena-count-slash{color:#3d4466}.arena-count-max{color:#5a6380}.arena-count-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;color:#6366f1;letter-spacing:.35em;margin-top:.65rem;text-align:center}.arena-progress-fill{height:100%;background:linear-gradient(90deg,#1caa5e,#7bed9f);transition:width .7s cubic-bezier(.4,0,.2,1);box-shadow:0 0 14px #7bed9f8c}.arena{min-height:100vh;background:#07080e;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:24px 24px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem}.arena-header{text-align:center}.arena-title{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1rem,3.5vw,2rem);color:#fff;text-shadow:0 0 20px rgba(99,102,241,.9),0 0 60px rgba(99,102,241,.35);line-height:1.6;letter-spacing:.03em;word-break:break-word}.arena-subtitle{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#6366f1;letter-spacing:.3em;margin-top:.75rem;animation:arena-blink 1.6s step-end infinite}.arena-join{background:#0b0c15;border:2px solid #6366f1;box-shadow:0 0 24px #6366f133,inset 0 0 24px #6366f10a;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px}.arena-join-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;color:#6366f1;letter-spacing:.2em}.arena-join-row{display:flex;align-items:center;gap:.5rem;width:100%}.arena-cursor{font-family:"Press Start 2P",monospace;font-size:.85rem;color:#7bed9f;animation:arena-blink-cursor .8s step-end infinite;flex-shrink:0}.arena-input{font-family:"Press Start 2P",Courier New,monospace!important;font-size:.65rem!important;background:#09090f!important;border:1px solid #2d3148!important;border-radius:0!important;color:#7bed9f!important;text-transform:uppercase;letter-spacing:.1em;padding:.65rem .8rem!important;flex:1}.arena-input:focus{border-color:#6366f1!important;outline:none!important}.arena-input::placeholder{color:#2d3148!important}.btn-pixel{font-family:"Press Start 2P",Courier New,monospace;font-size:.6rem;background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px #3730a3;transition:box-shadow .08s,transform .08s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;line-height:1}.btn-pixel:hover:not(:disabled){box-shadow:0 2px #3730a3;transform:translateY(2px);text-decoration:none}.btn-pixel:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.btn-pixel:disabled{opacity:.4;cursor:not-allowed}.btn-pixel.btn-green{background:#2ed573;color:#052b12;box-shadow:0 4px #14753a}.btn-pixel.btn-green:hover:not(:disabled){box-shadow:0 2px #14753a}.arena-registered{font-family:"Press Start 2P",Courier New,monospace;font-size:.55rem;color:#7bed9f;letter-spacing:.1em;text-align:center}.arena-counter{text-align:center}.arena-count-row{display:flex;align-items:baseline;justify-content:center;gap:.4rem;line-height:1}.arena-count-n{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(2.5rem,8vw,5.5rem);color:#7bed9f;text-shadow:0 0 20px #7bed9f,0 0 50px rgba(123,237,159,.35)}.arena-count-slash{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1.2rem,3.5vw,2.2rem);color:#3d4466}.arena-count-max{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(1.2rem,3.5vw,2.2rem);color:#5a6380}.arena-count-label{font-family:"Press Start 2P",Courier New,monospace;font-size:.45rem;color:#6366f1;letter-spacing:.35em;margin-top:.65rem}.arena-progress{width:100%;max-width:600px}.arena-progress-track{height:12px;background:#0d0e18;border:2px solid #1e2236;position:relative;overflow:hidden}.arena-progress-fill{height:100%;background:linear-gradient(90deg,#1caa5e,#7bed9f);transition:width .7s cubic-bezier(.4,0,.2,1);box-shadow:0 0 14px #7bed9f8c;background-image:linear-gradient(90deg,#1caa5e,#7bed9f),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);background-blend-mode:overlay}.arena-grid-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.arena-grid{display:grid;gap:4px 3px}.arena-slot{width:14px;display:flex;align-items:flex-end;justify-content:center}.arena-slot.is-filled{animation:char-spawn .32s cubic-bezier(.34,1.56,.64,1) both}.arena-slot.is-filled svg{animation:char-bob 2s ease-in-out var(--bob, 0s) infinite}.arena-slot.is-me{filter:drop-shadow(0 0 3px #c7d2fe) drop-shadow(0 0 7px #6366f1)}.arena-slot.is-bot{opacity:.55}@keyframes char-spawn{0%{transform:scale(0) translateY(-6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes char-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.arena-share{display:flex;align-items:center;gap:.75rem;background:#0b0c15;border:1px solid #1e2236;padding:.65rem 1rem;width:100%;max-width:600px}.arena-share-url{font-family:Courier New,monospace;font-size:.75rem;color:#6366f1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.arena-winner{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(.7rem,2vw,1rem);color:gold;text-shadow:0 0 20px #ffd700,0 0 45px rgba(255,215,0,.4);text-align:center;padding:1.5rem;border:2px solid #ffd700;background:#0b0b00;animation:winner-glow 2s ease-in-out infinite;line-height:1.8}@keyframes winner-glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 45px #ffd700b3}}.arena-section-title{font-family:"Press Start 2P",Courier New,monospace;font-size:.5rem;color:#6366f1;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.arena-my-game{background:#09090f;border:2px solid #6366f1;padding:1.2rem 2rem;text-align:center;width:100%;max-width:560px;animation:my-game-pulse 2s ease-in-out infinite}@keyframes my-game-pulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 42px #6366f1a6}}@keyframes arena-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes arena-blink-cursor{0%,to{opacity:1}50%{opacity:0}}.arena{display:flex;flex-direction:column;min-height:100svh;background-image:url(/arena_bg.png);background-size:cover;background-position:center bottom;image-rendering:pixelated}.arena:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#0000002e 45%,#00000061);pointer-events:none;z-index:0}.arena>*{position:relative;z-index:1}.arena-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;width:100%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.arena-back{color:#ffffff80;font-size:.78rem;white-space:nowrap;transition:color .15s}.arena-back:hover{color:#fff;text-decoration:none}.arena-round-label{font-size:.62rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c}.arena-hud{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem 0;flex-shrink:0;width:100%;box-sizing:border-box}.arena-hud-timer{display:flex;justify-content:center;align-items:center;min-height:2rem;padding-bottom:.2rem}.arena-hud-side{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;min-width:60px;flex:1}.arena-hud-side-right{align-items:flex-end}.arena-fighter-name{font-size:.65rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.9);max-width:35vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-lives{display:flex;gap:3px}.arena-hud-side-right .arena-lives{flex-direction:row-reverse}.arena-heart{font-size:1.1rem;line-height:1;transition:all .3s}.arena-heart.alive{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.9)}.arena-heart.dead{color:#3c141499;opacity:.35}.arena-timer{font-size:1.5rem;font-weight:900;color:#22c55e;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(34,197,94,.7)}.arena-timer-urgent{color:#ef4444;text-shadow:0 0 14px rgba(239,68,68,.8);animation:pulse .5s ease-in-out infinite}.arena-stage{display:flex;align-items:flex-end;justify-content:space-between;padding:0 2vw;flex:1;min-height:0}.arena-champion{width:clamp(140px,42vw,320px);height:clamp(185px,55vw,420px);display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;padding-bottom:2rem}.arena-champion img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 30px rgba(0,0,0,.9));transition:filter .35s}.arena-champion-flip img{transform:scaleX(-1)}.arena-champion.happy img{filter:drop-shadow(0 6px 24px rgba(34,197,94,.65)) drop-shadow(0 0 12px rgba(34,197,94,.4)) drop-shadow(0 10px 30px rgba(0,0,0,.8))}.arena-champion.upset img{filter:drop-shadow(0 6px 24px rgba(239,68,68,.6)) brightness(.8) drop-shadow(0 10px 30px rgba(0,0,0,.8))}.arena-round-result{text-align:center;padding:.3rem 1rem;font-size:.85rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9);flex-shrink:0;min-height:1.8rem}.arena-round-result.hidden{visibility:hidden}.arena-round-result.win{color:#4ade80}.arena-round-result.lose{color:#f87171}.arena-round-result.draw{color:#cbd5e1}.arena-game-over{text-align:center;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0}.arena-game-over-title{font-size:clamp(2.2rem,10vw,4rem);font-weight:900;letter-spacing:.2em;text-transform:uppercase;line-height:1}.arena-game-over.win .arena-game-over-title{color:#f59e0b;text-shadow:0 0 30px rgba(245,158,11,.8),0 0 70px rgba(245,158,11,.35),0 4px 12px rgba(0,0,0,.9)}.arena-game-over.lose .arena-game-over-title{color:#f87171;text-shadow:0 0 25px rgba(239,68,68,.6),0 4px 12px rgba(0,0,0,.9)}.arena-action{flex-shrink:0;text-align:center;padding:.5rem .75rem}.arena-waiting{color:#ffffff80;font-size:.8rem;letter-spacing:.1em;text-shadow:0 1px 4px rgba(0,0,0,.8);animation:pulse 1.8s ease-in-out infinite;min-height:1.4rem}.arena-picker-label{font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;text-shadow:0 1px 4px rgba(0,0,0,.8);margin-bottom:.5rem}.arena-picker--hidden{visibility:hidden;pointer-events:none}.arena-picker-cards{display:flex;justify-content:center;gap:1.25rem;flex-wrap:nowrap}.arena-card{background:#00000085;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:.55rem .4rem .45rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;min-width:0;max-width:110px;transition:all .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arena-card img{width:min(18vw,72px);height:min(21vw,84px);object-fit:contain;image-rendering:pixelated}.arena-card span{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap}.arena-card:hover{background:#6366f14d;border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 24px #0009,0 0 18px #6366f166}.arena-card:hover span{color:#fff}.arena-card:active{transform:translateY(0)}@keyframes intro-slide-left{0%{transform:translate(-130%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes intro-slide-right{0%{transform:translate(130%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes intro-vs-pop{0%{transform:scale(.2);opacity:0}65%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes intro-fade-out{0%{opacity:1}75%{opacity:1}to{opacity:0}}.arena-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;background:#000000d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:intro-fade-out 2.5s ease-in-out forwards;pointer-events:none;padding:0 1.5rem}.arena-intro-you{font-size:clamp(1.2rem,6vw,2.5rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.4),0 4px 12px rgba(0,0,0,.9);animation:intro-slide-left .55s cubic-bezier(.22,1,.36,1) .1s both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.arena-intro-vs{font-size:clamp(.85rem,3.5vw,1.5rem);font-weight:900;letter-spacing:.3em;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.8),0 4px 12px rgba(0,0,0,.9);animation:intro-vs-pop .45s cubic-bezier(.34,1.56,.64,1) .55s both;text-align:center}.arena-intro-opp{font-size:clamp(1.2rem,6vw,2.5rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#f87171;text-shadow:0 0 24px rgba(248,113,113,.5),0 4px 12px rgba(0,0,0,.9);animation:intro-slide-right .55s cubic-bezier(.22,1,.36,1) .9s both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.lp{background:#fff;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.lp-hero{background:linear-gradient(135deg,#f0f4ff,#fafafa 60%);border-bottom:1px solid #e5e7eb;padding:5rem 1.5rem 4.5rem;text-align:center}.lp-hero-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.lp-eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6366f1}.lp-title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#111}.lp-tagline{font-size:1.1rem;color:#4b5563;line-height:1.7;max-width:520px}.lp-form{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:420px}.lp-input{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#111;font-size:1rem;padding:.8rem 1rem;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;text-align:center}.lp-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.lp-input::placeholder{color:#9ca3af}.lp-cta{width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;border-radius:10px;background:#6366f1;color:#fff;border:none;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 12px #6366f159}.lp-cta:hover:not(:disabled){background:#4f52d9;transform:translateY(-1px);box-shadow:0 4px 18px #6366f173}.lp-cta:disabled{opacity:.45;cursor:not-allowed}.lp-section{display:flex;flex-wrap:wrap;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;padding:5rem 2rem}.lp-section--alt{flex-direction:row-reverse}.lp-section--alt .lp-section-media{justify-content:flex-end}@media (max-width: 700px){.lp-section--alt .lp-section-text{order:-1}}.lp-section--center{flex-direction:column;align-items:center;text-align:center;background:#f8f9ff;max-width:100%;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.lp-section-text{flex:1 1 300px;display:flex;flex-direction:column;gap:1rem}.lp-section-media{flex:1 1 320px;display:flex;justify-content:flex-start}.lp-section-label{font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6366f1}.lp-section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#111;text-transform:none}.lp-section-body{font-size:1rem;color:#4b5563;line-height:1.75;max-width:440px}.lp-section-body--wide{max-width:600px}.lp-screenshot{border-radius:16px;box-shadow:0 8px 40px #0000001f,0 1px 4px #0000000f;display:block}.lp-screenshot--wide{width:100%;max-width:500px;height:auto}.lp-screenshot--mobile{width:100%;max-width:240px;height:auto;margin:0 auto}.lp-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:1rem}.lp-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.lp-stat-num{font-size:2.5rem;font-weight:800;color:#6366f1;letter-spacing:-.03em;line-height:1}.lp-stat-label{font-size:.85rem;color:#6b7280;font-weight:500}.lp-bottom-cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem 1.5rem;text-align:center;background:linear-gradient(135deg,#f0f4ff,#fafafa 60%);border-top:1px solid #e5e7eb}.lp-bottom-cta .lp-form{max-width:380px}.lp-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 2rem;height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:10}.lp-nav-logo{font-size:1.15rem;font-weight:800;color:#111;letter-spacing:-.02em}.lp-video-btn{position:relative;background:none;border:none;padding:0;cursor:zoom-in;display:block;width:100%;max-width:700px;box-shadow:none}.lp-video-btn:hover:not(:disabled){background:none;transform:none}.lp-video-btn:hover .lp-video-zoom{opacity:1}.lp-video-btn:hover .lp-screenshot--video{opacity:.9}.lp-video-zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);opacity:0;transition:opacity .15s;pointer-events:none}.lp-screenshot--video{width:100%;max-width:700px;height:auto;display:block;transition:opacity .15s}.lp-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;padding:1.5rem}.lp-lightbox-video{max-width:min(90vw,1100px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px #0009;cursor:default}