/* FourColorComic v40.31.92 — 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}}