/* PocketNexus v8.75.2 — Home / Dashboard Concept Polish */
#app:has(.pnHomeCommandCenter){max-width:1500px}
.pnHomeCommandCenter{display:grid;gap:18px;width:100%;min-width:0;color:#f7f9fc}
.pnHomeCommandCenter *{box-sizing:border-box}
.pnHomeHero,.pnHomeSnapshot,.pnHomeMeta,.pnHomeQuick,.pnHomeContinue,.pnHomeRecent,.pnHomeOnboarding{min-width:0}

/* Compact app hero stays secondary to the command-center data */
.pnHomeHero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;border:1px solid #22384e;border-radius:18px;background:linear-gradient(145deg,rgba(15,29,43,.96),rgba(7,15,24,.98));box-shadow:0 14px 34px rgba(0,0,0,.18);position:relative;overflow:hidden;color:#fff}
.pnHomeHero:after{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(77,161,255,.13),transparent 69%);pointer-events:none}
.pnHomeHero>div{position:relative;z-index:1;min-width:0}.pnHomeHero h1{margin:5px 0 3px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.03;letter-spacing:-.04em;color:#fff}.pnHomeHero p{margin:0;color:#b7c5d5;font-size:.9rem;line-height:1.45}.pnHomeHeroAction{flex:0 0 auto}.pnHomeHeroAction button{min-height:44px;padding:10px 16px;font-weight:850;color:#fff}

/* Competitive snapshot — visually matches the approved concept */
.pnHomeSnapshot{padding:18px 18px 20px;border:1px solid #20364c;border-radius:18px;background:linear-gradient(180deg,rgba(9,20,31,.96),rgba(6,14,23,.98));box-shadow:0 12px 32px rgba(0,0,0,.14);color:#fff}
.pnHomeSnapshotHead,.pnHomeSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pnHomeSnapshotHead h2,.pnHomeSectionHead h2{margin:3px 0 0;font-size:1.08rem;line-height:1.25;color:#fff}.pnHomeCloudHint{flex:0 0 auto;padding:5px 8px;border:1px solid #2b4055;border-radius:999px;color:#aab9ca;font-size:.67rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.pnHomeMetricStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.pnHomeMetric{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;align-items:center;min-width:0;min-height:142px;padding:20px 20px;border:1px solid #243b52;border-radius:18px;background:linear-gradient(145deg,rgba(7,16,25,.95),rgba(9,19,29,.96));text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.16);color:#fff!important;overflow:hidden}
.pnHomeMetric:hover{border-color:#416481;transform:translateY(-1px);background:linear-gradient(145deg,rgba(10,22,34,.98),rgba(10,22,33,.98))}
.pnHomeMetric:before{content:"◆";grid-column:1;grid-row:1/4;display:grid;place-items:center;width:58px;height:58px;border:1px solid #22446d;border-radius:16px;background:linear-gradient(145deg,#102a49,#0c2038);color:#78adff;font-size:1.45rem;font-weight:900;box-shadow:inset 0 0 22px rgba(73,148,255,.06)}
.pnHomeMetric:nth-child(2):before{content:"▥";border-color:#195846;background:linear-gradient(145deg,#0b3a31,#082c27);color:#62e4c0}
.pnHomeMetric:nth-child(3):before{content:"▰";border-color:#4a3478;background:linear-gradient(145deg,#261b49,#1b1539);color:#ac79ff}
.pnHomeMetric:nth-child(4):before{content:"▣";border-color:#67501f;background:linear-gradient(145deg,#3a3014,#292411);color:#ffd06c}
.pnHomeMetric>span{grid-column:2;color:#c9d4e2!important;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pnHomeMetric strong{grid-column:2;display:block;max-width:100%;margin-top:2px;color:#fff!important;font-size:1.35rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.pnHomeMetric small{grid-column:2;display:block;max-width:100%;margin-top:2px;color:#c7d2df!important;font-size:.79rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Meta remains analytical but uses the same visual language */
.pnHomeMeta{padding:18px;border:1px solid #20364c!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(10,21,32,.92),rgba(7,15,24,.96));color:#fff}.pnHomeMetaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.pnHomeMetaCell{min-width:0;padding:13px 14px;border:1px solid #223b52;border-radius:13px;background:rgba(7,15,23,.68);color:#fff}.pnHomeMetaCell>span{display:block;color:#aebdce!important;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.pnHomeMetaCell strong{display:block;margin-top:7px;color:#fff!important;font-size:1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnHomeMetaCell small{display:block;margin-top:4px;color:#b5c3d2!important;font-size:.71rem;line-height:1.3}.pnHomeMetaFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #1e3348;color:#aebdce;font-size:.7rem}.pnHomeMetaFooter>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnHomeMetaFooter .textButton{flex:0 0 auto;min-height:32px;padding:5px 8px;color:#fff}

/* Quick actions — concept-inspired, readable, useful */
.pnHomeQuick{padding:7px 2px 10px}.pnHomeQuick .eyebrow{display:none}.pnHomeQuick .pnHomeSectionHead h2{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;letter-spacing:-.025em;color:#fff;margin:0}
.pnHomeQuickGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.pnHomeQuickGrid button{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:13px;align-items:center;min-width:0;min-height:92px;padding:15px 16px;border:1px solid #3a78dc;border-radius:17px;background:linear-gradient(145deg,rgba(21,43,76,.82),rgba(10,24,43,.92));box-shadow:0 9px 24px rgba(0,0,0,.16),inset 0 0 26px rgba(68,137,255,.05);text-align:left;color:#fff!important;overflow:hidden}
.pnHomeQuickGrid button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.pnHomeQuickGrid button>span{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:13px;background:linear-gradient(145deg,#3d89f7,#2f66d8);color:#fff!important;font-size:1.15rem;font-weight:900;box-shadow:0 7px 18px rgba(34,103,214,.3)}
.pnHomeQuickGrid strong{grid-column:2;grid-row:1;align-self:end;display:block;min-width:0;color:#fff!important;font-size:.92rem;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnHomeQuickGrid strong:after{display:block;margin-top:5px;color:#d3deea;font-size:.69rem;line-height:1.2;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnHomeQuickGrid button:after{content:"›";grid-column:3;grid-row:1/3;align-self:center;justify-self:end;color:#fff;font-size:1.55rem;line-height:1;font-weight:400}
.pnHomeQuickGrid button:nth-child(1) strong:after{content:"Track your games"}
.pnHomeQuickGrid button:nth-child(2){border-color:#7842d6;background:linear-gradient(145deg,rgba(54,31,91,.82),rgba(27,18,49,.94))}.pnHomeQuickGrid button:nth-child(2)>span{background:linear-gradient(145deg,#7d45dc,#5527b8);box-shadow:0 7px 18px rgba(101,52,197,.3)}.pnHomeQuickGrid button:nth-child(2) strong:after{content:"Create and test decks"}
.pnHomeQuickGrid button:nth-child(3){border-color:#29bda4;background:linear-gradient(145deg,rgba(15,66,58,.82),rgba(8,37,34,.94))}.pnHomeQuickGrid button:nth-child(3)>span{background:linear-gradient(145deg,#2eb99f,#177b70);box-shadow:0 7px 18px rgba(31,157,136,.28)}.pnHomeQuickGrid button:nth-child(3) strong:after{content:"See what's trending"}
.pnHomeQuickGrid button:nth-child(4){border-color:#d9a83c;background:linear-gradient(145deg,rgba(70,54,20,.82),rgba(37,29,13,.94))}.pnHomeQuickGrid button:nth-child(4)>span{background:linear-gradient(145deg,#efbe55,#b98525);box-shadow:0 7px 18px rgba(201,151,45,.26)}.pnHomeQuickGrid button:nth-child(4) strong:after{content:"Improve your skills"}
.pnHomeQuickGrid button:nth-child(5){border-color:#d53d62;background:linear-gradient(145deg,rgba(75,24,42,.82),rgba(41,15,27,.94))}.pnHomeQuickGrid button:nth-child(5)>span{background:linear-gradient(145deg,#e3486e,#b62249);box-shadow:0 7px 18px rgba(200,44,84,.28)}.pnHomeQuickGrid button:nth-child(5) strong:after{content:"Get AI deck help"}

.pnHomeContinue{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #20364c!important;border-radius:15px!important;background:rgba(8,18,28,.9);color:#fff}.pnHomeContinue>div:first-child{min-width:0}.pnHomeContinue h2{margin:3px 0 4px;font-size:1.05rem;color:#fff}.pnHomeContinue p{margin:0;color:#b7c5d5!important;font-size:.78rem;line-height:1.4}.pnHomeContinue>button,.pnHomeContinueButtons{flex:0 0 auto}.pnHomeContinueButtons{display:flex;gap:7px}.pnHomeContinue button{min-height:38px;padding:8px 12px;font-size:.76rem;color:#fff!important}
.pnHomeRecent{padding:17px 18px;border:1px solid #20364c!important;border-radius:16px!important;background:rgba(8,18,28,.9);color:#fff}.pnHomeActivityList{display:grid;margin-top:8px}.pnHomeActivityRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:10px 2px;border-top:1px solid #1f3448;color:#fff}.pnHomeActivityRow:first-child{border-top:0}.pnHomeActivityResult{min-width:42px;padding:5px 7px;border:1px solid currentColor;border-radius:8px;text-align:center;font-size:.68rem;font-weight:900;background:rgba(255,255,255,.02)}.pnHomeActivityRow>div{min-width:0}.pnHomeActivityRow strong{display:block;min-width:0;color:#fff!important;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnHomeActivityRow strong span{color:#aebdce;font-weight:650}.pnHomeActivityRow small{display:block;margin-top:3px;color:#aebdce!important;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnHomeActivityRow time{color:#aebdce!important;font-size:.7rem;white-space:nowrap}
.pnHomeModuleError{display:grid;gap:4px;margin-top:12px;padding:16px;border:1px dashed #33485d;border-radius:12px;background:rgba(7,15,23,.48);color:#fff}.pnHomeModuleError strong{color:#fff!important;font-size:.86rem}.pnHomeModuleError span{color:#afbdcc!important;font-size:.76rem;line-height:1.45}.pnHomeModuleLink{margin-top:10px;min-height:35px;padding:7px 10px;font-size:.74rem;color:#fff}
.pnHomeOnboarding{padding:19px 20px;border:1px solid #20364c!important;border-radius:16px!important;background:rgba(8,18,28,.9);color:#fff}.pnHomeOnboarding>div:first-child{max-width:720px}.pnHomeOnboarding h2{margin:4px 0 5px;color:#fff;font-size:1.25rem}.pnHomeOnboarding p{margin:0;color:#b7c5d5!important;font-size:.82rem;line-height:1.5}.pnHomeOnboardingActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.pnHomeOnboardingActions button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num title" "num copy";column-gap:10px;row-gap:2px;align-items:center;min-height:78px;padding:12px;border:1px solid #2a425a;border-radius:12px;background:rgba(7,15,23,.72);text-align:left;box-shadow:none;color:#fff!important}.pnHomeOnboardingActions button:hover{transform:none;border-color:#4b7397;background:rgba(16,31,46,.92)}.pnHomeOnboardingActions button>span{grid-area:num;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid #33506b;background:#102236;color:#fff!important;font-weight:900}.pnHomeOnboardingActions strong{grid-area:title;color:#fff!important;font-size:.8rem}.pnHomeOnboardingActions small{grid-area:copy;color:#afbdcc!important;font-size:.7rem;line-height:1.3}
.pnHomeCommandCenter button:focus-visible{outline:2px solid #8dc8ff;outline-offset:3px}

@media(max-width:1120px){.pnHomeMetricStrip,.pnHomeMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pnHomeQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pnHomeQuickGrid button:last-child{grid-column:1/-1}}
@media(max-width:768px){.pnHomeCommandCenter{gap:14px}.pnHomeHero{padding:17px 16px}.pnHomeHero h1{font-size:2rem}.pnHomeHeroAction{display:none}.pnHomeSnapshot{order:2}.pnHomeMeta{order:3}.pnHomeQuick{order:4}.pnHomeContinue{order:5}.pnHomeRecent{order:6}.pnHomeOnboarding{order:2}.pnHomeMetricStrip{grid-template-columns:1fr 1fr;gap:9px}.pnHomeMetric{grid-template-columns:44px minmax(0,1fr);column-gap:11px;min-height:108px;padding:14px}.pnHomeMetric:before{width:42px;height:42px;border-radius:12px;font-size:1rem}.pnHomeMetric strong{font-size:1.08rem}.pnHomeMetric small{font-size:.69rem;white-space:normal}.pnHomeMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pnHomeQuickGrid{grid-template-columns:1fr 1fr}.pnHomeQuickGrid button{min-height:82px;padding:12px}.pnHomeQuickGrid button>span{width:42px;height:42px}.pnHomeContinue{align-items:stretch;flex-direction:column}.pnHomeContinue>button,.pnHomeContinueButtons{width:100%}.pnHomeContinue>button{align-self:stretch}.pnHomeContinueButtons button{flex:1}.pnHomeOnboardingActions{grid-template-columns:1fr}.pnHomeOnboardingActions button{min-height:68px}}
@media(max-width:430px){.pnHomeCommandCenter{gap:12px}.pnHomeHero{border-radius:15px;padding:15px}.pnHomeHero h1{font-size:1.75rem}.pnHomeHero p{font-size:.8rem}.pnHomeSnapshot,.pnHomeMeta,.pnHomeRecent,.pnHomeOnboarding{padding:13px}.pnHomeSnapshotHead,.pnHomeSectionHead{gap:8px}.pnHomeCloudHint{display:none}.pnHomeMetricStrip{grid-template-columns:1fr;gap:8px;margin-top:10px}.pnHomeMetric{grid-template-columns:48px minmax(0,1fr);min-height:94px;padding:13px}.pnHomeMetric:before{width:46px;height:46px}.pnHomeMetric strong{font-size:1.12rem}.pnHomeMetric small{font-size:.72rem}.pnHomeMetaGrid{gap:6px;margin-top:10px}.pnHomeMetaCell{padding:10px}.pnHomeMetaCell strong{font-size:.9rem;white-space:normal}.pnHomeMetaFooter{align-items:flex-start;flex-direction:column}.pnHomeMetaFooter>span{white-space:normal}.pnHomeQuick .pnHomeSectionHead h2{font-size:1.25rem}.pnHomeQuickGrid{grid-template-columns:1fr;gap:8px}.pnHomeQuickGrid button,.pnHomeQuickGrid button:last-child{grid-column:auto;min-height:78px;padding:12px 14px}.pnHomeQuickGrid strong{font-size:.88rem}.pnHomeContinue{padding:13px}.pnHomeContinueButtons{flex-direction:column}.pnHomeActivityRow{grid-template-columns:auto minmax(0,1fr);gap:9px}.pnHomeActivityRow time{grid-column:2}.pnHomeActivityRow strong,.pnHomeActivityRow small{white-space:normal}.pnHomeRecent .pnHomeSectionHead{align-items:flex-start;flex-direction:column}.pnHomeRecent .pnHomeSectionHead>button{align-self:flex-start}}
@media(max-width:390px){.pnHomeMetaGrid{grid-template-columns:1fr}.pnHomeHero h1{font-size:1.62rem}}
@media(prefers-reduced-motion:reduce){.pnHomeCommandCenter button{transition:none!important}.pnHomeMetric:hover,.pnHomeQuickGrid button:hover{transform:none}}


/* v8.80.1 — visual depth pass */
.pnHomeHeroVisual{min-height:210px;padding:28px 30px;background:
 radial-gradient(circle at 76% 42%,rgba(112,72,255,.34),transparent 23%),
 radial-gradient(circle at 92% 10%,rgba(34,167,255,.16),transparent 26%),
 linear-gradient(120deg,#101735 0%,#101b35 42%,#091522 100%);border-color:#3d4e82;isolation:isolate}
.pnHomeHeroVisual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 55%,black);pointer-events:none}
.pnHomeHeroCopy{max-width:700px}.pnHomeHeroVisual h1{font-size:clamp(2.35rem,4vw,4.1rem);letter-spacing:-.055em;line-height:.95}.pnHomeHeroVisual p{max-width:650px;margin-top:10px;font-size:1rem}.pnHomeHeroButtons{display:flex;gap:9px;margin-top:20px}.pnHomeHeroButtons button{min-width:130px}
.pnHomeHeroArt{position:absolute;right:2.5%;top:0;width:38%;height:100%;pointer-events:none}.pnHomeHeroOrb{position:absolute;right:12%;top:18%;width:150px;height:150px;border-radius:50%;border:18px solid rgba(116,77,255,.22);box-shadow:0 0 70px rgba(112,72,255,.32),inset 0 0 30px rgba(112,72,255,.2)}.pnHomeHeroOrb:after{content:"";position:absolute;left:-18px;right:-18px;top:47%;height:18px;background:rgba(116,77,255,.24)}.pnHomeHeroCard{position:absolute;width:112px;height:156px;border-radius:12px;border:1px solid rgba(164,140,255,.55);background:linear-gradient(145deg,rgba(132,86,255,.52),rgba(12,31,55,.96));box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 25px rgba(110,70,255,.2)}.pnHomeHeroCard:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:radial-gradient(circle at 50% 36%,rgba(137,98,255,.6),transparent 35%),linear-gradient(160deg,#1c3760,#10192d)}.pnHomeHeroCardA{right:35%;top:22%;transform:rotate(-10deg)}.pnHomeHeroCardB{right:8%;top:16%;transform:rotate(8deg)}
.pnHomeSnapshot{background:linear-gradient(180deg,rgba(9,22,35,.98),rgba(6,16,27,.98))}.pnHomeMetric{border-color:#2b4b69;background:linear-gradient(145deg,#0b1a2a,#08131f)}.pnHomeMetric:hover{border-color:#795cff;box-shadow:0 10px 28px rgba(87,57,198,.13)}
.pnHomeMeta{padding:15px 16px!important}.pnHomeMetaGrid{gap:8px;margin-top:10px}.pnHomeMetaCell{position:relative;min-height:88px;padding:12px 12px 10px 48px!important;overflow:hidden}.pnHomeMetaIndex{position:absolute;left:12px;top:14px;color:#6f55dd;font-size:.72rem;letter-spacing:.08em}.pnHomeMetaCell strong{font-size:1.05rem!important}.pnHomeMetaFooter{margin-top:8px;padding-top:8px}
.pnHomeQuick{padding-top:2px}.pnHomeQuickGrid button{min-height:84px;background:linear-gradient(135deg,rgba(40,28,106,.94),rgba(16,24,48,.96));border-color:#5e45ca}.pnHomeQuickGrid button:hover{border-color:#8d72ff;box-shadow:0 12px 30px rgba(80,50,190,.2)}
.pnHomeContinue{border-color:#2c4965!important;background:linear-gradient(100deg,#0b1b2c,#0a1522)}
@media(max-width:900px){.pnHomeHeroArt{opacity:.45;width:46%}.pnHomeHeroCopy{position:relative;z-index:2}.pnHomeHeroVisual{min-height:190px}}
@media(max-width:600px){.pnHomeHeroVisual{min-height:180px;padding:20px}.pnHomeHeroArt{display:none}.pnHomeHeroVisual h1{font-size:2.35rem}.pnHomeHeroButtons{display:grid;grid-template-columns:1fr 1fr}.pnHomeMetaCell{padding-left:42px!important}}