html{max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}pre,code{overflow-wrap:anywhere}main>*{min-width:0}.card,.grid>*{min-width:0}.table-scroll,.pg-table-auto-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{max-width:none}input,select,textarea,button{max-width:100%}.cta-row,.copy-actions,.inline-options{max-width:100%}
.mobile-nav-toggle,.mobile-nav-drawer-head,.mobile-nav-backdrop{display:none}
.viewport-mode-bar{display:none}
.pg-mobile-device .viewport-mode-bar{position:sticky;top:0;z-index:210;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:3px 8px;background:#0f172a;color:#cbd5e1;box-shadow:0 2px 8px rgba(15,23,42,.2);font-size:10px;font-weight:800;text-transform:uppercase}
.viewport-mode-switch{display:inline-flex;padding:2px;border:1px solid #475569;border-radius:6px;background:#020617}
.viewport-mode-switch button{min-height:26px!important;padding:3px 8px;border:0;border-radius:4px;background:transparent;color:#cbd5e1;font-size:11px;font-weight:800;cursor:pointer}
.viewport-mode-switch button.active{background:#fff;color:#0f172a}
html.pg-force-desktop .viewport-mode-bar{height:112px;gap:18px;padding:10px 24px;font-size:30px}
html.pg-force-desktop .viewport-mode-switch{padding:6px;border-radius:16px}
html.pg-force-desktop .viewport-mode-switch button{min-height:82px!important;padding:10px 28px;border-radius:12px;font-size:30px}

@media(max-width:900px){
  .news-layout,.email-grid,.wall-layout,.editor-grid{grid-template-columns:minmax(0,1fr)!important}
  .lineup-teams{grid-template-columns:minmax(0,1fr)!important}
  .console-grid,.comms-grid,.two-col{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important}
}

@media(max-width:720px){
  main{padding:12px 8px 68px!important}
  .wrap{width:100%;max-width:100%}
  .card,.go-card,.launch-card,.rules-card,.poster-card,.editor-panel{padding:12px!important;border-radius:8px!important;margin-bottom:12px!important}
  h1{font-size:22px!important;overflow-wrap:anywhere}h2{font-size:20px!important}h3{font-size:17px!important}
  .hero-inner{padding:8px 8px!important;min-height:0!important}
  .brand-row{display:block!important;padding-right:64px!important}
  .brand-row>div{display:none!important}
  .brand-generic .brand-row>div{display:block!important}.brand-generic .brand-row h1{font-size:16px!important;line-height:1.15}
  .logo{display:block;max-width:min(124px,42vw)!important;max-height:30px!important}
  .brand-kicker,.subtitle{display:none!important}.staff-preview-banner{display:none!important}
  .hero-account{position:static!important;width:100%;margin-top:7px!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:nowrap}
  .staff-view-form{margin-right:auto!important;align-items:flex-start!important}
  .staff-view-switch button{padding:6px 8px!important;font-size:12px}
  .language-select.hero-language-select>summary{min-width:0!important;width:auto!important;max-width:126px!important;padding:6px 8px!important;font-size:12px}
  .account-panel{position:fixed!important;left:8px!important;right:8px!important;top:72px!important;min-width:0!important;max-height:calc(100vh - 84px);overflow:auto}
  .account-dropdown>summary{width:34px!important;height:34px!important}.account-avatar,.account-avatar-img{width:28px!important;height:28px!important}.account-avatar svg{width:23px!important;height:23px!important}

  .mobile-nav-toggle{display:inline-flex;position:absolute;right:8px;top:7px;z-index:25;align-items:center;gap:6px;min-height:34px;padding:6px 8px;border:1px solid rgba(255,255,255,.45);border-radius:7px;background:rgba(0,31,54,.9);color:#fff;font-size:12px;font-weight:800}
  .mobile-nav-toggle-icon,.mobile-nav-toggle-icon::before,.mobile-nav-toggle-icon::after{display:block;width:20px;height:2px;background:currentColor;content:"";position:relative}.mobile-nav-toggle-icon::before{position:absolute;top:-6px}.mobile-nav-toggle-icon::after{position:absolute;top:6px}
  .brand-row{padding-right:64px!important}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:199;background:rgba(15,23,42,.58)}
  body.pg-mobile-nav-open .mobile-nav-backdrop{display:block}
  nav.site-nav{display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:200;width:min(88vw,360px)!important;height:100dvh;overflow-y:auto;background:#fff;box-shadow:12px 0 30px rgba(15,23,42,.28);transform:translateX(-105%);transition:transform .2s ease}
  body.pg-mobile-nav-open nav.site-nav{transform:translateX(0)}
  body.pg-mobile-nav-open{overflow:hidden}
  .mobile-nav-drawer-head{display:flex;position:sticky;top:0;z-index:3;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:var(--primary);color:#fff}
  .mobile-nav-drawer-head strong{font-size:18px}.mobile-nav-close{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:transparent;color:#fff;font-size:26px;line-height:1}
  nav.site-nav .wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:10px!important}
  nav.site-nav .nav-group{position:static!important;display:block!important;min-width:0}
  nav.site-nav .nav-group>summary{display:block!important;width:100%!important;padding:11px 12px!important;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:14px}
  nav.site-nav .nav-group>summary::after{content:"+";float:right;font-size:18px;line-height:14px}
  nav.site-nav .nav-group[open]>summary::after{content:"−"}
  nav.site-nav .nav-menu-panel{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-width:0!important;max-height:none!important;overflow:visible;margin:4px 0 8px;padding:5px;border-radius:7px!important;box-shadow:none}
  nav.site-nav .nav-menu-panel a,nav.site-nav .nav-menu-panel button{white-space:normal!important;padding:10px!important}

  .grid,.console-grid,.comms-grid,.form-grid,.go-card-grid,.launch-grid,.rules-grid,.feature-list,.two-col,.maintenance-actions,.health-grid,.readiness-grid,.readiness-summary,.summary-grid,.filter-grid,.amb-grid,.bulk-grid,.quality-grid,.lineup-card-grid,.import-panel{grid-template-columns:minmax(0,1fr)!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stat-box,.readiness-stat,.quality-card{padding:11px!important;border-radius:8px!important}.stat-value,.quality-card strong{font-size:24px!important}
  .console-item,.money-row,.prize-row{align-items:flex-start!important;flex-direction:column!important}
  .cta-row,.home-cta,.copy-actions,.pg-textedit-actions{gap:7px!important}
  .cta-row>.button,.home-cta>.button,.copy-actions>.button{white-space:normal!important;text-align:center}
  .field-row input,.field-row select,.field-row textarea,.form-row input,.form-row select,.form-row textarea{width:100%!important;max-width:none!important}
  .score-evolution-filters,.score-evolution-view-controls{grid-template-columns:minmax(0,1fr)!important}
  .score-evolution-player-list{grid-template-columns:minmax(0,1fr)!important;max-height:260px!important}
  .score-evolution-chart-legend{grid-template-columns:minmax(0,1fr)!important;max-height:155px!important}
  .score-evolution-chart{min-height:330px!important}.score-evolution-chart svg{min-height:300px!important}
  .pg-filter-legend-popup{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;max-height:70vh;overflow:auto}
  .points-cell.pg-points-open .points-popover{display:block!important;position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:48px!important;width:auto!important;min-width:0!important;max-height:55vh;overflow:auto;z-index:220!important}
  .site-footer .wrap{align-items:flex-start!important;flex-direction:column!important;padding:12px 10px!important}
  .pg-textedit-fab{right:8px!important;bottom:8px!important;width:38px;height:38px;min-height:38px!important;padding:0!important;overflow:hidden;font-size:0!important;opacity:.62}
  .pg-textedit-fab:focus,.pg-textedit-fab:hover{opacity:1}
  .pg-textedit-fab::before{content:"Aa";font-size:12px;font-weight:900}
}

@media(max-width:420px){
  .stats-grid{grid-template-columns:minmax(0,1fr)!important}
  .button,nav a,nav button{white-space:normal!important}
  .hero-account{justify-content:flex-start!important}
  .account-dropdown>summary{width:40px!important;height:40px!important}
}

@media(hover:none) and (pointer:coarse){
  .button,button,input,select,summary{min-height:40px}
  input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px}
}