/* PitchPulse Draft V0.3.4 — responsive/device-first redesign */
:root{
  --safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);
  --mobile-nav-h:68px;--surface:rgba(12,25,17,.92);--surface-2:rgba(16,35,25,.94);
}
html,body{width:100%;max-width:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;isolation:isolate;background-attachment:fixed}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,video,canvas{max-width:100%}button,input,select,textarea{max-width:100%}
.topbar,.shell,footer{width:min(1440px,calc(100vw - 32px));max-width:100%;margin-inline:auto}
.hero,.setupgrid,.draftgrid,.simgrid,.tournamentGrid,.featureGrid,.growthGrid,.seoContent,.marketFilters,.catalogFilters,.packGrid,.entityGrid{min-width:0}
.hero>* ,.setupgrid>* ,.draftgrid>* ,.simgrid>*{min-width:0}
.topbar{position:sticky;top:0;z-index:18;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-top:var(--safe-top)}
.topright{min-width:0;max-width:100%}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.hero h1{max-width:100%;overflow-wrap:normal;word-break:normal}.hero p{max-width:100%}.heroCard{width:100%;max-width:620px;justify-self:end}
.setupgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.modegrid,.formationgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.draftgrid{grid-template-columns:220px minmax(0,1fr) 350px}.pitchwrap,.reveal,.sidebar{min-width:0}
.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.tournamentGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.featureGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.marketList,.catalogList{min-width:0}
.modalcard,.modalcard.large,.modalcard.xlarge{max-width:calc(100vw - 24px)}

