/* Shared IPG control-panel finish. Scope to our surfaces so wallet-provider
   dialogs retain their own controls. Visual properties override legacy page
   themes; display, sizing and visibility still belong to each component. */
body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :where(button,[role="button"],a.action,.member-link,.download-save,.home-primary,.home-secondary,.home-story-link,.history-socials a,.collection-links a,.footer-social,.footer-return,.nav-pages>a,.topnav>a:not(.nav-profile),.file-label,summary){
  --key-top:#34443a;--key-bottom:#25332b;--key-edge:#647567;
  --key-glow:#d1dccc;--key-base:#111d16;--key-ink:#fff9ed;
  --key-travel:1px;--key-depth:2px;--key-ring:transparent;
  -webkit-appearance:none;appearance:none;
  background:linear-gradient(180deg,var(--key-top),var(--key-bottom))!important;
  border:1px solid var(--key-edge)!important;border-radius:4px!important;
  color:var(--key-ink)!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #0004,inset 0 0 0 1px var(--key-ring),0 var(--key-depth) 0 var(--key-base),0 3px 5px #0002!important;
  transition:transform .12s,box-shadow .12s,filter .12s!important;
  cursor:pointer;touch-action:manipulation;
}
body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :where(button,[role="button"],a.action,.member-link,.download-save,.home-primary,.home-secondary,.home-story-link,.history-socials a,.collection-links a,.footer-social,.footer-return,.nav-pages>a,.topnav>a:not(.nav-profile),.file-label,summary):hover:not(:disabled):not([aria-disabled="true"]){
  border-color:var(--key-glow)!important;filter:brightness(1.08);
  transform:translateY(-1px)!important;
}
body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :where(button,[role="button"],a.action,.member-link,.download-save,.home-primary,.home-secondary,.home-story-link,.history-socials a,.collection-links a,.footer-social,.footer-return,.nav-pages>a,.topnav>a:not(.nav-profile),.file-label,summary):active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(var(--key-travel))!important;
  box-shadow:inset 0 1px 3px #0005,inset 0 0 0 1px var(--key-ring),0 1px 0 var(--key-base),0 2px 3px #0004!important;
}
body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :where(button,[role="button"],a.action,.member-link,.download-save,.home-primary,.home-secondary,.home-story-link,.history-socials a,.collection-links a,.footer-social,.footer-return,.nav-pages>a,.topnav>a:not(.nav-profile),.file-label,summary):focus-visible{
  outline:3px solid #f4d78a!important;outline-offset:4px!important;
}
body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :is(button,[role="button"]):is(:disabled,[aria-disabled="true"]){
  filter:saturate(.2)!important;opacity:.55!important;cursor:not-allowed;
  transform:none!important;--key-depth:2px;
}
/* Brass leads the player forward; green upgrades and red removal stay distinct. */
body.ipg-controls :where(main,.topbar,#profileEditor,#sectorIntro) :is(.primary,.home-primary){
  --key-top:#f3ca76;--key-bottom:#dcab50;--key-edge:#efd18b;
  --key-glow:#fff0b7;--key-base:#735321;--key-ink:#192017;
}
body.ipg-controls :where(main,#sellConfirm) :is(.control-danger,.mech-key-sell,#removeAvatar){
  --key-top:#87453b;--key-bottom:#572b29;--key-edge:#bd7667;
  --key-glow:#ffb19c;--key-base:#311916;
}
body.ipg-controls :where(main) .mech-key-upgrade{
  --key-top:#396d49;--key-bottom:#21462f;--key-edge:#79a779;
  --key-glow:#bdff9e;--key-base:#0f2919;
}
/* A lit inset rim identifies selected filters and toggles without relying on color alone. */
body.ipg-controls :where(main,.topbar) :is(button,[role="button"],.nav-pages>a,.topnav>a):is([aria-pressed="true"],[aria-current="page"],[aria-expanded="true"],.active,.selected),
body.ipg-controls :where(main) details[open]>summary{
  --key-top:#4d573b;--key-bottom:#2b3525;--key-edge:#d9ba6c;
  --key-glow:#ffe3a0;--key-ring:#d9ba6c;--key-ink:#fff0be;
}
/* Keep large selectable panels quieter than the command keys inside them. */
body.ipg-controls :where(main) :is(.mech-card,.support-card,.member-topic,summary){
  --key-top:#2b392f;--key-bottom:#1d2a22;--key-depth:1px;--key-travel:1px;
}
body.ipg-controls :where(main) :is(.mech-card,.support-card,.member-topic,summary):is(.selected,[aria-pressed="true"]){
  --key-top:#465138;--key-bottom:#283321;
}
body.ipg-controls :where(main) :is(.member-topic,.discussion-topic summary){padding:18px 20px;margin:10px 0}
body.ipg-controls :where(main) :is(.support-rules summary,.loadout-details summary){padding:10px 12px;margin-bottom:10px}
/* Holder details are a quiet text disclosure, including while expanded. */
body.ipg-controls #gameArea .support-rules>summary,body.ipg-controls #gameArea .battle-settings>summary,body.ipg-controls .crew-combo-guide>summary{
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;filter:none!important;
  color:var(--text)!important;padding:10px 0;margin-bottom:0;min-height:44px;
}
body.ipg-controls .discussion-topic summary{padding-right:44px}
body.ipg-controls .member-author{padding:8px 12px;margin-right:10px;font-weight:600}
body.ipg-controls :is(.topic-filters,.editor-heading,.avatar-editor,.board-heading,.wallet-preview-row) button{font-size:14px;min-height:44px}
body.ipg-controls :where(main) :is(.topic-filters,.chain-toggle,.category-tabs,.signin-preview,.editor-actions,.result-actions,.controls,.game-audio-controls){row-gap:12px;padding-bottom:4px}
/* Button-like links receive the same hit area and typography as native buttons. */
body.ipg-controls :is(.member-link,.download-save,.file-label){font:600 14px/1.35 var(--face);min-height:44px;padding:12px 18px}
body.ipg-controls :is(.member-link,.download-save,.file-label):not([hidden]){display:inline-flex;align-items:center;justify-content:center}
body.ipg-controls :is(.home-story-link,.footer-return){padding:12px 16px}
body.ipg-controls .footer-return{font-size:14px;min-height:44px;letter-spacing:0}
body.ipg-controls .site-footer .footer-links{gap:12px;margin-top:14px}
body.ipg-controls .site-footer .footer-social{padding:10px 12px}
body.ipg-controls .site-footer :is(.footer-social,.collection-links a){
  --key-top:#242628;--key-bottom:#0c0d0e;--key-edge:#565b5e;
  --key-glow:#bfc5c8;--key-base:#030404;
}
body.ipg-controls .history-socials a span{color:#c8d2c0}
/* Navigation uses compact keys; the portrait remains a round, framed control. */
body.ipg-controls .topbar :is(.nav-pages>a,.topnav>a:not(.nav-profile),.nav-leaderboard,.nav-toggle){
  --key-top:#2c352b;--key-bottom:#1c271f;--key-edge:#626a4d;
  --key-glow:#d9bb72;--key-base:#111a13;--key-ink:#f1d28c;
}
body.ipg-controls .topbar :is(.nav-pages>a,.topnav>a:not(.nav-profile),.nav-leaderboard,.nav-toggle):is([aria-current="page"],[aria-expanded="true"]){
  --key-top:#3c422e;--key-bottom:#2b3223;--key-edge:#b49d60;--key-ring:transparent;
}
body.ipg-controls .topbar :is(.nav-pages>a,.topnav>a:not(.nav-profile),.nav-leaderboard){padding:10px 12px!important;min-height:44px;line-height:1.3}
body.ipg-controls .topbar .nav-profile{border-radius:50%;box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #0d1711,0 5px 8px #0005}
body.ipg-controls .topbar .nav-profile:active{transform:translateY(2px)}
@media(min-width:1101px){body.ipg-controls .topbar .topnav,body.ipg-controls .topbar .nav-pages{column-gap:8px}}
@media(max-width:1100px){body.ipg-controls .nav-enhanced.nav-open .nav-pages{gap:12px;padding:14px}}
@media(max-width:600px){
  body.ipg-controls .topbar .nav-leaderboard{padding:10px 8px!important}
  body.ipg-controls .member-bar .signin-preview>*{padding:10px 8px}
  body.ipg-controls .owned-card .owned-links{row-gap:12px}
  body.ipg-controls :where(main) :is(.member-topic,.discussion-topic summary){padding-left:14px}
}
/* The plus belongs to its crew card; make it read as a matching small key. */
body.ipg-controls .crew-select-mark{border-radius:3px;background:linear-gradient(#455449,#29372e);border-color:#778878;box-shadow:inset 0 1px #fff3,0 2px #111d16}
body.ipg-controls .crew-card.selected .crew-select-mark{background:linear-gradient(#f3c86b,#c8943c);border-color:#ffe19a;color:#192017}
/* Native file-picker buttons live inside the profile form, outside the selector above. */
body.ipg-controls main input[type="file"]::file-selector-button{
  font:600 14px/1.35 var(--face);padding:10px 12px;margin:0 12px 4px 0;
  color:#fff9ed;background:linear-gradient(#455449,#29372e);border:1px solid #778878;border-radius:4px;
  box-shadow:inset 0 1px #fff3,0 3px #111d16;cursor:pointer;
}
body.ipg-controls main input[type="file"]::file-selector-button:hover{background:linear-gradient(#536657,#334739)}
body.ipg-controls.shop-page :where(main) :is(button,a,summary):focus-visible{outline-color:#79552b!important}
@media(prefers-reduced-motion:reduce){
  body.ipg-controls :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :is(button,[role="button"],a,label,summary){transition:none!important}
}
body.ipg-controls.reduced-motion :where(main,.topbar,.site-leaderboard,#profileEditor,#sectorIntro,#sellConfirm) :is(button,[role="button"],a,label,summary){transition:none!important}
@media(forced-colors:active){
  body.ipg-controls :where(main,.topbar,dialog) :is(button,[role="button"],a,label,summary){box-shadow:none!important;filter:none!important}
}

/* Small utility keys sit back from the primary action and the artwork. */
body.ipg-controls :is(.home-controls,.member-actions,.owned-links) button{--key-depth:1px;--key-edge:#526256}
body.ipg-controls :is(.home-controls,.member-actions) button{--key-top:#28372d;--key-bottom:#202d25}
body.ipg-controls .topbar .nav-profile{box-shadow:0 1px 3px #0004}
body.ipg-controls :is(.home-story-link){--key-top:#34443a;--key-bottom:#25332b}

/* The same five destinations across the public site and approved game. */
body.ipg-controls .simple-header .topnav{gap:9px;flex-wrap:nowrap}
body.ipg-controls .simple-header .topnav>a:not(.nav-profile){white-space:nowrap;font-size:14px;letter-spacing:0}
@media(min-width:601px){body.ipg-controls .simple-header{column-gap:24px}}
@media(max-width:600px){
 body.ipg-controls .simple-header .topnav{margin-left:auto}
 body.ipg-controls .simple-dock{padding-left:max(6px,env(safe-area-inset-left,0px));padding-right:max(6px,env(safe-area-inset-right,0px))}
 body.ipg-controls .simple-dock a{min-width:0;padding:5px 1px;font-size:clamp(10.5px,2.8vw,11px);letter-spacing:0}
 body.ipg-controls .simple-dock span{white-space:nowrap}
}
@media(min-width:601px) and (max-width:900px){
 body.ipg-controls .topbar.simple-header{flex-wrap:wrap;height:auto;min-height:76px;row-gap:8px}
}
@media(max-width:350px){body.ipg-controls .simple-dock span{letter-spacing:-.02em}}

/* Shared editorial finish for the website divisions. The game's field controls
   keep their own tactile treatment; links and reading surfaces use space/rules. */
body.ipg-controls :is(.topbar,.site-footer) :is(.nav-pages>a,.topnav>a:not(.nav-profile),.nav-leaderboard,.footer-social,.footer-return,.collection-links a){
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;filter:none!important;
  color:inherit!important;text-shadow:none!important;text-decoration:none!important;
  min-height:44px;
}
body.ipg-controls .site-footer .collection-links a{color:var(--collection-link,inherit)!important}
body.ipg-controls :is(.topbar,.site-footer) :is(.nav-pages>a,.topnav>a:not(.nav-profile),.nav-leaderboard,.footer-social,.footer-return,.collection-links a):hover{
  text-decoration:underline!important;text-underline-offset:6px;
}
body.ipg-controls .topbar :is(.nav-pages>a,.topnav>a:not(.nav-profile))[aria-current=page]{
  color:#f1d28c!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:8px;
}
body.ipg-controls:is(.home-page,.garage-page,.discussion-page,.leaderboard-page,.history-page,.shop-page) main :is(button,[role=button],.member-link,.download-save,.file-label,summary){
  background:var(--key-bottom,#25332b)!important;box-shadow:none!important;
  transform:none!important;border-radius:3px!important;
}
body.ipg-controls:is(.garage-page,.discussion-page,.leaderboard-page,.history-page) main :is(.topic-filters button,.chain-toggle button,.category-tabs button,.community-navigation a,.member-author,.member-topic,.discussion-topic summary,.member-bar .member-link,.member-bar button,details>summary){
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;transform:none!important;filter:none!important;
  color:var(--text,#f0efdf)!important;text-shadow:none!important;
  min-height:44px;
}
body.ipg-controls:is(.garage-page,.discussion-page,.leaderboard-page,.history-page) main :is(.topic-filters button,.chain-toggle button,.category-tabs button,.community-navigation a){border-bottom:2px solid transparent!important}
body.ipg-controls:is(.garage-page,.discussion-page,.leaderboard-page,.history-page) main :is(.topic-filters button,.chain-toggle button,.category-tabs button,.community-navigation a):is([aria-pressed=true],[aria-current=page],.active,.selected){border-bottom-color:#edc979!important;color:#ffe2a0!important}
body.ipg-controls:is(.garage-page,.discussion-page,.leaderboard-page,.history-page) main :is(.member-author,.member-bar .member-link,.member-bar button):hover{text-decoration:underline!important;text-underline-offset:5px}
body.ipg-controls.discussion-page main :is(.member-topic,.discussion-topic summary){border-bottom:1px solid var(--panel-line)!important;margin:0;padding:22px 0}
body.ipg-controls.discussion-page main .member-topic:hover{background:#d6c9850b!important}
body.ipg-controls:is(.garage-page,.discussion-page,.leaderboard-page,.history-page) main :is(.member-bar,.profile-card,.member-detail,.garage-access-panel){border:0;border-top:1px solid var(--panel-line,#465343);border-radius:0;background:transparent;box-shadow:none;padding:24px 0}
body.ipg-controls .member-bar.member-bar-connected{background:transparent;border-radius:0}
body.ipg-controls.garage-page .owned-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 0 26px;gap:16px}
body.ipg-controls.leaderboard-page .public-board{background:transparent;border:0;padding:24px 0}
body.ipg-controls:is(.discussion-page,.garage-page,.leaderboard-page,.history-page) .playtester-badge{color:#e3c180}

/* The game itself is the launch target: icon, title, and description. */
body.ipg-controls.games-hub main .game-tile{align-items:stretch;text-align:left;white-space:normal;font:inherit;border:1px solid #586b53!important;border-top:3px solid var(--game-accent)!important;border-radius:12px!important;background:radial-gradient(ellipse at 15% 0%,#64764b24,transparent 75%),#19271f!important;box-shadow:none!important;padding:24px;transform:none!important;filter:none!important;color:#eeeedb!important;opacity:1!important;transition:background-color .15s,border-color .15s,transform .15s!important}
body.ipg-controls.games-hub main .game-tile:is(a,button:enabled){cursor:pointer}
body.ipg-controls.games-hub main .game-tile:is(a,button:enabled):hover{background-color:#26362a!important;border-color:var(--game-accent)!important;transform:translateY(-2px)!important;filter:none!important}
body.ipg-controls.games-hub main .game-tile:focus-visible{outline:3px solid #f4d78a!important;outline-offset:5px!important}
body.ipg-controls.games-hub main .game-tile:disabled{cursor:default;filter:none!important;opacity:1!important}
body.ipg-controls.games-hub main .game-tile-icon{border:0;border-radius:0;background:transparent}
body.ipg-controls.games-hub main .game-tile:is(:enabled,a) .game-tile-icon{opacity:1}
body.ipg-controls.games-hub main .game-tile-title{display:block;font:700 24px/1.15 'Chakra Petch',sans-serif;margin:23px 0 10px;color:#f0efd9}
body.ipg-controls.games-hub main .game-tile-description{display:block;font:400 14px/1.6 var(--face,sans-serif);color:#b8c5b4;margin:0}
body.ipg-controls.games-hub main .game-tile p{margin-bottom:0}
@media(max-width:600px){body.ipg-controls.games-hub main .game-tile{padding:20px;min-height:260px}body.ipg-controls.games-hub main .game-tile-title{font-size:24px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){body.ipg-controls.games-hub main .game-tile{transition:none!important}body.ipg-controls.games-hub main .game-tile:is(a,button:enabled):hover{transform:none!important}}
body.ipg-controls.games-hub main .member-bar:not(.member-bar-connected)>.primary{background:#edc979!important;border:1px solid #edc979!important;border-radius:5px!important;color:#14231b!important;padding:12px 18px;min-height:48px;box-shadow:none!important}

/* Community navigation and category filters read as tabs, with a clear current state. */
body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation{display:inline-flex;gap:5px;padding:5px;margin:24px 0;border:1px solid #485b4b;border-radius:12px;background:#111e17;max-width:100%;box-sizing:border-box}
body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation a{justify-content:center;min-width:138px;min-height:48px;box-sizing:border-box;padding:12px 22px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#c7d2bf!important;box-shadow:none!important;font:600 15px/1.4 var(--face);transform:none!important;filter:none!important;text-decoration:none!important}
body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation a[aria-current=page]{background:#35442d!important;border-color:#b49d60!important;color:#ffe3a0!important}
body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation a:not([aria-current=page]):hover{background:#26372a!important;color:#f4efdf!important}
body.ipg-controls.discussion-page[data-member-page] main .topic-filters{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 20px;padding:0 0 7px!important;border-bottom:1px solid #59664c}
body.ipg-controls.discussion-page[data-member-page] main .topic-filters button{min-height:48px;padding:12px 16px;border:1px solid #536449!important;border-bottom:3px solid #536449!important;border-radius:8px 8px 0 0!important;background:#1d2d22!important;color:#d5dfcc!important;box-shadow:none!important;font:600 14px/1.4 var(--face);transform:none!important;filter:none!important}
body.ipg-controls.discussion-page[data-member-page] main .topic-filters button:is(.active,[aria-pressed=true]){background:#35422b!important;color:#ffe3a0!important;border-color:#879064!important;border-bottom-color:#edc979!important}
body.ipg-controls.discussion-page[data-member-page] main .topic-filters button:not([aria-pressed=true]):hover{background:#2b3b2b!important;border-color:#9caa7e!important;color:#f3f1de!important}
body.ipg-controls.discussion-page[data-member-page] main :is(nav.community-navigation a,.topic-filters button):focus-visible{outline:3px solid #f4d78a!important;outline-offset:3px!important}
@media(max-width:480px){body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation{display:flex;width:100%}body.ipg-controls.discussion-page[data-member-page] main nav.community-navigation a{flex:1;min-width:0;padding:12px 14px!important}body.ipg-controls.discussion-page[data-member-page] main .topic-filters{gap:6px}body.ipg-controls.discussion-page[data-member-page] main .topic-filters button{padding:11px 13px;font-size:13px}}

/* Explicit visibility choices keep the saved privacy state readable. */
body.ipg-controls main .profile-visibility .visibility-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #53654b;border-radius:11px;background:#111e17;flex-shrink:0}
body.ipg-controls main .profile-visibility .visibility-tabs button{min-width:70px;min-height:48px;padding:11px 18px;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#c8d4bf!important;box-shadow:none!important;transform:none!important;filter:none!important;font:600 15px/1.4 var(--face)}
body.ipg-controls main .profile-visibility .visibility-tabs button[aria-pressed=true]{background:#35442d!important;border-color:#b49d60!important;color:#ffe3a0!important;box-shadow:inset 0 -2px 0 #edc979!important}
body.ipg-controls main .profile-visibility .visibility-tabs button:not([aria-pressed=true]):hover:enabled{background:#26372a!important;color:#f4efdf!important}
body.ipg-controls main .profile-visibility .visibility-tabs button:focus-visible{outline:3px solid #f4d78a!important;outline-offset:2px!important}
body.ipg-controls main .profile-visibility .visibility-tabs button:disabled{opacity:.65!important;cursor:wait}
@media(max-width:600px){body.ipg-controls main .profile-visibility .visibility-choice{flex-wrap:wrap}body.ipg-controls main .profile-visibility .visibility-tabs{margin-top:2px}}

/* Compact, two-column footer with one clear vertical list per destination. */
body.ipg-controls .site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;justify-content:normal;gap:12px clamp(24px,7vw,90px)}
body.ipg-controls .site-footer .footer-brand{min-width:0;width:auto}
body.ipg-controls .site-footer .footer-brand>span{line-height:20px}
body.ipg-controls .site-footer .footer-brand>small{margin-top:6px;line-height:18px}
body.ipg-controls .site-footer .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:auto;margin-top:10px}
body.ipg-controls .site-footer .footer-social{justify-content:flex-start;width:fit-content;max-width:100%;min-width:0;min-height:44px;padding:7px 0!important;gap:8px;box-sizing:border-box;font-size:14px;line-height:1.4;white-space:normal;letter-spacing:0}
body.ipg-controls .site-footer .footer-icon{width:20px;height:20px;flex-shrink:0}
body.ipg-controls .site-footer .collection-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:auto;min-width:0;padding-top:26px}
body.ipg-controls .site-footer .collection-links>span{display:block;width:auto;margin:0 0 8px;font-size:12px;line-height:18px}
body.ipg-controls .site-footer .collection-links a{flex:0 0 auto;min-width:0;width:fit-content;max-width:100%;min-height:52px;box-sizing:border-box;padding:5px 0!important;color:var(--collection-link)!important}
body.ipg-controls .site-footer .collection-links strong{font-size:14px;line-height:1.4}
body.ipg-controls .site-footer .collection-links small{font-size:12px;line-height:1.4;margin-top:2px}
body.ipg-controls .site-footer>.privacy-link{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:8px 0!important;margin:0;color:var(--collection-link)!important;font-size:13px;line-height:1.4;letter-spacing:.02em}
@media(max-width:350px){body.ipg-controls .site-footer{column-gap:20px}body.ipg-controls .site-footer .footer-brand>span{font-size:13px;letter-spacing:.035em}body.ipg-controls .site-footer .footer-brand>small{letter-spacing:.08em}}

/* Account sections and Garage chains share the same clear segmented control. */
body.ipg-controls.garage-page[data-member-page] main .chain-toggle{display:flex;gap:4px;padding:4px!important;border:1px solid #53654b;border-radius:11px;background:#111e17}
body.ipg-controls.profile-page main .account-tabs button,body.ipg-controls.garage-page[data-member-page] main .chain-toggle button{padding:11px 16px;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#c8d4bf!important;box-shadow:none!important;transform:none!important;filter:none!important;font-weight:600;line-height:1.4}
body.ipg-controls.profile-page main .account-tabs button[aria-selected=true],body.ipg-controls.garage-page[data-member-page] main .chain-toggle button[aria-pressed=true]{background:#35442d!important;border-color:#b49d60!important;color:#ffe3a0!important;box-shadow:inset 0 -2px 0 #edc979!important}
body.ipg-controls.profile-page main .account-tabs button:not([aria-selected=true]):hover,body.ipg-controls.garage-page[data-member-page] main .chain-toggle button:not([aria-pressed=true]):hover{background:#26372a!important;color:#f4efdf!important}
body.ipg-controls.profile-page main .account-tabs button:focus-visible,body.ipg-controls.garage-page[data-member-page] main .chain-toggle button:focus-visible{outline:3px solid #f4d78a!important;outline-offset:2px!important}
@media(max-width:600px){body.ipg-controls.profile-page main .account-tabs button{padding:11px 5px}body.ipg-controls.garage-page[data-member-page] main .chain-toggle button{padding:10px 7px;font-size:13px;min-height:44px}}

/* Phone cards keep the full launch target while using a shorter, readable row. */
@media(max-width:600px){
 body.ipg-controls.games-hub main.discussion-main{padding:24px 16px 0}
 body.ipg-controls.games-hub .games-intro{gap:10px;margin-bottom:20px;padding-bottom:0}
 body.ipg-controls.games-hub .games-intro h1{font-size:40px;margin:2px 0}
 body.ipg-controls.games-hub .games-intro>p:last-child{font-size:14px;line-height:1.6}
 body.ipg-controls.games-hub .game-library{grid-template-columns:minmax(0,1fr);gap:12px}
 body.ipg-controls.games-hub main .game-tile{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;row-gap:8px;min-height:0;padding:18px}
 body.ipg-controls.games-hub main .game-tile-top{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0}
 body.ipg-controls.games-hub main .game-tile-icon{width:48px;height:48px}
 body.ipg-controls.games-hub main .game-tile-icon svg{width:46px;height:46px}
 body.ipg-controls.games-hub main .game-availability{margin:0;padding:0;max-width:64px;font-size:9px;line-height:1.5;text-align:left;white-space:normal}
 body.ipg-controls.games-hub main .game-tile :is(h2,.game-tile-title){grid-column:2;grid-row:1;font-size:22px;line-height:1.2;margin:0}
 body.ipg-controls.games-hub main .game-tile :is(p,.game-tile-description){grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.6}
 body.ipg-controls.games-hub .games-access-note{margin:18px 0 24px;font-size:13px}
 /* The header has only a portrait on the right; the site name fits on small phones. */
 body.ipg-controls .topbar.simple-header .brand>span{display:block}
 body.ipg-controls .topbar.simple-header .brand{font-size:12px;gap:8px}
 body.ipg-controls .topbar.simple-header .brand img{width:30px;height:30px}
 body.ipg-controls.privacy-page .privacy-copy{margin:8px 0 28px;padding:0}
 body.ipg-controls.privacy-page .privacy-copy h1{font-size:32px;line-height:1.15;margin:12px 0 16px}
 body.ipg-controls.privacy-page .privacy-copy h2{font-size:22px;line-height:1.35;margin-top:28px}
 body.ipg-controls.privacy-page .page-contents{margin:22px 0 28px;gap:0 20px}
}

@media(max-width:600px){body.ipg-controls.discussion-page main .topic-filters button{min-width:44px}}