/* Original arcade presentation. No third-party sprites or game logos. */
:root{--bg:#07152c;--panel:#102b50;--line:#365b8c;--text:#fff8dc;--muted:#adc8e8;--accent:#ffe64d}
body{background:repeating-linear-gradient(0deg,#07152c 0 3px,#0a1a33 3px 6px);font-size:13px}
header{height:64px;border-bottom:3px solid #437dc3}.brand{color:#fff4b2;text-shadow:3px 3px #1453a0}.brand>span{background:#ffe64d;box-shadow:4px 4px #ec4666}.brand em{color:#adcdff}.header-right{color:#c9d9f7}
.hero{min-height:0;display:block;padding:22px 0 18px;border-bottom:2px solid #365b8c}.hero-art{display:none}.hero h1{font-size:32px;line-height:1.2;margin:0 0 8px;letter-spacing:-1px}.hero h1 br{display:none}.hero h1 span{color:#ffe64d}.hero-copy>.eyebrow{margin-bottom:9px}.hero-copy>p:not(.eyebrow){margin-bottom:0}.hero-copy>p br{display:none}.hero-meta{margin:12px 0 0;gap:24px}.hero-meta b{font-size:23px}.hero-meta small{color:#bdd6fc}
.section-head,.club-heading{margin-top:24px}.mode,.team,.lineup-panel,.player,.card{border-radius:3px;border-width:2px}.mode.selected,.team.selected{background:#174576;border-color:#ffe64d;box-shadow:inset 0 -3px #bc8f26}.mode{padding:14px 18px}.mode-icon{font-size:30px}.team-mark{border-radius:2px}.primary{box-shadow:0 4px 0 #ad6d1d;border-radius:3px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #ad6d1d}.lineup-panel{background:#102848;border-color:#487fbb}.player{background:#122b4b}.player.selected{box-shadow:inset 0 0 0 1px #ffe64d}.player h3{color:#fff2a1}.player button{border-radius:2px}.how{gap:20px}.how h3{color:#ffe64d}
#game{max-width:1520px;padding:0 24px}.game-top{padding:12px 0}.game-top h2{font-size:19px}.game-top .eyebrow{margin-bottom:4px;color:#ffdf3c}.match-grid{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.arena{border:4px solid #5594dd;border-radius:4px;box-shadow:0 0 0 3px #051029,0 8px 0 #020918}.scoreboard{background:#061327;border-bottom:4px solid #ffe34a;padding:10px 20px;gap:16px;min-height:74px}.score-team b{font:900 48px 'Barlow Condensed',monospace;color:#ffe44a;text-shadow:3px 3px #814800;min-width:32px;text-align:center}.score-team span{color:white;font-weight:800;font-size:13px}.score-middle>b{color:#fff;font-size:17px}.score-middle>span{color:#6bf9f1;font-weight:800;font-size:14px}.canvas-wrap{background:#068c36}.canvas-wrap canvas{image-rendering:pixelated}.canvas-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#06152c12 4px 5px)}
#callout{top:13%;font-weight:900;font-style:italic;color:#ffed4c;text-shadow:3px 3px #10204e,-2px -2px #10204e,2px -2px #10204e,-2px 2px #10204e,5px 6px #e74056;z-index:3;font-size:clamp(22px,3vw,46px)}.result{z-index:5;backdrop-filter:none;background:#06152cf0;border:6px double #ffe54c}.result h2{color:#ffe54c;text-shadow:3px 3px #d43658}.result p{color:#d5e6ff}.feedback{background:#06152c;color:#c6dfff;border-top:1px solid #365b8c}.control-deck,.arcade-controls{background:#15375d;border-top:3px solid #ffde3f}.arcade-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:14px}.arcade-player h3{margin:0 0 5px;font-size:22px;color:#fff5a4}.arcade-player p{font-size:11px;max-width:340px;margin:0;color:#d2e7ff}.arcade-player .eyebrow{margin-bottom:5px}.arcade-inputs{display:flex;gap:24px;align-items:center}.dpad{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,30px);gap:2px}.dpad button{padding:0;border-radius:3px;background:#08172b;border-color:#75a4dc}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad span{grid-column:2;grid-row:2;display:grid;place-items:center;font:8px monospace;color:#9cbcdf}.dpad [data-dir=right]{grid-column:3;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:3}#action-buttons{display:flex;gap:12px}.arcade-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;border:3px solid #ffbdc8;background:#df3459;box-shadow:0 6px #761f3e;color:white}.arcade-button b{font-size:23px;line-height:1}.arcade-button span{font-size:10px;margin-top:4px}.arcade-button.b-button{background:#267be0;border-color:#a4d7ff;box-shadow:0 6px #123f7e}.arcade-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #06162d}.arcade-cue{background:#082446;color:#fff04f;text-align:center;font-size:15px;font-weight:900;padding:8px;border-top:2px solid #62a1e4}.pitch-options,.base-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 16px;background:#0e294b}.pitch-options button,.base-actions button{padding:8px 14px;font-size:12px;border-radius:3px}.pitch-options .active{color:#ffe64d;border-color:#ffe64d}.game-side .card{background:#0d2544;border-color:#3d6494}.card .eyebrow{color:#69e6ff}.linescore{border-color:#4b79af;background:#07182f}.venue{color:white}#reconnect-banner{padding:12px;background:#c35723;color:#fff}
@media(max-width:1100px){.match-grid{grid-template-columns:minmax(0,1fr) 195px}.arcade-controls{flex-wrap:wrap}.arcade-player{flex:1;min-width:200px}}
@media(max-width:760px){header{height:56px;padding:0 14px}.hero{padding:15px 0}.hero h1{font-size:26px}.hero-meta{display:flex;gap:20px}.hero-meta b{display:flex;font-size:21px}.hero-meta small{margin:0}main{padding:0 14px}#game{padding:0 8px}.match-grid{grid-template-columns:1fr}.game-top{padding:10px 5px}.game-top h2{font-size:15px}.game-top .inline{gap:5px}.game-top button{padding:7px}.arena{border-width:3px}.scoreboard{padding:8px 10px;gap:8px;min-height:62px}.score-team{gap:8px}.score-team b{font-size:38px}.score-team span{font-size:10px}.score-middle>b{font-size:13px}.score-middle>span{font-size:11px;white-space:nowrap}.arcade-controls{padding:12px;gap:10px}.arcade-player{min-width:0;flex-basis:100%}.arcade-player h3{font-size:17px}.arcade-player p{max-width:none}.arcade-inputs{width:100%;justify-content:space-between;padding:0 8px}.arcade-button{width:59px;height:59px}.arcade-cue{font-size:12px;padding:7px}.game-side{grid-template-columns:1fr 1fr}.game-side .card:last-child{grid-column:1/-1}.feedback{padding:8px 10px;flex-wrap:wrap}#callout{font-size:24px}.result{padding:16px}.result p{font-size:10px}.result h2{margin-bottom:8px}.team-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.team-mark{min-width:30px;width:30px;height:32px}.mode-grid{gap:8px}.mode{padding:12px;gap:8px}.mode p{font-size:9px}.section-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

canvas{aspect-ratio:4/3}.arcade-inputs,.dpad,.arcade-button,.base-actions button,.pitch-options button{touch-action:none;user-select:none;-webkit-user-select:none}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px)}.arcade-button{width:78px;height:78px}.arcade-button span{font-size:13px;font-weight:900}.arcade-button b{font-size:18px}.arcade-cue.hot{background:#ffe34a;color:#11233e}.playing header{display:none}.playing .game-top{padding:7px 0}.playing .game-top h2{font-size:14px}.playing .game-top .eyebrow{font-size:9px}.playing .game-top .inline button{min-height:38px}.public-room{padding:10px;border:1px solid #365b8c}.game-side{align-self:start}.pitch-options button,.base-actions button{min-height:44px}#run-actions{display:none!important}.arcade-player .eyebrow{display:none}@media(max-width:760px){.arcade-controls{padding:9px 10px}.arcade-player h3{font-size:15px;margin-bottom:3px}.arcade-player p{font-size:10px;line-height:1.45}.arcade-inputs{gap:8px}.dpad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,34px)}.arcade-button{width:72px;height:72px}.game-side{margin-top:10px}.game-top .eyebrow{display:none}.score-team span{font-size:10px}.scoreboard{min-height:58px}.arcade-cue{padding:6px}.feedback{font-size:9px}.playing .arena{scroll-margin-top:0}.pitch-options{padding:6px;gap:5px}.pitch-options button{padding:7px 10px}.game-top h2{max-width:180px}}@media(max-width:370px){.arcade-inputs{padding:0}.dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,34px)}.arcade-button{width:64px;height:64px}#action-buttons{gap:8px}.score-team{gap:5px}.score-team b{font-size:32px}.score-team span{font-size:9px}.score-middle>span{font-size:10px}.game-top h2{font-size:12px!important}}@media(max-height:520px) and (orientation:landscape){.playing #game{padding:0 8px}.playing .game-top{padding:4px}.playing .match-grid{display:block}.playing .arena{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto auto auto auto}.playing .scoreboard{grid-column:1;grid-row:1;padding:4px 12px;min-height:44px}.playing .canvas-wrap{grid-column:1;grid-row:2/6}.playing canvas{max-height:calc(100dvh - 90px);object-fit:contain}.playing .arcade-controls{grid-column:2;grid-row:2;display:block;padding:10px}.playing .arcade-inputs{flex-wrap:wrap;justify-content:center}.playing .arcade-player p{font-size:10px}.playing .arcade-cue{grid-column:2;grid-row:1}.playing .pitch-options,.playing .base-actions{grid-column:2}.playing .feedback{grid-column:2}.playing .game-side,.playing .linescore{display:none}.playing .dpad{grid-template-rows:repeat(3,30px)}.playing .arcade-button{width:60px;height:60px}.playing .arcade-player h3{font-size:14px}}

.score-team span{white-space:nowrap}.dpad.horizontal{display:flex;align-items:center;height:68px}.dpad.horizontal button{width:52px;height:58px}.dpad.horizontal span{font-size:9px;width:30px}.arcade-button span{white-space:nowrap}.arcade-inputs:has(.dpad[hidden]){justify-content:center}.arcade-inputs:has(.dpad[hidden]) .arcade-button{width:100px;border-radius:16px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}@media(max-width:760px){.arcade-button b{display:none}.arcade-button span{font-size:17px;margin:0}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.score-team span{font-size:10px}.dpad.horizontal button{width:48px;height:56px}.dpad.horizontal span{width:22px}}@media(max-height:520px) and (orientation:landscape){.arcade-button span{font-size:14px}.arcade-button b{display:none}.dpad.horizontal{height:48px;justify-content:center}.dpad.horizontal button{height:44px;width:48px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,34px)}.arcade-inputs{gap:8px}.arcade-inputs:has(.dpad[hidden]) .arcade-button{width:88px}.score-team span{font-size:10px}}
.quick-home{max-width:620px;margin:0 auto;padding:38px 12px 24px;text-align:center}.quick-home h1{font-size:43px;line-height:1.18;letter-spacing:-2px;margin:0 0 24px}.quick-home h1 span{color:#ffe64d}.home-player{display:flex;align-items:center;justify-content:center;gap:22px;margin:20px 0 28px;text-align:left}.home-player canvas{width:125px;height:150px;aspect-ratio:auto;border:3px solid #4f8dc9;box-shadow:6px 6px #05172e;image-rendering:pixelated}.home-player h2{font-size:29px;margin:10px 0 8px;color:white}.home-player p{font-size:12px;color:#c4ddf8;line-height:1.7;margin:0}.level-badge{display:inline-block;background:#ffe64d;color:#162b48;font-weight:900;padding:5px 12px;box-shadow:3px 3px #95620f}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.main-actions button{font-size:20px;font-weight:900;min-height:76px;border-radius:5px}.main-actions button span{margin-left:12px}.recruit-button{background:#165da3;border:2px solid #88cbff;box-shadow:0 4px #053466}.quick-guide{color:#bedafa;font-size:12px;margin:22px 0 0}.quick-guide b{color:#fff08b}#profile-status{font-size:11px;color:#ffbc6e}#quick-resume{margin-top:16px;width:100%;min-height:44px}#advanced{border-top:1px solid #365b8c;margin:0 0 28px}#advanced>summary{cursor:pointer;padding:18px 8px;color:#adc6e7;text-align:center;font-size:12px}#advanced>.hero{display:none}#recruit-dialog{max-width:780px;max-height:90dvh;overflow:auto;padding:24px}#recruit-dialog h2{color:#ffe44a}#recruit-level{display:block;color:#ffe44a;margin:10px 0 18px;font-size:19px}#recruit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recruit-card{background:#0b2446;border:2px solid #376b9f;padding:12px;display:flex;flex-direction:column;align-items:center;gap:9px}.recruit-card h3{font-size:21px;color:#fff1ac;margin:0}.recruit-card canvas{width:100px;height:104px;aspect-ratio:auto;image-rendering:pixelated}.recruit-card b{font-size:15px;color:#ffe44a}.recruit-card small{color:#b0d4f6;font-size:11px}.recruit-card button{width:100%;min-height:44px;font-size:13px;border:1px solid #548db9;background:#165999}.recruit-card button:disabled{opacity:.6;background:#25364a}#recruit-message{position:sticky;bottom:-24px;background:#142034;padding:12px;margin-bottom:0;color:#fff39e;font-size:13px}.playing #substitute{border-color:#ffe34a;color:#ffe34a}.playing .game-top .inline{flex-wrap:nowrap}.playing .game-top h2{font-size:12px}.playing .game-top #help-button{padding:7px}.playing .game-top #substitute{padding:7px}.playing .game-top .inline button{white-space:nowrap}
@media(max-width:760px){.quick-home{padding:26px 4px 18px}.quick-home h1{font-size:35px}.home-player{gap:18px;margin:18px 0 24px}.home-player canvas{width:113px;height:138px}.home-player h2{font-size:25px}.main-actions{gap:10px}.main-actions button{font-size:18px;min-height:70px;padding:10px}.main-actions button span{margin-left:5px}.quick-guide{font-size:11px}#recruit-dialog{padding:16px}#recruit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recruit-card{padding:10px}.recruit-card h3{font-size:18px}.recruit-card canvas{width:90px;height:96px}#recruit-message{bottom:-16px}.playing .game-top h2{max-width:118px}.playing .game-top .inline{gap:4px}.playing .game-top .inline button{font-size:10px}#game-type{display:none}}
@media(max-width:350px){.quick-home h1{font-size:30px}.main-actions button{font-size:16px}.home-player canvas{width:96px;height:126px}.home-player{gap:12px}.home-player h2{font-size:23px}.home-player p{font-size:11px}.playing .game-top h2{max-width:80px}.playing .game-top .inline button{font-size:9px;padding:6px!important}}

.quick-match .game-side .card:nth-child(2){display:none}.quick-match .game-side{grid-template-columns:1fr}.game-ended .arcade-controls,.game-ended .pitch-options,.game-ended .base-actions{display:none!important}.quick-match .linescore{display:none}

.quick-team-button{width:100%;min-height:52px;margin-top:16px;font-size:16px;border:2px solid #88cbff!important;background:#12365d!important;color:#fff!important}#quick-team-dialog{width:min(480px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:22px}#quick-team-dialog h2{color:#ffe44a}#quick-team-options{display:grid;gap:12px;margin:20px 0}#quick-team-options button{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:5px 12px;text-align:left;min-height:82px;padding:12px;border:2px solid var(--team-color);background:#112744;color:white}#quick-team-options strong{grid-row:span 2;background:var(--team-color);padding:12px 4px;text-align:center;font-size:21px}#quick-team-options span{font-size:17px;font-weight:800}#quick-team-options small{color:#b8d8f8}#quick-team-options [aria-pressed="true"]{outline:2px solid #ffe44a;outline-offset:2px}#quick-team-dialog p{font-size:13px;color:#b8d8f8}

.live-commentary{background:#0d2034;border-left:4px solid #ffd45b;padding:10px 14px;color:#f3f6fa;min-height:76px}.live-commentary span{font-size:11px;color:#ffd45b;font-weight:800;letter-spacing:1px}.live-commentary p{margin:5px 0 0;font-size:14px;line-height:1.6;word-break:keep-all}

.main-level{font-size:26px;font-weight:900;color:#ffe066;margin:12px 0}.team-upgrade{width:100%;margin-top:12px;min-height:54px}#team-upgrade-status{font-size:13px;color:#c6dcf4;line-height:1.5}.team-upgrade:disabled{opacity:.7}

.league-opponent{display:block;width:100%;min-height:56px;margin-top:16px}#league-schedule p{font-size:13px;color:#c6dcf4}

#chat-dialog{width:min(540px,94vw)}#chat-messages{height:40vh;overflow:auto;margin:12px 0;padding:8px;background:#081b30}.chat-mine,.chat-ai{padding:10px 12px;border-radius:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.chat-mine{background:#215a8a;margin-left:30px}.chat-ai{background:#17334d;margin-right:30px}.chat-compose{display:flex;gap:8px}.chat-compose input{min-width:0;flex:1;padding:12px;color:#fff;background:#112b46;border:1px solid #7191af;border-radius:8px}#chat-status{min-height:24px}

#chat-team-tabs{display:grid;gap:8px;margin:12px 0}#chat-team-tabs button{padding:12px;text-align:left;border:1px solid #6584a6;border-radius:8px;background:#142e48;color:white}#chat-team-tabs button[aria-pressed="true"]{border-color:#ffe066;background:#294f6b;color:#ffe066}