/* Background studio */
html[data-bg="classic"] body{background:radial-gradient(circle at 10% 0%,rgba(59,255,121,.11),transparent 30rem),radial-gradient(circle at 100% 40%,rgba(255,215,102,.06),transparent 34rem),#050d08}
html[data-bg="stadium"] body{background:radial-gradient(ellipse at 50% -10%,rgba(117,255,153,.22),transparent 35rem),linear-gradient(180deg,#06150b 0%,#031008 42%,#07130d 100%)}
html[data-bg="midnight"] body{background:radial-gradient(circle at 15% 5%,rgba(86,116,255,.16),transparent 30rem),radial-gradient(circle at 85% 10%,rgba(159,84,255,.12),transparent 28rem),#050713}
html[data-bg="gold"] body{background:radial-gradient(circle at 20% 0%,rgba(255,215,102,.18),transparent 32rem),radial-gradient(circle at 90% 45%,rgba(255,155,66,.10),transparent 30rem),#110d05}
html[data-bg="ocean"] body{background:radial-gradient(circle at 10% 0%,rgba(74,215,255,.16),transparent 30rem),radial-gradient(circle at 100% 45%,rgba(56,105,255,.13),transparent 34rem),#03101a}
html[data-bg="neon"] body{background:radial-gradient(circle at 12% 4%,rgba(255,69,214,.13),transparent 28rem),radial-gradient(circle at 85% 15%,rgba(76,255,215,.13),transparent 30rem),#090512}
html[data-bg="minimal"] body{background:#080b09}.bgChoice[data-bg="classic"]{--sw1:#0d2c18;--sw2:#75ff99}.bgChoice[data-bg="stadium"]{--sw1:#06150b;--sw2:#2d934f}.bgChoice[data-bg="midnight"]{--sw1:#080b24;--sw2:#6978ff}.bgChoice[data-bg="gold"]{--sw1:#1a1004;--sw2:#ffd766}.bgChoice[data-bg="ocean"]{--sw1:#041827;--sw2:#5ccfff}.bgChoice[data-bg="neon"]{--sw1:#11061c;--sw2:#ee63ff}.bgChoice[data-bg="minimal"]{--sw1:#080b09;--sw2:#555}

/* V0.3.4 utility UI */
.v34Net{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.58rem;background:rgba(255,255,255,.03)}.v34Net::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.v34Net.offline::before{background:var(--red)}
.v34Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.v34Panel{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.v34Panel h3{margin:0 0 10px;font-size:.8rem}.v34Toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.68rem;color:#dce8df}.v34Toggle:last-child{border:0}.v34Toggle input{width:auto}.bgGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bgChoice{position:relative;min-height:82px;border:1px solid var(--line);border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--sw1),var(--sw2));overflow:hidden;text-align:left;padding:11px;cursor:pointer}.bgChoice b{position:absolute;left:10px;bottom:9px;font-size:.65rem;text-shadow:0 1px 8px #000}.bgChoice.active{outline:2px solid var(--green);outline-offset:2px}.shortcutGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shortcutGrid span{padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.035);font-size:.58rem;color:var(--muted)}.shortcutGrid kbd{color:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;margin-right:5px}.v34Backup{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v34Backup button{font-size:.65rem}
.mobileNav{display:none;position:fixed;z-index:24;left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:max(8px,var(--safe-bottom));height:var(--mobile-nav-h);padding:6px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(7,18,11,.93);box-shadow:0 18px 50px rgba(0,0,0,.48);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobileNav button{flex:1;border:0;border-radius:13px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.55rem;font-weight:800;cursor:pointer}.mobileNav button span{font-size:1.05rem}.mobileNav button.active,.mobileNav button:active{background:rgba(117,255,153,.10);color:var(--green)}
.quickMenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quickMenu button{min-height:62px;text-align:left}.onboardingDots{display:flex;justify-content:center;gap:6px;margin:14px 0}.onboardingDots i{width:7px;height:7px;border-radius:50%;background:#32463a}.onboardingDots i.active{background:var(--green);width:20px;border-radius:99px}.onboardVisual{height:150px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;font-size:3rem;background:radial-gradient(circle,rgba(117,255,153,.10),transparent 65%);margin:10px 0}.onboardActions{display:flex;justify-content:space-between;gap:8px}.onboardActions button{flex:1}.installHint{display:none;margin-top:10px}.installHint.show{display:block}
body.v34-compact .glass{border-radius:14px}body.v34-compact .setupgrid article{padding:12px}body.v34-compact .hero{min-height:430px;padding-block:28px}body.v34-compact .featureGrid span{padding:8px}
body.v34-contrast{--line:rgba(255,255,255,.22);--muted:#bdc9c1;--green:#8dffac}body.v34-contrast .glass,body.v34-contrast .modalcard{border-color:rgba(255,255,255,.22)}
body.v34-large{font-size:112%}body.v34-performance .glass,body.v34-performance .topbar,body.v34-performance .mobileNav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.v34-performance .noise{display:none}body.v34-performance .heroCard{animation:none}
body.rtl{direction:rtl}body.rtl .pitch,body.rtl .football-pitch,body.rtl .score,body.rtl .match-score,body.rtl .heroCard{direction:ltr}

/* Tablet landscape and smaller laptops */
@media(max-width:1180px){
 .topbar{flex-wrap:wrap;padding-bottom:8px}.topright{width:100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:2px}.topright::-webkit-scrollbar{display:none}
 .topright .topbtn:not(#soundBtn):not(#themeBtn){display:none}.level{display:none}.v34Net{margin-left:auto}
 .hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding:38px 0 26px}.hero>div:first-child{max-width:850px}.heroCard{justify-self:center;width:min(100%,620px);min-height:300px}.hero h1{font-size:clamp(3rem,7vw,5rem);line-height:.94}
 .setupgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.draftgrid{grid-template-columns:1fr}.sidebar,.reveal{position:static}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sidebar>.teamtitle,.sidebar>.metrics,.sidebar>.sidebuttons,.sidebar>.activity{margin:0}.sidebar>.teamtitle{grid-column:1/-1}.reveal{grid-column:auto}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .simgrid{grid-template-columns:1fr}.tournamentGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mobileNav{display:flex}body{padding-bottom:calc(var(--mobile-nav-h) + 24px + var(--safe-bottom))}.consentBanner{bottom:calc(var(--mobile-nav-h) + 18px + var(--safe-bottom))}.tournamentDock{bottom:calc(var(--mobile-nav-h) + 18px + var(--safe-bottom))}
}

/* Tablets / foldables */
@media(max-width:820px){
 .topbar,.shell,footer{width:100%;padding-left:max(14px,var(--safe-left));padding-right:max(14px,var(--safe-right))}.topbar{min-height:66px}.brandball{width:39px;height:39px}.brand small{font-size:.56rem}.topright{width:auto;max-width:58%;margin-left:auto;padding:0;overflow:visible}.wallet{padding:7px 8px;font-size:.68rem}.lang{width:56px;padding:7px}.topbtn{padding:7px}.v34Net{display:none}
 .hero{padding-top:28px}.hero h1{font-size:clamp(2.55rem,9vw,4.2rem);letter-spacing:-.055em}.hero p{font-size:.94rem}.heroCard{width:min(100%,560px);min-height:270px;border-radius:25px}.heroCard strong{font-size:clamp(5rem,18vw,7rem)}
 .sectionhead{align-items:flex-start}.setupgrid{grid-template-columns:1fr 1fr}.formationgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:270px;overflow:auto;overscroll-behavior:contain;padding-right:3px}.formation{min-height:42px}
 .sidebar{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tournamentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pitch{min-height:clamp(560px,110vw,680px);border-radius:20px}.slot{width:clamp(72px,14vw,92px)}.slot button{min-height:68px}.slotName{font-size:.58rem}
 .marketFilters,.catalogFilters{grid-template-columns:1fr 1fr!important}.packGrid,.entityGrid{grid-template-columns:1fr 1fr!important}.growthGrid{grid-template-columns:1fr 1fr}.seoContent{grid-template-columns:1fr}
 .modal{padding:10px}.modalcard,.modalcard.large,.modalcard.xlarge{width:100%;max-width:100%;max-height:calc(100dvh - 22px);border-radius:18px;padding:16px}.v34Grid{grid-template-columns:1fr}.bgGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .contentNav{width:100%;padding-inline:14px;gap:12px}.contentNav div{overflow-x:auto;flex-wrap:nowrap;max-width:62%;scrollbar-width:none}.contentPage{width:100%;padding:40px 14px 80px}
}

/* Phones */
@media(max-width:620px){
 .topbar{gap:8px;justify-content:space-between}.brand{max-width:44%}.brand b{font-size:.86rem}.brand small{display:none}.topright{max-width:56%;gap:5px;justify-content:flex-end}.wallet{font-size:.62rem}.topbtn.compact,#themeBtn{width:36px}.lang{width:50px;font-size:.7rem}
 .hero{gap:18px;padding:22px 0 22px}.eyebrow{font-size:.6rem}.hero h1{font-size:clamp(2.15rem,11.5vw,3.35rem);line-height:.96;letter-spacing:-.05em;margin-block:10px 14px}.hero p{font-size:.87rem;line-height:1.58}.heroactions{margin-top:18px}.heroactions .primary,.heroactions .secondary{flex:1;min-width:138px}.heroCard{min-height:220px;aspect-ratio:1.42/1;border-radius:22px}.heroCard .orb{width:170px;height:170px}.heroCard strong{font-size:clamp(4.3rem,23vw,5.8rem)}.heroCard .mini{font-size:.57rem}
 .adslot{min-height:76px;margin-bottom:22px;padding-inline:10px}.adslot span{font-size:.6rem}
 .sectionhead{gap:7px;margin:18px 0 12px}.sectionhead>div{gap:8px}.sectionhead h2{font-size:1.2rem}.sectionhead p{font-size:.67rem}.step{width:39px;height:31px}
 .setupgrid{grid-template-columns:1fr;gap:9px}.setupgrid article{padding:14px}.modegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode{padding:11px}.formationgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:240px}.formation{padding:8px 4px;font-size:.72rem}
 .sidebar{display:block}.sidebar>*+*{margin-top:10px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pitchtop{align-items:flex-start}.pitchtop>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pitch{min-height:clamp(525px,148vw,630px);border-radius:18px}.pitch:before{inset:3% 4%}.boxLine{width:24%;height:35%}.centerCircle{width:92px;height:92px}.slot{width:clamp(61px,20vw,80px)}.slot button{min-height:62px;border-radius:11px;padding:5px 3px}.slotPos{font-size:.5rem}.slotName{font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slotFlag{font-size:.48rem}.slotRating{font-size:.52rem;padding:2px 4px}
 #bench{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px;scrollbar-width:thin}.benchSlot{min-height:60px}.cards{grid-template-columns:1fr}.card{min-width:0}.tournamentGrid,.featureGrid,.growthGrid{grid-template-columns:1fr}.summary,.careerStats{grid-template-columns:1fr 1fr}.simgrid>.glass{padding:12px}.score{gap:4px}.matchbadge{width:45px;height:45px}.matchFeed{height:230px}.matchmeta{grid-template-columns:repeat(3,minmax(0,1fr))}
 .marketHero{grid-template-columns:1fr 1fr!important}.marketFilters,.catalogFilters,.packGrid,.entityGrid{grid-template-columns:1fr!important}.marketRow,.catalogRow{grid-template-columns:44px minmax(0,1fr)!important}.marketActions{grid-column:1/-1}.catalogStats{grid-template-columns:1fr 1fr}.v31tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.v31tab{white-space:nowrap}.nationPackRow{grid-template-columns:1fr!important}
 .bgGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickMenu{grid-template-columns:1fr 1fr}.shortcutGrid{grid-template-columns:1fr}.v34Panel{padding:12px}
 .modal{align-items:flex-end;padding:0}.modalcard,.modalcard.large,.modalcard.xlarge{max-height:92dvh;border-radius:20px 20px 0 0;padding:16px 14px calc(18px + var(--safe-bottom));border-bottom:0}.x{position:sticky;float:right;top:0;z-index:3}.detailStats{grid-template-columns:repeat(3,minmax(0,1fr))}.moveOptions,.captainList{grid-template-columns:1fr}
 .contentNav{min-height:64px}.contentNav .brand{max-width:none}.contentNav div{max-width:58%}.contentPage h1{font-size:clamp(2rem,10vw,3rem)}.contentCard{padding:16px}
 footer{padding-bottom:calc(92px + var(--safe-bottom));flex-direction:column}.seoLinks{grid-template-columns:1fr 1fr}
 .mobileNav{left:max(7px,var(--safe-left));right:max(7px,var(--safe-right));bottom:max(7px,var(--safe-bottom));height:64px;border-radius:18px}.mobileNav button{font-size:.5rem}.mobileNav button span{font-size:1rem}
}

/* Small phones */
@media(max-width:390px){
 .topbar,.shell,footer{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right))}.brand{max-width:38%}.brandball{width:35px;height:35px}.topright{max-width:62%}.wallet{padding:6px;font-size:.58rem}.lang{width:47px}.hero h1{font-size:2.2rem}.heroactions{display:grid;grid-template-columns:1fr}.heroactions .primary,.heroactions .secondary{width:100%;min-width:0}.heroCard{min-height:205px}.modegrid{grid-template-columns:1fr}.formationgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:1fr 1fr}.summary,.careerStats,.catalogStats{grid-template-columns:1fr}.bgGrid,.quickMenu{grid-template-columns:1fr 1fr}.pitch{min-height:535px}.slot{width:64px}.slotName{font-size:.49rem}.mobileNav button:nth-child(4){display:none}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroCard,.pulse{animation:none!important}}