/* FourColorComic v40.31.93 — New Collector Dashboard + Collection XP */
#dashboard .fcc192-onboarding{display:grid;gap:16px;color:#eef4ff}
#dashboard .fcc192-welcome{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:22px;padding:32px;border:1px solid rgba(91,139,213,.42);border-radius:18px;background:linear-gradient(135deg,rgba(7,13,25,.98),rgba(17,21,42,.97) 55%,rgba(28,18,48,.96));box-shadow:0 18px 50px rgba(0,0,0,.22)}
#dashboard .fcc192-welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(74,201,255,.08),transparent 34%,transparent 70%,rgba(255,75,138,.08));pointer-events:none}
#dashboard .fcc192-halftone{position:absolute;inset:-60px -20px auto auto;width:420px;height:260px;opacity:.14;background-image:radial-gradient(circle,#fff 1.2px,transparent 1.3px);background-size:12px 12px;transform:rotate(-8deg);pointer-events:none}
#dashboard .fcc192-welcome-copy,#dashboard .fcc192-welcome-xp{position:relative;z-index:1;min-width:0}
#dashboard .fcc192-kicker,#dashboard .fcc192-eyebrow,#dashboard .fcc192-panel-head span,#dashboard .fcc192-promise span{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#65d5ff}
#dashboard .fcc192-welcome h1{margin:9px 0 10px;max-width:760px;font-size:clamp(34px,4.6vw,67px);line-height:.92;letter-spacing:-.045em;color:#fff;text-wrap:balance}
#dashboard .fcc192-welcome h1 em{font-style:normal;color:#7be3ff;text-shadow:0 0 22px rgba(86,210,255,.18)}
#dashboard .fcc192-welcome p{max-width:740px;margin:0;color:#aebbd0;font-size:15px;line-height:1.65}
#dashboard .fcc192-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}
#dashboard .fcc192-actions button{min-height:116px;padding:15px;border:1px solid rgba(104,130,172,.35);border-radius:14px;background:rgba(13,22,38,.78);color:#eef5ff;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
#dashboard .fcc192-actions button:hover{transform:translateY(-2px);border-color:rgba(111,217,255,.7);background:rgba(20,31,52,.95)}
#dashboard .fcc192-actions button.fcc192-primary{border-color:rgba(82,210,255,.65);background:linear-gradient(145deg,rgba(18,73,105,.72),rgba(17,36,66,.88))}
#dashboard .fcc192-actions button>span{display:block;margin-bottom:8px;font-size:21px;color:#77deff}
#dashboard .fcc192-actions button>b{display:block;font-size:14px}
#dashboard .fcc192-actions button>small{display:block;margin-top:6px;color:#8f9eb4;line-height:1.35}
#dashboard .fcc192-welcome-xp{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:18px;border-left:1px solid rgba(100,126,170,.25)}
#dashboard .fcc192-xp{padding:18px;border:1px solid rgba(121,92,255,.36);border-radius:16px;background:rgba(9,15,28,.72)}
#dashboard .fcc192-xp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#dashboard .fcc192-xp-head>div:first-child{display:grid;gap:3px}
#dashboard .fcc192-xp-head b{font-size:20px;color:#fff}
#dashboard .fcc192-xp-total{display:flex;align-items:baseline;gap:5px}.fcc192-xp-total strong{font-size:30px;color:#fff}.fcc192-xp-total span{font-size:10px;font-weight:900;color:#9aa8bd}
#dashboard .fcc192-xp-track{height:10px;margin:14px 0 9px;border:1px solid rgba(126,143,176,.25);border-radius:999px;overflow:hidden;background:#090e19}
#dashboard .fcc192-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ccfff,#8c62ff 62%,#ff5b95)}
#dashboard .fcc192-xp-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#8fa0b8;font-size:11px}
#dashboard .fcc192-xp-foot button{border:0;background:transparent;color:#78dfff;font:inherit;font-weight:800;cursor:pointer;padding:3px}
#dashboard .fcc192-rank-note{display:grid;gap:5px;margin-top:12px;padding:13px 4px 0;color:#8899af;font-size:11px;line-height:1.5}.fcc192-rank-note b{color:#dfe9f8;font-size:12px}
#dashboard .fcc192-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px}
#dashboard .fcc192-panel{padding:20px;border:1px solid rgba(80,111,159,.35);border-radius:16px;background:rgba(8,15,28,.95)}
#dashboard .fcc192-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(81,106,145,.24)}
#dashboard .fcc192-panel-head h2{margin:4px 0 0;font-size:20px;color:#fff}.fcc192-panel-head>b{font-size:22px;color:#73ddff}
#dashboard .fcc192-steps{display:grid;gap:7px;margin-top:12px}
#dashboard .fcc192-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:rgba(16,25,43,.62);color:#dce7f5;text-align:left;cursor:pointer}
#dashboard .fcc192-step:hover{border-color:rgba(93,207,255,.35);background:rgba(20,31,52,.84)}
#dashboard .fcc192-step.done{opacity:.72}.fcc192-check{font-size:18px;color:#65ddff}.fcc192-step span:nth-child(2){display:grid;gap:2px}.fcc192-step small{color:#8191a9}.fcc192-step em{font-style:normal;font-size:10px;font-weight:900;color:#6ddcff;letter-spacing:.06em}
#dashboard .fcc192-legends>p{margin:14px 0;color:#8fa0b7;font-size:12px}
#dashboard .fcc192-legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#dashboard .fcc192-legend-grid button{min-height:94px;padding:12px;border:1px solid rgba(91,113,151,.32);border-radius:12px;background:linear-gradient(145deg,rgba(18,27,46,.84),rgba(10,17,30,.9));color:#fff;text-align:left;cursor:pointer}
#dashboard .fcc192-legend-grid button:hover{border-color:rgba(137,99,255,.65)}.fcc192-legend-grid b{display:block;font-size:15px}.fcc192-legend-grid small{display:block;margin:4px 0 11px;color:#8998ae}.fcc192-legend-grid span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6fdcff}
#dashboard .fcc192-promise{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border:1px solid rgba(224,176,53,.26);border-radius:14px;background:linear-gradient(90deg,rgba(32,25,12,.78),rgba(10,16,28,.94));color:#f0f4fb}.fcc192-promise span{color:#f5c74c!important}.fcc192-promise b{font-size:13px}
#dashboard .fcc192-live-tracker{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:12px;align-items:stretch;margin-bottom:14px}
#dashboard .fcc192-live-tracker .fcc192-xp{padding:13px 16px;border-color:rgba(78,196,242,.32);background:rgba(8,16,30,.96)}
#dashboard .fcc192-live-tracker .fcc192-xp-head b{font-size:16px}.fcc192-live-tracker .fcc192-xp-total strong{font-size:23px}.fcc192-live-tracker .fcc192-xp-track{height:7px;margin:8px 0 6px}
#dashboard .fcc192-xp-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(83,109,151,.32);border-radius:14px;background:rgba(8,16,30,.96)}
#dashboard .fcc192-xp-sources span{display:grid;align-content:center;gap:3px;padding:12px 14px;border-right:1px solid rgba(83,109,151,.24);color:#8697ae;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.fcc192-xp-sources span:last-child{border-right:0}.fcc192-xp-sources b{font-size:15px;color:#eef5ff;letter-spacing:0;text-transform:none}
.fcc192-modalback{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(1,4,10,.78);backdrop-filter:blur(8px)}
.fcc192-modal{width:min(720px,100%);max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(95,132,186,.46);border-radius:18px;background:#0a1220;color:#edf4ff;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.fcc192-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fcc192-modal-head h2{margin:4px 0 0}.fcc192-modal-head button{border:1px solid #334661;border-radius:9px;background:#111d30;color:#dfe9f7;padding:8px 12px;cursor:pointer}.fcc192-modal>p{color:#a1b0c5;line-height:1.6}
.fcc192-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fcc192-breakdown div{display:flex;justify-content:space-between;gap:8px;padding:12px;border:1px solid #263750;border-radius:10px;background:#0d1829}.fcc192-breakdown span{color:#98a8bd}.fcc192-breakdown b{color:#78ddff}
.fcc192-tier-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.fcc192-tier-list span{display:grid;gap:3px;padding:10px;border:1px solid #293a53;border-radius:10px;color:#798ba5}.fcc192-tier-list span.earned{border-color:#466f89;color:#eaf5ff;background:#102235}.fcc192-tier-list small,.fcc192-muted{color:#8293aa}
@media(max-width:1050px){#dashboard .fcc192-welcome{grid-template-columns:1fr}.fcc192-welcome-xp{border-left:0!important;border-top:1px solid rgba(100,126,170,.25)}#dashboard .fcc192-grid{grid-template-columns:1fr}#dashboard .fcc192-live-tracker{grid-template-columns:1fr}}
@media(max-width:760px){#dashboard .fcc192-welcome{padding:20px}.fcc192-actions{grid-template-columns:1fr!important}.fcc192-actions button{min-height:86px!important}.fcc192-legend-grid{grid-template-columns:1fr 1fr!important}.fcc192-xp-sources{grid-template-columns:1fr 1fr!important}.fcc192-xp-sources span:nth-child(2){border-right:0}.fcc192-xp-sources span:nth-child(-n+2){border-bottom:1px solid rgba(83,109,151,.24)}.fcc192-promise{align-items:flex-start!important;flex-direction:column}.fcc192-breakdown{grid-template-columns:1fr}.fcc192-tier-list{grid-template-columns:1fr 1fr}}
@media(max-width:460px){#dashboard .fcc192-legend-grid{grid-template-columns:1fr!important}#dashboard .fcc192-welcome h1{font-size:36px}.fcc192-xp-foot{align-items:flex-start!important;flex-direction:column}.fcc192-live-tracker{min-width:0}.fcc192-xp-sources{grid-template-columns:1fr!important}.fcc192-xp-sources span{border-right:0!important;border-bottom:1px solid rgba(83,109,151,.24)}.fcc192-xp-sources span:last-child{border-bottom:0}}


/* v40.31.93 populated dashboard cleanup */
#dashboard .v413-dashboard{
  grid-template-columns:minmax(0,2.02fr) minmax(360px,.98fr);
  gap:14px 16px;
  align-items:start;
}
#dashboard .fcc192-live-tracker{
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);
  gap:12px;
  align-items:start;
  min-width:0;
  margin:0;
}
#dashboard .v413-overview{grid-column:2;grid-row:1;min-height:0}
#dashboard .v413-snapshot{grid-column:1;grid-row:2;min-height:0}
#dashboard .v413-recent{grid-column:1;grid-row:3}
#dashboard .v413-movers{grid-column:2;grid-row:3}
#dashboard .v413-opportunities{grid-column:1/-1}

#dashboard .fcc192-live-tracker .fcc192-xp{
  min-height:430px;
  padding:20px;
  border-color:rgba(126,93,255,.42);
  border-radius:15px;
  background:linear-gradient(155deg,rgba(10,18,34,.98),rgba(7,13,26,.985));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
#dashboard .fcc192-live-tracker .fcc192-xp-head{align-items:center}
#dashboard .fcc192-live-tracker .fcc192-xp-head b{font-size:24px;letter-spacing:-.02em}
#dashboard .fcc192-live-tracker .fcc192-xp-total strong{font-size:31px;color:#a985ff}
#dashboard .fcc192-live-tracker .fcc192-xp-total span{font-size:11px;color:#b8c3d4}
#dashboard .fcc192-live-tracker .fcc192-xp-track{height:8px;margin:15px 0 7px;background:#0a1120}
#dashboard .fcc192-xp-progress-labels{display:flex;justify-content:space-between;gap:12px;color:#8393aa;font-size:10px}
#dashboard .fcc192-xp-progress-labels span:last-child{text-align:right;color:#b89cff}
#dashboard .fcc192-dashboard-tier-list{position:relative;display:grid;gap:2px;margin:14px 0 11px;padding-left:2px}
#dashboard .fcc192-dashboard-tier-list:before{content:"";position:absolute;left:11px;top:15px;bottom:15px;width:1px;background:#293b58}
#dashboard .fcc192-dashboard-tier{position:relative;z-index:1;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:34px;padding:4px 7px;border:1px solid transparent;border-radius:9px;color:#8d9db3}
#dashboard .fcc192-dashboard-tier>span{width:9px;height:9px;margin-left:4px;border:2px solid #40516c;border-radius:50%;background:#0c1525;box-shadow:0 0 0 4px #091220}
#dashboard .fcc192-dashboard-tier b{font-size:11px;font-weight:750;color:inherit}
#dashboard .fcc192-dashboard-tier small{font-size:10px;color:#718299}
#dashboard .fcc192-dashboard-tier.earned{color:#aebbd0}
#dashboard .fcc192-dashboard-tier.earned>span{border-color:#7967ff;background:#7967ff}
#dashboard .fcc192-dashboard-tier.current{border-color:rgba(135,91,255,.32);background:linear-gradient(90deg,rgba(109,70,255,.18),rgba(109,70,255,.04));color:#e9e5ff}
#dashboard .fcc192-dashboard-tier.current>span{width:13px;height:13px;margin-left:2px;border:3px solid #9c7cff;background:#c0aaff;box-shadow:0 0 13px rgba(151,112,255,.55),0 0 0 4px #12142b}
#dashboard .fcc192-dashboard-tier.current small{color:#bba8ff}
#dashboard .fcc192-live-tracker .fcc192-xp-foot{padding-top:9px;border-top:1px solid rgba(65,83,116,.34)}

#dashboard .fcc192-xp-sources{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-self:start;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
#dashboard .fcc192-xp-source{
  min-height:138px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:14px 10px;
  border:1px solid #22324c;
  border-radius:13px;
  background:linear-gradient(155deg,rgba(12,23,42,.98),rgba(7,14,27,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  text-align:center;
}
#dashboard .fcc192-xp-source i{
  width:38px;height:38px;display:grid;place-items:center;margin-bottom:5px;border-radius:11px;
  background:linear-gradient(145deg,rgba(104,72,255,.25),rgba(48,154,255,.13));
  color:#9b84ff;font-size:18px;font-style:normal;
}
#dashboard .fcc192-xp-source:nth-child(2) i{color:#66bbff;background:linear-gradient(145deg,rgba(55,126,255,.25),rgba(40,83,180,.13))}
#dashboard .fcc192-xp-source:nth-child(3) i{color:#64e1b3;background:linear-gradient(145deg,rgba(50,207,150,.2),rgba(33,118,97,.12))}
#dashboard .fcc192-xp-source b{font-size:20px;line-height:1.1;color:#fff;letter-spacing:-.025em;text-transform:none}
#dashboard .fcc192-xp-source span{display:block;padding:0;border:0;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#c8d2e1}
#dashboard .fcc192-xp-source small{font-size:9px;color:#778aa4}

#dashboard .v413-panel{border-color:#20314b;border-radius:14px;background:linear-gradient(155deg,rgba(9,18,34,.985),rgba(5,12,24,.985));box-shadow:0 15px 38px rgba(0,0,0,.16)}
#dashboard .v413-panel-head{height:48px;padding:0 16px}
#dashboard .v413-overview-body{padding:17px 17px 13px;grid-template-columns:minmax(0,1.4fr) 150px}
#dashboard .v413-total-value{font-size:36px}
#dashboard .v413-chart{height:112px}
#dashboard .v413-featured-book .v413-cover-box{height:190px}
#dashboard .v413-metric-strip{gap:7px;padding:0 17px 13px}
#dashboard .v413-metric{padding:9px 10px}
#dashboard .v413-metric b{font-size:14px}
#dashboard .v413-counts{grid-template-columns:repeat(4,1fr)}
#dashboard .v413-count{grid-template-columns:27px 1fr;gap:7px;padding:10px 10px;min-height:65px}
#dashboard .v413-count i{width:27px;height:27px}
#dashboard .v413-count em{grid-column:2;font-size:7px;color:#8292aa;font-style:normal;text-transform:uppercase;letter-spacing:.05em}
#dashboard .v413-snapshot-list{padding:3px 14px}
#dashboard .v413-snapshot-row{padding:11px 2px}
#dashboard .v413-book-strip{min-height:232px}
#dashboard .v413-book-card{padding:10px}
#dashboard .v413-book-card .v413-cover-box{height:145px}
#dashboard .v413-mover-grid{grid-template-columns:1fr;gap:8px;padding:10px;height:auto}
#dashboard .v413-mover-card{grid-template-columns:58px minmax(0,1fr);padding:9px;align-items:center}
#dashboard .v413-mover-card .v413-cover-box{width:58px;height:82px}
#dashboard .v413-mover-card strong{font-size:14px;margin-top:5px}

@media(max-width:1240px){
  #dashboard .v413-dashboard{grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr)}
  #dashboard .fcc192-live-tracker{grid-template-columns:1fr}
  #dashboard .fcc192-live-tracker .fcc192-xp{min-height:0}
}
@media(max-width:1050px){
  #dashboard .v413-dashboard{grid-template-columns:1fr 1fr}
  #dashboard .fcc192-live-tracker{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)}
  #dashboard .v413-overview,#dashboard .v413-snapshot,#dashboard .v413-recent,#dashboard .v413-movers{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  #dashboard .v413-dashboard{grid-template-columns:1fr}
  #dashboard .fcc192-live-tracker{grid-column:1;grid-template-columns:1fr}
  #dashboard .fcc192-xp-sources{grid-template-columns:1fr 1fr!important}
  #dashboard .fcc192-xp-source{min-height:110px}
  #dashboard .fcc192-dashboard-tier{grid-template-columns:20px minmax(0,1fr) auto}
}
@media(max-width:460px){
  #dashboard .fcc192-xp-sources{grid-template-columns:1fr!important}
  #dashboard .fcc192-xp-source{min-height:96px}
}