/* =========================================================
   V10 FLOW — mobile-first, warm, clean, self-test first
   ========================================================= */
:root{
  --bg:#fff9f6;--bg2:#fffdfb;--panel:#ffffff;--panel2:#fff2ee;
  --text:#34252c;--muted:#786870;--line:rgba(72,45,58,.10);--soft:rgba(255,105,132,.065);
  --pink:#ff5f7f;--purple:#7668ee;--peach:#ff9b7e;--cyan:#62bfd5;
  --shadow:0 18px 50px rgba(87,54,68,.10);--max:1280px;
  --v10-ink:#34252c;--v10-berry:#d9476a;--v10-coral:#ff6c7d;--v10-peach:#ffad8f;
  --v10-cream:#fff9f6;--v10-lilac:#8a78ef;--v10-mint:#62bfa6;
}
:root[data-theme="dark"]{
  --bg:#171318;--bg2:#1d181e;--panel:#211b22;--panel2:#2a2229;--text:#fff8f5;--muted:#c0aeb7;
  --line:rgba(255,239,244,.10);--soft:rgba(255,110,132,.08);--shadow:0 20px 60px rgba(0,0,0,.28);
  --v10-ink:#fff8f5;--v10-cream:#171318;
}
html{background:var(--bg);scroll-padding-top:72px}
body{background:var(--bg);color:var(--text);overflow-x:hidden}
body::selection{background:rgba(255,95,127,.22)}
.section-wrap{width:min(var(--max),calc(100% - 32px))}
.page{overflow:hidden}

