/* Game front door and collection surfaces. Inherit the supplied wrestling-poster world. */
.topbar > .brand, .menu-top .brand {border:0;background:transparent;padding:0;cursor:pointer}
#app.menu-active {height:auto;min-height:100dvh;display:block}
.game-menu {min-height:100dvh;display:flex;flex-direction:column;padding:22px clamp(18px,5vw,80px);background:linear-gradient(90deg,#07131799,#07131755)}
.menu-top {display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--paper);min-height:45px;max-width:1450px;width:100%;margin:0 auto}
.menu-top > span {font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.menu-content {flex:1;width:100%;max-width:1350px;margin:25px auto;display:flex;align-items:center;justify-content:center}
.is-title .menu-content {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:clamp(30px,5vw,90px)}
.title-world {color:var(--paper);min-width:0}
.title-wordmark {display:flex;align-items:center;gap:22px}
.title-wordmark > .ico {width:92px;height:92px;color:var(--gold)}
.title-wordmark h1 {font-size:clamp(64px,7vw,96px);font-style:italic;line-height:.96;letter-spacing:-.025em;color:var(--cream)}
.title-wordmark h1 span {display:block;color:#d34434}
.title-world > h2 {font-size:26px;margin:22px 0 8px;color:var(--gold)}
.title-world > p {font-size:19px;line-height:1.5}
.title-headliners {display:flex;justify-content:center;align-items:center;gap:10px;height:250px;max-width:560px;margin-top:25px;pointer-events:none}
.title-headliners > .wcard {color:var(--ink);width:155px;height:225px;box-shadow:0 10px 24px #0008}
.title-headliners > .wcard:first-child {transform:rotate(-8deg) translateY(9px)}
.title-headliners > .wcard:nth-child(2) {z-index:1;transform:translateY(-5px)}
.title-headliners > .wcard:last-child {transform:rotate(8deg) translateY(9px)}
.title-menu {background:var(--paper);border:2px solid var(--line);outline:1px solid #cabb92;outline-offset:4px;box-shadow:0 15px 40px #0006;padding:18px;display:flex;flex-direction:column;gap:12px}
.title-menu > h2 {font-size:26px;line-height:1.25;padding:0 2px 13px;border-bottom:1px solid #8f856a}
.menu-choice {display:flex;align-items:center;gap:17px;min-height:77px;border:1px solid var(--line);background:#f7ecd3;padding:12px 16px;text-align:left}
.menu-choice > .ico {width:33px;height:33px;color:var(--teal)}
.menu-choice > span {font:400 26px/1.2 Anton,sans-serif;text-transform:uppercase}
.menu-choice small {display:block;font:500 13px/1.4 Oswald,sans-serif;text-transform:none;color:var(--muted);margin-top:4px}
.menu-choice.primary {background:var(--red);color:var(--cream)}
.menu-choice.primary small,.menu-choice.primary > .ico {color:var(--cream)}
.menu-footer {display:flex;justify-content:space-between;gap:15px;max-width:1450px;width:100%;margin:0 auto;color:#e7d7b6;font-size:12px;padding-top:10px;border-top:1px solid #b2a37a66}
.menu-active .announce {bottom:22px}
.menu-sheet {width:100%;max-width:1100px;background:var(--paper);border:2px solid var(--line);outline:1px solid #d0c095;outline-offset:4px;padding:26px;box-shadow:0 14px 40px #0007}
.menu-sheet > header {margin:22px 0 26px}
.menu-sheet h1 {font-size:clamp(32px,4vw,54px);color:var(--red-dark)}
.menu-sheet header p {font-size:17px;margin-top:10px}
.menu-back {font-size:16px;padding:8px 12px;min-height:39px}
.menu-back .ico,.wrestler-heading > .btn .ico {transform:rotate(180deg);width:22px;height:22px}
.new-game-sheet {max-width:900px}
#new-game-form {display:grid;grid-template-columns:1fr 1fr;gap:22px}
#new-game-form > label:not(.replace-check) {display:flex;flex-direction:column;gap:8px;font:400 20px Anton,sans-serif;text-transform:uppercase}
#new-game-form input[type=text],#new-game-form input:not([type]),#new-game-form select {width:100%;background:var(--cream);border:1px solid var(--line);padding:12px;font:500 18px Oswald,sans-serif;min-height:52px;caret-color:var(--red)}
.replace-check {display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
.replace-check[hidden] {display:none}
.replace-check input {width:19px;height:19px;accent-color:var(--red);flex-shrink:0}
#new-game-form > .replace-check {grid-column:1/-1;color:var(--red-dark);padding:10px 0;border-bottom:1px solid #a89b79}
.new-game-includes {grid-column:1/-1;display:flex;flex-direction:column;gap:12px;background:#f8edd5;padding:18px;border:1px solid #9e9071}
.new-game-includes h2 {font-size:24px;margin-bottom:3px}
.new-game-includes > span {display:flex;align-items:center;gap:10px;font-size:16px}
.new-game-includes .ico {color:var(--teal)}
#new-game-form > .btn {grid-column:1/-1;justify-self:end;min-width:270px;min-height:57px;font-size:23px}
.save-slots {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.save-slot {display:flex;flex-direction:column;gap:13px;padding:18px;background:#f6ebd2;border:1px solid #7b7359;min-width:0;min-height:320px}
.slot-number {font-size:12px;color:var(--muted);text-transform:uppercase;border-bottom:1px solid #b0a282;padding-bottom:8px}
.save-slot h2 {font-size:25px;overflow-wrap:anywhere}
.save-slot > p {font-size:15px;line-height:1.5}
.save-slot > small {font-size:11px;color:var(--muted)}
.save-slot > .btn {margin-top:auto;font-size:19px}
.save-slot > .text-button {font-size:13px;align-self:flex-start}
.save-slot.empty {background:#eee0be}
.slot-next {color:var(--teal)}
.delete-link {color:var(--red-dark)}
.delete-confirm {border-top:1px solid var(--red-dark);padding-top:10px;font-size:13px}
.delete-confirm .btn {font-size:15px;padding:7px;margin:8px 6px 0 0;min-height:35px}
.import-career {margin-top:25px;border-top:1px solid #95876a;padding-top:18px}
.import-career h2 {font-size:25px}
.import-career p {font-size:14px;margin-top:6px}
.import-career > div {display:flex;align-items:center;gap:20px;margin-top:14px;flex-wrap:wrap}
.import-career label:not(.replace-check):not(.btn) {display:flex;align-items:center;gap:10px;font-size:14px}
.import-career select {max-width:290px;background:var(--cream);border:1px solid #7e7156;padding:9px;min-height:40px}
.import-career .btn {font-size:17px}
.settings-sheet {max-width:900px}
.preference-row {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid #b1a17c}
.preference-row h2 {font-size:24px}
.preference-row p {font-size:15px;margin-top:7px;color:var(--muted)}
.toggle-control {display:flex;align-items:center;gap:9px;font-size:20px;min-width:90px}
.toggle-control input {width:25px;height:25px;accent-color:var(--red)}
.volume-row > div {display:flex;align-items:center;gap:15px;min-width:270px}
.volume-row input {width:220px;accent-color:var(--red)}
.volume-row output {min-width:45px;text-align:right;font-variant-numeric:tabular-nums}
.preference-row select {font-size:16px;padding:11px;background:var(--cream);border:1px solid #7c7259}
.settings-actions {display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.settings-actions .btn {font-size:17px}
.settings-note {margin-top:16px;font-size:12px;color:var(--muted)}
.help-sheet {max-width:900px}
.help-steps {margin:0 0 25px;padding-left:26px}
.help-steps > li {padding:0 0 18px 8px}
.help-steps h2 {font-size:24px;margin-bottom:7px}
.help-steps p {font-size:16px;line-height:1.5;max-width:65ch}
/* Authored wrappers use actual wrestler artwork and clearly distinguish all five products. */
.foil-pack {--wrap:#155765;--wrap-ink:#fff0d2;--wrap-trim:#d6bd76;position:relative;display:flex;flex-direction:column;align-items:stretch;width:190px;aspect-ratio:.66;padding:0 8px;color:var(--wrap-ink);background:linear-gradient(110deg,#ffffff15,transparent 24%,#0003 48%,#fff1 76%,#0002),var(--wrap);border:2px solid #132027;box-shadow:0 8px 14px #17232440;overflow:hidden;text-align:center;isolation:isolate}
.pack-bronze {--wrap:#77472e;--wrap-trim:#c99854}
.pack-red {--wrap:#982d26;--wrap-trim:#e7c383}
.pack-gold {--wrap:#c49a39;--wrap-ink:#171c1b;--wrap-trim:#1b292e}
.pack-black {--wrap:#14252f;--wrap-ink:#edcf7a;--wrap-trim:#c99e42}
.pack-crimp {height:11px;flex-shrink:0;margin:0 -8px;background:repeating-linear-gradient(90deg,#0005 0 2px,#fff4 2px 4px,transparent 4px 7px);border-bottom:1px solid #15252c}
.pack-crimp.bottom {margin-top:0;border-top:1px solid #15252c;border-bottom:0}
.pack-brand {display:flex;align-items:center;justify-content:center;gap:4px;font:400 12px/1.2 Anton,sans-serif;text-transform:uppercase;padding:7px 0;border-bottom:1px solid var(--wrap-trim)}
.pack-brand .ico {width:17px;height:17px}
.wrapper-name {font:400 30px/1.02 Anton,sans-serif;text-transform:uppercase;display:block;padding:9px 0 5px;position:relative;z-index:2;letter-spacing:-.01em}
.wrapper-name > span {display:block;font-size:.72em;margin-top:2px;letter-spacing:.12em}
.pack-gold .wrapper-name {font-size:25px}
.wrapper-portraits {position:relative;flex:1;min-height:40px;overflow:hidden;border-bottom:1px solid var(--wrap-trim);margin:0 -8px}
.wrapper-portraits > img {position:absolute;bottom:-42%;height:150%;width:76%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 1px 2px #091b24)}
.wrapper-portraits > img:first-child {left:-19%;z-index:1}
.wrapper-portraits > img:nth-child(2) {left:12%;z-index:3;bottom:-35%}
.wrapper-portraits > img:last-child {right:-19%;z-index:2}
.wrapper-count {font:400 11px/1.3 Anton,sans-serif;padding:7px 1px;text-transform:uppercase;position:relative;z-index:4}
.pack-small .wrapper-name {font-size:23px}
.pack-small.pack-gold .wrapper-name {font-size:clamp(11px,1.1vw,15px);letter-spacing:-.03em}
.pack-small .pack-brand {font-size:10px;padding:5px 0}
.pack-small .pack-brand .ico {width:14px;height:14px}
.pack-small .wrapper-count {font-size:9px;padding:5px 0}
.pack-choose {float:right;border:0;background:transparent;color:var(--cream);font:500 12px Oswald,sans-serif;text-decoration:underline;text-underline-offset:3px;padding:4px;cursor:pointer}
.pack-content > .foil-pack {width:100%;max-width:185px;align-self:center;justify-self:center}
.rip-pack > .foil-pack {margin:0 auto 18px;width:210px;max-height:330px}
.rip-pack {min-height:0}
.rip.show-all {overflow:auto}
.rip-collection {flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;align-content:center;overflow:auto;padding:12px}
.rip-collection .size-roster {height:285px;grid-template-columns:1fr;grid-template-rows:32px minmax(0,1fr);padding:6px}
.rip-collection .size-roster .portrait-window {grid-column:1;grid-row:2}
.rip-collection .size-roster .winfo,.rip-collection .size-roster .fatigue {display:none}
.rip-collection .size-roster .wcost {width:30px;height:30px;font-size:20px;right:5px;top:5px}
.rip-collection .size-roster .wcost small {display:none}
.rip-collection .size-roster .wname {font-size:17px;padding-right:32px}
.opening-footer {min-height:34px;text-align:center;padding-bottom:8px}
.opening-footer .text-button {color:var(--paper);font-size:13px}
.welcome-screen {flex:1;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(240px,1fr) auto;gap:15px;padding:22px 25px;overflow:auto}
.welcome-screen > header {text-align:center}
.welcome-screen h1 {font-size:clamp(29px,3.2vw,46px);color:var(--red-dark)}
.welcome-screen > header p {font-size:17px;margin:9px auto 0}
.starter-packs {align-items:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;min-height:0;max-width:870px;width:100%;margin:0 auto}
.starter-offer {display:flex;flex-direction:column;align-items:center;gap:9px;min-height:0}
.starter-number {font-family:Anton,sans-serif;text-transform:uppercase;font-size:19px}
.starter-open {display:grid;grid-template-rows:minmax(0,1fr) 40px;justify-items:center;align-items:end;gap:10px;background:transparent;border:0;padding:0;flex:0 1 auto;height:380px;min-height:0;max-width:230px;width:100%}
.starter-open > .foil-pack {height:100%;max-height:330px;width:auto;max-width:100%}
.starter-stamp {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;border:1px solid var(--line);font-family:Anton,sans-serif;text-transform:uppercase;background:var(--red);color:var(--cream)}
.starter-open:disabled {opacity:1;cursor:default}
.starter-open:disabled .foil-pack {opacity:.55}
.starter-open:disabled .starter-stamp {background:transparent;color:var(--muted)}
.starter-offer.is-open .starter-stamp {background:var(--teal);color:var(--cream)}
.starter-info {display:flex;align-items:center;gap:20px;justify-content:space-between;padding:12px 0 0;border-top:1px solid #a79978;font-size:13px}
.starter-info > span {font-family:Anton,sans-serif;text-transform:uppercase;white-space:nowrap}
.starter-info > p {max-width:52ch}
.starter-info details {min-width:190px;position:relative}
.starter-info summary {cursor:pointer;color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.starter-info .product-odds {margin-top:10px}
.starter-ready {display:flex;gap:15px;align-items:center;border-top:1px solid #a79978;padding-top:15px}
.starter-ready > div {flex:1}
.starter-ready h2 {font-size:25px;margin-bottom:7px}
.starter-ready p {font-size:14px;max-width:55ch}
.starter-ready .btn {font-size:18px;min-height:50px}
.pack-store {display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;padding:17px;overflow:auto}
.pack-store .shead h1 {font-size:clamp(28px,3vw,43px)}
.pack-store .shead p {font-size:15px;color:var(--muted);margin-top:7px}
.pack-store .shead > .btn {font-size:15px;min-width:180px}
.pack-store .shead > .btn .ico {transform:rotate(180deg);width:21px}
.pack-offers {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;flex:none}
.pack-offer {display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid #7e7257;background:#f8edd1}
.offer-art {display:flex;justify-content:center;flex:0 0 205px;min-height:0}
.offer-art .foil-pack {height:100%;width:auto;max-width:100%}
.pack-store > .shead,.pack-store-note,.pack-offer > * {flex-shrink:0}
.pack-offer h2 {font-size:22px;min-height:48px;overflow-wrap:normal}
.pack-offer > p {font-size:12px;min-height:33px;color:var(--muted)}
.offer-price {font:400 21px Anton,sans-serif;color:var(--red-dark);white-space:nowrap}
.offer-price .ico {width:23px;height:23px;color:var(--ink)}
.offer-floor {font-size:12px;min-height:33px}
.product-odds {list-style:none;margin:0;padding:8px 0;border-top:1px solid #b2a17b;border-bottom:1px solid #b2a17b}
.product-odds li {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:3px 0;text-transform:capitalize}
.product-odds li > span {display:flex;align-items:center;gap:6px}
.product-odds .pip {width:9px;height:9px}
.offer-actions {display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:4px}
.offer-actions .btn {font-size:16px;padding:9px 5px;min-height:41px}
.offer-actions .text-button {font-size:11px}
.pack-store-note {font-size:12px;border-top:1px solid #a99a75;padding-top:10px;display:flex;flex-direction:column;gap:5px}
/* Each wrestler has a proper workbench, not just a selected-card sidebar. */
.wrestler-page {flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:16px;padding:16px}
.wrestler-heading {display:flex;align-items:center;gap:16px;border-bottom:1px solid #a79a78;padding-bottom:12px}
.wrestler-heading > div {flex:1;min-width:0}
.wrestler-heading h1 {font-size:clamp(27px,3vw,44px);color:var(--red-dark);overflow-wrap:anywhere}
.wrestler-heading p {font-size:14px;margin-top:5px;text-transform:capitalize}
.wrestler-heading > .btn {font-size:16px;min-height:39px;padding:8px 12px}
.ownership-badge {background:var(--teal);color:var(--cream);padding:7px 11px;font-size:14px;white-space:nowrap}
.wrestler-body {display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto auto;gap:16px;min-height:0;overflow:auto;padding:3px}
.wrestler-portrait {grid-column:1;grid-row:1/3;min-width:0}
.wrestler-portrait > .size-lg {height:330px}
.profile-flavor {font-size:14px;color:var(--muted);margin:10px 0}
.profile-costs {display:flex;gap:10px;padding:10px 0;border-block:1px solid #ae9f7c}
.profile-costs > span {flex:1;font-size:12px;text-align:center;text-transform:uppercase}
.profile-costs b {display:block;font:400 27px Anton,sans-serif}
.wrestler-portrait > .btn {width:100%;margin-top:13px;font-size:18px}
.wrestler-portrait > p:last-child {font-size:13px;margin-top:9px;color:var(--muted)}
.wrestler-workbench {grid-column:2;min-width:0;border:1px solid var(--line);background:#f8ecd0}
.profile-upgrade {display:grid;grid-template-columns:105px minmax(0,1fr) 125px;gap:16px;padding:16px;align-items:center}
.profile-copy-count {display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px}
.profile-copy-count > .ico {width:39px;height:39px;color:var(--teal)}
.profile-copy-count strong {font:400 52px/1.2 Anton,sans-serif;color:var(--red)}
.profile-copy-count p {margin-top:10px;font-size:12px;color:var(--muted)}
.upgrade-stats h3 {font-size:20px;margin-bottom:9px}
.upgrade-stats table {width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.upgrade-stats th {text-align:left;font-weight:500}
.upgrade-stats td,.upgrade-stats th {padding:5px 3px;border-bottom:1px solid #bdaf8c}
.upgrade-stats td {text-align:right;font-weight:700}
.upgrade-stats thead th:not(:first-child) {text-align:right}
.upgrade-stats > p {font-size:12px;margin-top:8px;max-width:40ch}
.profile-foil {display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.profile-foil .size-mini {width:120px;height:180px}
.profile-combine-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:0 16px 13px}
.profile-combine-actions > p {grid-column:1/-1;grid-row:2;font-size:12px;color:var(--muted)}
.profile-combine-actions > .btn {font-size:17px}
.profile-combine-actions > .btn:last-child {grid-column:2;grid-row:1}
.profile-print-row {display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #b6a581}
.profile-print-row h3 {font-size:17px;margin-right:8px}
.print-choice {display:flex;flex-direction:column;gap:3px;align-items:center;border:1px solid #7c7157;background:#f8eed6;padding:6px 10px;min-width:70px;font-size:12px;text-transform:capitalize}
.print-choice small {font-size:10px;color:var(--muted)}
.print-choice.is-on {background:var(--teal);color:var(--cream)}
.print-choice.is-on small {color:var(--cream)}
.profile-history {grid-column:2;display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding:12px 0}
.profile-history h2 {font-size:23px;padding-bottom:7px;border-bottom:1px solid #aa9b77;margin-bottom:8px}
.profile-fit > p,.profile-record > p {font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:10px}
.profile-fit > div {display:flex;flex-direction:column;gap:3px;border-bottom:1px solid #c4b694;padding:6px 0;font-size:14px}
.profile-fit > div span {font-size:11px;color:var(--muted)}
.record-numbers {display:flex;gap:9px;text-align:center}
.record-numbers > span {flex:1;font-size:11px;text-transform:uppercase}
.record-numbers b {display:block;font:400 27px Anton,sans-serif;color:var(--teal)}
.profile-record ul {list-style:none;margin:11px 0 0;padding:0}
.profile-record li {display:flex;justify-content:space-between;gap:10px;border-top:1px solid #b4a681;padding:5px 0;font-size:11px}
.profile-stories {grid-column:1/-1}
.profile-stories p {font-size:14px;margin:7px 0}
[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media (min-width:901px) and (max-height:850px) {
  .game-menu {padding-block:15px}
  .menu-content {margin-block:18px}
  .title-wordmark h1 {font-size:78px}
  .title-wordmark > .ico {width:75px;height:75px}
  .title-world > h2 {font-size:23px;margin-top:16px}
  .title-world > p {font-size:16px}
  .title-headliners {height:200px;margin-top:18px}
  .title-headliners > .wcard {height:190px;width:135px}
  .title-menu {gap:9px;padding:15px}
  .title-menu > h2 {font-size:23px;padding-bottom:9px}
  .menu-choice {min-height:66px;padding:10px 13px}
  .menu-choice > span {font-size:23px}
  .menu-choice small {font-size:12px}
  .welcome-screen {padding:15px 20px;gap:12px;grid-template-rows:auto minmax(215px,1fr) auto}
  .welcome-screen h1 {font-size:33px}
  .welcome-screen > header p {font-size:15px}
  .starter-number {font-size:17px}
  .starter-open {height:315px}
  .starter-open > .foil-pack {max-height:265px}
  .starter-packs {max-width:720px;gap:25px}
  .starter-info {font-size:11px;gap:14px}
  .starter-info details {min-width:160px}
  .starter-ready .btn {font-size:15px;min-height:42px;padding:8px 10px}
  .starter-ready p {font-size:12px}
  .pack-store {padding:13px;gap:12px}
  .offer-art {flex-basis:145px}
  .pack-offer {padding:9px;gap:5px}
  .pack-offer h2 {font-size:18px;min-height:42px}
  .pack-offer > p {font-size:11px;min-height:30px}
  .offer-price {font-size:18px}
  .offer-floor {font-size:11px;min-height:30px}
  .product-odds li {font-size:11px;padding-block:2px}
  .pack-small .wrapper-name {font-size:18px}
  .pack-small .pack-brand {font-size:8px}
  .pack-small .wrapper-count {font-size:8px;padding-block:4px}
  .pack-small .pack-crimp {height:7px}
  .wrestler-page {padding:12px;gap:12px}
  .wrestler-body {grid-template-columns:245px minmax(0,1fr);gap:13px}
  .wrestler-portrait > .size-lg {height:285px}
  .profile-upgrade {grid-template-columns:75px minmax(0,1fr) 105px;padding:12px;gap:11px}
  .profile-copy-count strong {font-size:40px}
  .profile-copy-count > .ico {width:30px;height:30px}
  .profile-foil .size-mini {width:103px;height:155px}
  .profile-combine-actions > .btn {font-size:14px;padding:8px}
  .wrestler-heading h1 {font-size:32px}
  .wrestler-heading p {font-size:12px}
  .ownership-badge {font-size:12px}
  .profile-history {gap:12px}
  .profile-history h2 {font-size:20px}
}
@media (max-width:1100px) and (min-width:901px) {
  .game-menu {padding-inline:30px}
  .is-title .menu-content {gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr)}
  .title-wordmark h1 {font-size:71px}
  .title-wordmark {gap:14px}
  .title-wordmark > .ico {width:60px;height:60px}
  .title-headliners > .wcard {color:var(--ink);width:120px;height:175px}
  .title-world > h2 {font-size:21px}
  .title-menu > h2 {font-size:21px}
  .pack-offers {gap:8px}
  .pack-offer {padding:7px}
  .pack-offer h2 {font-size:18px}
  .offer-price {font-size:16px}
  .offer-price .ico {width:19px;height:19px}
  .pack-store .shead h1 {font-size:30px}
  .pack-store .shead p {font-size:13px}
  .pack-store .shead > .btn {min-width:150px;font-size:13px}
  .pack-content > .foil-pack .wrapper-name {font-size:21px}
  .pack-content > .foil-pack .pack-brand {font-size:8px}
  .pack-content > .foil-pack .pack-brand .ico {width:12px}
  .pack-content > .foil-pack .wrapper-count {font-size:8px}
  .wrestler-body {grid-template-columns:225px minmax(0,1fr)}
  .profile-upgrade {grid-template-columns:60px minmax(0,1fr) 90px;gap:9px;padding:10px}
  .profile-foil .size-mini {width:90px;height:145px}
  .profile-copy-count {font-size:10px}
  .profile-copy-count p {font-size:10px}
  .upgrade-stats h3 {font-size:18px}
  .upgrade-stats table {font-size:12px}
  .profile-print-row {padding:10px}
  .profile-print-row h3 {font-size:15px}
  .print-choice {padding:5px 8px;min-width:58px}
}
@media (max-width:900px) {
  .game-menu {padding:18px 22px}
  .is-title .menu-content {grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:28px}
  .menu-top .brand {font-size:25px}
  .menu-top > span {font-size:11px}
  .title-wordmark {gap:10px}
  .title-wordmark h1 {font-size:61px}
  .title-wordmark > .ico {width:44px;height:44px}
  .title-world > h2 {font-size:22px;line-height:1.25}
  .title-world > p {font-size:16px}
  .title-headliners {height:190px}
  .title-headliners > .wcard {height:165px;width:105px}
  .title-headliners > .wcard .wname {font-size:11px}
  .title-menu {padding:12px;gap:9px}
  .title-menu > h2 {font-size:21px}
  .menu-choice {padding:12px;gap:12px;min-height:70px}
  .menu-choice > span {font-size:24px}
  .menu-choice small {font-size:11px}
  .menu-choice > .ico {width:27px;height:27px}
  .menu-sheet {padding:20px}
  .save-slots {gap:10px}
  .save-slot {padding:13px;gap:10px}
  .save-slot h2 {font-size:21px}
  .save-slot > p {font-size:13px}
  .save-slot > .btn {font-size:17px}
  .import-career > div {gap:13px}
  .welcome-screen {padding:20px 16px;grid-template-rows:auto minmax(290px,1fr) auto}
  .starter-packs {gap:14px}
  .starter-open > .foil-pack {max-height:285px}
  .starter-info {flex-wrap:wrap;gap:12px}
  .starter-info > p {flex:1;max-width:none}
  .starter-info details {width:100%}
  .starter-ready {flex-wrap:wrap}
  .starter-ready > div {flex-basis:100%}
  .pack-offers {grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}
  .offer-art {flex-basis:200px}
  .pack-offer > p {min-height:30px}
  .pack-store {overflow:visible}
  .pack-store .shead {flex-wrap:wrap}
  .pack-store .shead > .btn {font-size:14px;min-width:0}
  .pack-store-note {font-size:11px}
  .rip-collection {min-height:300px;max-height:none;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
  .rip-collection .size-roster {height:255px}
  .wrestler-page {overflow:visible;min-height:600px;padding:12px}
  .wrestler-body {grid-template-columns:230px minmax(0,1fr);overflow:visible}
  .wrestler-heading {flex-wrap:wrap;gap:10px}
  .wrestler-heading h1 {font-size:32px}
  .wrestler-heading p {font-size:12px}
  .ownership-badge {font-size:12px}
  .profile-upgrade {grid-template-columns:70px minmax(0,1fr);gap:10px;padding:12px}
  .profile-foil {display:none}
  .profile-combine-actions {grid-template-columns:1fr;padding:0 12px 12px}
  .profile-combine-actions > .btn:last-child {grid-column:1;grid-row:3}
  .profile-combine-actions > .btn {font-size:16px}
  .profile-print-row {padding:12px}
  .profile-print-row h3 {width:100%}
  .profile-history {grid-template-columns:1fr}
  .wrestler-portrait > .size-lg {height:330px;grid-template-columns:1fr;grid-template-rows:30px minmax(0,1fr)}
  .wrestler-portrait > .size-lg .winfo,.wrestler-portrait > .size-lg .fatigue {display:none}
  .wrestler-portrait > .size-lg .portrait-window {grid-column:1;grid-row:2}
  .wrestler-portrait > .size-lg .wname {padding-right:40px}
  .wrestler-portrait > .size-lg .wcost {width:36px;height:36px;font-size:23px}
  .wrestler-portrait > .size-lg .wcost small {display:none}
}
@media (max-width:650px) {
  .game-menu {padding:14px}
  .menu-top {min-height:34px}
  .menu-top > span {display:none}
  .menu-top .brand {font-size:23px}
  .menu-content {margin:20px auto;align-items:flex-start}
  .is-title .menu-content {display:flex;flex-direction:column;gap:22px;max-width:430px;margin-top:23px}
  .title-world {width:100%;text-align:center}
  .title-wordmark {justify-content:center;gap:9px}
  .title-wordmark h1 {font-size:48px;line-height:1.1}
  .title-wordmark h1 span {display:inline;margin-left:6px}
  .title-wordmark > .ico {width:36px;height:36px}
  .title-world > h2 {font-size:21px;margin:13px 0 7px}
  .title-world > p {font-size:14px;margin-inline:auto;line-height:1.45}
  .title-headliners {display:none}
  .title-menu {width:100%;padding:14px;gap:10px}
  .title-menu > h2 {font-size:22px}
  .menu-choice {min-height:67px;padding:11px 13px}
  .menu-choice small {font-size:12px}
  .menu-footer {font-size:10px;gap:12px;line-height:1.5}
  .menu-footer > span:last-child {text-align:right}
  .menu-sheet {padding:16px;outline-offset:2px}
  .menu-sheet > header {margin:20px 0}
  .menu-sheet h1 {font-size:34px}
  .menu-sheet header p {font-size:15px}
  #new-game-form {grid-template-columns:1fr;gap:17px}
  #new-game-form > label:not(.replace-check) {font-size:18px}
  #new-game-form input:not([type]),#new-game-form select {font-size:17px;min-height:47px;padding:10px}
  .new-game-includes {padding:13px;gap:10px}
  .new-game-includes h2 {font-size:22px}
  .new-game-includes > span {font-size:13px;align-items:flex-start;gap:8px}
  .new-game-includes .ico {width:21px;height:21px}
  #new-game-form > .btn {min-width:0;width:100%;font-size:21px;min-height:53px}
  .save-slots {grid-template-columns:1fr;gap:13px}
  .save-slot {min-height:0;gap:12px;padding:16px}
  .save-slot h2 {font-size:25px}
  .save-slot > .btn {margin-top:7px;font-size:20px}
  .save-slot > p {font-size:15px}
  .import-career h2 {font-size:24px}
  .import-career select {max-width:200px}
  .import-career .btn {width:100%}
  .preference-row {flex-wrap:wrap;padding:17px 0;gap:15px}
  .preference-row h2 {font-size:22px}
  .preference-row p {font-size:13px}
  .volume-row > div {min-width:0;width:100%}
  .volume-row input {width:100%;flex:1}
  .settings-actions {gap:10px;flex-direction:column}
  .settings-actions .btn {width:100%}
  .preference-row select {font-size:15px;max-width:100%}
  .settings-note {font-size:11px}
  .help-steps {padding-left:20px}
  .help-steps h2 {font-size:22px}
  .help-steps p {font-size:14px}
  .welcome-screen {display:flex;flex-direction:column;padding:18px 12px;gap:22px}
  .welcome-screen h1 {font-size:31px}
  .welcome-screen > header p {font-size:14px;line-height:1.5}
  .starter-packs {gap:9px;align-items:start}
  .starter-number {font-size:12px}
  .starter-open {height:auto;grid-template-rows:190px 37px;gap:8px}
  .starter-open > .foil-pack {width:100%;height:190px;max-width:125px}
  .starter-open .pack-brand {font-size:8px;padding:5px 0}
  .starter-open .pack-brand .ico {display:none}
  .starter-open .wrapper-name {font-size:20px;padding-top:7px}
  .starter-open .wrapper-count {font-size:8px;padding:5px 0}
  .starter-open .pack-crimp {height:7px}
  .starter-stamp {height:37px;font-size:12px;gap:4px;padding:3px}
  .starter-stamp .ico {width:18px;height:18px}
  .starter-info {flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;line-height:1.5}
  .starter-info > span {font-size:14px}
  .starter-info details {min-width:0}
  .starter-ready {flex-direction:column;align-items:stretch;gap:12px}
  .starter-ready .btn {font-size:18px}
  .starter-ready > div {flex-basis:auto}
  .starter-ready h2 {font-size:25px}
  .starter-ready p {font-size:14px}
  .pack-content > .foil-pack .pack-brand {font-size:9px}
  .pack-content > .foil-pack .pack-brand .ico {display:none}
  .pack-content > .foil-pack .wrapper-name {font-size:23px}
  .pack-content > .foil-pack .wrapper-count {font-size:8px}
  .pack-choose {font-size:11px;padding:2px 0}
  .pack-store {padding:13px;gap:18px}
  .pack-store .shead h1 {font-size:30px}
  .pack-store .shead p {font-size:14px;line-height:1.4}
  .pack-store .shead > .btn {width:100%}
  .pack-offers {grid-template-columns:1fr;gap:15px}
  .pack-offer {display:grid;grid-template-columns:125px minmax(0,1fr);gap:8px 13px;padding:13px;align-items:start}
  .offer-art {grid-column:1;grid-row:1/6;height:195px}
  .offer-art .foil-pack {height:190px;width:125px}
  .pack-offer h2 {font-size:24px;min-height:0}
  .pack-offer > p {font-size:12px;min-height:0}
  .offer-price {font-size:19px;white-space:normal}
  .offer-floor {font-size:12px;min-height:0}
  .pack-offer .product-odds {grid-column:2;grid-row:5;min-width:0}
  .product-odds li {font-size:11px;padding-block:3px}
  .offer-actions {grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:5px}
  .offer-actions .btn {font-size:20px;min-height:46px}
  .offer-actions .text-button {font-size:12px}
  .pack-store-note {font-size:12px;line-height:1.5}
  .rip-pack > .foil-pack {width:115px;max-height:170px;margin-bottom:12px}
  .rip-pack .wrapper-name {font-size:21px}
  .rip-pack .pack-brand {font-size:8px}
  .rip-pack .pack-brand .ico {width:12px;height:12px}
  .rip-pack .wrapper-count {font-size:8px}
  .rip-collection {grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;gap:9px}
  .rip-collection .size-roster {height:215px}
  .rip-collection .size-roster .wname {font-size:15px}
  .wrestler-heading {gap:10px;align-items:flex-start}
  .wrestler-heading > div {flex-basis:calc(100% - 90px)}
  .wrestler-heading h1 {font-size:31px;line-height:1.2}
  .wrestler-heading > .btn {font-size:14px;padding:7px 9px;min-height:35px}
  .ownership-badge {margin-left:auto;font-size:12px}
  .wrestler-body {display:flex;flex-direction:column;gap:20px;padding:1px}
  .wrestler-portrait > .size-lg {height:320px;width:100%;grid-template-columns:minmax(0,1.3fr) 1fr;grid-template-rows:33px minmax(0,1fr) 38px}
  .wrestler-portrait > .size-lg .winfo {display:flex}
  .wrestler-portrait > .size-lg .fatigue {display:grid}
  .wrestler-portrait > .size-lg .portrait-window {grid-column:1;grid-row:2/4}
  .wrestler-portrait > .size-lg .wcost {width:44px;height:44px;font-size:28px}
  .wrestler-portrait > .size-lg .wname {font-size:25px;padding-right:48px}
  .wrestler-portrait > .size-lg .wcost small {display:block}
  .profile-upgrade {grid-template-columns:70px minmax(0,1fr);padding:13px;gap:12px}
  .profile-copy-count strong {font-size:42px}
  .profile-copy-count {font-size:11px}
  .profile-copy-count p {font-size:11px}
  .upgrade-stats h3 {font-size:19px}
  .upgrade-stats table {font-size:13px}
  .upgrade-stats > p {font-size:11px;line-height:1.5}
  .profile-combine-actions > .btn {font-size:18px;min-height:46px}
  .profile-combine-actions > p {font-size:12px;line-height:1.5}
  .profile-print-row {gap:8px}
  .profile-print-row h3 {font-size:18px;margin-bottom:3px}
  .print-choice {min-width:78px;padding:8px}
  .profile-history {display:flex;flex-direction:column;gap:20px;padding-top:0}
  .profile-history h2 {font-size:25px}
  .profile-fit > p,.profile-record > p {font-size:13px}
  .record-numbers b {font-size:31px}
  .profile-record li {font-size:12px;padding:8px 0}
}

/* Illustrated game cover; menu actions retain their established layout. */
.title-with-cover {display:flex;flex-direction:column;align-items:center;justify-content:center}
.title-cover-heading {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.title-box-art {display:block;width:auto;height:min(68dvh,640px);max-width:100%;object-fit:contain;aspect-ratio:2/3;box-shadow:0 12px 35px #0008}
.title-with-cover > .title-cover-caption {font-size:17px;line-height:1.4;text-align:center;margin-top:14px}
@media(max-width:650px){
  .title-box-art {height:min(35dvh,290px)}
  .title-with-cover > .title-cover-caption {display:none}
}