@import url('tokens.css');
@import url('base.css');
@import url('navigation.css');
@import url('components/cards.css');
@import url('pages/home.css');
@import url('pages/workspaces.css');
@import url('responsive.css');
@import url('responsive-v8.50.9.css');

@import url('pages/battle-streamer-v8.43.css');
/* V8.48 — Account + Cloud Sync consolidation */
.v848SyncCenter{margin-bottom:16px}.v848DomainGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.v848Domain{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel2,var(--panel));display:flex;flex-direction:column;gap:5px;min-width:0}.v848DomainCount{font-size:28px;font-weight:800;line-height:1}.v848Domain small{display:block;overflow-wrap:anywhere}.dangerText{color:var(--danger,#ef6b73)}
/* V8.49 Competitive Creator Expansion */
.v849Grid{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;margin-top:14px}.v849Grid section{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel)}.v849Journey{display:flex;gap:8px;overflow:auto;margin-top:12px;padding-bottom:4px}.v849JourneyStep{min-width:120px;border:1px solid var(--line);border-radius:12px;padding:9px;display:grid;gap:3px}.v849JourneyStep.win{border-color:#3c8}.v849JourneyStep.loss{border-color:#d66}.v849JourneyStep.tie{border-color:#ca6}.v849JourneyStep span{font-weight:800;font-size:12px}.v849JourneyStep small{opacity:.72}.v849Shared span{display:block;padding:5px 0;border-bottom:1px solid var(--line)}@media(max-width:760px){.v849Grid{grid-template-columns:1fr}}
/* V8.50.1 QA Batch 1 */
.v849ShareLanding{max-width:760px;margin:48px auto;padding:20px}.v849ShareLanding .v849Shared span{display:block;padding:8px 10px;margin:6px 0;border:1px solid var(--line);border-radius:10px}.sharedDeckMode #mobileNav{display:none!important}
/* V8.51.15 — Simulation Lab cloud backend + visual state */
.simLabHero{margin-bottom:16px}.simDeckPicker{padding:14px 18px}.simMetricGrid{margin-top:10px}.simPrimaryGrid{align-items:stretch}.simResultGrid{display:grid;gap:16px;margin-top:16px}.simResultGrid>div{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.simResultGrid>div:last-child{border-bottom:0}.simResultGrid .simbar{grid-column:1/-1}.simEmpty{min-height:190px;display:grid;place-content:center;text-align:center;gap:6px;border:1px dashed var(--line);border-radius:14px;background:#0b141e;color:var(--muted)}.simEmpty strong{color:var(--text);font-size:1.05rem}.simHistoryPanel{margin:14px 0}.simHistoryList{display:grid;gap:9px;margin-top:12px}.simHistoryRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:center;background:#0b141e;border:1px solid var(--line);border-radius:13px;padding:12px}.simHistoryRow>div{display:grid;gap:2px}.simHistoryRow strong{font-size:1rem}.simHistoryRow span,.simHistoryRow small{color:var(--muted);font-size:.75rem}.simHistoryRow small{text-align:right}@media(max-width:800px){.simHistoryRow{grid-template-columns:repeat(2,minmax(0,1fr))}.simHistoryRow small{grid-column:1/-1;text-align:left}}

/* V8.52.1 — Pocket Coach Real AI */
.coachPage{max-width:1540px;margin:0 auto}.coachHero{padding:8px 4px 22px;gap:24px}.coachHero h1{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;margin:.18em 0}.coachStatus{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.coachLayout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.coachSidebar{position:sticky;top:86px;min-height:650px}.coachHistoryList{display:grid;gap:8px;margin-top:14px}.coachHistoryItem{width:100%;display:grid;text-align:left;gap:5px;padding:12px 13px;border-radius:12px;background:#0b141e;border:1px solid var(--line);color:var(--text)}.coachHistoryItem:hover,.coachHistoryItem.active{border-color:#3ca9f5;background:#102234}.coachHistoryItem small{color:var(--muted);font-size:.72rem}.coachEmptySide{margin-top:14px;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.85rem}.coachMain{min-height:650px;padding:0;overflow:hidden}.coachTopBar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}.coachTopBar h2{margin:3px 0 0}.coachQuickPrompts{display:flex;gap:8px;overflow:auto;padding:14px 20px;border-bottom:1px solid var(--line)}.coachQuickPrompts button{white-space:nowrap;background:#0b141e;border:1px solid var(--line);color:var(--text);padding:9px 12px;border-radius:999px;font-size:.8rem}.coachQuickPrompts button:hover{border-color:#3ca9f5}.coachThread{height:490px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,rgba(20,39,56,.32),rgba(7,13,19,.06))}.coachWelcome{max-width:640px;margin:auto;text-align:center;color:var(--muted)}.coachWelcome h2{color:var(--text);font-size:1.8rem}.coachOrb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(145deg,#52b8ff,#6c63ff);color:#07111a;font-size:1.7rem;box-shadow:0 12px 45px rgba(70,158,255,.22)}.coachMessage{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;max-width:920px}.coachMessage.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 42px}.coachMessage.user .coachAvatar{grid-column:2}.coachMessage.user .coachBubble{grid-column:1;grid-row:1;background:#14304a;border-color:#2d75a8}.coachAvatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#132230;border:1px solid var(--line);font-size:.72rem;font-weight:800}.coachMessage.assistant .coachAvatar{background:linear-gradient(145deg,#1c405c,#242d60);color:#9fd8ff}.coachBubble{background:#0b141e;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.coachBubble p{margin:8px 0 0;line-height:1.58}.coachMessageMeta{display:flex;align-items:center;gap:9px}.coachMessageMeta span{font-size:.67rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px}.coachSources{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.coachSources span{font-size:.68rem;padding:4px 7px;border-radius:999px;background:#122232;border:1px solid #26435a;color:#a9d8f6}.coachComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 20px;border-top:1px solid var(--line);background:#0d1722}.coachComposer textarea{min-height:54px;max-height:150px;resize:vertical}.coachComposer button{min-width:106px}.coachGuardrail{font-size:.72rem;color:var(--muted);padding:0 20px 17px;background:#0d1722}.coachThinking{display:flex;align-items:center;gap:6px}.coachThinking span{width:6px;height:6px;border-radius:50%;background:#66bfff;animation:coachPulse 1s infinite alternate}.coachThinking span:nth-child(3){animation-delay:.2s}.coachThinking span:nth-child(4){animation-delay:.4s}@keyframes coachPulse{to{opacity:.25;transform:translateY(-3px)}}.coachError{margin:0 20px 12px}@media(max-width:900px){.coachLayout{grid-template-columns:1fr}.coachSidebar{position:static;min-height:auto}.coachHistoryList{grid-template-columns:repeat(2,minmax(0,1fr))}.coachThread{height:58vh}.coachStatus{justify-content:flex-start}.coachHero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.coachHistoryList{grid-template-columns:1fr}.coachComposer{grid-template-columns:1fr}.coachComposer button{width:100%}.coachMessage{grid-template-columns:34px minmax(0,1fr)}.coachMessage.user{grid-template-columns:minmax(0,1fr) 34px}.coachAvatar{width:32px;height:32px;border-radius:10px}.coachThread{padding:14px}}

/* V8.54.1 cache marker — public competitive identities */

/* V8.54.2 cache marker — team management + competitive seasons */

/* V8.54.3 — Team Wars Ranked Queue */
.rankedQueuePanel{margin-top:18px;position:relative;overflow:hidden}.rankedQueuePanel:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.35}.rankedBigRating{font-size:28px;letter-spacing:-.04em}.rankedRatingPill{font-weight:800}.queueRules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.queueRules span{padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);font-size:13px}.rankedQueueButton{width:100%;min-height:48px;font-weight:900}.queuePulse{display:flex;align-items:center;gap:10px;margin:18px 0}.queuePulse span{width:12px;height:12px;border-radius:50%;background:currentColor;animation:twPulse 1.25s infinite}.rankedMatchup{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:18px 0}.rankedMatchup>div{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.rankedMatchup>div:last-child{text-align:right}.rankedMatchup strong,.rankedMatchup small{display:block}.privateMatchCode{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.18)}.privateMatchCode span{font-size:11px;letter-spacing:.12em;opacity:.7}.privateMatchCode strong{font-size:24px;letter-spacing:.14em;margin-right:auto}.rankedResultButtons button{flex:1}@keyframes twPulse{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.25);opacity:1}}@media(max-width:720px){.queueRules{grid-template-columns:1fr}.rankedMatchup{grid-template-columns:1fr;text-align:center}.rankedMatchup>div:last-child{text-align:center}.privateMatchCode{flex-wrap:wrap}.privateMatchCode strong{width:100%;margin:0}.privateMatchCode button{width:100%}}

/* V8.54.4 — Team Wars UI Rework: complete without clutter */
.teamWarsV8544{max-width:1500px;margin:0 auto;padding-bottom:40px}.teamWarsV8544 .compactIdentityHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:22px;margin-bottom:12px}.teamWarsV8544 .compactIdentityHero .teamHeroLogo{width:70px;height:70px;border-radius:18px}.teamWarsV8544 .compactIdentityHero .teamHeroCopy h1{margin:0}.teamWarsV8544 .compactIdentityHero .teamHeroCopy p{margin:6px 0 0;max-width:620px}.twHeroStats{display:flex;gap:8px}.twHeroStats>div{min-width:86px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:grid;gap:2px;text-align:center}.twHeroStats strong{font-size:1.15rem}.twHeroStats span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.twTabBar{position:sticky;top:68px;z-index:8;display:flex;gap:6px;overflow:auto;padding:8px;margin:0 0 14px;border:1px solid var(--line);border-radius:16px;background:rgba(10,18,27,.93);backdrop-filter:blur(14px)}.twTabBar button{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:11px;font-weight:800;white-space:nowrap}.twTabBar button:hover{background:rgba(255,255,255,.04);color:var(--text)}.twTabBar button.active{background:var(--panel2,var(--panel));color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.twTabContent{display:grid;gap:14px}.twOverviewGrid,.twTeamGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.twRosterList{display:grid;gap:6px;margin-top:8px}.twSnapshotStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.twSnapshotStats>div{padding:14px;border-radius:13px;border:1px solid var(--line);background:#0b141e;display:grid;gap:4px}.twSnapshotStats strong{font-size:1.5rem}.twSnapshotStats span{font-size:.72rem;color:var(--muted)}.twFullWidth{width:100%;margin-top:10px}.twRecentWars .warCards.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.twRecentWars .warCard{min-height:92px}.twRankedInfo{margin-top:0}.teamWarsV8544 .rankedQueuePanel{margin-top:0}.twManageStack{display:grid;gap:14px}.twManageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.twDiscoverGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.twLeagueStandalone{margin-top:14px}.teamWarsV8544 .leagueHero{margin-top:0}.teamWarsV8544 .leaguePanel,.teamWarsV8544 .panel{scroll-margin-top:140px}.teamWarsV8544 .rosterRow{min-height:56px}.teamWarsV8544 .managerRoster,.teamWarsV8544 .freeAgentGrid,.teamWarsV8544 .fixtureList{max-height:480px;overflow:auto;padding-right:3px}.teamWarsV8544 .leagueGrid{gap:14px}.teamWarsV8544 .heroButtons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.teamWarsV8544 .compactHero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.teamWarsV8544 .compactHero h1{margin:.15em 0}.teamWarsV8544 .panel h2{margin-top:3px}.teamWarsV8544 .queueRules{margin-bottom:0}
@media(max-width:1050px){.teamWarsV8544 .compactIdentityHero{grid-template-columns:auto 1fr}.twHeroStats,.teamWarsV8544 .compactIdentityHero .heroButtons{grid-column:2}.twOverviewGrid,.twTeamGrid,.twDiscoverGrid{grid-template-columns:1fr}.twRecentWars .warCards.compact{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.teamWarsV8544 .compactIdentityHero{grid-template-columns:1fr;text-align:left;padding:16px}.teamWarsV8544 .compactIdentityHero .teamHeroLogo{width:58px;height:58px}.twHeroStats,.teamWarsV8544 .compactIdentityHero .heroButtons{grid-column:auto}.twHeroStats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.twHeroStats>div{min-width:0}.twTabBar{top:58px;margin-inline:-2px}.twTabBar button{padding:9px 13px}.twOverviewGrid,.twTeamGrid,.twManageGrid{grid-template-columns:1fr}.twRecentWars .warCards.compact{grid-template-columns:1fr}.teamWarsV8544 .compactHero{flex-direction:column}.teamWarsV8544 .compactHero>button{width:100%}}


/* V8.54.5 — Login reliability + clarity */
.entryCard button[disabled],.foundationEntryCard button[disabled]{opacity:.58;cursor:wait;pointer-events:none}
.entryLocalAuthNote{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);font-size:.82rem;line-height:1.45;color:var(--muted,#aab2c4)}
.entryLocalAuthNote strong{color:var(--text,#fff)}
#entryMessage:empty{display:none}
#entryMessage{margin-top:12px}
/* V8.56.0 — Team Ranked 2.0 */
.rankedSeasonHero{display:flex;justify-content:space-between;gap:18px;align-items:center}.rankedSeasonStats{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:10px;min-width:min(100%,460px)}.rankedSeasonStats>div{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:center}.rankedSeasonStats strong{display:block;font-size:1.25rem}.rankedSeasonStats span{font-size:.78rem;color:var(--muted)}.rankedTable{display:grid;gap:7px}.rankedTableHead,.rankedTableRow{display:grid;grid-template-columns:46px minmax(180px,1fr) 90px 80px 90px;gap:10px;align-items:center}.rankedTableHead{padding:0 12px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.rankedTableRow{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);text-align:left}.rankedTableRow:hover,.rankedTableRow.isMine{border-color:var(--accent)}.rankedTableRow>span:nth-child(2){display:flex;align-items:center;gap:9px}.rankedMiniLogo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.7rem}.rankedHistoryList{display:grid;gap:8px}.rankedHistoryRow{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.rankedResultMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:var(--surface-3)}.rankedHistoryRow small{display:block;color:var(--muted);margin-top:3px}.rankedDelta{text-align:right}.rankedDelta small{font-variant-numeric:tabular-nums}.contributorGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.contributorCard{display:grid;grid-template-columns:auto 1fr auto;gap:4px 9px;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.contributorCard span{grid-row:1/3}.contributorCard small{color:var(--muted)}.contributorCard b{grid-row:1/3;grid-column:3}.teamWarsV8544 .twTabContent{display:grid;gap:14px}
@media(max-width:760px){.rankedSeasonHero{align-items:stretch;flex-direction:column}.rankedSeasonStats{grid-template-columns:repeat(2,1fr);min-width:0}.rankedTable{overflow-x:auto}.rankedTableHead,.rankedTableRow{min-width:610px}.rankedHistoryRow{grid-template-columns:38px 1fr}.rankedDelta{grid-column:2;text-align:left}.contributorGrid{grid-template-columns:1fr}}


/* V8.57.0 — Full QA + Mobile Stability Pass */
html{scroll-padding-top:78px}.scrollX,.rankedTable,.tournamentLeaderboardPanel,.tableWrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.panel,.card,.modal,.teamWarsV8544 *{min-width:0}.between{min-width:0}.between>div{min-width:0}input,select,textarea{min-width:0}button{touch-action:manipulation}
@media(max-width:800px){
  .between{align-items:flex-start;gap:10px;flex-wrap:wrap}.between>.row{width:auto;max-width:100%;flex-wrap:wrap}
  .teamWarsV8544,.coachPage{width:100%}.teamWarsV8544 .panel{overflow-wrap:anywhere}
  .rankedTableHead,.rankedTableRow{grid-template-columns:42px minmax(190px,1fr) 76px 70px 76px}
  .rankedHistoryRow>div:nth-child(2){min-width:0}.rankedHistoryRow strong,.rankedHistoryRow small{overflow-wrap:anywhere}
  .tournamentLeaderboardPanel{overflow-x:auto}.tournamentEventSelect{width:100%}
  .modalback{align-items:flex-end;padding:8px}.modal{width:100%;max-width:100%;max-height:92dvh;overflow:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .profileSearchBar,.identitySearchBar{max-width:100%}
}
@media(max-width:600px){
  input,select,textarea{font-size:16px}
  button,.buttonLike{min-height:44px}
  .row{gap:7px;flex-wrap:wrap}.row>button,.row>.buttonLike{max-width:100%}
  .rankedSeasonStats{grid-template-columns:repeat(2,minmax(0,1fr))}.rankedSeasonStats>div{padding:10px 7px}
  .rankedTable{margin-inline:-4px;padding:0 4px}.rankedTableHead,.rankedTableRow{min-width:560px}
  .rankedHistoryRow{padding:10px;gap:9px}.rankedResultMark{width:32px;height:32px}
  .twHeroStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.twHeroStats>div{padding:9px 5px}
  .twTabBar{scrollbar-width:none;scroll-snap-type:x proximity}.twTabBar::-webkit-scrollbar{display:none}.twTabBar button{scroll-snap-align:start;flex:0 0 auto}
  .privateMatchCode strong{font-size:clamp(1.2rem,7vw,1.55rem);overflow-wrap:anywhere}
  .coachThread{height:min(58vh,520px)}
}
@media(max-width:430px){
  #app{padding-bottom:14px}.panel{border-radius:14px}
  .rankedSeasonStats{gap:6px}.rankedSeasonStats strong{font-size:1.1rem}
  .teamWarsV8544 .compactIdentityHero{gap:12px}.teamWarsV8544 .heroButtons{width:100%;justify-content:stretch}.teamWarsV8544 .heroButtons button{flex:1 1 140px}
  .mobileMoreSheet{left:8px;right:8px;bottom:max(76px,calc(66px + env(safe-area-inset-bottom)));max-width:none}
  .globalSearchOverlay{inset:0;padding:8px}.globalSearchPanel{max-height:calc(100dvh - 16px)}
}
@media(max-width:350px){.twHeroStats{grid-template-columns:1fr}.rankedSeasonStats{grid-template-columns:1fr 1fr}.rankedTableHead,.rankedTableRow{min-width:535px}}

/* V8.58.0 — Beta Launch Prep */
.betaInfoGrid{align-items:stretch}.betaInfoGrid>.panel{min-height:100%}.betaFeedbackPanel{margin-top:16px}.betaFeedbackPanel textarea{width:100%;resize:vertical;min-height:110px;margin:8px 0 12px}.betaFeedbackPanel .row{flex-wrap:wrap}
.betaLaunchBadge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
@media(max-width:700px){.betaInfoGrid{grid-template-columns:1fr}.betaFeedbackPanel .row>*{flex:1 1 100%}}

/* V8.59.0 Pocket Sync Foundation */
.pocketSyncPage{display:grid;gap:18px}.pocketSyncHero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;overflow:hidden;position:relative}.pocketSyncHero h1{max-width:760px;margin-bottom:8px}.pocketSyncHeroStatus{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(80,130,255,.12),rgba(126,78,255,.08));display:grid;gap:6px}.pocketSyncHeroStatus span,.pocketSyncHeroStatus small{color:var(--muted)}.pocketSyncHeroStatus strong{font-size:1.35rem}.pocketSyncPipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pocketSyncPipeline article,.pocketSyncTargets article,.pocketSyncRuleGrid article{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px;display:grid;gap:7px}.pocketSyncPipeline article>span:first-child{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-weight:800}.pocketSyncPipeline small,.pocketSyncTargets small,.pocketSyncRuleGrid span{color:var(--muted)}.pocketSyncGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.pocketSyncSources,.pocketSyncTargets,.pocketSyncRuns{display:grid;gap:12px;margin-top:14px}.pocketSyncSource{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.018);display:grid;gap:11px}.pocketSyncSource.featured{box-shadow:inset 3px 0 0 rgba(115,151,255,.8)}.pocketSyncConnection{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.pocketSyncConnection small{color:var(--muted)}.pocketSyncRun{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:13px}.pocketSyncRun div{display:grid;gap:3px}.pocketSyncRun small{color:var(--muted)}.pocketSyncRuleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.pocketSyncRules{overflow:hidden}.badge.warn{border-color:rgba(244,190,80,.4)}
@media(max-width:900px){.pocketSyncHero,.pocketSyncGrid{grid-template-columns:1fr}.pocketSyncPipeline,.pocketSyncRuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pocketSyncHeroStatus{max-width:none}}
@media(max-width:560px){.pocketSyncPipeline,.pocketSyncRuleGrid{grid-template-columns:1fr}.pocketSyncConnection{align-items:flex-start;flex-direction:column}.pocketSyncPage .row.wrap button{flex:1 1 140px}}
/* V8.59.1 Pocket Sync ingestion */
.pocketIngestion textarea{width:100%;margin:12px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:170px}.pocketImportSummary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pocketImportRows{display:grid;gap:8px;max-height:420px;overflow:auto;margin:12px 0}.pocketImportRows article{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px}.pocketImportRows article div{display:grid;gap:3px;min-width:0}.pocketImportRows small{color:var(--muted);overflow-wrap:anywhere}

/* V8.59.2 Pocket Sync Adapter Framework */
.pocketAdapterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.pocketAdapterCard{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.018);display:grid;gap:10px}.pocketAdapterCard small{color:var(--muted);line-height:1.45}.pocketAdapterSelectLabel{display:grid;gap:6px;margin-top:12px;max-width:420px;font-weight:700}.pocketAdapterSelectLabel select{width:100%}.pocketAdapterDiagnostics{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pocketAdapters .infoBox{margin-top:14px}
@media(max-width:700px){.pocketAdapterGrid{grid-template-columns:1fr}.pocketAdapterSelectLabel{max-width:none}}
/* V8.59.3 Automatic Sync Orchestrator */
.pocketOrchestratorGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}.pocketOrchestratorCard{border:1px solid var(--border);border-radius:16px;padding:14px;background:rgba(255,255,255,.025);display:grid;gap:10px}.pocketOrchestratorCard label{display:flex;align-items:center;gap:6px;font-size:.86rem}.pocketOrchestratorCard select{min-height:36px}.pocketOrchestratorCard .check{white-space:nowrap}@media(max-width:700px){.pocketOrchestratorGrid{grid-template-columns:1fr}.pocketOrchestratorCard .row{align-items:stretch}.pocketOrchestratorCard label{justify-content:space-between;width:100%}.pocketOrchestratorCard button{min-height:44px}}

/* V8.59.4 Sync Conflict Resolution + Audit Trail */
.pocketConflictCenter,.pocketAuditTrail{margin-top:16px}.pocketConflictList,.pocketAuditRows{display:grid;gap:12px;margin-top:14px}.pocketConflictCard,.pocketAuditRows>article{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--panel-2,rgba(255,255,255,.025))}.pocketConflictCard p{margin:10px 0}.pocketConflictCompare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pocketConflictCompare>div{border:1px solid var(--border);border-radius:12px;padding:10px;min-width:0}.pocketConflictCompare span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.pocketConflictCompare code{display:block;white-space:pre-wrap;word-break:break-word;font-size:.78rem}.pocketAuditSnapshots{display:grid;gap:6px;margin-top:10px}.pocketAuditSnapshots span{font-size:.82rem;color:var(--muted);word-break:break-word}.pocketAuditSnapshots b{color:var(--text)}@media(max-width:720px){.pocketConflictCompare{grid-template-columns:1fr}.pocketConflictCard>.between,.pocketAuditRows .between{align-items:flex-start;gap:8px;flex-direction:column}}


/* V8.60.0 — Team Ranked Completion Foundation */
.rankedDisputeCenter,.rankedArchive{margin-top:0}.rankedDisputeOpen{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.rankedDisputeOpen textarea{width:100%;margin:8px 0 10px;resize:vertical}.rankedDisputeList{display:grid;gap:8px;margin-top:14px}.rankedDisputeList article{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.rankedDisputeList article p,.rankedDisputeList article>small{grid-column:1/-1;margin:3px 0;color:var(--muted)}.rankedDisputeList article div small{display:block;color:var(--muted);margin-top:3px}.rankedArchiveChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.rankedArchiveChips button{display:flex;gap:7px;align-items:center}.rankedArchiveChips button.active{border-color:var(--accent)}.rankedArchiveDetail{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:600px){.rankedDisputeList article{grid-template-columns:1fr}.rankedDisputeList article .pill{justify-self:start}.rankedArchiveChips{display:grid;grid-template-columns:1fr}.rankedArchiveChips button{justify-content:space-between}}

/* V8.60.1 — Team Ranked Staff Resolution + Audit */
.rankedDisputeCenter .infoBox{margin-top:12px}.rankedDisputeList article.staffCase{grid-template-columns:minmax(0,1fr) auto}.rankedStaffResolve{grid-column:1/-1;display:grid;gap:9px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.rankedStaffResolve textarea{width:100%;resize:vertical}.rankedDisputeTimeline{grid-column:1/-1;display:grid;gap:6px;margin-top:6px}.rankedDisputeTimeline>div{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border:1px dashed var(--line);border-radius:10px}.rankedDisputeTimeline span{text-transform:capitalize;font-weight:700}.rankedDisputeTimeline small{color:var(--muted);text-align:right}
@media(max-width:650px){.rankedDisputeList article.staffCase{grid-template-columns:1fr}.rankedStaffResolve .row>*{flex:1 1 100%}.rankedDisputeTimeline>div{display:grid}.rankedDisputeTimeline small{text-align:left}}

/* V8.60.2 — Ranked lifecycle hardening + screenshot dispute evidence */
.rankedEvidenceBox{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:grid;gap:12px}.rankedEvidenceBox .between small{display:block;color:var(--muted);margin-top:3px}.rankedEvidenceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.rankedEvidenceCard{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2)}.rankedEvidenceThumb{aspect-ratio:16/9;background:#071019;display:grid;place-items:center;overflow:hidden}.rankedEvidenceThumb a,.rankedEvidenceThumb img{width:100%;height:100%;display:block}.rankedEvidenceThumb img{object-fit:cover}.rankedEvidenceThumb span{font-size:.78rem;color:var(--muted)}.rankedEvidenceCard>div:last-child{padding:10px}.rankedEvidenceCard small{display:block;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.rankedEvidenceCard p{margin:8px 0 0;font-size:.86rem}.rankedEvidenceUpload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:9px;align-items:end}.rankedEvidenceUpload label{display:grid;gap:6px;font-weight:800}.rankedEvidenceUpload label small{font-weight:500;color:var(--muted)}.rankedEvidenceUpload input{width:100%}.rankedStaffResolve button[disabled]{opacity:.45;cursor:not-allowed}.rankedNoResult{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.rankedNoResult small{color:var(--muted)}.rankedQaChecklist{display:grid;gap:8px;margin:14px 0}.rankedQaChecklist label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.rankedQaChecklist input{margin-top:3px}.pill.ready{border-color:rgba(80,200,140,.45)}
@media(max-width:760px){.rankedEvidenceUpload{grid-template-columns:1fr}.rankedEvidenceUpload button{width:100%}.rankedEvidenceGrid{grid-template-columns:1fr}}

/* V8.60.3 — Ranked Match Room + End-to-End Beta Completion */
.rankedMatchRoom{display:grid;gap:14px}.rankedMatchTimeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.rankedMatchTimeline>div{display:grid;justify-items:center;gap:6px;text-align:center;color:var(--muted)}.rankedMatchTimeline>div>span{width:30px;height:30px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;background:var(--surface-2)}.rankedMatchTimeline>div.done>span{border-color:rgba(80,200,140,.55)}.rankedMatchTimeline>div.current>span{box-shadow:0 0 0 3px rgba(100,140,255,.14);border-color:var(--accent)}.rankedMatchTimeline small{font-size:.72rem}.rankedRoomInstructions,.rankedReportBox{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.rankedRoomInstructions span,.rankedRoomInstructions small,.rankedReportBox small{color:var(--muted)}.rankedRoomFooter{padding-top:4px}.rankedMatchRoom .identityEmpty{margin:0}.rankedMatchRoom .privateMatchCode{margin:0}
@media(max-width:620px){.rankedMatchTimeline{grid-template-columns:repeat(5,72px);overflow-x:auto;padding-bottom:4px}.rankedMatchRoom .rankedMatchup{grid-template-columns:1fr}.rankedMatchRoom .rankedMatchup>b{justify-self:center}.rankedRoomFooter>*{flex:1 1 150px}}

/* V8.60.4 — Final Team Ranked Polish + Beta Fixes */
.rankedQaPanel.qaPassed{box-shadow:inset 0 0 0 1px rgba(80,200,140,.35)}.rankedQaPass{margin-top:12px;display:grid;gap:4px}.rankedQaPass span{color:var(--muted)}.rankedMatchRoom button:focus-visible,.rankedQaPanel button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rankedResultButtons button{min-width:132px}.rankedMatchRoom .dangerBox strong{display:block;margin-bottom:4px}
@media(max-width:520px){.rankedResultButtons{display:grid;grid-template-columns:1fr 1fr;width:100%}.rankedResultButtons button{width:100%;min-width:0}.rankedQaPanel>.between{align-items:flex-start;gap:10px}.rankedQaPanel .row.wrap>*{flex:1 1 150px}}

/* V8.61.0 — What's This Card? */
.trainingHero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px;padding:8px 2px}.trainingHero h1{margin:.25rem 0}.trainingHero p{max-width:720px}.wtcDate{font-weight:800;letter-spacing:.08em;opacity:.7}.wtcLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.wtcLayout aside{display:grid;gap:18px;align-content:start}.wtcGame{overflow:visible}.wtcStars{font-size:1.15rem;letter-spacing:.08em}.wtcArtFrame{height:min(52vh,520px);min-height:330px;position:relative;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.04);margin:16px 0;display:grid;place-items:center}.wtcArtFrame img{width:100%;height:100%;object-fit:contain;transform:scale(var(--wtc-zoom));transform-origin:50% 31%;transition:transform .45s ease;filter:saturate(1.05)}.wtcArtFrame:not(.revealed) .wtcMask{position:absolute;left:0;right:0;z-index:2;background:var(--panel,#151922)}.wtcArtFrame:not(.revealed) .wtcMask.top{top:0;height:13%}.wtcArtFrame:not(.revealed) .wtcMask.bottom{bottom:0;height:34%}.wtcImageError{display:none}.wtcArtFrame.imageError img{display:none}.wtcArtFrame.imageError .wtcImageError{display:grid;place-items:center;height:100%}.wtcLoading{min-height:360px;display:grid;place-items:center;text-align:center;gap:8px;border:1px dashed rgba(255,255,255,.15);border-radius:20px;margin:16px 0}.wtcGuessBox{margin-top:14px}.wtcInputRow{display:flex;gap:10px;align-items:flex-start}.wtcAutocomplete{position:relative;flex:1}.wtcAutocomplete input{width:100%}.wtcSuggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);padding:6px;background:#161a22;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.wtcSuggestions button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px;border-radius:8px}.wtcSuggestions button:hover{background:rgba(255,255,255,.07)}.wtcHistory{margin-top:18px}.wtcGuessRow{display:grid;grid-template-columns:80px 1fr 28px;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.wtcGuessRow.wrong b{opacity:.65}.wtcGuessRow.correct b{font-size:1.1rem}.wtcReveal{text-align:center;padding:8px 0 4px}.wtcReveal .row{justify-content:center}.wtcStatGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.wtcStatGrid div{padding:14px;border-radius:14px;background:rgba(255,255,255,.045)}.wtcStatGrid strong{display:block;font-size:1.55rem}.wtcStatGrid span{font-size:.78rem;opacity:.7}.wtcComing{margin-top:12px;font-size:.75rem;font-weight:900;letter-spacing:.1em;opacity:.7}
@media(max-width:800px){.trainingHero{align-items:flex-start;flex-direction:column}.wtcLayout{grid-template-columns:1fr}.wtcArtFrame{min-height:300px;height:48vh}.wtcInputRow{flex-direction:column}.wtcInputRow>button{width:100%}.wtcAutocomplete{width:100%}}

/* V8.61.1 Competitive Brain Teasers */
.brainTraining{margin-top:24px}.brainHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.brainHeader h2{margin:.25rem 0}.brainHeader p{max-width:760px;color:var(--muted,#aab2c0)}.brainScore{min-width:130px;text-align:center;padding:14px;border:1px solid var(--border,#303746);border-radius:16px;background:rgba(255,255,255,.03)}.brainScore strong{display:block;font-size:1.5rem}.brainScore span,.brainDifficulty{font-size:.78rem;color:var(--muted,#aab2c0)}.brainTabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.brainTabs span{padding:7px 10px;border:1px solid var(--border,#303746);border-radius:999px;font-size:.8rem}.brainGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brainCard{padding:18px;border:1px solid var(--border,#303746);border-radius:18px;background:var(--panel,#151922)}.brainCard h3{margin:10px 0 6px}.brainCard>p{color:var(--muted,#aab2c0);line-height:1.5}.brainChoices{display:grid;gap:8px;margin-top:14px}.brainChoice{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%}.brainChoice span{font-weight:800}.brainChoice.correct{outline:2px solid rgba(60,210,130,.55)}.brainChoice.wrong{outline:2px solid rgba(240,90,90,.55)}.brainExplain{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04)}.brainExplain p{margin:5px 0 0;color:var(--muted,#aab2c0)}.brainFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}@media(max-width:760px){.brainHeader{display:block}.brainScore{margin-top:12px}.brainGrid{grid-template-columns:1fr}.brainFooter{align-items:stretch;flex-direction:column}}


/* V8.61.4 — Training Profiles + Cloud Stats + Achievements */
.trainingProfile,.trainingAchievements{margin-top:18px}.trainingProfileStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.trainingProfileStats>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.trainingProfileStats strong{display:block;font-size:1.35rem}.trainingProfileStats span{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.trainingAchievementGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.trainingAchievementGrid article{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.trainingAchievementGrid article>b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:.78rem}.trainingAchievementGrid article strong,.trainingAchievementGrid article small{display:block}.trainingAchievementGrid article small{color:var(--muted);font-size:.72rem;margin-top:3px}.trainingAchievementGrid article.locked{opacity:.42;filter:saturate(.4)}.trainingAchievementGrid article.unlocked{box-shadow:inset 0 0 0 1px rgba(90,190,140,.18)}
@media(max-width:900px){.trainingAchievementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.trainingProfileStats,.trainingAchievementGrid{grid-template-columns:1fr 1fr}}

/* V8.61.5 — Daily Challenges + Training Streaks + Profile Showcase */
.trainingDailyChallenges,.trainingShowcase{margin-top:18px}.trainingChallengeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.trainingChallengeGrid article{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.trainingChallengeGrid article>b{font-size:1.15rem}.trainingChallengeGrid article small,.trainingShowcaseGrid small{display:block;color:var(--muted);margin-top:3px}.trainingChallengeGrid article.done{box-shadow:inset 0 0 0 1px rgba(90,190,140,.2)}.trainingStreakLine{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 12px}.trainingStreakLine span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem}.trainingShowcaseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.trainingShowcaseGrid button{display:grid;grid-template-columns:40px 1fr;gap:10px;text-align:left;align-items:center;padding:12px}.trainingShowcaseGrid button>b{font-size:1.05rem}.trainingShowcaseGrid button.selected{box-shadow:inset 0 0 0 2px rgba(90,190,140,.35)}
@media(max-width:850px){.trainingChallengeGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.trainingChallengeGrid,.trainingShowcaseGrid{grid-template-columns:1fr}.trainingStreakLine{display:grid;grid-template-columns:1fr}}

/* V8.62.0 — Mobile UI Overhaul */
:root{--mobile-nav-height:72px}
@media(max-width:800px){
 html{scroll-padding-top:70px;overflow-x:hidden}body{overflow-x:hidden;padding-bottom:calc(var(--mobile-nav-height) + 18px + env(safe-area-inset-bottom))}
 #app{width:min(100% - 20px,var(--max));padding-top:14px;padding-bottom:18px}
 .appHeader{padding-top:env(safe-area-inset-top)}.appHeaderBar{height:58px;min-height:58px;width:calc(100% - 20px)}
 .appBrand:before{width:25px;height:34px}.appBrand strong{font-size:.82rem;white-space:nowrap}
 .globalSearchButton{width:42px;height:42px;justify-content:center;padding:0;border-radius:12px}.globalSearchButton>span:first-child{font-size:1.15rem}
 .panel,.card{padding:14px}.between{gap:10px}.between>h1,.between h1{font-size:clamp(1.65rem,8vw,2.2rem);line-height:1.08}
 button,.buttonLike,a.buttonLike{min-height:44px}.row{gap:8px}.row.wrap>*{flex:1 1 140px}
 input,select,textarea{font-size:16px;min-height:44px}
 .mobileBottomNav{left:0;right:0;bottom:0;border-width:1px 0 0;border-radius:18px 18px 0 0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));background:rgba(8,13,20,.96);box-shadow:0 -12px 32px rgba(0,0,0,.3);gap:2px}
 .mobileBottomNav button{display:grid;place-items:center;align-content:center;gap:3px;min-height:56px;border-radius:13px;padding:5px 2px;font-size:.7rem}.mobileBottomNav button span{font-size:1.12rem;line-height:1}.mobileBottomNav button small{font-size:.66rem;font-weight:800;letter-spacing:.01em}.mobileBottomNav button.active{background:rgba(93,183,255,.13);color:#fff;box-shadow:inset 0 0 0 1px rgba(93,183,255,.2)}
 .mobileMoreBackdrop{padding:0}.mobileMoreSheet{left:0!important;right:0!important;bottom:0!important;width:100%;max-width:none!important;max-height:min(88dvh,760px);border-radius:22px 22px 0 0;padding:12px 14px calc(18px + env(safe-area-inset-bottom));overflow:auto}.mobileMoreHandle{position:sticky;top:0;margin:0 auto 10px}.mobileMoreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobileMoreItem{min-height:58px;padding:10px}.mobileMoreGroup h3{margin-top:16px}
 .modalback{padding:0;align-items:flex-end}.modal{border-radius:22px 22px 0 0;max-height:92dvh;padding:16px 14px calc(18px + env(safe-area-inset-bottom))}
 .globalSearchOverlay{padding:0;align-items:flex-end}.globalSearchPanel{border-radius:22px 22px 0 0;max-height:90dvh;border-left:0;border-right:0;border-bottom:0}.globalSearchInputRow{padding:10px 12px}.globalSearchInputRow input{font-size:16px}
 .scrollX,.rankedTable,.tableWrap,.tournamentLeaderboardPanel{margin-inline:-10px;padding-inline:10px;scroll-padding-inline:10px}
 .wtcArtFrame{height:min(46dvh,440px);min-height:260px}.wtcGuessRow{grid-template-columns:58px minmax(0,1fr) 24px}.trainingHero{margin-bottom:12px}.brainCard{padding:14px}
 .rankedMatchRoom .panel,.rankedQaPanel{padding:13px}.rankedMatchTimeline{scrollbar-width:none}.rankedMatchTimeline::-webkit-scrollbar{display:none}.rankedResultButtons{position:sticky;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 6px);z-index:8;padding:7px;border:1px solid var(--line);border-radius:14px;background:rgba(10,16,24,.94);backdrop-filter:blur(12px)}
 .builderCatalog.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.deckcards.builderDeckCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.collectionBrowserGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .trainingProfileStats{grid-template-columns:repeat(2,minmax(0,1fr))}.trainingProfileStats>div{padding:11px}.trainingAchievementGrid{grid-template-columns:1fr 1fr}.trainingAchievementGrid article{grid-template-columns:34px 1fr;padding:10px;gap:8px}.trainingAchievementGrid article>b{width:32px;height:32px}
}
@media(max-width:430px){
 #app{width:calc(100% - 14px)}.appHeaderBar{width:calc(100% - 14px)}.appBrand strong{max-width:132px;overflow:hidden;text-overflow:ellipsis}.headerTools{gap:4px}
 .panel,.card{padding:12px}.mobileMoreGrid{grid-template-columns:1fr 1fr}.mobileMoreItem strong{font-size:.78rem}
 .wtcStatGrid{gap:7px}.wtcStatGrid div{padding:11px}.brainTabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.brainTabs::-webkit-scrollbar{display:none}.brainTabs span{flex:0 0 auto}
 .trainingAchievementGrid{grid-template-columns:1fr}.rankedSeasonStats{grid-template-columns:1fr 1fr}.pocketSyncPipeline,.pocketSyncRuleGrid{grid-template-columns:1fr}
}
@media(max-width:360px){.appBrand strong{display:none}.mobileBottomNav button small{font-size:.61rem}.mobileBottomNav{padding-left:5px;padding-right:5px}.deckcards.builderDeckCards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V8.62.1 — PWA foundation */
.pwaInstallButton{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line,#303645);background:var(--panel,#181b24);color:inherit;font-weight:800;cursor:pointer}.pwaNotice{position:fixed;z-index:10050;right:max(18px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));max-width:min(440px,calc(100vw - 28px));display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line,#303645);border-radius:16px;background:var(--panel,#181b24);color:inherit;box-shadow:0 18px 50px #0008}.pwaNotice>div{display:grid;gap:2px;flex:1}.pwaNotice span{font-size:.86rem;color:var(--muted,#b9c0cf)}.pwaNotice button{min-height:38px;border:0;border-radius:11px;padding:0 12px;font-weight:800;cursor:pointer}.pwaNoticeClose{background:transparent!important;color:inherit!important;font-size:1.25rem;padding:0 7px!important}@media(max-width:760px){.pwaInstallButton{display:none}.pwaNotice{left:14px;right:14px;bottom:calc(var(--mobile-nav-height,72px) + env(safe-area-inset-bottom) + 12px);max-width:none}}
@media(display-mode:standalone){html,body{overscroll-behavior-y:none}.appHeader{padding-top:env(safe-area-inset-top)}}
/* V8.63.0 — public launch hardening */
.launchLegalPage{max-width:920px;margin:0 auto;padding:clamp(18px,4vw,52px) 16px calc(40px + env(safe-area-inset-bottom))}.launchLegalCard{padding:clamp(20px,4vw,40px)}.launchLegalCard h1{margin:.25rem 0 0}.launchLegalCard h2{margin-top:1.6rem}.launchLegalCard p{line-height:1.65}.buttonLink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;text-decoration:none;background:var(--accent,#7c5cff);color:#fff;font-weight:700}.buttonLink.secondary{background:transparent;color:inherit;border:1px solid var(--border,rgba(255,255,255,.16))}.launchStatusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.launchStatusGrid article{padding:14px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:14px}.launchStatusGrid span,.launchStatusGrid small{display:block;color:var(--muted,#9aa0aa)}.launchStatusGrid strong{display:block;font-size:1.15rem;margin:5px 0}.launchLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:700px){.launchStatusGrid{grid-template-columns:1fr}.launchLegalPage{padding-top:16px}}
/* V8.64.1 — Beta security + PocketNexus brand migration */
.betaQaList{display:grid;gap:8px;margin:14px 0}.betaQaItem{min-height:48px;padding:10px 12px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:12px;background:rgba(255,255,255,.025)}.betaQaItem input{width:22px;height:22px;accent-color:currentColor}.betaQaPanel .badge{white-space:nowrap}@media(max-width:700px){.betaQaPanel>.between{align-items:flex-start;gap:10px}.betaQaPanel .row{display:grid;grid-template-columns:1fr}.betaQaPanel .row button{width:100%}}


/* V8.64.1 Hotfix 3 — tournament recovery, onboarding-style update window, Training Lab polish */
.ppcUpdateBackdrop{z-index:190}.ppcUpdateCard{width:min(860px,100%);max-height:min(90dvh,880px);padding:clamp(18px,3vw,28px);background:radial-gradient(circle at 82% 0,rgba(84,166,255,.15),transparent 30%),linear-gradient(180deg,#14202d,#0b131d)}.ppcUpdateTop h1{max-width:690px;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.02}.ppcUpdateTop .whatsNewClose{width:44px;min-width:44px;height:44px;padding:0;font-size:1.35rem}.ppcUpdateProgress{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.ppcUpdateHero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid rgba(93,183,255,.2);border-radius:18px;background:linear-gradient(120deg,rgba(93,183,255,.11),rgba(127,92,255,.06))}.ppcUpdateMark{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#0a141f;border:1px solid var(--line)}.ppcUpdateMark .pocketBallMark{transform:scale(1.2)}.ppcUpdateHero h2{margin:4px 0 6px}.ppcUpdateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ppcUpdateGrid article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0d1621}.ppcUpdateGrid article>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(93,183,255,.09);border:1px solid rgba(93,183,255,.17);font-weight:900}.ppcUpdateGrid b{font-size:.67rem;letter-spacing:.12em;color:#86cbff}.ppcUpdateGrid h3{margin:3px 0 5px}.ppcUpdateGrid p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.48}.ppcUpdateActions{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.whatsNewToggle{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.whatsNewToggle input{width:18px;height:18px}.ppcUpdateActions .right{margin-left:auto}.trainingHeroV864{position:relative;overflow:hidden;padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 82% 18%,rgba(91,186,255,.16),transparent 28%),linear-gradient(135deg,#111f2d,#0a131c)}.trainingHeroV864:after{content:"";position:absolute;width:230px;height:230px;right:-95px;bottom:-150px;border:34px solid rgba(255,255,255,.025);border-radius:50%}.trainingHeroV864 h1{font-size:clamp(2.25rem,5vw,4.25rem);letter-spacing:-.05em}.trainingHeroPills,.trainingNextMeta,.brainHeroPills{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.trainingHeroPills span,.trainingNextMeta span,.brainHeroPills span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.72rem;color:var(--muted)}.trainingHeroV864 .wtcDate{display:grid;gap:3px;min-width:150px;text-align:right;z-index:1}.trainingHeroV864 .wtcDate small{font-size:.66rem;letter-spacing:.12em;color:#7fc9ff}.trainingHeroV864 .wtcDate strong{font-size:1rem;letter-spacing:.07em}.wtcGame{background:linear-gradient(180deg,rgba(22,34,47,.96),rgba(12,20,29,.96));box-shadow:0 18px 50px rgba(0,0,0,.13)}.wtcArtFrame{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 50px rgba(0,0,0,.18)}.wtcStatGrid div{border:1px solid rgba(255,255,255,.055)}.trainingNextCard{background:linear-gradient(145deg,rgba(80,142,255,.08),rgba(124,84,255,.035))}.brainTraining{margin-top:26px;padding:0}.brainHero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 88% 15%,rgba(127,92,255,.14),transparent 30%),linear-gradient(135deg,#111e2a,#0b141d)}.brainHero h2{font-size:clamp(1.9rem,4vw,3rem);margin:5px 0 7px;letter-spacing:-.035em}.brainHero p{max-width:740px;color:var(--muted);line-height:1.55}.brainScoreRing{--p:calc(var(--brain-progress)*1%);width:126px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5db7ff var(--p),rgba(255,255,255,.08) 0);padding:7px;justify-self:end}.brainScoreRing:before{content:"";grid-area:1/1;width:100%;height:100%;border-radius:50%;background:#101a24}.brainScoreRing div{grid-area:1/1;z-index:1;text-align:center}.brainScoreRing strong,.brainScoreRing span{display:block}.brainScoreRing strong{font-size:2rem}.brainScoreRing span{font-size:.7rem;color:var(--muted)}.brainDashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.brainDashboard article{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.brainDashboard span,.brainDashboard small{display:block;color:var(--muted)}.brainDashboard span{font-size:.66rem;letter-spacing:.1em}.brainDashboard strong{display:block;font-size:1.45rem;margin:5px 0}.brainTabs{padding:4px 0 6px}.brainTabs span{background:#0c1620}.brainGrid{gap:12px}.brainCard{position:relative;overflow:hidden;padding:0;border-radius:20px;background:linear-gradient(180deg,#121e29,#0c151e);box-shadow:0 14px 34px rgba(0,0,0,.08)}.brainCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#5db7ff,#806cff);opacity:.55}.brainCardTop{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:16px 17px 10px}.brainModeIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(93,183,255,.09);border:1px solid rgba(93,183,255,.16);font-weight:900;color:#9ad8ff}.brainCardTop h3{margin:3px 0 0;font-size:1.05rem}.brainDifficulty{padding:5px 8px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.brainScenario{margin:0 16px 12px;padding:12px 13px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(3,9,15,.22)}.brainScenario>span{font-size:.65rem;letter-spacing:.12em;color:#83caff}.brainScenario p{margin:6px 0 0;color:var(--muted);line-height:1.5}.brainChoices{padding:0 16px 16px;margin-top:0}.brainChoice{min-height:50px;padding:10px 12px;border-radius:13px;background:#101a24;border:1px solid rgba(255,255,255,.08);color:var(--text);box-shadow:none}.brainChoice:hover:not(:disabled){border-color:#4b9edb;background:#122437}.brainChoice span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.05)}.brainChoice strong{font-weight:700;line-height:1.35}.brainChoice.correct{outline:none;border-color:rgba(60,210,130,.48);background:rgba(60,210,130,.07)}.brainChoice.wrong{outline:none;border-color:rgba(240,90,90,.45);background:rgba(240,90,90,.06)}.brainExplain{margin:0 16px 16px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:13px}.brainExplain>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:900}.brainExplain.correct{border-color:rgba(60,210,130,.25)}.brainExplain.wrong{border-color:rgba(240,90,90,.22)}.brainExplain p{margin:4px 0 0}.brainFooter{padding:14px 16px}.brainFooter>div{display:grid;gap:3px}.brainFooter span{color:var(--muted);font-size:.8rem}@media(max-width:760px){.ppcUpdateGrid{grid-template-columns:1fr}.ppcUpdateActions{align-items:stretch}.ppcUpdateActions .right{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr}.brainHero{grid-template-columns:1fr}.brainScoreRing{justify-self:start}.brainDashboard{grid-template-columns:1fr 1fr 1fr}.brainCardTop{grid-template-columns:40px minmax(0,1fr)}.brainDifficulty{grid-column:2;justify-self:start}.trainingHeroV864{padding:18px}.trainingHeroV864 .wtcDate{text-align:left}}@media(max-width:520px){.ppcUpdateHero{grid-template-columns:1fr}.ppcUpdateMark{display:none}.ppcUpdateActions .right{grid-template-columns:1fr}.brainDashboard{grid-template-columns:1fr}.brainScoreRing{width:108px}.trainingHeroPills,.brainHeroPills{gap:5px}}

/* V8.64.1 hotfix 4 — compact competitive training: one scenario at a time, all content retained. */
.brainTrainingCompact{margin-top:16px}.brainHeroCompact{grid-template-columns:minmax(0,1fr) auto;padding:17px 20px;gap:16px}.brainHeroCompact h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:3px 0 4px}.brainHeroCompact p{margin:0;font-size:.88rem}.brainCompactStats{min-width:120px;text-align:right}.brainCompactStats strong,.brainCompactStats span{display:block}.brainCompactStats strong{font-size:1.5rem}.brainCompactStats span{font-size:.72rem;color:var(--muted)}.brainTabsCompact{margin:8px 0;padding:0;gap:5px}.brainTabsCompact span{padding:5px 8px;font-size:.7rem}.brainPager{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end;margin:8px 0 10px}.brainPager label{display:grid;gap:4px}.brainPager label>span{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.brainPager select{width:100%;min-height:38px}.brainGridCompact{display:block}.brainGridCompact .brainCard{max-width:none}.brainGridCompact .brainCardTop{padding:12px 15px 8px}.brainGridCompact .brainScenario{margin:0 14px 9px;padding:9px 11px}.brainGridCompact .brainScenario p{line-height:1.38}.brainGridCompact .brainChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px 13px}.brainGridCompact .brainChoice{min-height:44px;padding:8px 10px}.brainGridCompact .brainExplain{margin:0 14px 13px;padding:9px 11px}.brainFooterCompact{margin-top:10px;padding:10px 13px}.brainFooterCompact span{font-size:.72rem}@media(max-width:760px){.brainHeroCompact{grid-template-columns:1fr}.brainCompactStats{text-align:left}.brainPager{grid-template-columns:1fr 1fr}.brainPager label{grid-column:1/-1;grid-row:1}.brainGridCompact .brainChoices{grid-template-columns:1fr}.brainPager button{width:100%}}