/* top navigation */
.v10-topbar{height:66px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line)}
.v10-topbar .topbar-inner{width:min(var(--max),calc(100% - 28px));gap:16px}
.v10-brand{width:auto;gap:7px;font-size:20px;font-weight:950;letter-spacing:-.04em}
.v10-brand>span{color:var(--v10-coral);font-size:16px}
.v10-brand b{font-style:normal}.v10-brand em{font-style:normal;color:var(--v10-berry)}
.v10-nav{gap:2px}.v10-nav .nav-link{padding:9px 12px;border-radius:999px;font-size:13px}
.v10-nav .nav-link:hover,.v10-nav .nav-link.active{background:#fff;color:var(--v10-berry);box-shadow:0 5px 18px rgba(96,61,72,.06)}
:root[data-theme="dark"] .v10-nav .nav-link:hover,:root[data-theme="dark"] .v10-nav .nav-link.active{background:rgba(255,255,255,.08)}
.v10-topbar .icon-button,.v10-topbar .lang-button{height:36px;min-width:36px;border-radius:999px;background:transparent}
.v10-topbar .profile-pill{height:38px;background:transparent}

/* buttons */
.btn{border-radius:999px;min-height:44px;box-shadow:none}
.btn.primary{background:linear-gradient(120deg,var(--v10-coral),var(--v10-berry));box-shadow:0 12px 26px rgba(217,71,106,.18)}
.btn.primary:hover{box-shadow:0 15px 30px rgba(217,71,106,.25)}
.btn.ghost{background:color-mix(in srgb,var(--panel) 74%,transparent);border-color:var(--line)}
.btn.xl{min-height:50px;padding-inline:20px}

/* home hero */
.v10-home-hero{position:relative;padding:58px 0 48px;background:
  radial-gradient(circle at 8% 10%,rgba(255,177,147,.28),transparent 28%),
  radial-gradient(circle at 92% 16%,rgba(138,120,239,.14),transparent 24%),
  linear-gradient(180deg,#fffaf7 0%,var(--bg) 100%)}
:root[data-theme="dark"] .v10-home-hero{background:radial-gradient(circle at 8% 10%,rgba(255,108,125,.15),transparent 26%),radial-gradient(circle at 92% 16%,rgba(138,120,239,.12),transparent 24%),var(--bg)}
.v10-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:52px;align-items:center;min-height:560px}
.v10-home-copy{max-width:690px}.v10-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#fff0eb;color:#b84061;font-size:11px;font-weight:950;letter-spacing:.09em}
:root[data-theme="dark"] .v10-kicker{background:rgba(255,108,125,.12);color:#ff9aae}
.v10-home-copy h1{font-size:clamp(52px,6.5vw,88px);line-height:.91;letter-spacing:-.065em;margin:18px 0 20px;font-weight:950}
.v10-home-copy h1 em{font-style:normal;color:var(--v10-berry)}
.v10-home-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:610px;margin:0 0 24px}
.v10-scan-button{width:min(530px,100%);border:0;background:var(--v10-ink);color:#fff;border-radius:20px;min-height:68px;padding:0 18px 0 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;text-align:left;cursor:pointer;box-shadow:0 16px 32px rgba(52,37,44,.18);transition:transform .18s,box-shadow .18s}
:root[data-theme="dark"] .v10-scan-button{background:#fff4ef;color:#2f2027}
.v10-scan-button:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(52,37,44,.24)}
.v10-scan-button>span{font-size:15px;font-weight:950;letter-spacing:.04em}.v10-scan-button>b{font-size:11px;font-weight:850;color:#ffd3d8;background:rgba(255,255,255,.1);padding:8px 10px;border-radius:999px}
:root[data-theme="dark"] .v10-scan-button>b{color:#a6415b;background:rgba(0,0,0,.06)}
.v10-home-secondary{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.v10-home-secondary a{padding:10px 13px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:850}
.v10-trust{display:block;color:var(--muted);font-size:11px;margin-top:16px}

/* cover stack */
.v10-cover-stack{position:relative;height:510px;max-width:480px;margin-left:auto;width:100%}
.v10-cover-main{position:absolute;inset:20px 38px 20px 34px;border-radius:34px;overflow:hidden;box-shadow:0 28px 65px rgba(90,51,68,.18);transform:rotate(1.5deg);background:#20171d;color:#fff}
.v10-cover-main img,.v10-cover-main>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v10-cover-main>img{filter:saturate(.9) contrast(.96)}
.v10-cover-main>div{background:linear-gradient(180deg,rgba(21,13,18,.06),rgba(31,17,24,.78) 76%,rgba(31,17,24,.96))}
.v10-cover-main>span,.v10-cover-main>b,.v10-cover-main>small{position:absolute;z-index:2;left:26px}.v10-cover-main>span{bottom:122px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#ffdce2}.v10-cover-main>b{bottom:57px;font-size:58px;line-height:1;letter-spacing:-.06em}.v10-cover-main>small{bottom:31px;color:#f6dce4;font-size:12px}
.v10-cover-mini{position:absolute;width:135px;height:170px;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(89,54,69,.15);border:5px solid var(--bg);background:#222;color:#fff}
.v10-cover-mini img{width:100%;height:100%;object-fit:cover}.v10-cover-mini::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(27,17,22,.75))}.v10-cover-mini span{position:absolute;z-index:2;left:12px;bottom:11px;font-size:11px;font-weight:950}.v10-cover-mini.one{left:-3px;top:55px;transform:rotate(-8deg)}.v10-cover-mini.two{right:-4px;bottom:50px;transform:rotate(8deg)}
html[data-motion="on"] .v10-cover-main{animation:v10Float 5.8s ease-in-out infinite}html[data-motion="on"] .v10-cover-mini.one{animation:v10FloatLeft 6.4s ease-in-out infinite}html[data-motion="on"] .v10-cover-mini.two{animation:v10FloatRight 6.9s ease-in-out infinite}
@keyframes v10Float{50%{transform:translateY(-7px) rotate(.6deg)}}@keyframes v10FloatLeft{50%{transform:translateY(8px) rotate(-5deg)}}@keyframes v10FloatRight{50%{transform:translateY(-8px) rotate(5deg)}}

/* section title */
.v10-section-title{margin-bottom:22px}.v10-section-title>span,.v10-section-title>div>span{color:var(--v10-berry);font-size:10px;font-weight:950;letter-spacing:.13em}.v10-section-title h2{margin:5px 0 0;font-size:clamp(29px,3.3vw,43px);line-height:1.04;letter-spacing:-.045em}.v10-section-title.row{display:flex;align-items:end;justify-content:space-between;gap:16px}.v10-section-title.row>a{font-size:12px;color:var(--muted);font-weight:850;display:flex;align-items:center;gap:5px}

/* simple path */
.v10-path{padding:62px 0 18px}.v10-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v10-path-grid>a{min-height:190px;padding:24px;border-radius:24px;background:var(--panel);border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:6px 16px;transition:.18s;box-shadow:0 8px 28px rgba(88,56,69,.04)}.v10-path-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.v10-path-grid>a>b{grid-column:1/3;font-size:10px;color:#aa949e}.v10-path-grid>a>span{font-size:30px}.v10-path-grid small{font-size:9px;font-weight:950;color:var(--v10-berry);letter-spacing:.1em}.v10-path-grid h3{font-size:20px;line-height:1.08;margin:4px 0 7px;letter-spacing:-.025em}.v10-path-grid p{font-size:12px;color:var(--muted);margin:0}

/* fandom strip */
.v10-fandom-strip{padding:58px 0 54px}.v10-fandom-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.v10-fandom-scroll::-webkit-scrollbar,.v10-quiz-scroll::-webkit-scrollbar{display:none}.v10-fandom-scroll>a{position:relative;flex:0 0 175px;height:220px;border-radius:24px;overflow:hidden;scroll-snap-align:start;background:#2b2227;box-shadow:0 12px 32px rgba(82,52,64,.08)}.v10-fandom-scroll img{width:100%;height:100%;object-fit:cover;transition:.35s}.v10-fandom-scroll>a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(32,20,27,.82))}.v10-fandom-scroll>a>div{position:absolute;z-index:2;left:14px;right:14px;bottom:13px;color:white}.v10-fandom-scroll b,.v10-fandom-scroll small{display:block}.v10-fandom-scroll b{font-size:16px}.v10-fandom-scroll small{font-size:9px;color:#f7dfe7;margin-top:2px}.v10-fandom-scroll>a:hover img{transform:scale(1.035)}

/* passport peek */
.v10-passport-peek{margin-top:24px;margin-bottom:72px;display:grid;grid-template-columns:1fr 420px;gap:45px;align-items:center;padding:42px;border-radius:34px;background:linear-gradient(125deg,#3d2933,#5b3346);color:#fff;box-shadow:0 22px 55px rgba(81,46,62,.16)}
.v10-passport-peek>div>span{font-size:10px;letter-spacing:.12em;font-weight:950;color:#ffbdc8}.v10-passport-peek h2{font-size:42px;line-height:1.02;letter-spacing:-.045em;margin:8px 0 13px}.v10-passport-peek p{max-width:640px;color:#eadde2;font-size:14px;line-height:1.65}.v10-passport-peek article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:26px;border-radius:25px}.v10-passport-peek article>small{display:block;color:#e9cad4;font-size:9px;font-weight:900;letter-spacing:.12em}.v10-passport-peek article>strong{font-size:56px;letter-spacing:-.055em}.v10-passport-peek article>em{font-style:normal;color:#ddc7cf;margin-left:5px}.v10-passport-peek article>.passport-power-track{margin:9px 0 15px;background:rgba(255,255,255,.12)}.v10-passport-peek article>div:last-child{display:flex;justify-content:space-between;font-size:11px;color:#f7e6ec}.v10-passport-peek .btn.primary{background:#fff;color:#4d2d3b;box-shadow:none}

/* trending horizontal */
.v10-trending{padding-bottom:62px}.v10-quiz-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.v10-quiz-scroll>button{flex:0 0 265px;scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--panel);padding:0 0 17px;border-radius:23px;overflow:hidden;color:var(--text);cursor:pointer;box-shadow:0 8px 24px rgba(79,48,61,.04)}.v10-quiz-scroll>button>div{height:145px;overflow:hidden;background:linear-gradient(135deg,var(--g1),var(--g2));position:relative}.v10-quiz-scroll img{width:100%;height:100%;object-fit:cover;transition:.3s}.v10-quiz-scroll>button>div>span{display:grid;place-items:center;height:100%;font-size:42px;color:#fff}.v10-quiz-scroll small,.v10-quiz-scroll b,.v10-quiz-scroll em{display:block;margin-inline:16px}.v10-quiz-scroll small{margin-top:14px;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--v10-berry)}.v10-quiz-scroll b{font-size:16px;line-height:1.18;margin-top:5px}.v10-quiz-scroll em{font-style:normal;color:var(--muted);font-size:10px;margin-top:8px}.v10-quiz-scroll>button:hover img{transform:scale(1.04)}

/* more */
.v10-more{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 70px}.v10-more>a{display:flex;align-items:center;gap:16px;padding:23px;border-radius:22px;border:1px solid var(--line);background:var(--panel)}.v10-more>a>span{font-size:28px}.v10-more small,.v10-more b,.v10-more p{display:block}.v10-more small{font-size:9px;color:var(--v10-berry);font-weight:950}.v10-more b{font-size:17px;margin-top:2px}.v10-more p{font-size:11px;color:var(--muted);margin:4px 0 0}

/* daily card warm */
.v9-daily-card{border-radius:25px;background:linear-gradient(115deg,#fff0ec,#f9f2ff);border-color:rgba(105,72,87,.09);box-shadow:none}.v9-daily-card h3{color:#3c2932}.v9-daily-card p{color:#79646e}:root[data-theme="dark"] .v9-daily-card{background:linear-gradient(115deg,#2a2025,#26212f)}:root[data-theme="dark"] .v9-daily-card h3{color:#fff7f4}:root[data-theme="dark"] .v9-daily-card p{color:#c5b0b8}

/* Fan scan intro */
.v10-scan-intro{min-height:calc(100vh - 66px);display:grid;grid-template-columns:340px minmax(0,560px);justify-content:center;align-items:center;gap:55px;padding:48px 20px;background:radial-gradient(circle at 20% 30%,rgba(255,171,143,.23),transparent 28%),radial-gradient(circle at 80% 20%,rgba(138,120,239,.12),transparent 26%),var(--bg)}
.v10-scan-orb{width:310px;height:310px;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(140deg,var(--v10-coral),#dc5379 62%,#8d6ce8);color:#fff;box-shadow:0 32px 70px rgba(201,74,108,.24);position:relative}.v10-scan-orb::before,.v10-scan-orb::after{content:"";position:absolute;border:1px solid rgba(217,71,106,.2);border-radius:50%;inset:-22px}.v10-scan-orb::after{inset:-46px;opacity:.5}.v10-scan-orb span{font-size:108px;line-height:.82;font-weight:950;letter-spacing:-.08em}.v10-scan-orb small{font-weight:950;letter-spacing:.18em;margin-top:12px}.v10-scan-intro-copy h1{font-size:62px;line-height:.92;letter-spacing:-.06em;margin:19px 0 15px}.v10-scan-intro-copy h1 span{color:var(--v10-berry)}.v10-scan-intro-copy>p{color:var(--muted);font-size:16px;margin-bottom:21px}.v10-last-scan{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin-bottom:12px}.v10-last-scan small{font-size:9px;color:var(--muted);font-weight:900}.v10-last-scan b{font-size:22px;margin-left:auto}.v10-last-scan span{font-size:10px;color:var(--v10-berry);font-weight:850}.v10-microcopy{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:10px}

/* quiz play: clean & touch friendly */
.v4-quiz-screen,.quiz-screen{background:var(--bg)!important;color:var(--text)!important;min-height:100dvh}
.quiz-photo-backdrop{opacity:.08!important;filter:blur(1px) saturate(.6)}
.v4-quiz-screen .quiz-top{background:color-mix(in srgb,var(--bg) 92%,transparent);border:0!important;box-shadow:none!important;padding-top:max(10px,env(safe-area-inset-top))}
.v4-quiz-screen .question-wrap{max-width:760px;margin:auto;padding-inline:16px}
.v4-quiz-screen .question-wrap h1{font-size:clamp(28px,7vw,44px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 24px}
.v4-quiz-screen .question-meta{gap:6px}.v4-quiz-screen .question-meta span{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px}
.answer-grid{gap:10px}.answer-option{min-height:64px;border-radius:18px;background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 5px 20px rgba(77,48,60,.035);padding:11px 14px}.answer-option:hover{border-color:rgba(217,71,106,.28)!important}.answer-option .answer-key{width:34px;height:34px;border-radius:11px;background:#fff1ed;color:#bc4563;display:grid;place-items:center;font-weight:900}:root[data-theme="dark"] .answer-option .answer-key{background:rgba(255,108,125,.11);color:#ff9eae}.answer-option.correct{background:#edf9f4!important;border-color:#96d8c1!important}.answer-option.wrong{background:#fff0f1!important;border-color:#ffb5bf!important}:root[data-theme="dark"] .answer-option.correct{background:#18332c!important}:root[data-theme="dark"] .answer-option.wrong{background:#3a2026!important}.timer-pill{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important}.timer-pill.danger{color:#d63c58!important;border-color:#e88999!important}.quiz-progress{background:rgba(92,65,77,.08)!important}.quiz-progress>span{background:linear-gradient(90deg,var(--v10-coral),var(--v10-lilac))!important}.answer-feedback{border-radius:18px!important;background:var(--panel)!important;border-color:var(--line)!important}

/* fan scan result */
.v10-scan-result{min-height:100dvh;display:grid;place-items:center;padding:45px 16px 105px;position:relative;background:radial-gradient(circle at 50% 8%,rgba(255,173,143,.23),transparent 30%),var(--bg)}.v10-result-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,95,127,.13);filter:blur(80px);top:3%;pointer-events:none}.v10-scan-result-card{position:relative;width:min(620px,100%);text-align:center}.v10-result-icon{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:24px;background:var(--panel);box-shadow:0 14px 35px rgba(78,46,59,.09);font-size:36px}.v10-scan-result-card>small{display:block;margin-top:18px;font-size:10px;font-weight:950;letter-spacing:.13em;color:var(--v10-berry)}.v10-scan-result-card>h1{font-size:92px;line-height:.9;letter-spacing:-.075em;margin:10px 0 3px}.v10-scan-result-card>h1 em{font-size:32px;font-style:normal}.v10-scan-result-card>h2{font-size:26px;margin:7px 0}.v10-scan-result-card>p{color:var(--muted);font-size:14px;max-width:470px;margin:0 auto 25px}.v10-dna{display:grid;gap:9px;text-align:left}.v10-dna>div{display:grid;grid-template-columns:110px 1fr 38px;gap:10px;align-items:center}.v10-dna span{font-size:9px;color:var(--muted);font-weight:900}.v10-dna>b{grid-column:3;text-align:right;font-size:13px}.v10-dna i{grid-column:2;grid-row:1;height:8px;background:rgba(87,55,69,.08);border-radius:999px;overflow:hidden}.v10-dna i em{display:block;height:100%;background:linear-gradient(90deg,var(--v10-coral),var(--v10-lilac));border-radius:inherit}.v10-result-next{margin:25px 0 12px;padding:19px;text-align:left;border-radius:21px;background:var(--panel);border:1px solid var(--line)}.v10-result-next small,.v10-result-next b{display:block}.v10-result-next small{font-size:9px;color:var(--v10-berry);font-weight:950}.v10-result-next b{font-size:17px;margin-top:5px}.v10-result-next p{font-size:11px;color:var(--muted);margin:5px 0 0}.v10-result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.v10-result-fandoms{display:flex;gap:7px;justify-content:center;margin-top:22px}.v10-result-fandoms>a{width:58px}.v10-result-fandoms img{width:58px;height:58px;object-fit:cover;border-radius:18px}.v10-result-fandoms span{display:block;font-size:8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* clean existing pages */
.page-hero,.v4-page-hero{padding-top:54px}.v4-page-hero h1,.v9-page-head h1{letter-spacing:-.055em}.quiz-card,.v4-group-card,.group-rich-panel,.v9-dossier-grid article,.v9-study-deck article,.arena-mode-card,.v9-world-tiles>a,.v9-content-grid>a{box-shadow:none;background:var(--panel);border-color:var(--line)}
.v9-passport-card{box-shadow:0 24px 58px rgba(75,45,58,.14)}
.v9-passport-hero{background:radial-gradient(circle at 12% 10%,rgba(255,170,142,.20),transparent 29%),radial-gradient(circle at 90% 10%,rgba(138,120,239,.10),transparent 25%),var(--bg)}
.v9-passport-copy h1 span,.v9-world-hero h1 span,.v9-page-head h1 span{color:var(--v10-berry)!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.v9-world-hero{background:linear-gradient(180deg,#fff4f0,var(--bg))}:root[data-theme="dark"] .v9-world-hero{background:linear-gradient(180deg,#251b21,var(--bg))}
.v9-world-orbit{filter:saturate(.75)}
.footer,.v9-footer{border-top:1px solid var(--line);background:transparent}

/* entrance gate becomes warm editorial instead of neon nightclub */
.sr-gate{background:#25181f!important}.sr-gate-scrim{background:linear-gradient(90deg,rgba(37,24,31,.90),rgba(37,24,31,.60) 55%,rgba(37,24,31,.30))!important}.sr-gate-content>span{color:#ffc4cf!important}.sr-gate-content h1 em{color:#ff8da0!important}.sr-gate-eq i{background:#ff8ea0!important}.sr-sound-dock{border-color:var(--line)!important;background:color-mix(in srgb,var(--panel) 90%,transparent)!important;color:var(--text)!important}.sr-sound-dock small{color:var(--muted)!important}

/* mobile nav */
.v10-mobile-nav{display:none}
@media(max-width:760px){
  :root{--max:100%}
  body{padding-bottom:74px}
  .section-wrap{width:calc(100% - 28px)}
  .v10-topbar{height:56px}.v10-topbar .topbar-inner{width:calc(100% - 24px)}.v10-nav{display:none}.v10-brand{font-size:18px}.v10-topbar .profile-pill{padding:0;border:0}.v10-topbar .profile-pill .avatar{width:34px;height:34px}.v10-topbar .top-actions{gap:5px}.v10-topbar .lang-button{display:none}
  .v10-mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;z-index:80;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:62px;padding:5px;border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);box-shadow:0 14px 40px rgba(64,42,51,.16);backdrop-filter:blur(22px)}
  .v10-mobile-nav .nav-link{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 1px;border-radius:17px;font-size:9px;color:var(--muted)}.v10-mobile-nav .nav-link svg{width:19px;height:19px}.v10-mobile-nav .nav-link.active{background:#fff0ec;color:var(--v10-berry)}:root[data-theme="dark"] .v10-mobile-nav .nav-link.active{background:rgba(255,108,125,.12)}
  .v10-home-hero{padding:28px 0 21px}.v10-home-grid{display:block;min-height:0}.v10-home-copy{text-align:left}.v10-kicker{font-size:9px;padding:6px 9px}.v10-home-copy h1{font-size:clamp(45px,13vw,60px);line-height:.93;margin:14px 0 13px}.v10-home-copy>p{font-size:14px;line-height:1.55;margin-bottom:18px;max-width:95%}.v10-scan-button{min-height:62px;border-radius:18px;padding-inline:17px}.v10-scan-button>span{font-size:14px}.v10-scan-button>b{font-size:9px}.v10-home-secondary{margin-top:9px}.v10-home-secondary a{font-size:10px;padding:8px 10px}.v10-trust{font-size:9px;margin-top:12px}.v10-cover-stack{height:245px;margin-top:27px;max-width:100%}.v10-cover-main{inset:0 38px 0 26px;border-radius:25px}.v10-cover-main>span{left:18px;bottom:77px;font-size:8px}.v10-cover-main>b{left:18px;bottom:34px;font-size:39px}.v10-cover-main>small{left:18px;bottom:17px;font-size:9px}.v10-cover-mini{width:82px;height:108px;border-width:4px;border-radius:17px}.v10-cover-mini.one{left:-4px;top:24px}.v10-cover-mini.two{right:-1px;bottom:20px}.v10-cover-mini span{font-size:8px;left:8px;bottom:7px}
  .v10-path{padding-top:42px}.v10-section-title{margin-bottom:15px}.v10-section-title h2{font-size:29px}.v10-path-grid{display:flex;overflow-x:auto;gap:9px;margin-inline:-14px;padding:0 14px 11px;scroll-snap-type:x mandatory;scrollbar-width:none}.v10-path-grid::-webkit-scrollbar{display:none}.v10-path-grid>a{flex:0 0 82%;min-height:155px;padding:19px;scroll-snap-align:start}.v10-path-grid>a>span{font-size:25px}.v10-path-grid h3{font-size:18px}.v10-fandom-strip{padding:44px 0 40px}.v10-section-title.row{align-items:center}.v10-section-title.row>a{font-size:10px}.v10-fandom-scroll{margin-inline:-14px;padding-inline:14px}.v10-fandom-scroll>a{flex-basis:142px;height:183px;border-radius:20px}.v10-fandom-scroll b{font-size:14px}.v10-passport-peek{width:calc(100% - 28px);grid-template-columns:1fr;gap:22px;padding:24px;margin-bottom:50px;border-radius:27px}.v10-passport-peek h2{font-size:31px}.v10-passport-peek p{font-size:12px}.v10-passport-peek article{padding:20px;border-radius:20px}.v10-passport-peek article>strong{font-size:45px}.v10-trending{padding-bottom:46px}.v10-quiz-scroll{margin-inline:-14px;padding-inline:14px}.v10-quiz-scroll>button{flex-basis:230px}.v10-quiz-scroll>button>div{height:126px}.v10-more{grid-template-columns:1fr;padding-bottom:35px}.v9-daily-card{width:calc(100% - 28px);padding:19px!important;margin-top:10px}.v9-daily-card h3{font-size:18px}.v9-daily-card p{font-size:11px}
  .v10-scan-intro{min-height:calc(100dvh - 56px);grid-template-columns:1fr;gap:20px;padding:24px 18px 90px;align-content:center}.v10-scan-orb{width:150px;height:150px;margin:auto}.v10-scan-orb span{font-size:59px}.v10-scan-orb small{font-size:10px;margin-top:7px}.v10-scan-orb::before{inset:-12px}.v10-scan-orb::after{inset:-25px}.v10-scan-intro-copy{text-align:left}.v10-scan-intro-copy h1{font-size:46px;margin:14px 0 10px}.v10-scan-intro-copy>p{font-size:13px;margin-bottom:14px}
  .v4-quiz-screen .quiz-top{position:sticky;top:0;z-index:12;padding:9px 8px 7px!important;grid-template-columns:38px minmax(0,1fr) 52px!important;gap:6px!important}.v4-quiz-screen .quiz-live-stats{font-size:10px;margin-top:0}.v4-quiz-screen .question-wrap{padding:10px 14px 92px!important}.v4-quiz-screen .question-wrap h1{font-size:clamp(27px,8vw,36px);margin:13px 0 18px}.v4-quiz-screen .question-meta{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.v4-quiz-screen .question-meta::-webkit-scrollbar{display:none}.v4-quiz-screen .question-meta span{font-size:8px}.answer-grid{grid-template-columns:1fr!important;gap:8px!important}.answer-option{min-height:59px!important;padding:9px 11px!important;border-radius:16px!important;text-align:left}.answer-option>span:last-child{font-size:13px}.answer-option .answer-key{width:31px;height:31px}.answer-feedback{position:relative!important;margin-top:10px!important;padding:12px!important;grid-template-columns:auto 1fr!important}.answer-feedback .btn{grid-column:1/3;width:100%;margin-top:4px}.quiz-live-stats span{padding:5px 7px!important}.timer-pill{min-width:48px!important;padding-inline:6px!important}
  .v10-scan-result{padding-top:25px}.v10-result-icon{width:60px;height:60px;border-radius:20px;font-size:30px}.v10-scan-result-card>small{margin-top:13px}.v10-scan-result-card>h1{font-size:76px}.v10-scan-result-card>h2{font-size:22px}.v10-scan-result-card>p{font-size:12px}.v10-dna>div{grid-template-columns:88px 1fr 32px}.v10-result-actions{display:grid;grid-template-columns:1fr}.v10-result-actions .btn{width:100%}.v10-result-fandoms{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.v10-result-fandoms>a{flex:0 0 54px}.v10-result-fandoms img{width:54px;height:54px;border-radius:16px}
  .quiz-grid.v4-quiz-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;margin-inline:-14px!important;padding:0 14px 12px!important;scroll-snap-type:x mandatory}.quiz-grid.v4-quiz-grid>.quiz-card{flex:0 0 82%!important;scroll-snap-align:start}.v4-group-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.v4-group-card .group-art{height:165px!important}.v4-group-card .group-card-body{padding:12px!important}.v4-group-card h3{font-size:15px!important}
  .v9-passport-hero{padding-top:24px!important}.v9-passport-hero>.section-wrap{gap:20px!important}.v9-passport-copy h1{font-size:39px!important}.v9-passport-copy p{font-size:12px!important}.v9-passport-card{padding:17px!important;border-radius:22px!important}.v9-passport-power strong{font-size:42px!important}.v9-passport-values{gap:8px!important}.v9-passport-values article{padding:16px!important}.v9-atlas-clean>div{padding:12px!important}.v9-visa-book{display:flex!important;overflow-x:auto!important;margin-inline:-14px!important;padding:0 14px 12px!important;gap:10px!important}.v9-visa-book>article{flex:0 0 82%!important;min-height:330px!important}
  .sr-sound-dock{display:none!important}
  .sr-gate-content{left:22px!important;right:22px!important;bottom:76px!important;max-width:none!important}.sr-gate-content h1{font-size:48px!important;line-height:.9!important}.sr-gate-content p{font-size:12px!important;max-width:360px!important}.sr-gate-actions{display:grid!important;grid-template-columns:1fr!important;max-width:360px!important}.sr-gate-photo.p3,.sr-gate-photo.p4{display:none!important}
}
@media(max-width:390px){
  .v10-home-copy h1{font-size:44px}.v10-cover-stack{height:225px}.v10-path-grid>a{flex-basis:88%}.v10-fandom-scroll>a{flex-basis:132px;height:172px}.v10-quiz-scroll>button{flex-basis:215px}.v10-mobile-nav{left:6px;right:6px}.v10-passport-peek h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.v10-cover-main,.v10-cover-mini{animation:none!important}.v10-scan-button,.v10-path-grid>a,.v10-fandom-scroll img,.v10-quiz-scroll img{transition:none!important}}

@media(max-width:760px){
  .v9-footer{margin-top:12px!important}
  .v9-footer .footer-inner{display:block!important;padding:26px 0 86px!important}
  .v9-footer .footer-links{display:none!important}
  .v9-footer .footer-note{font-size:9px!important;line-height:1.45!important;margin-top:10px!important;max-width:290px!important}
  .v9-footer .sr-footer-wordmark{font-size:16px!important}
}
.v4-quiz-screen::before{content:"";position:fixed;z-index:0;width:280px;height:280px;right:-110px;top:95px;border-radius:50%;background:radial-gradient(circle,rgba(255,118,139,.12),rgba(138,120,239,.05) 52%,transparent 72%);filter:blur(6px);pointer-events:none}
.v4-quiz-screen .quiz-top,.v4-quiz-screen .question-wrap{position:relative;z-index:1}
html[data-motion="on"] .v4-quiz-screen::before{animation:v10QuizGlow 5s ease-in-out infinite alternate}@keyframes v10QuizGlow{to{transform:translate(-26px,45px) scale(1.14);opacity:.68}}