/* Football-focused artwork and compact, mobile-safe UI corrections. */
.football-hero{display:flex;flex-direction:column;background:var(--blue);border-bottom:4px solid var(--ink);padding:24px 20px 30px}.football-hero-top{order:1;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1000px;width:100%}.football-logo{width:min(54%,530px);height:auto;background:var(--ivory);padding:12px 15px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--orange)}.football-hero-top>p{margin:0;font-size:19px;line-height:1.4;font-weight:900;max-width:27ch;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);padding:12px 16px;transform:rotate(2deg)}.football-hero-actions{order:2;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:24px 0 20px}.football-hero-actions .button{min-height:50px;padding:14px 24px;font-size:10px}.football-team-art{order:3;width:100%;max-width:1000px;margin:0 auto;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--orange);background:var(--blue);overflow:hidden}.football-team-art>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;image-rendering:auto}.football-team-art>figcaption{margin:0;padding:9px 12px;background:var(--ivory);color:var(--ink);font:9px/1.6 monospace;text-align:center;letter-spacing:.04em}.home-simulation{display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:center;padding:45px 0;border-bottom:3px solid var(--ink)}.simulation-emblem{display:grid;place-items:center;width:170px;height:170px;border:3px solid var(--ink);background:var(--blue);box-shadow:5px 5px 0 var(--orange);border-radius:24px;transform:rotate(-4deg)}.simulation-emblem svg{width:125px;height:125px}.home-simulation .eyebrow{font-size:9px;margin-bottom:13px}.home-simulation h2{font-size:38px;line-height:1.05;margin-bottom:17px}.home-simulation p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:66ch}.home-simulation .button{font-size:9px;padding:14px 18px;min-height:48px}.home-simulation small{display:block;max-width:70ch;font-size:11px;line-height:1.7;margin-top:15px}.sim-trophy{display:flex;align-items:center;gap:12px}.sim-trophy svg{width:58px;height:58px;flex:none}.sim-trophy>span{font-size:19px}.home-intro-shot>img,.explore-art:not(.faces)>img,.home-story>img,.news-card>img,.editorial-card .card-image img,.longform figure>img,.wide-image>img,.mode-bowl .mode-visual>img{image-rendering:auto}.explore-art.faces img{object-fit:contain;object-position:bottom}
/* Every requested fighter has a full existing pose, not just a tiny portrait. */
.character-select .select-machine{max-width:960px;margin:auto}.roster-compact{padding:20px}.roster-compact .portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.roster-compact .portrait-grid button{min-width:0;padding:10px 10px 0;background:var(--blue)}.roster-compact .portrait-grid button[aria-pressed=true]{background:var(--yellow)}.roster-compact .portrait-grid button img{width:100%;height:170px;aspect-ratio:auto;object-fit:contain;object-position:center bottom;image-rendering:pixelated}.roster-compact .portrait-grid button>span{font-size:12px;min-height:40px;display:flex;justify-content:center;align-items:center;padding:8px 4px;line-height:1.3;margin:8px -10px 0;overflow-wrap:anywhere}.roster-profile{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;margin-top:24px;border-top:3px solid var(--ink);padding-top:20px}.roster-profile .select-stage{min-height:210px;height:210px;border:2px solid var(--ink);background:var(--yellow);align-items:center;padding:12px;overflow:hidden}.roster-profile .select-stage>img{height:180px;width:100%;max-width:100%;margin:0;filter:none;object-fit:contain}.roster-profile .select-stage>canvas{height:190px;width:178px;max-width:100%;margin:0;image-rendering:pixelated}.roster-profile .stage-number{font-size:11px;top:8px;left:8px}.roster-profile-copy{min-width:0}.roster-profile .select-info{margin:0}.roster-profile .select-info h3{font-size:32px;line-height:1.1;margin-bottom:10px;overflow-wrap:anywhere}.roster-profile .select-info>p:not(.eyebrow){font-size:13px;line-height:1.6}.roster-profile .stats{gap:9px;margin:15px 0}.roster-profile .stats>div{padding:12px 5px;min-width:0}.roster-profile .stats strong{font-size:22px;margin-bottom:8px}.roster-profile .stats span{font-size:7px}.roster-profile .select-actions .button{font-size:7px;min-height:44px;padding:11px 14px}.roster-profile-copy .data-note,.roster-data-note{font-size:11px;line-height:1.7;max-width:none}.roster-data-note{margin:18px 0 0}.roster-profile-copy .data-note{margin:10px 0 0}
/* Wrapping tabs replace the clipped horizontal strip shown in the phone photos. */
.interactive-playbook>.wrap{max-width:1000px}.interactive-playbook .section-heading{gap:22px;margin-bottom:25px}.detail-page .interactive-playbook .section-heading h2{font-size:36px}.playbook-console{max-width:1000px;min-width:0;margin:auto;border-width:3px;box-shadow:4px 4px 0 var(--blue)}.playbook-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:6px;padding:7px}.playbook-tabs button{min-width:0;width:100%;font-size:8px;white-space:normal;overflow-wrap:anywhere;padding:13px 7px;min-height:48px}.playbook-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;min-width:0}.playbook-panel>*{min-width:0;max-width:100%}.playbook-screen{display:block;background:var(--ivory);min-width:0;overflow:hidden;border-right:2px solid var(--ink)}.capture-window{width:100%;aspect-ratio:var(--capture-ratio,700/709);overflow:hidden;background:var(--ink);position:relative}.capture-window #playbook-image{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:auto;object-fit:initial;object-position:top;image-rendering:auto;display:block}.playbook-screen figcaption{font-size:8px;line-height:1.5;background:var(--ivory);border-top:2px solid var(--ink);color:var(--ink);padding:10px 12px}.playbook-copy{padding:24px;min-width:0;height:auto;overflow:visible}.playbook-copy h3{font-size:30px;line-height:1.12;overflow-wrap:anywhere;margin-bottom:16px}.playbook-copy p{font-size:14px;line-height:1.75}.playbook-copy .eyebrow{font-size:7px;margin-bottom:15px}.playbook-copy ol{font-size:13px;line-height:1.8;padding-left:20px;margin-bottom:18px}.playbook-keys{grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:10px 12px;padding-top:15px;margin-top:16px;align-items:start}.playbook-keys kbd{white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.playbook-keys span{font-size:12px;line-height:1.7}.interactive-playbook .controls{margin-top:28px}.detail-page .detail-intro{padding-top:28px;padding-bottom:24px}.detail-page .detail-intro h1{font-size:44px}.detail-page .detail-intro>p:last-child{font-size:16px;max-width:66ch}.detail-page .detail-intro .breadcrumb{margin-bottom:20px}
@media(max-width:800px){.football-hero-top{gap:18px}.football-hero-top>p{font-size:15px;padding:10px 13px}.roster-profile{grid-template-columns:150px minmax(0,1fr);gap:20px}.roster-profile .select-stage{height:205px;min-height:205px}.roster-compact .portrait-grid button img{height:150px}.home-simulation{grid-template-columns:120px minmax(0,1fr);gap:25px}.simulation-emblem{height:120px;width:120px}.simulation-emblem svg{height:90px;width:90px}.playbook-copy{padding:20px}.playbook-copy h3{font-size:27px}}
@media(max-width:700px){.football-hero{padding:20px 16px 25px}.football-hero-top{width:100%;flex-direction:column;gap:18px}.football-logo{width:100%;max-width:420px;padding:10px 12px;border-width:2px;box-shadow:4px 4px 0 var(--orange)}.football-hero-top>p{font-size:14px;line-height:1.5;padding:8px 12px;max-width:none;transform:none}.football-hero-actions{gap:11px;margin:19px 0}.football-hero-actions .button{font-size:8px;padding:13px 16px;min-height:48px}.football-team-art{border-width:2px;box-shadow:4px 4px 0 var(--orange)}.football-team-art>figcaption{font-size:7px;padding:8px 6px;line-height:1.5}.home-simulation{grid-template-columns:70px minmax(0,1fr);gap:18px;padding:35px 0;align-items:start}.simulation-emblem{width:70px;height:76px;border-width:2px;border-radius:12px;margin-top:10px;box-shadow:3px 3px 0 var(--orange)}.simulation-emblem svg{width:56px;height:56px}.home-simulation .eyebrow{font-size:7px;line-height:1.9;margin-bottom:12px}.home-simulation h2{font-size:30px;line-height:1.08;margin-bottom:15px}.home-simulation p:not(.eyebrow){font-size:14px;line-height:1.8}.home-simulation .button{font-size:7px;padding:12px 13px;min-height:46px;width:100%}.home-simulation small{font-size:10px;line-height:1.8}.sim-trophy{padding:12px;gap:6px}.sim-trophy svg{width:38px;height:38px}.sim-trophy>span{font-size:14px}.character-select .section-heading{gap:14px;margin-bottom:20px}.character-select .section-heading>p{font-size:14px}.roster-compact{padding:14px}.roster-compact .portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.roster-compact .portrait-grid button{padding:8px 8px 0}.roster-compact .portrait-grid button img{height:145px;object-fit:contain;object-position:center bottom}.roster-compact .portrait-grid button>span{font-size:11px;min-height:42px;margin:8px -8px 0;padding:7px 5px;overflow-wrap:normal}.roster-profile{grid-template-columns:92px minmax(0,1fr);gap:14px;margin-top:20px;padding-top:18px;align-items:start}.roster-profile .select-stage{height:185px;min-height:185px;padding:6px;border-width:2px}.roster-profile .select-stage>img{height:160px;max-width:100%;margin:0}.roster-profile .select-stage>canvas{height:160px;width:150px;max-width:none;flex:none}.roster-profile .stage-number{font-size:8px;left:5px;top:7px}.roster-profile .select-info .eyebrow{font-size:6px;margin-bottom:8px}.roster-profile .select-info h3{font-size:25px;line-height:1.15;overflow-wrap:normal}.roster-profile .select-info>p:not(.eyebrow){font-size:11px;line-height:1.7}.roster-profile .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.roster-profile .stats>div{padding:10px 5px}.roster-profile .stats strong{font-size:20px;margin-bottom:8px}.roster-profile .stats span{font-size:6px}.roster-profile .select-actions{gap:10px;flex-direction:column}.roster-profile .select-actions .button{width:100%;flex:none;font-size:6px;line-height:1.8;padding:11px 8px}.roster-profile-copy .data-note{font-size:10px}.roster-data-note{font-size:10px;line-height:1.8}.detail-page .interactive-playbook{padding:28px 0 35px}.detail-page .interactive-playbook .section-heading h2{font-size:31px}.interactive-playbook .section-heading>p{font-size:14px;line-height:1.6}.playbook-console{border-width:2px;box-shadow:3px 3px 0 var(--blue);border-radius:5px}.playbook-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px;padding:7px;scrollbar-width:none}.playbook-tabs button{font-size:7px;line-height:1.7;padding:12px 5px;min-width:0;width:100%;min-height:46px;white-space:normal}.playbook-tabs button:nth-child(4){grid-column:1/3}.playbook-panel{display:block;min-width:0}.playbook-screen{border-right:0;border-bottom:2px solid var(--ink);margin:0;min-width:0}.capture-window{width:100%;aspect-ratio:var(--capture-ratio,700/709)}.capture-window #playbook-image{width:100%;height:auto;max-height:none;object-fit:initial;image-rendering:auto}.playbook-screen figcaption{font-size:7px;line-height:1.5;padding:9px 11px}.playbook-copy{padding:20px 18px 24px;width:100%;min-width:0;height:auto;overflow:visible}.playbook-copy h3{font-size:27px;line-height:1.16;overflow-wrap:normal;margin-bottom:14px}.playbook-copy p{font-size:14px;line-height:1.75;margin-bottom:16px}.playbook-copy .eyebrow{font-size:6px;line-height:1.9;margin-bottom:13px}.playbook-copy ol{font-size:13px;line-height:1.8;margin-bottom:18px}.playbook-keys{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding-top:15px;margin-top:15px}.playbook-keys kbd{font-size:9px;padding:6px;line-height:1.7}.playbook-keys span{font-size:12px;line-height:1.7}.interactive-playbook .controls{margin-top:25px}.interactive-playbook .control-columns{padding:14px 18px;min-width:0}.interactive-playbook .control-columns p{font-size:13px;overflow-wrap:anywhere}.detail-page .detail-intro h1{font-size:34px;line-height:1.12}.detail-page .detail-intro>p:last-child{font-size:14px;line-height:1.75}.detail-page .detail-intro{padding-top:24px;padding-bottom:21px}main{padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:360px){.roster-profile{grid-template-columns:80px minmax(0,1fr);gap:11px}.roster-compact{padding:11px}.roster-compact .portrait-grid{gap:9px}.roster-compact .portrait-grid button img{height:135px}.roster-profile .select-info h3{font-size:23px}.football-hero-actions .button{font-size:7px;padding:12px 13px}.home-simulation{grid-template-columns:55px minmax(0,1fr);gap:14px}.simulation-emblem{width:55px;height:64px}.simulation-emblem svg{width:45px;height:45px}.home-simulation h2{font-size:27px}.playbook-tabs button{font-size:6px}.playbook-copy h3{font-size:25px}}
/* Override iOS native blue button labels without changing the game UI. */
.detail-page button,.compact-home button{color:var(--ink);-webkit-appearance:none;appearance:none}

