/* Inherits the existing ArcadeOnlineFree portal design system. */
:root{--sports-accent:#c5ff59}html{scroll-behavior:smooth;scroll-padding-top:100px}.hero-copy h1 em{font-style:normal;color:var(--sports-accent)}.featured-art{display:block;aspect-ratio:16/9;height:auto;min-height:0}.featured-art img{display:block;width:100%;height:100%;object-fit:cover}.featured-bottom h2{margin:0;font-size:22px}.hero-notes{display:flex;flex-wrap:wrap;gap:16px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{overflow:hidden;background:#131b29;border:1px solid #293244;border-radius:18px}.sport-thumb{display:block;position:relative;overflow:hidden;aspect-ratio:16/9}.sport-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.sport-thumb:hover img{transform:scale(1.04)}.play-disc{position:absolute;right:17px;bottom:17px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#122018;background:#c5ff59}.game-card-body{padding:23px}.game-card-body h3{font-size:23px;margin:12px 0}.game-card-body p{font-size:15px;color:#a2afc0;min-height:48px;line-height:1.6}.game-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.sports-filter{margin:20px 0 27px}.sports-filter label{font-size:14px;color:#a2afc0;margin-right:14px}.sports-filter input{max-width:330px;padding:13px;border:1px solid #3d4a5e;border-radius:10px;background:#141d2b;color:white}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.filter-button{padding:10px 18px;border:1px solid #334058;border-radius:22px;background:transparent;color:#bdc9dc;cursor:pointer}.filter-button.active{background:#c5ff59;border-color:#c5ff59;color:#111b26}.paddle-picker{display:flex;gap:15px;align-items:center;margin:24px 0}.paddle-picker select,#ranking-game{padding:10px;background:#172234;color:#ecf4ff;border:1px solid #485b79;border-radius:8px}.network-links{margin-top:35px}.network-links a{color:#c5ff59}.game-page{padding-top:25px}.game-page h1{font-size:clamp(30px,4vw,50px);margin:10px 0}.live-stats{display:flex;gap:25px;font-size:12px;color:#94a4bc}.live-stats strong{display:block;font-size:28px;color:#dfffac}.sports-stage{position:relative;background:#0b1525;border:1px solid #344156;border-radius:17px;overflow:hidden;max-width:1100px;margin:auto}.sports-stage canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-5px;aspect-ratio:8/5}.game-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:#07101cde;backdrop-filter:blur(5px);gap:16px}.game-cover h2{font-size:clamp(26px,4vw,45px);margin:0}.game-cover p{max-width:560px;margin:0;color:#bacbde}.game-cover .small-note{margin:0}.game-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pause-overlay{position:absolute;inset:0;display:grid;place-items:center;font-size:45px;background:#081324b8;color:#c5ff59;pointer-events:none}.sports-stage:fullscreen,.sports-stage.expanded{border:0;border-radius:0;display:grid;place-items:center;background:#060d18}.sports-stage:fullscreen canvas{width:min(100vw,160vh);max-height:100vh}.sports-stage.expanded{position:fixed;inset:0;z-index:1000}.sports-stage.expanded canvas{width:min(100vw,160vh)}.sports-stage:fullscreen .game-toolbar,.sports-stage.expanded .game-toolbar{position:absolute;bottom:0;z-index:5;margin:0;padding:8px;background:#07101cbb}.exit-expanded{display:none}.sports-stage.expanded .exit-expanded{display:block;position:absolute;right:10px;top:10px}.seo-content p{line-height:1.9}.game-page .section-head{align-items:center}.game-page .notice{min-height:54px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.dashboard strong{font-size:25px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#transaction-list{list-style:none;padding:0}#transaction-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #293449;padding:15px 0}#game-canvas:focus-visible{outline:3px solid #c5ff59}.button,#trick-game{touch-action:manipulation}#trick-game{user-select:none;-webkit-user-select:none}.seo-content{max-width:100%}
@media(max-width:1000px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.games-grid,.shop-grid{grid-template-columns:1fr}.sports-stage{border-radius:10px}.game-cover{gap:9px;padding:15px}.game-cover p{font-size:13px}.game-cover .small-note{display:none}.game-cover .eyebrow{font-size:10px}.game-cover h2{font-size:25px}.game-cover .button{min-height:40px;padding:10px 20px}.live-stats{gap:15px}.live-stats strong{font-size:22px}.game-toolbar{gap:6px}.game-toolbar button{font-size:12px;padding:10px}.hero-notes{font-size:12px;gap:10px}.paddle-picker{flex-wrap:wrap}.sports-filter input{max-width:100%}.featured-bottom h2{font-size:21px}.game-page .section-head{flex-wrap:wrap;gap:14px}.game-page .breadcrumb{font-size:12px}.game-page .section{padding-top:30px}.hero-grid{gap:30px}.hero-copy h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.game-options{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#152332;border:1px solid #4c6659;border-radius:12px;padding:14px 18px;margin-bottom:18px}.game-options label{font-size:14px;color:#dbe8d7}.game-options select{background:#21372f;color:#f1e5c1;border:1px solid #66806f;padding:9px;border-radius:8px;margin-left:8px}.game-options span{font-size:12px;color:#aabdb4}.sports-stage canvas{image-rendering:auto}
/* V4 · resumable pause controls and three-portal cross banners. */
.pause-overlay{z-index:6;pointer-events:auto;backdrop-filter:blur(5px);font-size:16px;text-align:center;padding:20px}.pause-card{max-width:480px;width:100%;background:#132839ed;border:1px solid #6b8b7c;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}.pause-card h2{font-size:32px;margin:0;color:#f0e2bc}.pause-card p{font-size:14px;line-height:1.6;margin:0;color:#bfd0d2}.pause-symbol{font-size:32px;color:#d5e8b9}.pause-card .button{min-height:46px}.network-section{margin:28px 0 38px;background:#111f2f;border:1px solid #34495b;border-radius:16px;padding:22px}.network-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.network-heading h2{font-size:23px;margin:7px 0}.network-controls{display:flex;gap:18px;font-size:12px}.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.network-card{display:block;border:1px solid #3b4b5c;border-radius:10px;overflow:hidden;background:#17293b;color:#e5e9df;transition:border-color .2s,transform .2s}.network-card:hover{border-color:#c4dab0;transform:translateY(-2px)}.network-card img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;max-height:190px}.network-card>div{padding:13px;display:grid;gap:7px}.network-card small{font-size:10px;letter-spacing:.08em;color:#a1c7bb}.network-card strong{font-size:17px}.network-card span{font-size:12px;color:#dfd4ac}.network-note{font-size:11px;line-height:1.6;color:#92a8b8;margin:15px 0 0}.network-card:focus-visible{outline:3px solid #e7d29a;outline-offset:3px}@media(max-width:700px){.network-grid{gap:9px}.network-section{padding:13px}.network-card>div{padding:9px}.network-card strong{font-size:13px}.network-card small{font-size:8px}.network-heading{flex-wrap:wrap;gap:5px}.network-heading h2{font-size:20px}.pause-card{padding:20px;gap:10px}.pause-card h2{font-size:25px}.pause-card p{font-size:12px}.pause-card .button{padding:10px;min-height:40px}}@media(max-height:520px){.pause-card{padding:15px;gap:8px;max-width:500px}.pause-symbol{display:none}.pause-card h2{font-size:24px}.pause-card p{font-size:12px}}
@media(max-width:680px){.pause-overlay{padding:10px}.pause-symbol{display:none}.pause-card{padding:14px;gap:8px}.pause-card h2{font-size:22px}.pause-card p{font-size:11px;line-height:1.4}.pause-card .button{min-height:36px;padding:8px 12px}}
/* V5: saved records, cups, bilingual guides and result choices. */
.saved-stats{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 18px;color:var(--muted,#a9bacb);font-size:12px}.saved-stats strong{color:#eaf5ff;font-size:21px;margin-left:7px}.play-settings{padding:18px 22px;margin:18px 0;border:1px solid #375568;border-radius:16px;background:#122331}.mode-line{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.mode-line label{font-weight:800}.play-settings progress{width:100%;height:12px;accent-color:#c5ff59}.play-settings p{margin:10px 0;color:#b8cad7}.boost-options{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0}.boost-options label{padding:10px;border:1px solid #40586c;border-radius:8px}.boost-options input{accent-color:#c5ff59}.game-language{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:20px;margin-top:24px;background:#192d3b;border:1px solid #45637a;border-radius:14px}.game-language strong{flex:1;min-width:200px;font-size:14px}.game-language [aria-current]{background:#344d32;border-color:#c5ff59}.game-guide{padding:28px;border:1px solid #2d4353;border-radius:18px;background:#101c28}.game-guide p,.game-guide li{line-height:1.85;color:#bdcbd8}.game-guide li{padding-bottom:9px}.game-guide h3{margin-top:28px}.guide-table{width:100%;border-collapse:collapse}.guide-table th,.guide-table td{text-align:left;border-bottom:1px solid #304251;padding:12px}.game-cover{overflow-y:auto;max-height:100%;box-sizing:border-box}.game-cover[data-state=result]{justify-content:flex-start;padding:22px}.game-cover #result-note{font-size:13px;margin:5px;max-width:680px}.game-cover .network-section{width:100%;margin:12px 0;padding:12px;text-align:left;box-sizing:border-box}.game-cover .network-heading h2{font-size:17px;margin:3px 0}.game-cover .network-heading .overline,.game-cover .network-note,.game-cover .network-card span{display:none}.game-cover .network-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-cover .network-card img{height:78px;object-fit:cover}.game-cover .network-card div{padding:8px}.game-cover .network-card strong{font-size:12px}.game-cover .network-card small{font-size:9px}.game-cover .network-heading{margin-bottom:8px}.game-cover .small-note{font-size:11px}.game-cover .network-controls{font-size:11px}.game-cover>button{flex-shrink:0}.shop-card p{line-height:1.65}.shop-card{display:flex;flex-direction:column}.shop-card .shop-bottom{margin-top:auto}
@media(max-width:650px){.game-cover[data-state=result]{padding:12px}.game-cover .network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-cover h2{font-size:22px}.game-cover .network-heading{display:block}.game-guide{padding:18px}.saved-stats{gap:14px}.game-language .button{font-size:13px}}
.game-cover{justify-content:flex-start;padding-top:clamp(16px,5vw,64px)}.mode-line select{padding:10px;border:1px solid #537087;border-radius:8px;background:#1c3444;color:#eef5ff}
/* V6 · transparent purchases and neighbourhood football club. */
.shop-wallet{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(115deg,#213e3c,#182d3d);border:1px solid #587569;border-radius:14px;padding:20px 24px;margin:18px 0}.shop-wallet span{display:block;letter-spacing:.12em;font-size:11px;color:#b6cbbb}.shop-wallet strong{display:block;margin-top:7px;font-size:17px;color:#e8f4db}.shop-wallet b{font-size:32px;color:#d2ff8e}.shop-wallet p{font-size:13px;line-height:1.6;max-width:400px;margin:0;color:#c1d5d0}.shop-filters{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:24px 0 12px}.shop-filters>label{font-size:13px;color:#c6d8df;display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.shop-filters input[type=search],.shop-filters select,.club-filters select{min-height:44px;padding:10px 12px;border:1px solid #52677c;border-radius:9px;color:#e5eef5;background:#142736}.shop-filters label.affordable-filter{flex-direction:row;align-items:center;min-width:180px;padding-bottom:10px}.shop-filters input[type=checkbox],.resource-select input{accent-color:#c5ff59;width:18px;height:18px}.resource-card{position:relative;min-width:0}.resource-price{font-size:20px;font-weight:850;color:#d9efb6;margin-top:auto}.resource-card .resource-state{font-size:12px;min-height:22px;margin:10px 0;color:#9ddbb1}.resource-card[data-availability=funds] .resource-state{color:#f2c18e}.resource-card[data-availability=max] .resource-state{color:#8fdce5}.resource-card .button{width:100%;margin-top:8px}.resource-card .resource-game{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8ba3b3;margin:10px 0}.inline-shop{border-top:1px solid #3b5364;padding-top:8px;margin-top:18px}.inline-shop>h3{font-size:19px;margin:20px 0 5px}.inline-shop>p{font-size:13px}.inline-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.inline-resources .resource-card{background:#102431;border:1px solid #415c6d;border-radius:12px;padding:16px}.inline-resources .shop-top{font-size:10px;margin:0 0 8px}.inline-resources h3{font-size:17px;margin:5px 0}.inline-resources p{font-size:12px;line-height:1.6}.inline-resources .shop-icon,.inline-resources .resource-game{display:none}.resource-select{display:flex;gap:10px;align-items:center;padding:12px;background:#1c3746;border:1px solid #577483;border-radius:8px;cursor:pointer;font-size:13px}.resource-select:has(input:checked){border-color:#c5ff59;background:#304d38}.resource-select:has(input:disabled){cursor:default;opacity:.7}.quick-checkout{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 0}.quick-checkout p{font-size:13px;flex:1}.quick-checkout .button{flex-shrink:0}.insufficient{color:#ffc19a!important}#active-boosts{color:#c5ff59}.football-hub{margin:30px 0;padding:28px;border:1px solid #3a566b;border-radius:18px;background:linear-gradient(140deg,#152b3a,#0e1c2b)}.club-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.club-heading h2{font-size:32px;margin:10px 0}.club-heading p{color:#a7bdcb;font-size:13px}.club-overall{text-align:center;border:1px solid #587c6c;border-radius:14px;min-width:130px;padding:14px;color:#b2c7b8;font-size:10px;letter-spacing:.06em}.club-overall strong{display:block;font-size:48px;color:#d3f692;line-height:1.2}.club-overall span{display:block;font-size:11px;letter-spacing:0;color:#aac1c8}.club-zone-ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.club-zone-ratings>div{background:#1b3546;padding:13px;border-radius:10px}.club-zone-ratings span{font-size:12px;color:#bad0dc}.club-zone-ratings strong{display:block;font-size:25px;color:#d8ecc0}.club-zone-ratings small{font-size:11px;color:#8faeba}.club-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.club-tabs button{color:#c6d8e3;border:1px solid #486378;border-radius:8px;padding:11px 15px;background:#142735;cursor:pointer}.club-tabs button[aria-pressed=true]{color:#12251c;background:#c4e68f;border-color:#c4e68f}.club-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.player-card{background:linear-gradient(135deg,#203b4b,#122737);border:1px solid #476576;border-radius:14px;padding:18px}.player-card-top{display:flex;gap:10px;align-items:center;font-size:11px;color:#b6cbd5}.player-number{background:#345565;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#fff}.player-ovr{font-size:30px;margin-left:auto;color:#d5edab}.player-card h3{font-size:18px;margin:15px 0}.player-card label{display:block;font-size:12px;color:#b7cbd5;margin:10px 0}.player-card label b{float:right;color:#e5efd9}.player-card progress{display:block;width:100%;height:6px;margin-top:6px;accent-color:#a8cf83}.player-card label+label progress{accent-color:#78bcd2}.player-card p{font-size:11px;color:#9eb9c4;line-height:1.7}.club-bracket{display:flex;gap:16px;overflow-x:auto;padding:8px 0 18px;align-items:stretch}.bracket-round{min-width:225px;flex:1}.bracket-round h3{position:sticky;top:0;font-size:14px;color:#c8e6a9}.bracket-match{padding:11px;background:#1a3445;border:1px solid #3c596e;border-radius:9px;margin:12px 0}.bracket-match div{display:flex;gap:12px;justify-content:space-between;font-size:12px;padding:6px 0;color:#b4c7d4}.bracket-match .my-club{color:#b6ed8d}.bracket-match .bracket-winner{font-weight:800;color:#e7edcf}.bracket-match small{font-size:9px;display:block;color:#87a8b9;border-top:1px solid #355266;padding-top:6px}.club-table-wrap{overflow-x:auto}.club-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.club-table-wrap caption{text-align:left;padding:12px 0;color:#adc4d3}.club-table-wrap th,.club-table-wrap td{padding:11px 10px;border-bottom:1px solid #334f63;text-align:left}.club-table-wrap th{font-size:10px;color:#98b8c9}.club-table-wrap .my-club-row{background:#32503944}.club-filters{display:flex;gap:18px;flex-wrap:wrap}.club-filters label{font-size:12px;display:flex;gap:8px;align-items:center}.club-team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:15px}.club-team-list>div{display:flex;gap:12px;justify-content:space-between;background:#1a3445;padding:12px;font-size:12px}.club-team-list span{color:#b6d293}[data-club-panel]>p,#club-next{font-size:13px;line-height:1.8;color:#b2c8d7}#football-hub a{color:#c5e792}
@media(max-width:700px){.shop-wallet{padding:15px;display:block}.shop-wallet p{margin-top:10px}.shop-wallet b{font-size:26px}.inline-resources{grid-template-columns:1fr}.quick-checkout{flex-direction:column;align-items:stretch;gap:5px}.club-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.football-hub{padding:16px}.club-heading h2{font-size:25px}.club-zone-ratings{grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{padding:12px}.player-card h3{font-size:15px}.player-card-top{flex-wrap:wrap}.club-overall{min-width:95px;padding:10px}.club-heading{gap:10px}.club-overall strong{font-size:38px}.club-team-list{grid-template-columns:1fr}.club-filters label{flex-direction:column;align-items:start}.club-tabs button{font-size:12px;padding:10px}.shop-filters{gap:12px}}
@media(max-width:400px){.club-roster{grid-template-columns:1fr}.club-heading{align-items:flex-start}.shop-filters>label{min-width:100%}}
.team-training{margin:18px 0;border:1px solid #456273;border-radius:10px;padding:14px}.team-training>summary{cursor:pointer;font-weight:750;color:#d4e7bc;font-size:14px}.team-training>p{font-size:13px;line-height:1.7;color:#b2c7d5}.team-training h3{font-size:20px}.resource-select [data-use-label]{flex:1}
/* V7 · language-aware network navigation and reachable controls. */
.site-header{height:auto;display:block;position:relative}.site-header .header-inner{min-height:82px}.network-strip{border-top:1px solid #263a49;background:#101e2c}.network-menu{display:flex;align-items:center;gap:12px;min-height:54px}.network-menu a{display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:48px;padding:0 18px;font-size:13px;font-weight:750;color:#a9c0cf;border-bottom:3px solid transparent;box-sizing:border-box}.network-menu a.active{color:#d5f49d;border-color:#c5ff59;background:#223a364d}.network-menu a:hover{color:#eff7e8;background:#223c4b}.catalog-intro{max-width:840px;line-height:1.9;color:#b1c7d4;margin:20px 0 32px}
button,.button,.menu-toggle,.profile-button,.language-switch,.wallet,select,summary,.resource-select,.filter-button,.club-tabs button,.link-button{min-height:48px;min-width:48px;box-sizing:border-box}.button,.language-switch,.wallet{display:inline-flex;align-items:center;justify-content:center}.resource-select,.affordable-filter,.shop-filters label.affordable-filter{min-height:48px}.game-cover .button{min-height:48px}.main-nav a,.footer-links a{display:inline-flex;align-items:center;min-height:48px}.game-toolbar{gap:8px}.game-toolbar .button{white-space:normal}.breadcrumb a{display:inline-flex;align-items:center;min-height:48px}.network-controls{gap:8px}
@media(max-width:700px){.site-header .header-inner{min-height:76px;gap:8px}.header-actions{gap:6px}.header-actions .wallet{padding:8px}.header-actions .profile-button{padding:5px}.header-actions .language-switch{font-size:11px;padding:8px}.header-actions .menu-toggle{width:48px;height:48px}.wordmark small,.brand>.beta{display:none}.brand img{width:30px;height:30px}.brand{gap:6px}.wordmark{font-size:11px}.header-actions .profile-name{display:none}.header-actions .avatar{width:30px;height:30px}.network-menu{gap:6px;justify-content:space-between}.network-menu a{flex:1;min-width:48px;padding:0 10px}.main-nav.open{top:76px;z-index:15}.game-cover .network-controls{display:flex;flex-wrap:wrap}.game-cover .network-card div{padding:8px}.game-cover[data-state=result]{padding-top:18px}}
@media(max-width:370px){.site-header .brand .wordmark{max-width:80px;font-size:10px}.header-actions{gap:4px}.site-header .header-inner{padding-left:10px;padding-right:10px}.header-actions .wallet{font-size:11px;gap:4px}.header-actions .coin{display:none}}
.touch-controls{display:none}.touch-controls *{box-sizing:border-box}.touch-controls .touch-button{min-width:48px;min-height:48px;border:1px solid #6b889b;background:#224454;color:#f0f5df;border-radius:10px;font:700 12px system-ui;touch-action:none;user-select:none;padding:8px;white-space:normal}.touch-controls .touch-button.pressed,.touch-controls .touch-button:active,.touch-controls .touch-button[aria-pressed=true]{border-color:#d1ff86;background:#47683c;color:#fff}.touch-grid{display:grid;grid-template-columns:repeat(3,minmax(48px,1fr));gap:8px}.touch-two{grid-template-columns:repeat(2,minmax(48px,1fr))}.touch-aim-grid{display:grid;grid-template-columns:repeat(2,minmax(48px,1fr));gap:8px;margin-bottom:8px}.touch-tip{font-size:11px;line-height:1.6;margin:0 0 8px;color:#b9cddb}.touch-stick{position:relative;flex:0 0 96px;width:96px;height:96px;min-height:96px;border:2px solid #648a9e;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#345b6a,#142f41);touch-action:none;user-select:none}.touch-stick>span{color:#8db7c855;font-size:72px}.touch-stick>b{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);height:40px;width:40px;border-radius:50%;background:#b2d8c8;border:2px solid #d8eed7;transform:translate(var(--stick-x,0px),var(--stick-y,0px));pointer-events:none}.football-touch-layout{display:flex;align-items:center;gap:12px}.football-touch-layout>.touch-grid{flex:1;min-width:0}.touch-power{display:flex;gap:10px;align-items:center;color:#bfd6c0;font-size:11px;margin:0 0 8px}.touch-power progress{flex:1;width:100%;height:9px;accent-color:#c5ff59}.touch-slider{display:block;color:#c3d9dc;font-size:12px;margin:0 0 8px}.touch-slider input[type=range]{display:block;width:100%;height:48px;min-height:48px;touch-action:pan-x;accent-color:#caec99}.touch-slider input[type=range]::-webkit-slider-thumb{height:48px;width:48px}.touch-slider input[type=range]::-moz-range-thumb{height:44px;width:44px;border-radius:50%;background:#c8e99c}.touch-controls>.touch-button{width:100%}.touch-stick[aria-disabled=true]{opacity:.5}
@media(max-width:900px),(any-pointer:coarse){.touch-controls{display:block;width:100%;position:relative;padding:10px;background:#0e2535;border-top:1px solid #4d6e81;z-index:1}.sports-stage:has([data-touch-controls="street-hoops"])>canvas,.sports-stage:has([data-touch-controls="football-7"])>canvas{clip-path:inset(0 0 11.34% 0)}[data-touch-controls="street-hoops"],[data-touch-controls="football-7"]{margin-top:-7.08%}.sports-stage:fullscreen,.sports-stage.expanded{display:flex;flex-direction:column;justify-content:center;align-items:center}.sports-stage:fullscreen>canvas,.sports-stage.expanded>canvas{flex-shrink:0;width:min(100vw,calc((100dvh - var(--touch-height,160px) - var(--toolbar-height,64px) - 16px)*1.6));max-height:none}.sports-stage:fullscreen .touch-controls,.sports-stage.expanded .touch-controls{flex-shrink:0;max-width:960px;margin-top:0}.sports-stage:fullscreen .game-toolbar,.sports-stage.expanded .game-toolbar{position:static;width:100%;max-width:960px;flex-shrink:0;box-sizing:border-box}.sports-stage:fullscreen .touch-tip,.sports-stage.expanded .touch-tip{display:none}.sports-stage:fullscreen .touch-aim-grid,.sports-stage.expanded .touch-aim-grid{grid-template-columns:repeat(3,minmax(48px,1fr))}.sports-stage:fullscreen .touch-slider,.sports-stage.expanded .touch-slider{margin-bottom:0}.sports-stage:fullscreen .game-toolbar .button,.sports-stage.expanded .game-toolbar .button{font-size:11px;padding:8px;min-height:48px}.game-cover{z-index:3}.pause-overlay{z-index:4}}
@media(max-width:380px){.touch-controls{padding:8px}.football-touch-layout{gap:8px}.touch-grid{gap:8px}.touch-controls .touch-button{font-size:10px;padding:6px}.touch-stick{flex-basis:88px;width:88px;height:88px;min-height:88px}}
@media(max-width:350px){.header-actions .profile-button{display:none}.site-header .brand .wordmark{max-width:78px}.site-header .header-inner{gap:6px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:900px),(orientation:landscape) and (max-height:600px) and (any-pointer:coarse){.sports-stage:fullscreen:has(.touch-controls),.sports-stage.expanded:has(.touch-controls){display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:0}.sports-stage:fullscreen>canvas,.sports-stage.expanded>canvas{grid-column:1;grid-row:1;width:min(calc(100vw - 280px),calc((100dvh - var(--toolbar-height,64px) - 8px)*1.6));min-width:0}.sports-stage:fullscreen .touch-controls,.sports-stage.expanded .touch-controls{grid-column:2;grid-row:1;width:280px;max-height:calc(100dvh - var(--toolbar-height,64px));overflow-y:auto}.sports-stage:fullscreen .game-toolbar,.sports-stage.expanded .game-toolbar{grid-column:1/3;grid-row:2;max-width:none}.sports-stage:fullscreen .touch-grid,.sports-stage.expanded .touch-grid{grid-template-columns:repeat(3,minmax(48px,1fr))}.sports-stage:fullscreen .touch-two,.sports-stage.expanded .touch-two{grid-template-columns:repeat(2,minmax(48px,1fr))}}

/* Action edition: keep V7 layout and 48px touch targets. */
.touch-button{min-width:48px;min-height:52px;touch-action:none}.touch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-thumb img{width:100%;aspect-ratio:8/5;object-fit:cover}.sports-stage canvas{touch-action:none}.wordmark>small{letter-spacing:.16em}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}