:root{--bg:#111713;--panel:#1a211b;--panel2:#202820;--line:#303930;--lime:#c8ff48;--text:#f3f4eb;--muted:#9ba697;--purple:#a891ff;color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button svg{pointer-events:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell{max-width:1440px;margin:auto;padding:0 48px}.header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:23px;font-weight:900;letter-spacing:2px}.brand-mark{width:47px;height:47px;display:flex;align-items:center;justify-content:center;background:var(--lime);color:#17200d;font-size:32px;font-weight:950;font-style:italic;letter-spacing:-5px;transform:skew(-6deg);padding-right:5px;border-radius:7px}.brand-mark span{font-size:28px}.brand-sub{display:block;font-size:9px;letter-spacing:2.1px;color:var(--muted);margin-top:3px}.header nav{display:flex;height:100%;gap:25px}.nav-button{position:relative;display:flex;gap:8px;align-items:center;background:none;color:var(--muted);font-size:13px;font-weight:650;padding:0 8px;min-height:44px}.nav-button.active{color:var(--lime)}.nav-button.active:after{position:absolute;content:"";height:3px;bottom:-1px;left:0;right:0;background:var(--lime)}.profile-chip{display:flex;align-items:center;gap:10px;min-height:44px;background:none;font-size:13px;font-weight:600}.profile-chip svg{width:16px;margin-left:6px;color:var(--muted)}.profile-dot{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#17200d;border-radius:50%;font-weight:900}main{min-height:calc(100vh - 183px)}.page{display:none}.page.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:37px 0 31px;gap:16px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 12px;display:flex;gap:8px;align-items:center}.tiny-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c8ff4822}h1{font-size:clamp(32px,3.1vw,46px);font-weight:750;line-height:1.1;letter-spacing:-1.8px;margin:0 0 12px}em{font-style:normal;color:var(--lime)}.subtitle{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.subtle-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:0 15px;font-size:12px}.subtle-button svg{width:16px}.subtle-button:hover{border-color:var(--lime)}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.match-panel{overflow:hidden;background:#1a241b;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 40px #0002}.match-toolbar{height:63px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 22px;background:#1b241c}.arena-label{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}.scoreboard{display:flex;gap:14px;align-items:center}.scoreboard span:not(.score-divider){max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.7px;color:var(--muted);font-weight:700}.scoreboard b{font-size:24px;font-variant-numeric:tabular-nums;line-height:1}.score-divider{font-size:16px;color:#738570}.time-box{font-size:12px;background:#2c372a;border:1px solid #3b4837;border-radius:5px;padding:6px 9px;font-weight:700;font-variant-numeric:tabular-nums}.stage{position:relative;aspect-ratio:1300/580;background:#263d27;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.intro-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#102b19de 0%,#172f2085 52%,#17312010 100%);display:flex;flex-direction:column;justify-content:center;padding-left:9%;pointer-events:none}.field-tag{font-size:9px;letter-spacing:2px;color:#cad9b6;display:block;margin-bottom:22px}.intro-overlay h2{font-size:clamp(30px,4.2vw,60px);line-height:1.02;letter-spacing:-2px;margin:0 0 18px;font-weight:780}.intro-overlay p{font-size:11px;color:#b8c8ac;margin:0 0 30px}.field-note{font-size:8px;letter-spacing:1.2px;color:#adbf9e}.field-note i{font-style:normal;padding:0 10px;color:#638253}.pitch-watermark{position:absolute;right:25px;bottom:14px;font-size:10px;letter-spacing:1px;color:#cfefb34d;font-weight:800;pointer-events:none}.pitch-watermark span{font-weight:400}.match-footer{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.player-meter{display:flex;align-items:center;gap:10px;max-width:65%}.player-meter>span{font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamina-track{width:75px;height:4px;border-radius:5px;background:#3b4935;overflow:hidden}.stamina-track span{display:block;width:100%;height:100%;background:var(--lime);transition:width .1s}.player-meter small{font-size:7px;letter-spacing:1px;color:var(--muted)}.match-actions{display:flex;gap:2px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;background:none;border-radius:5px;color:#aaba9f}.icon-button:hover{background:#ffffff08}.icon-button svg{width:17px}.icon-button[aria-pressed=false]{opacity:.5}.exit-button{min-height:44px;background:none;font-size:11px;color:var(--muted)}.setup-panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.setup-panel>.eyebrow{font-size:9px;margin-bottom:8px}.setup-panel>h2{margin:0 0 23px;font-size:26px;letter-spacing:-.8px}.mode-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.mode-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 12px;border:1px solid var(--line);border-radius:8px;background:#212921;min-height:78px;transition:background .15s,border-color .15s}.mode-card.selected{border-color:#839c39;background:#c8ff4809}.mode-icon{display:grid;place-items:center;color:var(--muted);width:30px;flex-shrink:0}.mode-card.selected .mode-icon{color:var(--lime)}.mode-card strong{display:block;font-size:12px;line-height:1.4}.mode-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.radio-dot{width:12px;height:12px;border:1px solid #60705b;border-radius:50%;margin-left:auto;flex-shrink:0}.selected .radio-dot{background:var(--lime);border:3px solid #354722;box-shadow:0 0 0 1px var(--lime)}.input-label{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-bottom:10px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#131a14;margin-bottom:20px}.segmented button{background:transparent;min-height:44px;flex:1;font-size:10px;color:var(--muted);border-radius:4px}.segmented button.selected{background:#333e2d;color:var(--text)}.primary-button{display:flex;align-items:center;justify-content:center;gap:15px;min-height:49px;width:100%;background:var(--lime);color:#1a240d;font-weight:750;border-radius:7px;font-size:12px;transition:filter .15s,transform .15s}.primary-button svg{width:17px}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.setup-note{text-align:center;font-size:9px;color:var(--muted);margin:13px 0 0;line-height:1.8}.setup-note button{font-size:9px;padding:0;background:none;color:#d2ddb9;min-height:44px}.setup-divider{height:1px;background:var(--line);margin:15px 0 19px}.quick-facts{display:flex;flex-direction:column;gap:10px}.quick-facts span{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.quick-facts svg{width:13px;height:13px;color:#88a964}.controls-strip{display:flex;gap:22px;align-items:center;margin:23px 0 35px;color:var(--muted);font-size:10px;flex-wrap:wrap}.controls-strip>span{display:flex;align-items:center;gap:7px}.controls-heading{font-size:8px;letter-spacing:1.1px;color:#b4bfac}.controls-heading svg{width:16px}kbd{display:inline-flex;justify-content:center;align-items:center;min-height:24px;min-width:23px;background:#242d23;border:1px solid #3b4735;border-bottom:2px solid #4a5942;padding:3px 6px;border-radius:4px;color:#c5d2ba;font-size:9px;font-family:inherit;letter-spacing:.5px;white-space:nowrap}.controls-strip button{margin-left:auto;min-height:44px;font-size:10px;color:#d1d9c9;background:none}.footer{border-top:1px solid var(--line);min-height:82px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#71816d}.footer i{font-size:9px;letter-spacing:0;font-style:normal;padding:0 6px}.footer>span:nth-child(2){font-size:11px;letter-spacing:0}.footer>span:last-child{display:flex;gap:7px;align-items:center}.footer .tiny-dot{width:4px;height:4px}.online-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 15px}.or-line{border-top:1px solid var(--line);position:relative;text-align:center;margin:25px 0 20px}.or-line span{position:relative;top:-8px;background:var(--panel);font-size:9px;color:var(--muted);padding:0 9px}.join-row{display:flex;gap:8px}.join-row input{width:100%;min-width:0;letter-spacing:4px;text-transform:uppercase}input{color:var(--text);background:#121a14;border:1px solid #3b4738;border-radius:6px;padding:12px;min-height:47px;font-size:13px}.secondary-button{background:#35462b;border:1px solid #647c44;padding:0 17px;border-radius:6px;font-size:12px;min-height:47px}.online-status{font-size:10px;color:#ffbf91;line-height:1.6;margin:12px 0 0}.room-code{width:100%;min-height:59px;letter-spacing:5px;font-size:26px;font-weight:750;background:#283620;border:1px dashed #849e51;border-radius:7px;color:var(--lime);margin-bottom:10px}.room-members{font-size:11px;line-height:2.3;color:var(--muted);margin-bottom:18px}.room-members div{display:flex;justify-content:space-between}.room-members strong{color:var(--text)}.text-button{background:none;min-height:44px;color:var(--muted);font-size:11px;padding:8px 0}.setup-panel .text-button{width:100%;text-align:center}.match-overlay{position:absolute;inset:0;background:#102016a8;backdrop-filter:blur(5px);display:grid;place-items:center;text-align:center;padding:20px}.match-overlay h2{font-size:clamp(38px,5vw,72px);letter-spacing:-2px;line-height:1;margin:10px 0;color:var(--lime)}.match-overlay p{font-size:12px;color:#d1dcc6;line-height:1.6}.match-overlay .eyebrow{justify-content:center}.match-overlay .primary-button{min-width:180px;margin-top:20px}.locker-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:26px;margin-bottom:40px}.avatar-panel{background:radial-gradient(ellipse at 50% 50%,#3f5730 0%,#242f22 48%,#1a211b 80%);border:1px solid var(--line);border-radius:13px;padding:24px;text-align:center;overflow:hidden}.avatar-top{display:flex;justify-content:space-between;align-items:center}.avatar-top .eyebrow{margin:0}.avatar-rating{color:var(--lime);font-size:20px;font-style:italic;font-weight:900}.avatar-panel canvas{max-width:100%;height:310px;object-fit:contain;display:block;margin:5px auto 0}.avatar-panel h2{font-size:30px;letter-spacing:-1px;margin:0}.avatar-panel>p{font-size:9px;letter-spacing:2px;color:var(--muted);margin:10px 0 22px}.avatar-badge{display:inline-flex;gap:9px;align-items:center;background:#141c16a1;border:1px solid var(--line);border-radius:20px;padding:9px 14px;font-size:8px;letter-spacing:1px;color:#bbccad}.customize-panel{padding:29px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.form-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.form-title h2{font-size:22px;letter-spacing:-.5px;margin:0}.mini-tag{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.identity-row{display:flex;gap:16px;margin-bottom:24px}.identity-row label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#c8d1c0;flex:1}.identity-row input{width:100%}.identity-row .number-label{flex:0 0 90px}.color-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.color-row>label{font-size:12px;min-width:56px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid transparent}.swatch:before{content:"";width:26px;height:26px;background:var(--swatch);border-radius:50%;border:1px solid #ffffff18}.swatch.selected{border-color:var(--lime)}.swatch.selected:after{content:"";width:7px;height:7px;background:#fff;border:2px solid #152112;border-radius:50%;position:absolute;right:3px;bottom:4px}.save-row{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:20px}.save-row .primary-button{width:230px}.save-row p{font-size:10px;color:var(--muted)}.backup-row{display:flex;gap:24px;margin-top:5px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.help-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:27px}.help-number{font-size:30px;color:var(--lime);letter-spacing:-1px;font-weight:700}.help-card h2{font-size:18px;letter-spacing:-.4px;margin:18px 0 12px}.help-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.help-icon{width:35px;height:35px;color:var(--lime)}.help-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:40px}.help-bottom p{font-size:11px;line-height:1.8;color:var(--muted)}.help-bottom .primary-button{max-width:190px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:30;background:#d9f3ae;color:#1b2a13;border:1px solid #c8ff48;border-radius:8px;font-size:12px;padding:14px 20px;max-width:90vw;box-shadow:0 10px 40px #0005;text-align:center}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;max-width:440px;padding:36px;margin:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:26px;letter-spacing:-1px;margin:20px 0}dialog p{font-size:13px;color:var(--muted);line-height:1.8}.dialog-note{font-size:11px!important;border-top:1px solid var(--line);padding-top:16px}.dialog-close{position:absolute;right:8px;top:8px;font-size:28px;background:none;min-width:44px;min-height:44px}.touch-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:15px;touch-action:none;user-select:none}.joystick{position:relative;width:110px;height:110px;border:1px solid #536545;background:radial-gradient(circle,#34422b,#1c281d);border-radius:50%;touch-action:none;flex-shrink:0}.joystick-cross{position:absolute;left:50%;top:50%;width:60px;height:1px;background:#b1cf821c;transform:translate(-50%,-50%)}.joystick-cross:after{content:"";position:absolute;left:50%;top:-30px;width:1px;height:60px;background:#b1cf821c}.joystick>span{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#637d42;border:1px solid #b8d88966;box-shadow:0 4px 10px #0004;pointer-events:none}.joystick small{position:absolute;bottom:7px;width:100%;text-align:center;font-size:7px;color:#94a989;letter-spacing:1.5px;pointer-events:none}.touch-buttons{display:flex;gap:11px;align-items:center}.touch-action{border-radius:50%;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#35412e;border:1px solid #6a8050;font-size:8px;touch-action:none;user-select:none}.touch-action svg{width:19px;height:19px}.touch-action.shot{width:77px;height:77px;background:var(--lime);color:#1a290d;font-weight:800;border-color:var(--lime)}.touch-action.skill{background:#332e45;border-color:#766297;color:#cfbdff;position:relative}.touch-action.skill small{position:absolute;top:-12px;font-size:9px}.skill-glyph{font-size:26px;line-height:22px}.touch-action.pressed{filter:brightness(1.4);transform:scale(.96)}.session-note{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;padding:0 18px 15px}.session-note>span:first-child{color:var(--lime)}body.game-active .intro-overlay{display:none}body.game-active .stage{cursor:crosshair}body.game-active .page-heading{padding-top:22px;padding-bottom:20px}body.game-active .page-heading h1{font-size:27px}body.game-active .page-heading .subtitle{display:none}body.game-active .controls-strip{margin-bottom:15px}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#152418}.stage:fullscreen canvas{object-fit:contain}.power-active #touch-shot{box-shadow:0 0 0 5px #c8ff4826}.power-active #power-note{color:var(--lime)}
@media(min-width:1500px){.app-shell{padding-top:10px}.page-heading{padding-top:46px;padding-bottom:38px}.arena-layout{grid-template-columns:minmax(0,1fr) 330px}.setup-panel{padding:28px}}
@media(max-width:1100px){.app-shell{padding:0 26px}.arena-layout{gap:18px;grid-template-columns:minmax(0,1fr) 280px}.setup-panel{padding:20px}.match-toolbar{padding:0 14px}.arena-label{font-size:8px}.scoreboard{gap:9px}.scoreboard span:not(.score-divider){max-width:58px}.controls-strip{gap:14px}.controls-heading{width:100%}.locker-layout{grid-template-columns:300px minmax(0,1fr)}.swatches{gap:1px}.customize-panel{padding:22px}.color-row{gap:6px}.swatch{width:39px}.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.app-shell{padding:0 20px}.header{height:80px}.header nav{gap:7px}.nav-button{font-size:11px;gap:6px;padding:0 5px}.brand{font-size:19px;gap:8px}.brand-mark{width:36px;height:38px;font-size:27px}.brand-mark span{font-size:23px}.brand-sub{font-size:7px;letter-spacing:1.5px}.profile-chip>span:not(.profile-dot),.profile-chip svg{display:none}.profile-chip{padding:0}.arena-layout{grid-template-columns:1fr}.setup-panel{padding:23px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.mode-card{padding:12px 10px}.mode-card strong{font-size:11px}.mode-card small{font-size:9px}.mode-icon{width:23px}.setup-panel>h2{font-size:24px;margin-bottom:18px}.quick-facts{flex-direction:row;flex-wrap:wrap;gap:17px}.setup-note{margin:0}.setup-divider{margin-top:4px}.page-heading{padding:29px 0 24px}.footer{min-height:75px}.footer>span:nth-child(2){display:none}.locker-layout{grid-template-columns:1fr}.avatar-panel{padding:20px}.avatar-panel canvas{height:235px}.avatar-panel h2{font-size:25px}.avatar-panel>p{margin-bottom:15px}.avatar-badge{display:none}.customize-panel{padding:24px}.color-row{gap:20px}.swatches{gap:4px}.swatch{width:44px}.controls-strip{margin-top:17px;gap:12px}body.game-active .setup-panel,body.game-active .page-heading,body.game-active .controls-strip,body.game-active .footer{display:none}body.game-active .arena-layout{display:block}body.game-active .app-shell{padding:0 12px}body.game-active .header{height:60px}body.game-active main{min-height:0}body.game-active .match-panel{margin-top:12px}body.game-active .match-toolbar{height:45px}body.game-active .match-footer{height:44px;padding:0 12px}body.game-active .player-meter small{display:none}body.game-active .scoreboard b{font-size:20px}body.game-active .arena-label{font-size:7px}body.game-active .match-footer .icon-button{min-width:40px}.touch-controls{padding:13px 12px}body.game-active .session-note{padding:0 12px 12px}}
@media(max-width:480px){.app-shell{padding:0 16px}.header{gap:9px;height:75px}.brand{font-size:17px;gap:7px}.brand-mark{width:32px;height:35px;font-size:25px}.brand-mark span{font-size:21px}.brand-sub{font-size:6px}.header nav{gap:5px}.nav-button{font-size:0;padding:0 9px}.nav-button svg{width:21px;height:21px}.profile-dot{width:29px;height:29px;font-size:11px}.page-heading{align-items:flex-start}h1{font-size:34px}.eyebrow{font-size:8px}.subtitle{font-size:11px}.subtle-button{font-size:0;padding:0;min-width:44px;margin-top:15px}.subtle-button svg{width:18px}.match-toolbar{padding:0 12px;height:48px}.arena-label{font-size:7px;letter-spacing:.5px}.scoreboard{gap:7px}.scoreboard b{font-size:20px}.scoreboard span:not(.score-divider){font-size:7px;max-width:48px}.time-box{font-size:10px;padding:5px 7px}.intro-overlay h2{font-size:33px;letter-spacing:-1px;margin-bottom:10px}.field-tag{font-size:6px;margin-bottom:12px;letter-spacing:1px}.intro-overlay p{font-size:8px;margin-bottom:15px}.field-note{font-size:6px;letter-spacing:.4px}.field-note i{padding:0 5px}.match-footer{height:52px;padding:0 12px}.player-meter{gap:7px}.player-meter>span{font-size:9px;max-width:78px}.player-meter small{display:none}.stamina-track{width:46px}.match-actions .icon-button{min-width:38px}.pitch-watermark{font-size:6px;right:14px;bottom:8px}.setup-panel{padding:20px}.mode-options{grid-template-columns:1fr}.mode-card{min-height:67px;padding:13px 12px}.mode-card strong{font-size:12px}.mode-card small{font-size:10px}.mode-icon{width:30px}.quick-facts{gap:12px}.quick-facts span{font-size:9px}.controls-strip{gap:10px}.controls-strip>span{font-size:9px}.controls-strip button{font-size:9px;margin-left:0}.footer{font-size:6px;letter-spacing:.8px;min-height:65px}.footer>span:last-child{font-size:6px}.help-grid{grid-template-columns:1fr}.help-card{padding:23px}.help-bottom{flex-direction:column;align-items:stretch;gap:10px}.help-bottom .primary-button{max-width:none}.customize-panel{padding:20px}.form-title h2{font-size:20px}.mini-tag{font-size:7px}.identity-row{gap:12px}.identity-row .number-label{flex-basis:75px}.color-row{display:block;padding:16px 0 11px}.color-row>label{display:block;margin-bottom:8px;font-size:11px}.swatches{justify-content:flex-start;flex-wrap:wrap;gap:4px}.swatch{width:44px;height:44px}.save-row{display:block;padding-top:20px}.save-row .primary-button{width:100%}.save-row p{text-align:center}.backup-row{justify-content:space-between;gap:8px}.backup-row .text-button{font-size:10px}body.game-active .header{display:none}body.game-active .match-panel{margin-top:10px;border-radius:10px}body.game-active .stage{aspect-ratio:580/1300;max-height:calc(100dvh - 247px);min-height:230px}body.game-active .touch-controls{padding-top:14px;padding-bottom:11px}body.game-active .app-shell{padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}.touch-buttons{gap:8px}.touch-action{width:51px;height:51px}.touch-action.shot{width:68px;height:68px}.joystick{width:100px;height:100px}.joystick>span{left:30px;top:30px}.match-overlay h2{font-size:44px}}
@media(max-height:520px) and (orientation:landscape){body.game-active .header{display:none}body.game-active .app-shell{padding:0 140px}body.game-active .match-panel{margin-top:4px}body.game-active .stage{max-height:calc(100dvh - 96px);aspect-ratio:1300/580}body.game-active .match-toolbar{height:40px}body.game-active .match-footer{height:44px}body.game-active .touch-controls{position:fixed;inset:0;pointer-events:none;padding:0 10px}body.game-active .touch-controls>*{pointer-events:auto}body.game-active .touch-buttons{width:120px;flex-wrap:wrap;justify-content:center;gap:8px}body.game-active .session-note{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#page-arena:fullscreen{background:var(--bg);padding:10px;overflow:auto}#page-arena:fullscreen .arena-layout{max-width:1200px;margin:0 auto}
.dialog-actions{display:grid;gap:12px;margin-top:24px}.dialog-actions .primary-button,.dialog-actions .secondary-button{width:100%;justify-content:center}dialog small{color:var(--muted);line-height:1.6}
.version-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px}.version-options{display:flex;padding:5px;gap:5px;border:1px solid #ffffff14;border-radius:14px;background:#0d181d}.version-options button{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:11px 20px;border-radius:10px;cursor:pointer;min-width:190px}.version-options strong{display:block;color:#eff5e9;font-size:14px}.version-options span{display:block;font-size:11px;margin-top:5px}.version-options small{font-size:8px;letter-spacing:1px;color:#d0ff66;margin-left:7px}.version-options button.selected{border-color:#c8ff4855;background:#c8ff4810}.version-options button:disabled{cursor:default}.version-bar p{font-size:12px;color:var(--muted);max-width:290px;line-height:1.5}.realistic-view .stage{aspect-ratio:16/9;background:#527653}.stage #pitch-3d{position:absolute;inset:0;width:100%;height:100%}.stage .radar{position:absolute;width:132px;height:60px;right:12px;bottom:12px;border:1px solid #d3e8d440;border-radius:6px;opacity:.88;pointer-events:none;z-index:2}.camera-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px;background:#132125;border-top:1px solid #ffffff0c}.camera-controls>span{font-size:9px;letter-spacing:1.8px;color:#caedb2}.camera-controls>div{display:flex;gap:4px}.camera-controls button{font-size:10px;color:#becbc7;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;cursor:pointer}.camera-controls button.selected{color:#dbff93;background:#c8ff4812;border-color:#c8ff4833}.realistic-view .intro-overlay{background:linear-gradient(90deg,#0a192dd9,#0a192d55)}.realistic-view .pitch-watermark{display:none}.game-active .version-bar{display:none}
.game-active.realistic-view .arena-layout{grid-template-columns:minmax(0,1fr)}.game-active.realistic-view .page-heading,.game-active.realistic-view .controls-strip{display:none}.game-active.realistic-view .stage{width:100%;max-height:calc(100dvh - 260px)}
@media(max-width:700px){.version-bar{display:block;margin-bottom:18px}.version-options{width:100%}.version-options button{min-width:0;flex:1;padding:10px 12px}.version-options strong{font-size:13px}.version-options span{font-size:10px}.version-bar p{margin:8px 2px 0;max-width:none;font-size:11px}.camera-controls{padding:7px 10px}.camera-controls button{padding:6px 8px}}
@media(max-width:480px) and (orientation:portrait){.game-active.realistic-view .stage{aspect-ratio:580/1300;max-height:calc(100dvh - 277px)}.game-active.realistic-view .stage .radar{width:110px;height:50px;right:7px;bottom:7px}.game-active.realistic-view .camera-controls>span{font-size:8px}.game-active.realistic-view .camera-controls button{font-size:9px}.game-active.realistic-view #page-arena:fullscreen .stage{max-height:calc(100dvh - 166px)}}
.camera-controls button{min-height:44px}
@media(max-width:480px) and (orientation:portrait){.game-active.realistic-view .stage{max-height:calc(100dvh - 296px)}}
@media(max-height:600px) and (orientation:landscape){.game-active.realistic-view .stage{max-height:calc(100dvh - 151px)}}