/* Review refinement: consistent previews, thumbnails and compact disclosures. */
.explore-cards .explore-art{height:160px;background:var(--orange);display:flex;align-items:center;justify-content:center;overflow:hidden}.explore-cards .explore-art.faces{padding:8px}.explore-cards .explore-art.faces img{height:140px;max-width:45%;object-fit:contain}.explore-cards .thumb-play{position:relative;background:var(--ink)}.explore-cards .thumb-play img{height:auto;width:100%;align-self:flex-start;object-fit:contain}.explore-cards .thumb-play:after{content:"PLAYBOOK";position:absolute;bottom:8px;left:8px;font:8px/1.5 Arcade,monospace;background:var(--yellow);padding:7px;color:var(--ink)}
.playbook-screen .capture-window{aspect-ratio:16/9!important;position:relative;background:var(--ink);overflow:hidden;display:block}.capture-window #playbook-image{position:absolute;top:0;left:0;width:100%;height:var(--capture-height,100%);object-fit:contain;object-position:top;max-height:none}.capture-window:has(img[src$="gameplay.png"]) #playbook-image{height:100%;object-fit:contain}.playbook-panel{align-items:start}.touch-layout{display:block;width:100%;max-width:500px;height:auto;margin:16px 0;border:2px solid var(--ink);border-radius:8px}
.home-story>picture{display:block;background:var(--blue);height:190px;border-right:3px solid var(--ink)}.home-story>picture img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.home-story{gap:0}.home-story>div{padding:24px}.mode-accordions{max-width:900px;margin:25px auto 0;display:grid;gap:14px}.mode-disclosure{border:3px solid var(--ink);background:var(--ivory);box-shadow:4px 4px 0 var(--ink);border-radius:6px;overflow:hidden}.mode-disclosure:nth-child(even){background:var(--blue)}.mode-disclosure summary{display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer;list-style:none;min-height:90px}.mode-disclosure summary::-webkit-details-marker{display:none}.mode-disclosure summary strong{display:block;font-size:24px;line-height:1.2}.mode-disclosure summary small{display:block;font-size:11px;line-height:1.5;margin-top:7px}.mode-number{font:13px Arcade,monospace}.mode-disclosure summary svg{width:24px;height:24px;margin-left:auto;flex-shrink:0;fill:none;stroke:var(--ink);stroke-width:3}.mode-disclosure[open] summary svg{transform:rotate(180deg)}.mode-disclosure>div{padding:0 22px 22px;border-top:2px solid var(--ink)}.mode-disclosure>div p{margin:18px 0;font-size:16px;max-width:60ch}.mode-disclosure .button{font-size:9px}.arcade-modes{padding-block:30px!important}.roster-count{margin:0 0 20px;font-size:16px;line-height:1.6}
@media(max-width:700px){.explore-cards>a{grid-template-columns:110px minmax(0,1fr)}.explore-cards .explore-art{width:110px;height:140px;min-height:140px;border-bottom:0;border-right:3px solid var(--ink)}.explore-cards .explore-art.faces img{height:120px}.explore-cards>a>div:last-child{padding:15px}.explore-cards h3{font-size:20px}.home-story>picture{height:160px;border-right:0;border-bottom:3px solid var(--ink)}.home-story{grid-template-columns:1fr}.home-story>div{padding:18px}.mode-disclosure summary{padding:16px 14px;gap:12px;min-height:84px}.mode-disclosure summary strong{font-size:22px}.mode-number{font-size:10px}.mode-disclosure>div{padding:0 15px 18px}.mode-disclosure>div p{font-size:14px}.mode-disclosure summary small{font-size:10px}}
/* Launch clarity: concise save information and undistorted full-resolution captures. */
.hero-save-note{order:4;font-size:12px;line-height:1.7;text-align:center;margin:18px 0 0;color:var(--ink)}.hero-save-note a{font-weight:800;text-underline-offset:3px}.save-note{max-width:1000px;margin:24px auto 40px;padding:18px 22px;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);line-height:1.7}.save-note summary{cursor:pointer;font-weight:800;min-height:28px}.save-note p{font-size:14px;max-width:75ch;margin:12px 0}.save-note a{font-weight:800}.roadmap-note{background:var(--yellow);border:3px solid var(--ink);padding:25px!important;margin:30px 0 45px;box-shadow:4px 4px 0 var(--blue)}.roadmap-note h2{font-size:30px}.roadmap-note p{font-size:15px;max-width:70ch}.roster-compact .portrait-grid button img{image-rendering:auto}.roster-profile .select-stage>img{image-rendering:auto}.roster-profile .select-stage>canvas{width:180px;height:170px;max-width:100%;object-fit:contain;image-rendering:pixelated}.playbook-screen .capture-window{aspect-ratio:1140/790!important;background:var(--ivory)}.capture-window #playbook-image,.capture-window:has(img[src$="gameplay.png"]) #playbook-image{height:100%!important;width:100%;object-fit:contain!important;object-position:center;image-rendering:auto}.editorial-card .card-image{height:auto;aspect-ratio:1140/790;background:var(--ivory)}.editorial-card .card-image img{object-fit:contain;image-rendering:auto}.longform figure>img{height:auto;max-height:none;object-fit:contain;image-rendering:auto}.home-intro-shot>img{height:auto;aspect-ratio:1140/790;object-fit:contain}.touch-layout{max-width:800px}.detail-page .save-note{width:calc(100% - 40px)}
@media(max-width:700px){.hero-save-note{font-size:11px;max-width:34ch;margin-inline:auto}.roster-profile .select-stage>canvas{width:90px;height:85px;max-width:100%}.save-note{padding:16px}.save-note p{font-size:13px}.roadmap-note h2{font-size:27px}.touch-layout{margin-inline:0}.control-columns>div{min-width:0}}
.workshop-flight{position:relative;height:190px;background:var(--blue);border-right:3px solid var(--ink);overflow:hidden}.workshop-flight img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;image-rendering:auto;animation:workshop-flight .6s steps(1,end) infinite;animation-delay:calc(var(--frame)*-.2s);opacity:0}@keyframes workshop-flight{0%,33.332%{opacity:1}33.333%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.workshop-flight img{animation:none;display:none}.workshop-flight img:first-child{display:block;opacity:1}}

/* Detailed roster animation uses a 3x backing canvas for high-density screens. */
.roster-profile .select-stage>canvas{image-rendering:auto}