@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap";:root{color:#ecf3ff;font-synthesis:none;text-rendering:optimizelegibility;--lime:#adff6b;--coral:#ff7c93;--muted:#929fb8;--line:#323858;--panel:#1c213c;background:#11142b;font-family:Barlow,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 12% 45%,#2b497533,#0000 48%),radial-gradient(at 85% 0,#59437c3b,#0000 45%),#11142b;min-width:340px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #79dfff}button,a{color:inherit}.app-shell{max-width:1550px;margin:auto;padding:0 34px}.topbar{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:12px;font-size:31px;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:4px;color:var(--lime);margin:4px 0 0 2px;font-family:Barlow Condensed,Impact,sans-serif;font-size:12px;line-height:1;display:block}.brand-ball{background:#282d49;border:1px solid #444969;border-radius:16px;place-items:center;width:51px;height:51px;font-size:30px;display:grid;transform:rotate(-9deg);box-shadow:0 4px #090c1c}.topbar-right{align-items:center;gap:21px;display:flex}.desktop-tag{letter-spacing:1.3px;color:#b1bdd2;font-size:12px;font-weight:700}.icon-button{border:1px solid var(--line);background:#232842;border-radius:10px;place-items:center;width:39px;height:39px;font-size:22px;display:grid}.game-layout{grid-template-columns:minmax(0,1fr) 305px;gap:26px;padding:28px 0 0;display:grid}.play-column{min-width:0}.arena-heading{letter-spacing:1.15px;color:#a5b6d2;justify-content:space-between;gap:12px;margin:0 0 13px;font-size:12px;font-weight:700;display:flex}.stadium-label{color:#dceaff;align-items:center;gap:9px;display:flex}.live-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #adff6b88}.arena-frame{aspect-ratio:16/9;isolation:isolate;background:#172d53;border:1px solid #5b7395;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 8px #090d21,0 16px 48px #00000036}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.canvas-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.canvas-error{text-align:center;position:absolute;inset:40% 10%}.score-hud{z-index:2;pointer-events:none;align-items:center;gap:18px;width:62%;max-width:550px;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%)}.score-player{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1832bb;border:1px solid #7eacbe42;border-radius:12px;width:33%;min-width:0;padding:12px 14px}.score-player.left{border-bottom:3px solid var(--lime)}.score-player.right{border-bottom:3px solid var(--coral);text-align:right}.player-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 1px #0004;font-size:14px;font-weight:700;display:block;overflow:hidden}.power-track{background:#ffffff1d;border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.power-track span{border-radius:3px;height:100%;transition:width .1s linear;display:block}.score-center{text-align:center;flex-shrink:0;min-width:91px}.score-digits{color:#fffef0;text-shadow:0 3px #0a2037;justify-content:center;align-items:center;gap:12px;font-family:Barlow Condensed,Impact,sans-serif;font-size:48px;font-weight:800;line-height:1;display:flex}.score-digits b{opacity:.65;font-size:26px}.match-clock{font-variant-numeric:tabular-nums;letter-spacing:1px;background:#0d1b37d9;border:1px solid #5380946e;border-radius:5px;margin-top:5px;padding:3px 9px;font-size:13px;font-weight:700;display:inline-block}.match-clock.overtime{color:var(--lime);font-size:11px}.fullscreen-button{z-index:3;color:#d8eeff;background:#122647a6;border:1px solid #bad6eb40;border-radius:8px;width:34px;height:34px;font-size:22px;position:absolute;top:16px;right:16px}.start-screen{z-index:3;text-align:center;text-shadow:0 2px 3px #122448;flex-direction:column;align-items:center;width:42%;display:flex;position:absolute;top:29%;left:50%;transform:translate(-50%)}.start-kicker{color:#e4f6d3;letter-spacing:2px;font-family:Barlow Condensed,Impact,sans-serif;font-size:13px;font-weight:700}.start-screen h1{letter-spacing:-1px;color:#fffef0;-webkit-text-stroke:1px #1c3c4d;text-shadow:0 4px #173d50,0 7px #072949;filter:drop-shadow(0 0 18px #5ed7ec55);margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(50px,5.5vw,84px);font-weight:900;line-height:.83;transform:rotate(-4deg)}.start-screen h1 span{color:var(--lime);margin-top:5px;display:block}.start-screen p{margin:16px 0;font-size:14px;font-weight:600}.start-button{width:auto!important;min-height:45px!important;padding:10px 23px!important;font-size:16px!important}.start-note{color:#dcefe3;margin:10px 0 0;font-size:11px}.control-strip{color:#b2c1d9;flex-wrap:wrap;align-items:center;gap:22px;padding:23px 0 15px;font-size:13px;font-weight:600;display:flex}.control-strip>span{align-items:center;gap:7px;display:flex}kbd{color:#f2f5ff;background:#2b314d;border:1px solid #515a77;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:29px;min-height:28px;padding:4px 7px;font:700 13px Barlow,system-ui,sans-serif;display:inline-grid}.space-key{letter-spacing:.5px;min-width:63px;font-size:10px}.power-control{color:var(--lime)}.power-control kbd{color:var(--lime);border-color:#697f53}.control-strip>.text-button{margin-left:auto;font-size:12px}.match-note{color:#778ba9;border-top:1px solid #ffffff0a;justify-content:space-between;gap:16px;padding:13px 0;font-size:12px;display:flex}.sidebar{flex-direction:column;gap:17px;padding-top:28px;display:flex}.player-panel,.lobby-panel{background:linear-gradient(130deg,#272b48,#1c213b);border:1px solid #3b405e;border-radius:15px;padding:20px;box-shadow:0 5px #0b0f24}.panel-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-title>span{letter-spacing:1px;color:#a09bc5;background:#ffffff07;border-radius:4px;padding:2px 5px;font-size:11px;font-weight:700}.panel-title h2{letter-spacing:1px;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:19px;font-weight:700}.player-editor{grid-template-columns:85px minmax(0,1fr);align-items:center;gap:15px;margin-bottom:18px;display:grid}.portrait-slot{background:radial-gradient(at 50% 42%,#8256b158,#292942 65%);border:1px solid #575073;border-radius:12px;justify-content:center;align-items:flex-start;height:112px;padding-top:5px;display:flex;position:relative}.portrait-slot img{object-fit:contain;filter:drop-shadow(0 3px 2px #0004);width:81px;height:89px}.tiny-boot{font-size:24px;position:absolute;bottom:3px;right:15px;transform:rotate(-8deg)}.player-fields label,.join-form label{color:#aab3c9;margin-bottom:7px;font-size:12px;font-weight:600;display:block}input{color:#f3f5fb;background:#12182d;border:1px solid #454c6b;border-radius:8px;width:100%;padding:9px 10px;font-size:14px}input:disabled{opacity:.65}.team-colors{gap:9px;margin-top:12px;display:flex}.color-swatch{background:var(--swatch);border:2px solid #11162c;border-radius:6px;width:22px;height:22px;position:relative}.color-swatch.selected{outline-offset:2px;outline:2px solid #f7ffeb}.button{letter-spacing:.15px;border:1px solid #ffffff18;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:47px;padding:12px 15px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .12s,filter .12s;display:flex;box-shadow:0 4px #090f21}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #090f21}.button.lime{color:#153129;background:linear-gradient(#c2ff81,#9ee95d);border-color:#deffaa}.button.violet{color:#fff;background:linear-gradient(#a27bdf,#7956b7);border-color:#bf95ee}.button.dark{color:#ecf2ff;background:#2d3651;border-color:#505977}.button.subtle{color:#c5d0e5;box-shadow:none;background:#ffffff05;border-color:#424b67}.camera-button span{font-size:19px}.panel-hint{color:#9aa7c0;text-align:center;margin:11px 0 0;font-size:12px;line-height:1.5}.lobby-panel>.button+.button{margin-top:12px}.lobby-panel>.button.lime>span,.lobby-panel>.button.dark>span{margin-left:auto;font-size:20px;line-height:1}.lobby-panel>.button.lime,.lobby-panel>.button.dark{justify-content:flex-start}.lobby-divider{text-align:center;letter-spacing:1px;color:#8f9fbc;margin:24px 0 17px;font-size:10px;position:relative}.lobby-divider:before{content:"";background:#404765;height:1px;position:absolute;top:50%;left:0;right:0}.lobby-divider span{background:#21263f;padding:0 8px;position:relative}.join-form{margin-top:18px}.join-form>div{gap:8px;display:flex}.join-form .button{width:auto;min-height:41px;padding:8px 13px}.join-form input{letter-spacing:2px;min-width:0;font-size:16px;font-weight:700}.form-error{color:#ffd6da;background:#9e2c4238;border:1px solid #b25b7752;border-radius:8px;margin:16px 0 0;padding:11px 12px;font-size:13px;line-height:1.5}.power-tip{background:#1b293252;border:1px solid #69894a3b;border-radius:12px;align-items:center;gap:12px;padding:14px 15px;display:flex}.tip-flash{color:var(--lime);text-shadow:0 0 20px #adff6b44;font-size:43px;line-height:1}.power-tip strong{letter-spacing:.7px;color:#cae8ae;font-size:11px}.power-tip p{color:#90a3aa;margin:4px 0 0;font-size:12px;line-height:1.5}.site-footer{color:#72829e;letter-spacing:.8px;border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:27px;padding:23px 0;font-size:11px;display:flex}.site-footer>span:first-child{color:#a6b3cb;font-weight:700}.site-footer>span:nth-child(2){letter-spacing:0}.text-button{color:#a9c5e4;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.waiting-overlay{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e39df;border:1px solid #91bfda80;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:54%;padding:23px 18px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.waiting-overlay strong{color:var(--lime);font-family:Barlow Condensed,Impact,sans-serif;font-size:29px}.waiting-overlay span{color:#cad9ed;font-size:13px}.room-ticket{text-align:center;background:#adff6b0a;border:1px dashed #7c8e6c;border-radius:10px;padding:15px 12px}.room-ticket>span{letter-spacing:1px;color:#b4ce9f;font-size:10px;display:block}.room-ticket strong{letter-spacing:5px;color:var(--lime);margin:7px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:33px;display:block}.room-ticket>.text-button{color:#d8e8cc;font-size:12px}.room-seats{margin:19px 0}.room-seat{border-bottom:1px solid #394159;align-items:center;gap:9px;padding:11px 0;font-size:12px;display:flex}.room-seat>span:nth-child(2){overflow-wrap:anywhere;flex:1}.seat-number{color:#7e93b7;font-size:11px;font-weight:800}.ready-badge{color:var(--lime);font-size:10px;font-weight:700}.seat-status{color:#a2a9bb;font-size:9px;font-weight:700}.leave-room{margin:18px auto 0;font-size:12px;display:block}.in-game-label{text-align:center;color:var(--lime);font-weight:700}.end-actions{gap:12px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%)}.end-actions .button{white-space:nowrap;min-width:145px}.arena-frame:fullscreen{aspect-ratio:auto;background:#11142b;border-radius:0;width:100vw;height:100vh}.arena-frame:fullscreen .game-canvas{max-width:177.78vh;max-height:56.25vw;margin:auto}.arena-frame:fullscreen .score-hud{top:5%}.camera-dialog{color:#f1f4ff;background:linear-gradient(130deg,#292a49,#191e34);border:1px solid #69648e;border-radius:19px;width:min(610px,100% - 32px);max-height:calc(100dvh - 32px);padding:25px;overflow:auto;box-shadow:0 25px 100px #0008}.camera-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050915b8}.dialog-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--lime);font-size:10px;font-weight:700}.dialog-heading h2{margin:8px 0 20px;font-family:Barlow Condensed,Impact,sans-serif;font-size:31px;line-height:1}.dialog-heading>.icon-button{flex-shrink:0;align-self:flex-start}.capture-surface{background:radial-gradient(#546d8666,#141c33 72%);border:1px solid #49536f;border-radius:13px;height:300px;position:relative;overflow:hidden}.capture-surface video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-guide{border:2px dashed #e8ffd394;border-radius:45% 45% 40% 40%;position:absolute;inset:18px 27%}.camera-hint{white-space:nowrap;background:#12152acb;border-radius:7px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.capture-placeholder{color:#c6d8d8;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;font-size:14px;display:flex}.capture-placeholder img{object-fit:contain;filter:drop-shadow(0 6px 6px #090f34);width:175px;height:175px}.processing-cover{text-align:center;background:#141a32eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.processing-cover strong{font-size:16px}.processing-cover>span:last-child{color:#97abc6;font-size:12px}.spinner{border:3px solid #ffffff24;border-top-color:var(--lime);border-radius:50%;width:34px;height:34px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.camera-explainer{color:#a4b5cd;margin:17px 0 20px;font-size:13px;line-height:1.65}.dialog-buttons{gap:13px;display:flex}.avatar-result{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.avatar-result img{object-fit:contain;filter:drop-shadow(0 5px 5px #091233);width:212px;height:212px}.result-boot{margin-top:2px;font-size:37px;transform:translate(23px)rotate(-7deg)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.game-layout{gap:30px;padding-top:38px}.sidebar{width:305px}.start-screen p{font-size:16px}}@media (max-width:1150px){.app-shell{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 278px;gap:19px}.player-panel,.lobby-panel{padding:17px}.control-strip{gap:14px;font-size:12px}.score-hud{gap:11px;width:66%}.score-player{padding:10px}.score-digits{font-size:40px}.start-screen{top:28%}.start-kicker{font-size:11px}.start-screen p{margin:11px 0;font-size:12px}.start-note{display:none}.start-button{min-height:38px!important;padding:8px 13px!important;font-size:13px!important}}@media (max-width:960px){.game-layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:1fr 1fr;align-items:start;gap:18px;padding-top:3px;display:grid}.power-tip{grid-column:1/-1}.start-screen{top:29%}.start-screen h1{font-size:72px}.start-screen p{font-size:15px}.start-button{min-height:44px!important;font-size:15px!important}.control-strip{justify-content:center}.match-note{font-size:12px}.topbar{min-height:83px}.site-footer{margin-top:20px}}@media (max-width:600px){.app-shell{padding:0 14px}.desktop-tag{display:none}.brand{font-size:26px}.brand-ball{width:42px;height:42px;font-size:25px}.topbar-right{gap:12px}.game-layout{padding-top:19px}.arena-frame{border-radius:12px}.arena-heading{letter-spacing:.5px;font-size:10px}.score-hud{gap:6px;width:75%;top:5%}.score-player{border-radius:7px;padding:6px}.player-name{font-size:10px}.power-track{height:3px;margin-top:5px}.score-center{min-width:54px}.score-digits{gap:6px;font-size:29px}.score-digits b{font-size:17px}.match-clock{letter-spacing:.3px;margin-top:3px;padding:1px 6px;font-size:9px}.fullscreen-button{width:25px;height:25px;font-size:18px;top:8px;right:8px}.start-screen{width:45%;top:31%}.start-kicker{display:none}.start-screen h1{font-size:44px}.start-screen p{margin:7px 0;font-size:10px}.start-button{min-height:30px!important;padding:5px 10px!important;font-size:11px!important}.sidebar{grid-template-columns:1fr}.power-tip{grid-column:auto}.control-strip{gap:12px;padding-top:18px;font-size:11px}kbd{min-width:24px;min-height:24px;font-size:11px}.space-key{min-width:52px;font-size:9px}.match-note{gap:9px;font-size:10px}.match-note>span:last-child{text-align:right}.site-footer{gap:10px;font-size:10px}.site-footer>span:nth-child(2){display:none}.waiting-overlay{gap:4px;width:62%;padding:12px;top:32%}.waiting-overlay strong{font-size:22px}.waiting-overlay span{font-size:10px}.end-actions{top:68%}.end-actions .button{min-width:100px;min-height:33px;padding:7px 10px;font-size:11px}.camera-dialog{padding:19px}.capture-surface{height:270px}.dialog-heading h2{font-size:28px}.dialog-buttons{gap:9px}.dialog-buttons .button{padding:10px;font-size:12px}.camera-hint{font-size:10px}.camera-explainer{font-size:12px}}@media (prefers-reduced-motion:reduce){.button{transition:none}.spinner{animation-duration:2s}}body{min-width:320px}.brand-button{text-align:left;background:0 0;border:0;padding:0}.home-shell{max-width:1120px}.home-screen{max-width:930px;margin:auto;padding:28px 0 0}.home-hero{justify-content:space-between;align-items:center;gap:36px;padding:14px 40px 30px;display:flex}.hero-kicker{letter-spacing:1.8px;color:#c5d4e9;font-size:12px;font-weight:800}.hero-copy h1{letter-spacing:-1px;color:#fffef0;text-shadow:0 5px #25395a,0 10px #070f26;margin:18px 0 23px;font-family:Barlow Condensed,Impact,sans-serif;font-size:112px;line-height:.82;transform:rotate(-3deg)}.hero-copy h1 span{color:var(--lime);margin-top:6px;display:block}.hero-copy p{color:#c0cce0;margin:0;font-size:18px;font-weight:600;line-height:1.4}.hero-player{background:radial-gradient(#7761bf33,#0000 67%);place-items:center;width:315px;height:305px;display:grid;position:relative}.hero-head{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;transform:rotate(5deg)}.hero-head>img{object-fit:contain;filter:drop-shadow(0 9px 3px #090a2266);width:215px;height:215px}.preview-boot{width:85px;height:43px;display:block;transform:translate(19px,-4px)}.hero-shadow{filter:blur(4px);background:#060d2588;border-radius:50%;height:20px;position:absolute;bottom:22px;left:60px;right:55px}.hero-ball{font-size:56px;position:absolute;bottom:27px;right:4px;transform:rotate(-12deg)}.hero-spark{color:var(--lime);text-shadow:0 0 30px #adff6b66;position:absolute}.spark-one{font-size:41px;top:25px;left:16px}.spark-two{color:#af94e4;font-size:22px;top:60px;right:9px}.hero-player-caption{letter-spacing:2px;color:#a7b5d1;font-size:10px;font-weight:800;position:absolute;bottom:-7px}.home-panels{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.home-panels .player-panel,.home-panels .lobby-panel{padding:23px}.home-panels .player-editor{grid-template-columns:98px minmax(0,1fr)}.home-panels .portrait-slot{height:119px}.portrait-slot .preview-boot{width:49px;height:25px;position:absolute;bottom:0;transform:translate(8px)}.home-panels input{min-height:45px;font-size:16px}.home-panels .color-swatch{outline-offset:3px;width:30px;height:30px}.remove-photo{margin:14px auto 0;font-size:12px;display:block}.lobby-status{text-align:center;color:#b2c2db;margin:12px 0;font-size:13px;line-height:1.4}.room-seat img{object-fit:contain;width:36px;height:36px}.room-seat>span:nth-child(2){flex:initial}.room-seat>span:nth-of-type(2){overflow-wrap:anywhere;flex:1}.home-note{color:#869bbd;justify-content:center;gap:23px;margin:23px 0 0;font-size:12px;display:flex}.home-note span+span:before{content:"•";color:var(--lime);margin-right:23px}.home-shell .site-footer{margin-top:20px}.capture-surface video{object-fit:contain}@media (max-width:650px){.home-shell{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.topbar{min-height:66px}.brand{font-size:25px}.brand-ball{width:40px;height:40px;font-size:25px}.brand small{letter-spacing:3px;font-size:10px}.icon-button{width:42px;height:42px}.home-screen{padding:17px 0 0}.home-hero{gap:6px;padding:9px 4px 26px}.hero-kicker{letter-spacing:1px;font-size:9px}.hero-copy h1{margin:14px 0 17px;font-size:67px}.hero-copy p{font-size:13px}.hero-player{flex-shrink:0;width:155px;height:180px}.hero-head>img{width:135px;height:135px}.hero-head>.preview-boot{width:57px;height:30px}.hero-ball{font-size:30px;bottom:17px;right:-2px}.hero-shadow{height:10px;bottom:14px;left:24px;right:22px}.hero-player-caption{letter-spacing:1px;font-size:7px;bottom:0}.spark-one{font-size:23px;top:5px;left:2px}.spark-two{font-size:14px;top:16px;right:3px}.home-panels{grid-template-columns:1fr;gap:18px}.home-panels .player-panel,.home-panels .lobby-panel{padding:17px}.home-panels .panel-title{margin-bottom:14px}.home-panels .player-editor{grid-template-columns:82px 1fr;gap:16px;margin-bottom:14px}.home-panels .portrait-slot{height:104px}.home-panels .portrait-slot>img{width:75px;height:81px}.home-note{gap:13px;font-size:11px}.home-note span+span:before{margin-right:13px}.site-footer>span:last-child{display:none}.camera-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px}.camera-explainer{font-size:12px}.dialog-buttons .button{min-height:48px;font-size:13px}.capture-surface{height:255px}}@media (max-width:359px){.home-shell{padding-left:12px;padding-right:12px}.hero-copy h1{font-size:59px}.hero-player{width:130px}.hero-head>img{width:118px;height:118px}.hero-copy p{font-size:12px}.hero-kicker{font-size:8px}.home-panels .player-editor{gap:12px}}@media (orientation:landscape) and (max-height:560px){.camera-dialog{width:min(600px,100% - 30px);max-height:calc(100dvh - 18px);padding:16px}.dialog-heading h2{margin-bottom:13px;font-size:25px}.capture-surface{height:145px}.capture-placeholder img{width:94px;height:94px}.capture-placeholder{gap:6px;font-size:12px}.avatar-result img{width:105px;height:105px}.result-boot{font-size:23px}.camera-explainer{margin:10px 0;font-size:11px;line-height:1.4}.dialog-buttons .button{min-height:40px;padding:9px}}.match-shell{max-width:1500px;min-height:100svh;padding:env(safe-area-inset-top) max(22px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(22px, env(safe-area-inset-left))}.match-shell .topbar{min-height:70px}.match-shell .topbar-right{gap:10px}.match-screen{min-width:0;padding:16px 0 12px}.match-screen .arena-heading{max-width:1250px;margin:0 auto 10px}.match-surface{width:min(100%,177.778dvh - 312.889px);margin:auto;position:relative}.match-surface>.arena-frame{flex-shrink:0;width:100%;container-type:inline-size}.match-screen .score-hud{width:65%;max-width:660px}.match-screen .score-player{flex:1}.match-screen .control-strip{justify-content:center;padding:16px 0 10px}.match-screen .match-note{max-width:1100px;margin:auto}.exit-match{padding:10px;font-size:13px}.rotate-hint,.arena-rotate{display:none}.canvas-loading{color:#e2ebfb;z-index:1;background:#172c4cf0;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-weight:700;display:flex;position:absolute;inset:0}.game-canvas:focus{outline:none}.game-canvas:focus-visible{outline-offset:-3px;outline:2px solid #79dfff}.arena-tools{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.arena-tools .fullscreen-button{border-radius:10px;justify-content:center;align-items:center;gap:5px;width:auto;min-width:44px;height:44px;padding:0 9px;display:flex;position:static}.arena-tools .arena-tool-label{font-size:11px;font-weight:700}.arena-tools .arena-sound,.arena-back{color:#eff8ff;background:#10213a80;border:1px solid #bad6eb55;border-radius:10px;width:44px;height:44px;box-shadow:0 2px 8px #0002}.arena-tools .arena-sound{font-size:22px}.arena-tools .arena-sound .arena-tool-label,.arena-back .arena-tool-label{display:none}.arena-back{z-index:5;font-size:23px;display:none;position:absolute;top:8px;left:8px}.arena-connection{z-index:3;color:#d9efff;text-align:center;pointer-events:none;background:#10243f55;border-radius:6px;max-width:40%;padding:3px 7px;font-size:10px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.arena-connection.is-paused{background:#15243dde;max-width:80%;font-size:12px;top:27%;bottom:auto}.arena-messages{z-index:6;pointer-events:none;text-align:center;position:absolute;top:28%;left:20%;right:20%}.arena-notice,.arena-error{background:#10213aeb;border:1px solid #bad6eb55;border-radius:8px;margin:0;padding:8px 12px;font-size:12px}.arena-error{color:#ffe0e7;border-color:#ed8196aa}.touch-controls{z-index:4;pointer-events:none;padding:0;display:none;position:absolute;inset:0}.touch-group{align-items:flex-end;gap:8px;display:flex}.touch-movement{position:absolute;bottom:8px;left:10px}.touch-actions{position:absolute;bottom:8px;right:10px}.touch-button{pointer-events:auto;color:#fff;text-shadow:0 1px 3px #001e30;-webkit-touch-callout:none;background:#10213a66;border:1px solid #d8eeffa3;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:clamp(48px,14cqw,68px);height:clamp(48px,14cqw,68px);padding:3px;transition:background 80ms,transform 80ms;display:flex;box-shadow:0 2px 7px #06182a33}.touch-button.is-pressed{background:#3c6286c9;border-color:#fff;transform:scale(.95)}.touch-button:disabled{opacity:.4}.touch-icon{font-size:clamp(24px,5cqw,32px);font-weight:800;line-height:1}.touch-label{letter-spacing:.1px;font-size:10px;font-weight:800}.touch-kick{color:#f0ffe5;background:#84bf4966;border-color:#d5ffb5b3}.touch-kick.is-pressed{background:#74ad39cc}.touch-power{color:#f4eaff;background:#7954a666;border-color:#d9bdffa3}.touch-power.is-ready{background:#9469cf80;border-color:#f0ddff;box-shadow:0 0 16px #bd9aec44}.touch-power.is-pressed{background:#aa80dfd9}.touch-controls.is-disabled{pointer-events:none}:is(.match-surface:fullscreen,.match-surface.is-expanded){z-index:100;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0a1124;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}:is(.match-surface:fullscreen>.arena-frame,.match-surface.is-expanded>.arena-frame){width:min(100%, calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 1.77778));box-shadow:none;border:0;border-radius:0}:is(.match-surface:fullscreen .arena-back,.match-surface.is-expanded .arena-back){display:block}@media (pointer:coarse),(max-width:900px){.touch-controls{display:block}.match-screen .control-strip{display:none}.match-surface{width:min(100%,177.778dvh - 213.333px)}.match-shell{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.match-shell .topbar{min-height:56px}.match-screen{padding-top:10px}.match-screen .arena-heading{letter-spacing:.4px;font-size:10px}.match-screen .match-note{padding:10px 0;font-size:10px}}@media (max-width:600px){.match-screen .score-hud{gap:5px;width:65%;top:5%}.match-screen .score-player{padding:5px}.match-screen .player-name{font-size:10px}.match-screen .score-digits{gap:5px;font-size:29px}.match-screen .score-center{min-width:50px}.match-screen .power-track{height:3px;margin-top:4px}.touch-group{gap:6px}.touch-movement{bottom:6px;left:6px}.touch-actions{bottom:6px;right:6px}.touch-label{font-size:8px}.touch-button{border-radius:12px}.arena-tools{gap:4px;top:5px;right:5px}.arena-tools .fullscreen-button{padding:0 6px}.arena-tools .arena-tool-label{display:none}.arena-tools .arena-sound{position:absolute;top:49px;right:0}.arena-connection{max-width:45%;font-size:9px;bottom:56px}.arena-connection.is-paused{font-size:10px;bottom:auto}.arena-messages{top:35%;left:12%;right:12%}.arena-notice,.arena-error{padding:6px 8px;font-size:10px}.arena-back{top:5px;left:5px}.rotate-hint{color:#95acd0;justify-content:center;align-items:center;gap:6px;margin:14px 0 10px;font-size:12px;display:flex}.rotate-hint>span{font-size:22px}.match-screen .end-actions{justify-content:center;gap:8px;width:76%;top:54%}.end-actions .button{white-space:normal;min-width:0;max-width:190px;min-height:38px;font-size:12px;line-height:1.15}}@media (orientation:landscape) and (max-height:560px){.match-shell{height:100dvh;overflow:hidden}.match-shell .topbar,.match-screen>.arena-heading,.match-screen>.match-note,.match-screen .control-strip,.rotate-hint,.arena-rotate{display:none}.match-screen{justify-content:center;align-items:center;height:100%;padding:4px 0;display:flex}.match-surface{width:min(100%, calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8px) * 1.77778));margin:auto}.match-surface>.arena-frame{border-radius:10px}.match-screen .score-hud{gap:8px;width:58%;top:4%}.match-screen .score-player{padding:6px 9px}.match-screen .player-name{font-size:12px}.match-screen .score-digits{gap:9px;font-size:clamp(30px,6cqw,44px)}.match-screen .score-center{min-width:70px}.match-screen .match-clock{padding:2px 7px;font-size:11px}.match-screen .power-track{height:3px;margin-top:5px}.arena-back,.touch-controls{display:block}.touch-button{width:clamp(48px,10cqw,68px);height:clamp(48px,10cqw,68px)}.touch-actions{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,auto);gap:8px;display:grid}.touch-jump{grid-area:2/1}.touch-kick{grid-area:2/2}.touch-power{grid-area:1/2}.match-screen .end-actions{gap:8px;width:70%;top:45%}.match-screen .end-actions .button{min-width:0;max-width:200px;min-height:40px;padding:8px 12px;font-size:13px}.match-screen>.form-error,.match-screen>.panel-hint{z-index:110;text-align:center;background:#302141f2;margin:0;padding:8px;position:absolute;top:28%;left:20%;right:20%}}@media (orientation:portrait){:is(.match-surface:fullscreen,.match-surface.is-expanded){background:radial-gradient(#213956,#0a1124 75%)}:is(.match-surface:fullscreen>.arena-rotate,.match-surface.is-expanded>.arena-rotate){color:#b8cfe5;justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex;position:absolute;top:calc(50% + 28.125vw + 18px);left:10%;right:10%}.arena-rotate>span{font-size:24px}}@media (prefers-reduced-motion:reduce){.touch-button{transition:none}}