/* getmyPIX v1581a: shared UI finishing rules. Product artwork lives in its own renderers. */
body[data-gmp-ui]{--ui-focus:#f0cc78;--ui-muted:#b1bdce;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body[data-gmp-ui] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
body[data-gmp-ui] :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body[data-gmp-ui] :is(button,[role="button"]):disabled{cursor:not-allowed}
body[data-gmp-ui] :is(.pd-btn,.chipBtn,.portalBtn,.btn,.ts3Primary,.ts3Secondary,.ts3Danger){line-height:1.25}
body[data-gmp-ui] :is(.pd-close,.ts3Close,.menuClose,.pd-menuClose,.publicMenuClose){flex-shrink:0;min-width:44px;min-height:44px}
body[data-gmp-ui] :is(.pd-muted,.lead,.heroSub,.orderMeta,.itemMeta){line-height:1.5}
body[data-gmp-ui] :is(.pd-message,.alert,.accessError,.errorText){overflow-wrap:anywhere}
body[data-gmp-ui] :is(.pd-field,.field,.searchField,.formGrid>*,.pd-leagueText,.orderCard,.creditCard>div,.heroTop>div){min-width:0}
body[data-gmp-ui] :is(.pd-menuDrawer,.publicMenuDrawer,.menuDrawer,.drawer){overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
body[data-gmp-ui] :is(.accountCard,.settingsPanel,.orderCard,.creditCard,.pd-leagueCard,.pd-formCard){border-width:1px}

/* Clear, consistent Photo Day hierarchy, without changing artwork geometry. */
body[data-gmp-ui] .pd-sectionTitle{text-transform:none;letter-spacing:-.015em;font-weight:800;line-height:1.2}
body[data-gmp-ui] .pd-sectionHead{align-items:center;gap:14px}
body[data-gmp-ui] .pd-heroHint{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}
body[data-gmp-ui] .pd-appCard{border-width:1px;border-radius:22px}
body[data-gmp-ui] .pd-btn{border-width:1px;border-radius:12px;font-weight:800}
body[data-gmp-ui] .pd-btn.small{border-radius:999px}
body[data-gmp-ui] .pd-leagueCard{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;border-radius:18px}
body[data-gmp-ui] .pd-leagueName{line-height:1.25;overflow-wrap:anywhere}
body[data-gmp-ui] .pd-searchField{min-width:0;border-width:1px;border-radius:14px}
body[data-gmp-ui] .pd-searchField input{min-width:0}
body[data-gmp-ui] .pd-clearBtn{min-width:44px;min-height:44px;flex-shrink:0}
body[data-gmp-ui] .pd-field label{font-weight:750;letter-spacing:.025em}
body[data-gmp-ui] .pd-field :is(input,select,textarea){border-width:1px;border-radius:12px;font-weight:500}
body[data-gmp-ui] #productModal .pd-productIncentive{padding:14px 15px;min-height:0;border-radius:15px}
body[data-gmp-ui] #productModal .pd-productIncentiveTop{margin-bottom:8px;gap:8px}
body[data-gmp-ui] #productModal .pd-productIncentiveMessage{min-height:0}
body[data-gmp-ui] #productModal .pd-productIncentive .pd-progress{height:5px;margin:9px 0 6px}
body[data-gmp-ui] #productModal .pd-incentiveIcon{width:30px;height:30px;flex:0 0 30px;border-radius:9px}
body[data-gmp-ui] #productModal .pd-productRewardBadge{font-size:11px;letter-spacing:.02em}
body[data-gmp-ui] #productModal .pd-product ul{font-size:14px;line-height:1.5}
body[data-gmp-ui] .pd-stepChip{letter-spacing:.035em}
body[data-gmp-ui] .pd-cartItemInfo b{font-weight:750}

/* Tournament controls and product information. Keep selection and purchase prominent. */
body[data-gmp-ui] .ts3Head h2{letter-spacing:-.02em;line-height:1.2}
body[data-gmp-ui] .ts3Head p{font-size:14px;color:#b8c3d3;max-width:64ch}
body[data-gmp-ui] .ts3PackageCard ul{font-size:14px;line-height:1.5}
body[data-gmp-ui] :is(.ts3QuantityRow small,.ts3ProductSectionHead p){color:#b2bfd1;font-size:13px}
body[data-gmp-ui] .ts3PackageQuantity{font-size:13px}
body[data-gmp-ui] :is(.ts3Primary,.ts3Secondary,.ts3Danger){font-weight:800}
body[data-gmp-ui] .ts3ProductShowcaseItems figcaption{font-size:11px;line-height:1.3}
body[data-gmp-ui] .cartV2ItemRow{align-items:start!important}
body[data-gmp-ui] .cartV2ItemRow>div:first-child{align-self:start}
body[data-gmp-ui] .cartV2CustomerInfoModal .modalSub{line-height:1.45}
body[data-gmp-ui] :is(.cartV2Modal,.cartV2CustomerInfoModal) .modalTitle{text-transform:none;font-weight:800;letter-spacing:-.02em}
body[data-gmp-ui] .ts3ConfirmCard>div{flex-wrap:wrap}

/* Portal/account: readable content and useful navigation before the orders. */
body[data-gmp-ui] .accountShell{min-height:100dvh;padding:24px 16px}
body[data-gmp-ui] .accountCard{padding:28px;border-radius:20px}
body[data-gmp-ui] .accountCard h1{font-size:clamp(26px,4vw,32px);letter-spacing:-.025em;line-height:1.15}
body[data-gmp-ui] .accountCard h2{font-size:21px;line-height:1.25}
body[data-gmp-ui] .accountCard .small{line-height:1.5}
body[data-gmp-ui] .accountCard .input{font-size:16px}
body[data-gmp-ui] .accountCard label.small{display:flex;align-items:center;gap:9px;min-height:40px}
body[data-gmp-ui] .accountCard input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;accent-color:#d5ad50}
body[data-gmp-ui] .accountCard :is(p,strong){overflow-wrap:anywhere}
body[data-gmp-ui] .orderGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
body[data-gmp-ui] .creditGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
body[data-gmp-ui] :is(.orderName,.orderMeta,.itemMeta,.detailLine strong){overflow-wrap:anywhere}
body[data-gmp-ui] .orderTop{flex-wrap:wrap}
body[data-gmp-ui] .orderCard .portalBtn{min-height:44px;line-height:1.3}
body[data-gmp-ui] :is(.heroActions,.inlineActions){align-items:stretch}
body[data-gmp-ui] .heroActions .portalBtn{min-height:44px}
body[data-gmp-ui] .tab{min-height:44px}

/* Access-code landing: stable header and direct access to the form. */
body[data-gmp-ui] .siteSimpleLogo{min-width:0;flex:1 1 auto}
body[data-gmp-ui] .siteSimpleLogo img{display:block;max-width:100%;height:auto;width:210px}
body[data-gmp-ui] .siteSimpleActions{flex:0 0 auto;gap:8px}
body[data-gmp-ui] .siteSimpleActions :is(a,button){white-space:nowrap;font-size:14px;min-height:44px}
body[data-gmp-ui] .menuToggle{min-width:44px;min-height:44px}
body[data-gmp-ui] .accessTitle{font-size:clamp(32px,5vw,56px);line-height:1.06;letter-spacing:-.025em}
body[data-gmp-ui] .accessLead{font-size:18px;line-height:1.45}
body[data-gmp-ui] .accessHelp{gap:8px;flex-wrap:wrap}
body[data-gmp-ui] .accessHelp a{font-size:14px;min-height:40px;display:inline-flex;align-items:center}
body[data-gmp-ui] .accessChoice{min-width:0;gap:12px;flex-wrap:wrap}
body[data-gmp-ui] .accessChoice>div{min-width:0;overflow-wrap:anywhere}
body[data-gmp-ui] .eventHero h1{line-height:1.02;letter-spacing:-.035em}
body[data-gmp-ui] .eventCard h2{line-height:1.2}

/* Admin shells: consistent controls with contained scrolling. */
body[data-gmp-ui="admin"] .control-sidebar{overscroll-behavior:contain}
body[data-gmp-ui="admin"] .navGroupTitle{color:#a7b4c6;font-size:11px}
body[data-gmp-ui="admin"] .navLink{min-height:40px;display:flex;align-items:center;font-size:14px}
body[data-gmp-ui="admin"] .control-main-inner{line-height:1.45}
body[data-gmp-ui="admin"] .control-brand>div:last-child{min-width:0}
body[data-gmp-ui="admin"] :is(.page-head h1,.heroTitle){letter-spacing:-.02em;line-height:1.15}
body[data-gmp-ui="admin"] :is(.btn,.tourItem){min-height:44px}
body[data-gmp-ui="admin"] :is(.field input,.field select,.field textarea){min-width:0;max-width:100%}
body[data-gmp-ui="admin"] .formGrid .span2{grid-column:1/-1}
body[data-gmp-ui="admin"] .heroActions{flex-wrap:wrap;gap:8px}
body[data-gmp-ui="admin"] .modalPanel{max-height:calc(100dvh - 24px);overflow:auto}

@media(max-width:860px){
  /* Products, extras and review already contain their own thumbnails. */
  body[data-gmp-ui] #productModal:is([data-wizard-step="2"],[data-wizard-step="3"],[data-wizard-step="4"],[data-wizard-step="5"]) .pd-wizardPreview{display:none}
  body[data-gmp-ui] :is(.pd-field input,.pd-field select,.pd-field textarea,.pd-searchField input,.searchField input,.field input,.field select,.field textarea){font-size:16px}
  body[data-gmp-ui] #productModal .pd-wizardTitle{font-size:25px;line-height:1.15}
  body[data-gmp-ui] #productModal .pd-wizardSub{line-height:1.45;margin-bottom:16px}
}
@media(max-width:600px){
  body[data-gmp-ui] .pd-section{padding:16px}
  body[data-gmp-ui] .pd-sectionTitle{font-size:23px}
  body[data-gmp-ui] .pd-sectionHead .pd-muted{font-size:14px}
  body[data-gmp-ui] .pd-leagueCard{grid-template-columns:54px minmax(0,1fr) 20px;gap:12px;padding:14px}
  body[data-gmp-ui] .pd-leagueLogo{width:54px;height:62px;border-radius:12px}
  body[data-gmp-ui] .pd-leagueName{font-size:18px}
  body[data-gmp-ui] .pd-chev{width:20px;min-width:0}
  body[data-gmp-ui] .pd-leagueMeta{font-size:12px;line-height:1.45}
  body[data-gmp-ui] .pd-badge{font-size:10px;white-space:normal}
  body[data-gmp-ui] .pd-formCard{padding:18px;border-radius:16px}
  body[data-gmp-ui] #productModal .pd-productIncentives{grid-template-columns:1fr;gap:8px;margin-bottom:16px}
  body[data-gmp-ui] #productModal .pd-productIncentive{padding:11px 13px}
  body[data-gmp-ui] #productModal .pd-productIncentiveTop{margin-bottom:6px}
  body[data-gmp-ui] #productModal .pd-productIncentiveLabel{font-size:12px;letter-spacing:.02em}
  body[data-gmp-ui] #productModal .pd-productIncentiveIdentity small{font-size:10px;margin-top:2px}
  body[data-gmp-ui] #productModal .pd-productIncentiveMessage strong{font-size:15px}
  body[data-gmp-ui] #productModal .pd-productIncentiveMessage span{font-size:12px}
  body[data-gmp-ui] #productModal .pd-productIncentive .pd-progress{margin:7px 0 4px}
  body[data-gmp-ui] #productModal .pd-productIncentiveFoot :is(b,span){font-size:11px}
  body[data-gmp-ui] .accountCard{padding:22px 18px}
  body[data-gmp-ui] .accountCard .settingsPanel{padding:16px 12px}
  body[data-gmp-ui] .heroTop{gap:16px}
  body[data-gmp-ui] .heroTop>div{width:100%}
  body[data-gmp-ui] .heroActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-gmp-ui] .heroActions :is(.portalBtn,form){width:100%;font-size:13px;min-width:0;white-space:normal}
  body[data-gmp-ui] .heroActions form .portalBtn{height:100%}
  body[data-gmp-ui] .heroTop .itemMeta{text-align:left!important;font-size:13px}
  body[data-gmp-ui] :is(.orderItem,.detailLine){min-width:0}
  body[data-gmp-ui] .tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body[data-gmp-ui] .tab{padding:9px 8px;font-size:13px;border-radius:11px}
  body[data-gmp-ui] .creditCard{gap:12px;padding:15px}
  body[data-gmp-ui] .creditValue{font-size:26px}
  body[data-gmp-ui] .siteSimpleHeaderInner{gap:12px;padding-inline:14px}
  body[data-gmp-ui] .siteSimpleLogo img{width:min(165px,40vw)}
  body[data-gmp-ui] .siteSimpleActions a{padding-inline:12px}
  body[data-gmp-ui] .siteSimpleActions .menuToggle{padding:0;width:44px}
  body[data-gmp-ui] .accessPage{padding:20px 14px 40px}
  body[data-gmp-ui] .accessHero{gap:14px}
  body[data-gmp-ui] .accessCard{padding:20px;border-radius:20px}
  body[data-gmp-ui] .accessLead{font-size:16px}
  body[data-gmp-ui] .accessNote{font-size:13px;line-height:1.5}
  body[data-gmp-ui] .accessInput{font-size:19px;min-width:0}
  body[data-gmp-ui] .accessHelp a{font-size:13px;padding:9px 10px}
  body[data-gmp-ui] .eventWrap{padding-top:28px}
  body[data-gmp-ui] .eventHero h1{font-size:40px}
  body[data-gmp-ui="admin"] .wrap{padding:16px 12px 30px}
  body[data-gmp-ui="admin"] :is(.hero,.cardBody,.cardHead){padding:16px}
  body[data-gmp-ui="admin"] :is(.heroActions,.rowActions){width:100%}
  body[data-gmp-ui="admin"] :is(.heroActions,.rowActions) .btn{flex:1 1 130px;min-width:0}
  body[data-gmp-ui="admin"] .control-brand-subtitle{max-width:190px}
}
@media(prefers-reduced-motion:reduce){
  html:has(body[data-gmp-ui]){scroll-behavior:auto}
  body[data-gmp-ui] *,body[data-gmp-ui] *::before,body[data-gmp-ui] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(max-width:600px){
  body[data-gmp-ui="admin"] .heroLeft{width:100%;min-width:0;flex-direction:column;align-items:flex-start;gap:12px}
  body[data-gmp-ui="admin"] .heroLogo{width:170px;max-width:100%;height:auto}
  body[data-gmp-ui="admin"] .heroTitle{font-size:28px}
}

/* Narrow headers and older-order claiming stay inside the content column. */
body[data-gmp-ui] .claimForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:12px}
body[data-gmp-ui] .claimField{display:grid;gap:6px;min-width:0}
body[data-gmp-ui] .claimField input{width:100%;min-width:0;font:inherit}
body[data-gmp-ui] .tableWrap{max-width:100%;overscroll-behavior-x:contain}
body[data-gmp-ui] .eventBrand{min-width:0}
body[data-gmp-ui] .eventBrand img{max-width:100%;height:auto;width:210px}
body[data-gmp-ui] .eventMenuButton{flex-shrink:0;min-height:44px}
body[data-gmp-ui] .eventMenuOverlay{display:none;position:fixed;inset:0;z-index:100;background:rgba(1,6,13,.8);justify-content:flex-end}
body[data-gmp-ui] .eventMenuOverlay.open{display:flex}
body[data-gmp-ui] .eventMenuDrawer{width:min(390px,92vw);height:100%;padding:22px 22px calc(24px + env(safe-area-inset-bottom));background:#0c1829;border-left:1px solid rgba(202,162,74,.35);overflow:auto;overscroll-behavior:contain}
body[data-gmp-ui] .eventMenuHead{display:flex;justify-content:space-between;align-items:center;gap:12px}
body[data-gmp-ui] .eventMenuClose{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:24px;cursor:pointer}
body[data-gmp-ui] .eventMenuDrawer nav{display:grid;gap:8px;margin-top:18px}
body[data-gmp-ui] .eventMenuDrawer nav a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;text-decoration:none;font-weight:750;line-height:1.35}
@media(max-width:720px){
  body[data-gmp-ui] .claimForm{grid-template-columns:minmax(0,1fr)}
  body[data-gmp-ui] .head .brand{flex:1 1 auto;min-width:0}
  body[data-gmp-ui] .head .brand img{display:block;width:min(180px,100%);height:auto}
  body[data-gmp-ui] .head .actions{flex:0 0 auto;gap:6px}
  body[data-gmp-ui] .head .actions :is(.pill,.menuBtn){padding-inline:10px;min-height:44px;font-size:13px;white-space:nowrap}
  body[data-gmp-ui] .eventHeaderIn{gap:12px}
  body[data-gmp-ui] .eventBrand img{width:min(180px,100%)}
}

body[data-gmp-ui] :is(.showHero>div,.seasonHead>div,.teamHistoryHero){min-width:0}
body[data-gmp-ui] :is(.showHero h1,.teamHistoryHero h1){overflow-wrap:anywhere;line-height:1.06}
body[data-gmp-ui] .simpleHead{gap:12px}
body[data-gmp-ui] .simpleHead>a{padding:0;border:0;border-radius:0;min-width:0}
body[data-gmp-ui] .simpleHead img{max-width:100%;width:210px;height:auto}
body[data-gmp-ui] .simpleHead>div{flex-shrink:0}
body[data-gmp-ui] .simpleHead>div a{white-space:nowrap;min-height:44px;font-size:14px}
body[data-gmp-ui] .headerIn .logo{min-width:0}
body[data-gmp-ui] .headerIn .logo img{max-width:100%;width:210px;height:auto;display:block}
body[data-gmp-ui] .headActions{flex-shrink:0}
@media(max-width:750px){
  body[data-gmp-ui] .showHero{grid-template-columns:minmax(0,1fr);padding:24px;gap:22px}
  body[data-gmp-ui] .showHero h1{font-size:clamp(26px,7vw,42px)}
  body[data-gmp-ui] .showHero p{font-size:17px;line-height:1.45}
  body[data-gmp-ui] .teamHistoryHero{padding:22px}
  body[data-gmp-ui] .teamHistoryHero h1{font-size:clamp(26px,7vw,42px)}
  body[data-gmp-ui] .headActions a{font-size:13px;padding-inline:10px;white-space:nowrap;min-height:44px}
  body[data-gmp-ui] .headActions .menuToggle{width:44px;padding:0;justify-content:center}
  body[data-gmp-ui] .headerIn{gap:10px}
  body[data-gmp-ui] .headerIn .logo img{width:180px}
  body[data-gmp-page="receipt"] .brand{flex-direction:column;align-items:flex-start;gap:16px}
  body[data-gmp-page="receipt"] .brand img{width:180px;max-width:100%}
  body[data-gmp-page="receipt"] .brand>div{min-width:0;width:100%}
}
/* Gallery browsing: full-width game names and centered purchase actions. */
body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .sectionTitle{text-transform:none;letter-spacing:-.02em;font-weight:800}
body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .ts3SectionActions>.chipBtn{align-items:center;justify-content:center;text-align:center;min-height:46px;padding:11px 14px;border-width:1px;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;line-height:1.3}
@media(max-width:600px){
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .ts3SectionActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:stretch}
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos #btnPlayerPackageGrid{grid-column:1/-1}
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .thumbGameControl{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:0}
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .thumbGameControl .thumbSelect{width:100%;min-width:0;min-height:46px;font-size:16px}
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos .thumbGameControl .thumbCount{margin:0 12px;padding:0 0 9px;min-height:0;border:0;font-size:12px;line-height:1.4;justify-content:flex-start;white-space:normal}
  body[data-gmp-ui].tournamentStorefrontV3 #secPhotos #thumbTeamSelect{min-height:46px;font-size:16px}
  body[data-gmp-ui].tournamentStorefrontV3 #btnHeaderHome{display:none!important}
  body[data-gmp-ui].tournamentStorefrontV3 #btnHeaderBack{min-height:44px;padding:0 12px;font-size:13px;border-width:1px;border-radius:12px}
}