.quiz-page{background:#040916}.quiz-host-page{min-width:0}.quiz-shell{--q-bg:#070d1b;--q-panel:#0d1628;--q-card:#111c31;--q-border:rgba(153,170,205,.16);--q-muted:#97a5bf;--q-pink:#ff4f93;--q-violet:#906bff;--q-blue:#4aa9ff;max-width:1440px;margin:0 auto;padding:32px clamp(18px,3vw,48px) 72px;color:#f7f9ff}.quiz-shell *{box-sizing:border-box}.quiz-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:24px;align-items:stretch}.quiz-hero-copy,.quiz-stage-card,.quiz-account-strip,.quiz-mode-card,.quiz-value-grid article,.quiz-roadmap,.quiz-next-stage{border:1px solid var(--q-border);background:linear-gradient(145deg,rgba(17,28,49,.96),rgba(7,13,27,.96));border-radius:24px}.quiz-hero-copy{padding:clamp(28px,5vw,64px);position:relative;overflow:hidden;isolation:isolate}.quiz-hero-copy:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(255,79,147,.28),transparent 66%);z-index:-1}.quiz-kicker,.quiz-section-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff77a9;font-size:.76rem;font-weight:900;letter-spacing:.16em}.quiz-hero h1{font-size:clamp(2.35rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:18px 0}.quiz-hero-copy>p{max-width:760px;color:#aab6ca;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.75;margin:0}.quiz-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.quiz-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:13px;font-size:.86rem;font-weight:850;text-decoration:none}.quiz-btn.primary{color:#fff;background:linear-gradient(135deg,var(--q-pink),#b458ff)}.quiz-btn.secondary{color:#e8edfa;background:rgba(255,255,255,.055);border:1px solid var(--q-border)}.quiz-stage-card{padding:25px;display:flex;flex-direction:column}.quiz-stage-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.72rem;font-weight:850;color:#8998b3}.quiz-stage-card-top strong{color:#62dda1;display:flex;gap:7px;align-items:center}.quiz-stage-visual{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:8px;margin:28px 0 24px;align-items:center}.quiz-stage-visual>span,.quiz-stage-visual>div{min-height:86px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.quiz-stage-visual .quiz-orb{font-size:2rem;color:#fff;background:linear-gradient(145deg,rgba(255,79,147,.45),rgba(144,107,255,.28))}.quiz-stage-visual b{font-size:1.05rem}.quiz-stage-visual small{font-size:.58rem;color:#7f8ba2;font-weight:850;margin-top:5px}.quiz-stage-card h2{font-size:1.25rem;margin:0 0 10px}.quiz-stage-card p{color:var(--q-muted);line-height:1.65;margin:0}.quiz-account-strip{margin-top:18px;padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.quiz-account-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(144,107,255,.13);color:#bfaeff;font-size:1.35rem;overflow:hidden}.quiz-account-icon img{width:100%;height:100%;object-fit:cover}.quiz-account-copy{min-width:0}.quiz-account-copy span{display:block;color:#7e8ca7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.quiz-account-copy strong{display:block;margin-top:3px;font-size:1rem}.quiz-account-copy p{margin:4px 0 0;color:#96a4bc;font-size:.83rem;line-height:1.5}.quiz-text-link{display:inline-flex;align-items:center;gap:8px;color:#ff73a8;text-decoration:none;font-weight:850;font-size:.82rem;white-space:nowrap}.quiz-section,.quiz-roadmap{margin-top:34px}.quiz-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.quiz-section-head h2{font-size:clamp(1.55rem,2.5vw,2.2rem);margin:6px 0 5px}.quiz-section-head p{color:var(--q-muted);margin:0;max-width:720px;line-height:1.55}.quiz-foundation-badge{border:1px solid var(--q-border);background:rgba(255,255,255,.04);padding:9px 12px;border-radius:999px;color:#9fadbf;font-size:.72rem;font-weight:800;white-space:nowrap}.quiz-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quiz-mode-card{padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;min-width:0;transition:border-color .18s ease,transform .18s ease}.quiz-mode-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,79,147,.12);color:#ff76ab;font-size:1.05rem}.tone-violet .quiz-mode-icon{background:rgba(144,107,255,.14);color:#b2a0ff}.tone-blue .quiz-mode-icon{background:rgba(74,169,255,.14);color:#73bcff}.tone-cyan .quiz-mode-icon{background:rgba(74,220,220,.13);color:#71e0dc}.tone-amber .quiz-mode-icon{background:rgba(255,186,73,.13);color:#ffc369}.tone-green .quiz-mode-icon{background:rgba(85,214,155,.13);color:#68dda5}.quiz-mode-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.quiz-mode-meta span,.quiz-mode-meta em{font-style:normal;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.quiz-mode-meta span{color:#73819c}.quiz-mode-meta em{color:#9ca8bc;background:rgba(255,255,255,.05);padding:4px 7px;border-radius:999px}.quiz-mode-card h3{font-size:1rem;margin:0 0 7px}.quiz-mode-card p{font-size:.79rem;line-height:1.55;color:#8997af;margin:0}.quiz-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.quiz-value-grid article{padding:20px}.quiz-value-grid article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#dce5f7}.quiz-value-grid h3{font-size:.96rem;margin:15px 0 7px}.quiz-value-grid p{margin:0;color:#8997ae;font-size:.79rem;line-height:1.55}.quiz-roadmap{padding:24px}.quiz-roadmap-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quiz-roadmap-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.quiz-roadmap-num{font-size:.67rem;font-weight:900;color:#687791}.quiz-roadmap-item strong{display:block;font-size:.78rem}.quiz-roadmap-item small{display:block;color:#6f7d96;font-size:.67rem;margin-top:3px}.quiz-roadmap-item>i{color:#61718c}.quiz-roadmap-item.done{border-color:rgba(90,218,161,.23);background:rgba(90,218,161,.055)}.quiz-roadmap-item.done>i{color:#62dda1}.quiz-next-stage{margin-top:14px;padding:17px 18px;display:flex;align-items:flex-start;gap:14px}.quiz-next-stage>span{width:42px;height:42px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:rgba(144,107,255,.13);color:#b6a5ff}.quiz-next-stage h3{font-size:.9rem;margin:1px 0 6px}.quiz-next-stage p{font-size:.76rem;line-height:1.55;color:#8997ae;margin:0}
@media (hover:hover) and (pointer:fine){.quiz-btn:hover,.quiz-text-link:hover{filter:brightness(1.08)}.quiz-mode-card:hover{transform:translateY(-2px);border-color:rgba(255,105,165,.25)}}
@media(max-width:1100px){.quiz-hero{grid-template-columns:1fr}.quiz-stage-card{min-height:0}.quiz-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-roadmap-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.quiz-shell{padding:20px 14px 54px}.quiz-hero-copy,.quiz-stage-card,.quiz-roadmap{border-radius:19px}.quiz-hero-copy{padding:28px 20px}.quiz-hero h1{font-size:clamp(2.2rem,12vw,3.6rem)}.quiz-stage-visual{grid-template-columns:repeat(3,1fr)}.quiz-stage-visual .quiz-orb{grid-column:1/-1;min-height:70px}.quiz-account-strip{grid-template-columns:auto minmax(0,1fr)}.quiz-account-actions{grid-column:1/-1;padding-left:72px}.quiz-section-head{align-items:flex-start;flex-direction:column}.quiz-foundation-badge{white-space:normal}.quiz-mode-grid,.quiz-value-grid,.quiz-roadmap-list{grid-template-columns:1fr}.quiz-mode-card{min-height:130px}.quiz-roadmap{padding:18px}}
@media(max-width:420px){.quiz-hero-actions{display:grid;grid-template-columns:1fr}.quiz-btn{width:100%}.quiz-stage-visual{gap:6px}.quiz-stage-visual>div{min-height:72px}.quiz-account-strip{padding:14px}.quiz-account-icon{width:50px;height:50px;border-radius:15px}.quiz-account-actions{padding-left:64px}.quiz-mode-card{padding:16px;grid-template-columns:42px minmax(0,1fr)}.quiz-mode-icon{width:42px;height:42px}.quiz-mode-meta{align-items:flex-start;flex-direction:column;gap:5px}.quiz-next-stage{padding:15px}}
@media(prefers-reduced-motion:reduce){.quiz-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Stage 2 database readiness state */
.quiz-stage-card-top strong.is-pending{color:#ffc369}
/* Stage 5 Quick Play entry state */
.quiz-mode-card.is-live{border-color:rgba(255,79,147,.34);background:linear-gradient(145deg,rgba(26,31,57,.98),rgba(11,17,34,.98))}.quiz-mode-meta em.live{color:#77e8ae;background:rgba(82,213,154,.1);border:1px solid rgba(82,213,154,.18)}.quiz-mode-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;min-height:38px;padding:0 12px;border-radius:11px;text-decoration:none;color:#fff;font-size:.73rem;font-weight:900;background:linear-gradient(135deg,#ff4f93,#9b5cff);width:max-content;max-width:100%}.quiz-mode-action.disabled{background:rgba(255,255,255,.05);border:1px solid var(--q-border);color:#9ba8bd;cursor:default;white-space:normal;text-align:left}
@media(max-width:420px){.quiz-mode-action{width:100%}}
/* Stage 9 player snapshot */
.quiz-hub-profile-snapshot{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:stretch}.quiz-hub-profile-snapshot>div,.quiz-hub-profile-snapshot>a{min-width:0;border:1px solid var(--q-border);background:rgba(15,22,40,.88);border-radius:15px;padding:13px}.quiz-hub-profile-snapshot>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center}.quiz-hub-profile-snapshot>div>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(144,107,255,.11);color:#b5a4ff}.quiz-hub-profile-snapshot strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-hub-profile-snapshot small{color:#73829b;font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.quiz-hub-profile-snapshot>a{display:flex;align-items:center;justify-content:center;gap:9px;color:#ff73a8;text-decoration:none;font-size:.72rem;font-weight:900;white-space:nowrap}
@media(max-width:900px){.quiz-hub-profile-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-hub-profile-snapshot>a{grid-column:1/-1;min-height:44px}}
@media(max-width:420px){.quiz-hub-profile-snapshot{gap:7px}.quiz-hub-profile-snapshot>div{padding:11px 9px}.quiz-hub-profile-snapshot>div>span{width:31px;height:31px}.quiz-hub-profile-snapshot>a{padding:11px}}

/* Stage 10 · Quiz XP & Levels */
.quiz-progression-hub{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid rgba(144,107,255,.22);background:linear-gradient(135deg,rgba(144,107,255,.09),rgba(255,79,147,.055));border-radius:22px}.quiz-progression-level{width:74px;height:74px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(144,107,255,.24),rgba(255,79,147,.16));border:1px solid rgba(255,255,255,.08)}.quiz-progression-level span{font-size:.58rem;letter-spacing:.14em;color:#9ba8c0;font-weight:900}.quiz-progression-level strong{font-size:1.5rem;margin-top:2px}.quiz-progression-main{min-width:0}.quiz-progression-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.quiz-progression-heading>div span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#8090ab;font-weight:900}.quiz-progression-heading>div strong{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:1rem}.quiz-progression-heading>div strong i{color:#ff72a8}.quiz-progression-heading em{font-style:normal;color:#c8d3e8;font-size:.82rem;font-weight:900}.quiz-xp-track{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:11px}.quiz-xp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c6cff,#ff4f93)}.quiz-xp-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#7f8da6;font-size:.68rem;font-weight:800}.quiz-profile-snapshot{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:720px){.quiz-progression-hub{grid-template-columns:auto minmax(0,1fr)}.quiz-progression-hub>.quiz-text-link{grid-column:1/-1;justify-content:flex-end}.quiz-progression-level{width:62px;height:62px;border-radius:17px}.quiz-progression-level strong{font-size:1.25rem}.quiz-xp-meta{flex-direction:column;gap:3px}}
@media(max-width:420px){.quiz-progression-hub{padding:14px;gap:12px}.quiz-progression-heading{align-items:flex-start;flex-direction:column;gap:5px}}