/* PitchPulse V1.0.0 — official release UI */
:root{
  --pp1-bg:#071019;--pp1-bg2:#0a1522;--pp1-card:#0e1a2a;--pp1-card2:#111f31;
  --pp1-line:rgba(171,204,255,.13);--pp1-line2:rgba(171,204,255,.22);
  --pp1-text:#f5f8ff;--pp1-muted:#9eb1c7;--pp1-cyan:#72e8ff;--pp1-green:#6de7aa;
  --pp1-blue:#6787ff;--pp1-violet:#9b76ff;--pp1-gold:#ffd56e;--pp1-red:#ff7c8c;
  --pp1-shadow:0 20px 58px rgba(0,0,0,.34);--pp1-radius:20px
}
body.v100{background:radial-gradient(circle at 0 -10%,rgba(103,135,255,.16),transparent 30rem),radial-gradient(circle at 100% 0,rgba(114,232,255,.09),transparent 28rem),linear-gradient(180deg,#07111e,#050a12 58%,#07111e);color:var(--pp1-text)}
body.v100 .shell,body.v100 .topbar,body.v100 footer{width:min(1480px,calc(100% - 28px))}

/* one official navigation system only */
body.v100 #v76PrimaryNav,body.v100 #v80TopStats,body.v100 #mobileNav,body.v100 #mobileRollDock,body.v100 .v50MobileDock,body.v100 #v61Dock,body.v100 .v61Dock{display:none!important}
body.v100 .pp100PrimaryNav{position:sticky;top:88px;z-index:86;display:flex;align-items:center;gap:7px;width:min(1480px,calc(100% - 28px));margin:8px auto 0;padding:7px;border:1px solid var(--pp1-line);border-radius:16px;background:rgba(7,14,25,.9);backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.22)}
body.v100 .pp100PrimaryNav button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#c9d7e9;font-size:.72rem;font-weight:850;cursor:pointer;transition:.16s ease}
body.v100 .pp100PrimaryNav button:hover{background:#101d30;color:#fff;border-color:var(--pp1-line)}
body.v100 .pp100PrimaryNav button.active{background:linear-gradient(135deg,rgba(114,232,255,.13),rgba(103,135,255,.13));color:#fff;border-color:rgba(114,232,255,.20)}
body.v100 .pp100PrimaryNav .spacer{flex:1}
body.v100 .pp100PrimaryNav .stats{color:#aaf3d2}
body.v100 .pp100MobileDock{display:none}

/* header + language */
body.v100 .topbar{background:rgba(7,14,25,.92);border-color:var(--pp1-line);box-shadow:0 16px 42px rgba(0,0,0,.26)}
body.v100 .brand small{color:#9db0c7}
body.v100 #language{display:none!important}
body.v100 .pp100LangBtn{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border:1px solid var(--pp1-line);border-radius:12px;background:#0d1726;color:#fff;font-weight:850;cursor:pointer}
body.v100 .pp100LangBtn small{color:#8fa5bd;font-size:.55rem}
body.v100 .pp100LangSheet{position:fixed;inset:0;z-index:310;display:none;place-items:center;padding:18px;background:rgba(1,5,10,.78);backdrop-filter:blur(7px)}
body.v100 .pp100LangSheet.open{display:grid}
body.v100 .pp100LangPanel{width:min(620px,100%);max-height:min(760px,88dvh);overflow:auto;padding:18px;border:1px solid var(--pp1-line);border-radius:24px;background:linear-gradient(180deg,#0b1626,#08111d);box-shadow:0 35px 90px rgba(0,0,0,.48)}
body.v100 .pp100LangHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
body.v100 .pp100LangHead span{display:block;color:var(--pp1-cyan);font-size:.62rem;font-weight:900;letter-spacing:.14em}
body.v100 .pp100LangHead h3{margin:3px 0 0;font-size:1.35rem}
body.v100 .pp100LangHead button{width:40px;height:40px;border:1px solid var(--pp1-line);border-radius:11px;background:#111e31;color:#fff;font-size:1.1rem;cursor:pointer}
body.v100 .pp100LangGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.v100 .pp100LangGrid button{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid var(--pp1-line);border-radius:14px;background:#0d1a2b;color:#fff;text-align:left;cursor:pointer}
body.v100 .pp100LangGrid button>span{grid-row:1/3;font-size:1.2rem}
body.v100 .pp100LangGrid button>b{font-size:.76rem}
body.v100 .pp100LangGrid button>small{color:#8fa5bd;font-size:.58rem}
body.v100 .pp100LangGrid button.active{border-color:rgba(114,232,255,.34);background:linear-gradient(135deg,rgba(114,232,255,.10),rgba(103,135,255,.08))}

/* official home */
body.v100 .pp90Hub{padding-top:14px}
body.v100 .pp90Hero{border-color:var(--pp1-line);background:linear-gradient(135deg,#0d1a2d,#08121f);box-shadow:var(--pp1-shadow)}
body.v100 .pp90Eyebrow{color:var(--pp1-cyan)}
body.v100 .pp90HeroActions button{transition:.16s ease}
body.v100 .pp90HeroActions button:hover{transform:translateY(-1px)}
body.v100 .pp100LiveStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:0}
body.v100 .pp100LiveStrip button{min-width:0;padding:13px 14px;border:1px solid var(--pp1-line);border-radius:16px;background:linear-gradient(180deg,#0e1b2d,#0a1523);color:#fff;text-align:left;cursor:pointer}
body.v100 .pp100LiveStrip small{display:block;color:#8ea5bf;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v100 .pp100LiveStrip b{display:block;margin-top:5px;font-size:1.05rem}
body.v100 .pp100LiveStrip span{font-size:.58rem;color:#7390aa}
body.v100 .pp100LiveStrip button:last-child{background:linear-gradient(135deg,rgba(114,232,255,.10),rgba(103,135,255,.11));border-color:rgba(114,232,255,.18)}

body.v100 .pp100ReleaseContent{display:grid;gap:12px;margin:12px 0 4px;padding:0}
body.v100.pp90-playing .pp100ReleaseContent{display:none}
body.v100 .pp100ReleaseHead{padding:24px;border:1px solid var(--pp1-line);border-radius:22px;background:linear-gradient(135deg,#0d1a2c,#091421)}
body.v100 .pp100ReleaseHead>span{color:var(--pp1-green);font-size:.62rem;font-weight:950;letter-spacing:.14em}
body.v100 .pp100ReleaseHead h2{margin:7px 0 8px;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.035em}
body.v100 .pp100ReleaseHead p{max-width:970px;margin:0;color:#a9bdd4;line-height:1.7}
body.v100 .pp100ReleaseFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.v100 .pp100ReleaseFacts article{padding:18px;border:1px solid var(--pp1-line);border-radius:18px;background:#0b1726}
body.v100 .pp100ReleaseFacts strong{display:block;font-size:1.7rem;color:#eaf4ff}
body.v100 .pp100ReleaseFacts span{display:block;margin-top:2px;color:var(--pp1-cyan);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
body.v100 .pp100ReleaseFacts p{margin:9px 0 0;color:#93a8c0;font-size:.72rem;line-height:1.55}
body.v100 .pp100ReleaseStories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.v100 .pp100ReleaseStories article{padding:20px;border:1px solid var(--pp1-line);border-radius:19px;background:linear-gradient(180deg,#0d1929,#091421)}
body.v100 .pp100ReleaseStories h3{margin:0 0 8px;font-size:1rem}
body.v100 .pp100ReleaseStories p{margin:0;color:#9fb3ca;font-size:.75rem;line-height:1.65}
body.v100 .pp100ReleaseStories a{display:inline-block;margin-top:13px;color:#83e7ff;font-size:.7rem;font-weight:850;text-decoration:none}

/* tools & settings rebuilt */
body.v100 .v61MoreSheet>section{width:min(850px,calc(100vw - 30px));padding:18px;border-radius:24px;background:linear-gradient(180deg,#091625,#07111d);border-color:var(--pp1-line);box-shadow:0 30px 90px rgba(0,0,0,.5)}
body.v100 .v61MoreHead{margin-bottom:13px}
body.v100 .v61MoreHead small{color:var(--pp1-cyan);font-size:.58rem;letter-spacing:.14em}
body.v100 .v61MoreHead h3{font-size:1.45rem;margin:3px 0 0}
body.v100 .v61MoreHead button{border-radius:12px;background:#111f33;border:1px solid var(--pp1-line)}
body.v100 .pp100ToolGroups{display:grid;gap:12px}
body.v100 .pp100ToolGroup{display:grid;gap:7px}
body.v100 .pp100ToolGroup>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}
body.v100 .pp100ToolGroup>header b{font-size:.62rem;letter-spacing:.1em;color:#8ea9c5;text-transform:uppercase}
body.v100 .pp100ToolGroup>header span{font-size:.55rem;color:#667f99}
body.v100 .pp100ToolGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.v100 .pp100ToolGrid button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:78px;padding:11px 12px;border:1px solid var(--pp1-line);border-radius:15px;background:linear-gradient(180deg,#0e1b2c,#0a1523);color:#fff;text-align:left;cursor:pointer;transition:.16s ease}
body.v100 .pp100ToolGrid button:hover{border-color:var(--pp1-line2);background:#112036;transform:translateY(-1px)}
body.v100 .pp100ToolIcon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(114,232,255,.12),rgba(103,135,255,.12));font-size:1.08rem;border:1px solid rgba(144,190,255,.10)}
body.v100 .pp100ToolGrid b{font-size:.76rem;line-height:1.1}
body.v100 .pp100ToolGrid small{margin-top:3px;color:#8fa4bb;font-size:.58rem;line-height:1.28}

/* draft reliability and mobile flow */
body.v100 #draft #rollBtn{position:static!important;inset:auto!important;transform:none!important;z-index:auto!important}
body.v100 #draft .sidebuttons{position:static!important}
body.v100 #draft .reveal{scroll-margin-top:150px}

/* official statistics modal */
body.v100 .pp100StatsModal{position:fixed;inset:0;z-index:320;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,5,10,.80);backdrop-filter:blur(6px)}
body.v100 .pp100StatsModal.open{display:flex}
body.v100 .pp100StatsPanel{width:min(1280px,100%);max-height:92dvh;overflow:auto;padding:20px;border:1px solid var(--pp1-line);border-radius:25px;background:linear-gradient(180deg,#0b1728,#07111e);box-shadow:0 40px 100px rgba(0,0,0,.52)}
body.v100 .pp100StatsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
body.v100 .pp100StatsHead>div>span{display:block;color:var(--pp1-green);font-size:.6rem;font-weight:900;letter-spacing:.14em}
body.v100 .pp100StatsHead h2{margin:4px 0 6px;font-size:1.7rem}
body.v100 .pp100StatsHead p{margin:0;max-width:780px;color:#97acc4;font-size:.72rem;line-height:1.55}
body.v100 .pp100StatsHead button{width:42px;height:42px;border:1px solid var(--pp1-line);border-radius:12px;background:#111f32;color:#fff;cursor:pointer}
body.v100 .pp100StatsTabs{display:flex;gap:6px;margin-bottom:12px}
body.v100 .pp100StatsTabs button{min-height:38px;padding:0 13px;border:1px solid var(--pp1-line);border-radius:10px;background:#0c1828;color:#ccd8e7;cursor:pointer}
body.v100 .pp100StatsTabs button.active{background:linear-gradient(135deg,var(--pp1-green),var(--pp1-cyan));color:#06131b;border-color:transparent;font-weight:900}
body.v100 .pp100StatsMetrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
body.v100 .pp100StatsMetrics article{padding:13px;border:1px solid var(--pp1-line);border-radius:15px;background:#0d1a2b}
body.v100 .pp100StatsMetrics span{font-size:1rem}
body.v100 .pp100StatsMetrics small{display:block;margin-top:4px;color:#829ab3;font-size:.47rem;letter-spacing:.08em;text-transform:uppercase}
body.v100 .pp100StatsMetrics b{display:block;margin-top:2px;font-size:1.08rem}
body.v100 .pp100StatsSection{margin-top:12px;padding:14px;border:1px solid var(--pp1-line);border-radius:17px;background:#0a1625}
body.v100 .pp100StatsSection>header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}
body.v100 .pp100StatsSection h3{margin:0;font-size:.92rem}
body.v100 .pp100StatsSection header p{margin:0;color:#7e95ad;font-size:.58rem}
body.v100 .pp100AllTime{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body.v100 .pp100AllTime div{padding:11px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}
body.v100 .pp100AllTime small{display:block;color:#8199b2;font-size:.49rem;text-transform:uppercase;letter-spacing:.07em}
body.v100 .pp100AllTime b{display:block;margin-top:4px;font-size:.95rem}
body.v100 .pp100DbGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
body.v100 .pp100DbGrid article{padding:12px;border-radius:13px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.05)}
body.v100 .pp100DbGrid strong{display:block;font-size:1.2rem;color:#dff8ff}
body.v100 .pp100DbGrid span{display:block;margin-top:3px;color:#8da4bd;font-size:.54rem;line-height:1.25}
body.v100 .pp100Charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.v100 .pp100Chart{padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.018)}
body.v100 .pp100Chart h4{margin:0 0 9px;font-size:.68rem}
body.v100 .pp100Bars{height:145px;display:flex;align-items:end;gap:5px}
body.v100 .pp100Bars>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
body.v100 .pp100Bars b{font-size:.46rem;color:#cbd9e8;font-weight:850}
body.v100 .pp100Bars i{display:block;width:100%;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--pp1-cyan),var(--pp1-green));box-shadow:0 0 12px rgba(114,232,255,.08)}
body.v100 .pp100Bars small{font-size:.39rem;color:#647d97;white-space:nowrap}
body.v100 .pp100StatsTableWrap{overflow:auto;border:1px solid rgba(255,255,255,.05);border-radius:13px}
body.v100 .pp100StatsTable{width:100%;border-collapse:collapse;min-width:720px;font-size:.62rem}
body.v100 .pp100StatsTable th,body.v100 .pp100StatsTable td{padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.05);text-align:right}
body.v100 .pp100StatsTable th:first-child,body.v100 .pp100StatsTable td:first-child{text-align:left}
body.v100 .pp100StatsTable th{position:sticky;top:0;background:#0d1a2a;color:#91a9c1;font-size:.51rem;text-transform:uppercase;letter-spacing:.06em}
body.v100 .pp100StatsNote{margin-top:9px;color:#718aa4;font-size:.55rem;line-height:1.55}
body.v100 .pp100StatsError{padding:32px;text-align:center;color:#9fb4ca}

/* content pages / official V1 badge */
body.v100 .pp100OfficialBadge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(109,231,170,.20);border-radius:999px;background:rgba(109,231,170,.06);color:#9df3ca;font-size:.55rem;font-weight:850}

@media(max-width:1180px){
 body.v100 .pp100ReleaseFacts{grid-template-columns:1fr 1fr}
 body.v100 .pp100ReleaseStories{grid-template-columns:1fr 1fr}
 body.v100 .pp100LiveStrip{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.v100 .pp100StatsMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.v100 .pp100DbGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.v100 .pp100ToolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
 body.v100{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
 body.v100 .topbar{top:6px}
 body.v100 .pp100PrimaryNav{display:none!important}
 body.v100 .pp100MobileDock{position:fixed;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));z-index:205;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:1px solid var(--pp1-line);border-radius:18px;background:rgba(6,12,21,.94);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(0,0,0,.38)}
 body.v100 .pp100MobileDock button{min-width:0;min-height:54px;padding:5px 2px;border:0;border-radius:12px;background:transparent;color:#dce7f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.95rem;cursor:pointer}
 body.v100 .pp100MobileDock button span{font-size:.5rem;color:#8fa5bd;white-space:nowrap}
 body.v100 .pp100MobileDock button.active{background:linear-gradient(135deg,rgba(114,232,255,.10),rgba(103,135,255,.10))}
 body.v100 .pp100LangBtn{min-width:48px;padding:0 8px}
 body.v100 .pp100LangBtn small{display:none}
 body.v100 .pp100LangGrid{grid-template-columns:1fr 1fr}
 body.v100 .pp100LiveStrip{grid-template-columns:1fr 1fr;gap:6px}
 body.v100 .pp100LiveStrip button{padding:11px;border-radius:14px}
 body.v100 .pp100ReleaseHead{padding:18px}
 body.v100 .pp100ReleaseFacts{grid-template-columns:1fr 1fr;gap:6px}
 body.v100 .pp100ReleaseFacts article{padding:14px}
 body.v100 .pp100ReleaseStories{grid-template-columns:1fr}
 body.v100 .v61MoreSheet>section{left:7px!important;right:7px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:calc(100dvh - 90px - env(safe-area-inset-bottom))!important;padding:14px!important;border-radius:22px!important}
 body.v100 .pp100ToolGrid{grid-template-columns:1fr 1fr;gap:6px}
 body.v100 .pp100ToolGrid button{grid-template-columns:36px minmax(0,1fr);min-height:68px;padding:9px}
 body.v100 .pp100ToolIcon{width:36px;height:36px;border-radius:10px}
 body.v100 .pp100StatsModal{align-items:flex-end;padding:0}
 body.v100 .pp100StatsPanel{width:100%;max-height:calc(100dvh - 68px - env(safe-area-inset-bottom));padding:14px 11px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}
 body.v100 .pp100StatsHead h2{font-size:1.35rem}
 body.v100 .pp100StatsMetrics{grid-template-columns:1fr 1fr;gap:6px}
 body.v100 .pp100AllTime{grid-template-columns:1fr 1fr}
 body.v100 .pp100DbGrid{grid-template-columns:1fr 1fr}
 body.v100 .pp100Charts{grid-template-columns:1fr}
 body.v100 .pp100Bars{height:125px}
 body.v100 #draft #rollBtn{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important}
 body.v100 #draft .sidebar{padding-bottom:11px!important}
}
@media(max-width:430px){
 body.v100 .pp100ReleaseFacts{grid-template-columns:1fr}
 body.v100 .pp100LiveStrip{grid-template-columns:1fr 1fr}
 body.v100 .pp100ToolGrid{grid-template-columns:1fr 1fr}
 body.v100 .pp100ToolGrid b{font-size:.69rem}
 body.v100 .pp100ToolGrid small{font-size:.53rem}
 body.v100 .pp100StatsMetrics{grid-template-columns:1fr 1fr}
}
/* V1 header keeps utilities inside More instead of duplicating them across the top bar. */
body.v100 .topright>.topbtn,body.v100 .topright>#v61MoreTop,body.v100 .topright>.v60AccountBtn,body.v100 .topright>#themeBtn,body.v100 .topright>#v80GiftTop{display:none!important}
body.v100 .topright>.pp100LangBtn{display:flex!important}