/* InnerFable: a library of worlds, with each quiz owning its atmosphere. */
:root{--night:#0a1020;--night-2:#121b30;--starlight:#eee7d6;--gold:#e3c28e;--canvas:#f7f6f2;--ink:#1b2637;--muted:#5a6778}
body{overflow-x:clip}.site-header{background:#0a1020;color:#f4f0e7;border:0;position:relative;z-index:20}.header-inner{min-height:86px;gap:28px}.brand{font-family:Georgia,serif;letter-spacing:-.06em;font-size:1.85rem;white-space:nowrap}.brand>span{color:var(--gold)}.brand>.icon{color:var(--gold);width:1.4rem}.site-header nav{margin-left:auto;gap:26px}.site-header nav a{font-size:.9rem}.nav-worlds{border:1px solid #8b775b;border-radius:99px;padding:10px 18px!important;background:#dcc08a0c}.site-header nav a:hover,.site-header nav [aria-current=page]{color:#f6dba9}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-left:1px solid #ffffff28;color:#c4c9d3;background:none;padding:8px 0 8px 22px;font-size:.75rem}.motion-toggle .icon{width:1rem}.motion-toggle[aria-pressed=true]{color:var(--gold)}
.site-footer{width:100%;padding:48px max(24px,calc((100% - 1280px)/2));background:#0a1020;color:#e9e7e2;margin:0;border-top:1px solid #ffffff19}.footer-main{gap:25px}.footer-main>p{color:#b8bfcb;font-size:1rem}.footer-main>div{font-size:.875rem;flex-wrap:wrap}.footer-bottom{color:#9fa8b7;border-top-color:#ffffff1a}.site-footer .brand{color:#f7f0e7}.site-footer a:hover{color:var(--gold)}
body[data-page=home],body[data-page=parallel]{background:var(--night);color:var(--starlight)}
.portal-hero{position:relative;isolation:isolate;min-height:650px;overflow:hidden;background:#0a142c}.hero-world-image{position:absolute;inset:0 0 0 25%;z-index:-2;overflow:hidden}.hero-world-image img{width:100%;height:100%;object-fit:cover;object-position:58% 45%;animation:world-arrival 1.2s ease both}.hero-world-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a142c 0%,#0a142cb3 20%,#0a142c05 65%),linear-gradient(0deg,#0a142c 0%,transparent 40%)}.hero-content{min-height:600px;display:flex;align-items:center;pointer-events:none}.hero-script{max-width:700px;pointer-events:auto;padding:60px 0 105px}.world-badge{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;font-weight:650;letter-spacing:.14em;color:#e8d2ae;margin-bottom:26px}.world-badge .icon{width:1rem}.hero-script h1{font-size:clamp(3.5rem,6.2vw,6.4rem);line-height:1.03;letter-spacing:-.055em;max-width:670px;text-wrap:balance}.hero-script h1 em{color:#e8d0a8}.hero-script>p{font-size:1.15rem;line-height:1.8;color:#ccd5e4;margin-top:24px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.portal-btn{background:#e4c795;color:#171d2a;border:1px solid #e4c795;box-shadow:0 6px 35px #e4c79518;border-radius:7px;padding:16px 23px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .3s,background .25s}.portal-btn:hover{background:#f1dbb4;box-shadow:0 8px 32px #e4c79530;transform:translateY(-3px)}.portal-btn:after{content:'';position:absolute;width:28px;inset:-60% auto -60% -45%;transform:rotate(25deg);background:#fff5;transition:left .6s}.portal-btn:hover:after{left:140%}.hero-secondary{font-size:.9rem;color:#e8dfd3;border-bottom:1px solid #e8dfd36b;padding:8px 0}.hero-notes{display:flex;gap:18px;font-size:.75rem;color:#aebbd0;margin-top:24px;flex-wrap:wrap}.hero-notes span+span{border-left:1px solid #ffffff35;padding-left:18px}.hero-chapter{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;margin:0 auto;width:min(1280px,calc(100% - 80px));padding:22px 0 27px;border-top:1px solid #ffffff28;font-size:.75rem;letter-spacing:.06em;color:#abb7cc}.hero-chapter a{display:flex;align-items:center;gap:14px;color:#e8d2ae}.hero-chapter .icon{width:1rem}.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle at 35% 22%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 85% 40%,#fbd3927d 0 1px,transparent 2px),radial-gradient(circle at 58% 77%,#fff8 0 1px,transparent 2px);background-size:300px 260px,370px 330px,430px 280px;animation:ambient-drift 18s linear infinite;opacity:.55}
.world-showcase{padding:78px 0 62px;background:radial-gradient(ellipse at 88% 0,#3531513b,transparent 55%),#0a1020}.world-showcase .section-heading{align-items:end;margin-bottom:40px}.world-showcase h2,.self-crossing h2,.detour-section h2{font-size:clamp(2.3rem,3.6vw,3.8rem)}.world-showcase h2 em,.detour-section h2 em{color:var(--gold)}.world-showcase .eyebrow,.detour-section .eyebrow{color:#c0b296;margin-bottom:15px}.section-aside{font-size:.95rem;line-height:1.85;color:#aeb9ca;max-width:390px;padding-bottom:5px}.universe-mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.universe-tile{grid-column:span 2;min-width:0}.universe-tile:nth-child(-n+2){grid-column:span 3}.universe-tile>a:first-child{display:block;position:relative;height:355px;overflow:hidden;border:1px solid #ffffff20;border-radius:14px;isolation:isolate;background:var(--deep)}.universe-tile:nth-child(-n+2)>a:first-child{height:415px}.universe-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.universe-tile a:hover img{transform:scale(1.045);filter:saturate(1.12)}.universe-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070d1cf5 0%,#070d1c76 40%,#070d1c00 78%)}.universe-number{position:absolute;left:25px;top:22px;color:#fff1d5;font-size:.75rem;letter-spacing:.13em;text-shadow:0 1px 10px #000}.universe-caption{position:absolute;inset:auto 28px 27px}.universe-caption .eyebrow{font-size:.75rem;color:var(--world-color);margin-bottom:11px}.universe-caption h3{font-family:Georgia,serif;font-weight:400;font-size:2rem;line-height:1.15;letter-spacing:-.025em}.universe-caption p{font-size:.9rem;color:#d6dce6;margin:12px 0}.universe-caption .text-link{color:var(--world-color);font-size:.875rem}.universe-more{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#aeb9cc;padding:14px 6px}.universe-more:hover{color:var(--world-color)}.universe-more .icon{width:1rem}.worlds-footer{display:flex;justify-content:space-between;align-items:center;margin-top:35px;padding-top:32px;border-top:1px solid #ffffff1d;gap:25px}.worlds-footer p{color:#b9c3d2;font-size:.9375rem}.worlds-footer .portal-btn{font-size:.875rem}
.self-crossing{padding:76px 0 85px;background:#f5f3ec;color:#1c2a3a}.self-crossing .eyebrow{color:#72633f;margin-bottom:14px}.self-crossing .section-heading{align-items:end;margin-bottom:35px}.self-crossing .section-heading>.text-link{font-size:.875rem;white-space:nowrap}.crossing-layout{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:270px 270px;gap:20px}.crossing-card{position:relative;overflow:hidden;border-radius:13px;background:var(--deep);color:white}.crossing-0{grid-row:span 2}.crossing-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.crossing-card:hover img{transform:scale(1.04)}.crossing-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070e21f5,#070e2170 48%,#070e2110)}.crossing-copy{position:absolute;inset:auto 32px 30px}.crossing-copy h3{font-family:Georgia,serif;font-weight:400;font-size:2.3rem}.crossing-copy .eyebrow{color:var(--glow);margin-bottom:12px}.crossing-copy p{font-size:.9375rem;color:#e0e4ea;line-height:1.7;max-width:430px;margin:14px 0}.crossing-copy .text-link{font-size:.875rem;color:var(--glow)}.crossing-0 .crossing-copy h3{font-size:3rem}.crossing-1 .crossing-copy p,.crossing-2 .crossing-copy p{display:none}.crossing-1 .text-link,.crossing-2 .text-link{margin-top:16px}
.detour-section{padding:75px 0;background:#11172a}.detour-section .section-heading{align-items:end;margin-bottom:30px}.rail-controls{display:flex;gap:10px}.rail-controls button{color:#e7caa0;background:transparent;border:1px solid #ffffff40;width:44px;height:44px}.detour-rail{display:grid;grid-auto-columns:calc((100% - 54px)/4);grid-auto-flow:column;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8a381 #11172a;padding:0 0 20px}.world-poster{position:relative;display:block;min-height:430px;overflow:hidden;border-radius:120px 120px 13px 13px;border:1px solid #ffffff2f;scroll-snap-align:start;isolation:isolate;background:var(--deep);color:#fff;transition:transform .45s,border-color .45s,box-shadow .45s}.world-poster:hover{transform:translateY(-6px);border-color:var(--glow);box-shadow:0 14px 50px #0004}.world-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.world-poster:hover img{transform:scale(1.06)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090c1cf5 0%,#090c1c90 35%,#090c1c15 75%)}.poster-top{position:absolute;inset:50px 26px auto;display:flex;justify-content:space-between;font-size:.75rem;color:#f4e5c5;gap:12px;text-shadow:0 1px 10px #000}.poster-top>span:first-child{max-width:135px}.poster-copy{position:absolute;inset:auto 27px 25px;display:block}.poster-copy>.eyebrow{color:#dccba9;font-size:.75rem;letter-spacing:.08em;margin-bottom:13px;display:block}.poster-copy>strong{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;line-height:1.17;display:block;text-wrap:balance}.poster-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:.75rem;color:#ddd5c9;gap:15px}.portal-arrow{display:grid;place-items:center;border:1px solid #e3c28e8a;border-radius:50%;width:38px;height:38px;color:#e3c28e}.final-invitation{padding:76px 0 85px;text-align:center;background:radial-gradient(ellipse at 50% 80%,#28366360,transparent 65%),#0a1020;border-top:1px solid #ffffff17}.final-invitation .eyebrow{color:#bbac8f}.final-invitation h2{font-size:clamp(2.5rem,4.4vw,4rem);margin:25px 0 28px}.final-invitation h2 em{color:var(--gold)}.final-invitation p{font-size:.875rem;color:#aeb9ce;margin-top:22px}.final-invitation .btn{min-width:220px;justify-content:center}
.parallel-intro{padding:65px 0 20px}.parallel-intro>.eyebrow{color:#c6b088;margin-bottom:18px}.parallel-intro h1{font-size:clamp(3.8rem,6.6vw,6rem)}.parallel-intro h1 em{color:#e7c695}.parallel-intro>p:not(.eyebrow){font-size:1.15rem;color:#bfc9dc;line-height:1.75;margin-top:24px}.world-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.world-filter{font-size:.875rem;border:1px solid #ffffff32;background:#182238;color:#c7cfdd;border-radius:99px;padding:10px 17px;min-height:44px;transition:background .2s,border-color .2s}.world-filter:hover,.world-filter.active{border-color:var(--world-color,#e3c28e);color:#fff6e5;background:#263048}.world-filter.active:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--world-color,#e3c28e);margin:0 8px 1px 0}.parallel-catalog{padding-top:10px;padding-bottom:70px}#world-count{font-size:.875rem;color:#b3bfd1;margin:16px 0 30px}.parallel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.parallel-grid .world-poster{min-height:500px;border-radius:170px 170px 14px 14px}.parallel-grid .poster-copy>strong{font-size:2.2rem}.parallel-grid .poster-top{inset:65px 32px auto}.fan-note{font-size:.8125rem;color:#98a6bd;max-width:750px;line-height:1.8;margin:34px 0 0}.parallel-outro{border-top:1px solid #ffffff24;padding:40px 0 55px;display:flex;align-items:center;justify-content:space-between;gap:25px}.parallel-outro h2{font-size:2rem}.parallel-outro .btn{background:#18223a;color:#e4e8ef;border-color:#a2aec34d}.all-catalog{padding:65px 0 80px}.all-catalog .section-heading{align-items:end}.all-catalog h1{font-size:clamp(2.8rem,4.4vw,4.6rem)}.all-catalog .eyebrow{color:#716549;margin-bottom:15px}.all-catalog .test-grid{margin-top:28px}.all-catalog .test-card{background:white}.test-card[data-world]:not([data-world=original]){border-color:#bdaf8c}
body[data-page=quiz]{background:#0d1629}body[data-page=quiz]:before{content:'';position:fixed;inset:0;background-image:linear-gradient(180deg,#081022b8,#081022ed),var(--page-scene);background-size:cover;background-position:center;filter:blur(2px);z-index:-1;transform:scale(1.035)}.quiz-container{--question-enter:translateY(10px);padding:30px 0 60px;overflow-anchor:none;color:#192a3d}.quiz-container>.back-link,.result-page>.back-link{color:#e1d3b7}.quiz-intro{box-shadow:0 25px 80px #0003;border:1px solid #ffffff20;background:var(--paper);border-radius:20px}.quiz-intro-image img{animation:world-arrival .85s ease both}.quiz-intro-main{background:var(--paper)}.quiz-intro-main h1{font-size:clamp(2.5rem,4vw,4.4rem)}.intro-promises{color:#cad5e6}.quiz-container>.method-note,.result-page>.method-note{background:#111e34;color:#c5d0e1;border:1px solid #ffffff1a}.quiz-container>.method-note strong,.result-page>.method-note strong{color:#f2e3ca}.quiz-container>.method-note a,.result-page>.method-note a{color:#e8c994}.quiz-running{border-radius:18px;box-shadow:0 25px 90px #0004;overflow:clip;background:var(--paper);min-height:650px}.question-world{position:relative;background:var(--deep);min-height:650px}.question-world>img{animation:scene-breathe var(--scene-duration,16s) ease-in-out infinite alternate;transform-origin:var(--scene-origin,50% 50%)}.question-world-shade{background:linear-gradient(0deg,#081121ed,#08112138 65%,#08112166)}.question-stage{background:var(--paper);position:relative;isolation:isolate;transition:background .5s;padding:36px 40px 28px}.question-prompt{position:sticky;top:0;z-index:3;background:var(--paper);padding:0 0 3px}.question-panel h1{font-size:clamp(1.8rem,2.6vw,2.65rem);line-height:1.18;animation:question-enter .34s ease both;max-width:820px}.question-panel>.eyebrow,.question-prompt>.eyebrow{margin:0 0 15px;color:var(--accent)}.question-help{font-size:.875rem;line-height:1.6;margin:16px 0 24px;color:#516171}.choice-grid{gap:12px}.choice-grid .answer-option{background:#ffffffb8;min-height:102px;border:1px solid color-mix(in srgb,var(--accent) 22%,white);transition:background .2s,border-color .2s,transform .18s,box-shadow .2s;animation:choice-enter .36s ease both}.choice-grid .answer-option:nth-child(2){animation-delay:35ms}.choice-grid .answer-option:nth-child(3){animation-delay:70ms}.choice-grid .answer-option:nth-child(4){animation-delay:105ms}.answer-option:hover{transform:translateY(-2px);box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 13%,transparent)}.answer-option:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--glow) 25%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.answer-label{font-size:1rem;line-height:1.5}.answer-detail{font-size:.875rem;line-height:1.55;color:#617082}.answer-transition .options{pointer-events:none}.answer-transition .answer-option:has(input:checked){transform:scale(1.015);box-shadow:0 0 26px color-mix(in srgb,var(--glow) 45%,transparent)}.question-actions{margin-top:24px;padding-top:20px;min-height:70px;align-items:start}.question-actions .btn{padding:11px 18px;font-size:.875rem}.question-footnote,.keyboard-hint{font-size:.75rem;line-height:1.6}.question-footnote{color:#657083}.question-progress>p{line-height:1.6}.scale-options .answer-option{background:#ffffffab}.scale-options .answer-label{font-size:.875rem}.scale-options .answer-option:has(input:checked){background:color-mix(in srgb,var(--glow) 28%,white)}
.quiz-container[data-world]:not([data-world=original]) .quiz-intro-main{background:linear-gradient(140deg,var(--paper),white)}.quiz-container[data-world]:not([data-world=original]) .quiz-running{border:1px solid color-mix(in srgb,var(--glow) 40%,transparent)}.quiz-container[data-world]:not([data-world=original]) .question-world:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 17%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 70% 80%,#fff7 0 1px,transparent 2px);background-size:180px 270px,240px 210px;animation:ambient-drift var(--scene-duration,18s) linear infinite;opacity:.4}.quiz-container[data-world=harry-potter]{--question-enter:translateY(9px) scale(.98)}.quiz-container[data-world=one-piece]{--question-enter:translateX(14px) rotate(.3deg)}.quiz-container[data-world=naruto]{--question-enter:translateX(-16px)}.quiz-container[data-world=pokemon]{--question-enter:translateY(13px) scale(.985)}.quiz-container[data-world=terra-di-mezzo]{--question-enter:translateY(8px)}
.result-page{background:var(--paper);border-radius:20px;padding:26px 32px 35px;box-shadow:0 25px 80px #0003}.result-page>.back-link{color:var(--accent)}.result-hero{border-radius:14px}.result-hero-copy{padding:42px}.result-signature{font-family:Georgia,serif;font-size:1.25rem;letter-spacing:-.02em}.portrait-content>p{max-width:860px;font-size:1.0625rem;line-height:1.95;margin-inline:auto}.portrait-content>p:first-child{font-size:1.28rem;line-height:1.85}.portrait-content>p+p{margin-top:1.25em}.portrait-content .strength-heading{margin-top:38px}.result-tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;font-size:.875rem;gap:28px}.profile-library .portrait-excerpt>p{font-size:1rem;line-height:1.9}.other-portrait{border-radius:12px}.result-art>img{animation:portrait-reveal .75s ease both}.result-section h2{font-size:2.3rem}.result-actions .btn{font-size:.9rem}.result-page .related .test-grid{gap:18px}.related .card-copy h3{font-size:1.55rem}.reading-page{min-height:70vh}.reading-page .lead{font-size:1.2rem}.photo-credits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 22px}
@keyframes ambient-drift{0%{background-position:0 0,0 0,0 0}100%{background-position:16px -140px,-28px -190px,30px -120px}}
@keyframes scene-breathe{from{transform:scale(1.025) translate(0,0)}to{transform:scale(1.095) translate(var(--scene-x,0),var(--scene-y,-1%))}}
@keyframes world-arrival{from{transform:scale(1.04);filter:brightness(.75)}to{transform:scale(1);filter:brightness(1)}}
@keyframes question-enter{from{opacity:0;transform:var(--question-enter)}to{opacity:1;transform:none}}
@keyframes choice-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes portrait-reveal{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.reveal{transition:opacity .7s,translate .7s}.reveal.ready:not(.visible){opacity:0;translate:0 15px}.reveal.visible{opacity:1;translate:0 0}
body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.ready.motion-static{opacity:1;translate:none}
@media(min-width:1100px){.quiz-running{grid-template-columns:32% 68%}.question-panel{max-width:none}.question-world-copy h2{font-size:2.7rem}.question-world-copy{padding-top:60px}.result-page .portrait-section{padding-inline:25px}}
@media(max-width:1000px){.header-inner{gap:20px}.site-header nav{gap:15px}.motion-toggle span{display:none}.motion-toggle{padding-left:16px}.portal-hero{min-height:595px}.hero-content{min-height:540px}.hero-world-image{left:15%}.hero-script{padding:60px 0 75px;max-width:570px}.hero-script h1{font-size:4.5rem}.hero-script>p{font-size:1rem}.hero-actions{gap:20px}.universe-mosaic{gap:16px}.universe-caption{inset:auto 22px 23px}.universe-caption h3{font-size:1.75rem}.universe-tile>a:first-child{height:340px}.universe-tile:nth-child(-n+2)>a:first-child{height:380px}.section-aside{max-width:320px;font-size:.875rem}.detour-rail{grid-auto-columns:calc((100% - 36px)/3)}.parallel-grid{grid-template-columns:repeat(2,1fr)}.parallel-grid .world-poster{min-height:475px}.crossing-layout{grid-template-rows:245px 245px}.crossing-copy{inset:auto 25px 25px}.crossing-copy h3{font-size:2rem}.crossing-0 .crossing-copy h3{font-size:2.5rem}.crossing-copy p{font-size:.875rem}.result-page{padding:22px}.question-stage{padding:30px}.quiz-running{min-height:0}.question-world{min-height:175px}.question-world-copy h2{font-size:1.45rem}.question-world>img{object-position:center 42%}.question-panel h1{font-size:2.1rem}.result-hero-copy{padding:32px}.photo-credits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header-inner{width:calc(100% - 36px);min-height:77px;padding:14px 0;gap:12px;flex-wrap:nowrap}.brand{font-size:1.5rem;gap:6px}.brand>.icon{width:1.05rem}.site-header nav{gap:11px;margin-left:auto}.site-header nav a{font-size:.75rem}.site-header nav .nav-worlds{padding:8px 11px!important}.motion-toggle{border:0;padding:6px 0}.motion-toggle .icon{width:.9rem}.hero-world-image{inset:0;z-index:-2}.hero-world-image img{object-position:58% 25%}.hero-world-image:after{background:linear-gradient(0deg,#0a142c 0%,#0a142cd9 32%,#0a142c20 72%,#0a142c40)}.portal-hero{min-height:670px;display:flex;flex-direction:column;justify-content:flex-end}.hero-content{min-height:auto;align-items:end}.hero-script{max-width:none;padding:215px 0 33px}.world-badge{font-size:.75rem;margin-bottom:18px;letter-spacing:.1em}.hero-script h1{font-size:clamp(3.25rem,10.7vw,4.5rem);line-height:1.02;letter-spacing:-.055em}.hero-script>p{font-size:1rem;line-height:1.7;margin-top:18px}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:24px}.hero-actions .portal-btn{padding:14px 18px;font-size:.9rem}.hero-secondary{font-size:.8125rem;padding:9px 0}.hero-notes{gap:11px;font-size:.75rem;margin-top:19px}.hero-notes span+span{padding-left:11px}.hero-notes span:last-child{display:none}.hero-chapter{width:calc(100% - 36px);padding:18px 0 20px;font-size:.75rem}.hero-chapter>span{font-size:.75rem;letter-spacing:.03em}.hero-chapter a{gap:8px}.hero-atmosphere{opacity:.4}.world-showcase{padding:49px 0 45px}.world-showcase .section-heading{display:block;margin-bottom:27px}.world-showcase h2,.self-crossing h2,.detour-section h2{font-size:2.5rem}.world-showcase .eyebrow{margin-bottom:13px}.section-aside{font-size:.9rem;margin-top:22px;max-width:none}.universe-mosaic{grid-template-columns:1fr 1fr;gap:16px 13px}.universe-tile,.universe-tile:nth-child(-n+2){grid-column:span 1}.universe-tile:first-child{grid-column:span 2}.universe-tile>a:first-child,.universe-tile:nth-child(-n+2)>a:first-child{height:320px}.universe-tile:first-child>a:first-child{height:400px}.universe-number{left:18px;top:18px;font-size:.75rem;letter-spacing:.05em}.universe-caption{inset:auto 17px 20px}.universe-caption .eyebrow{font-size:.75rem;line-height:1.4;letter-spacing:.03em;margin-bottom:8px}.universe-caption h3{font-size:1.7rem}.universe-tile:first-child h3{font-size:2.45rem}.universe-caption p{font-size:.8125rem;line-height:1.5;margin:10px 0}.universe-caption .text-link{font-size:.75rem;gap:5px}.universe-caption .text-link .icon{width:.9rem}.universe-tile img{object-position:center}.universe-more{font-size:.75rem;gap:8px;padding:12px 2px;line-height:1.5}.worlds-footer{flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px;padding-top:26px}.worlds-footer p{font-size:.875rem}.worlds-footer .btn{width:100%;justify-content:center}.self-crossing{padding:48px 0 52px}.self-crossing .section-heading{align-items:start;gap:20px}.self-crossing .section-heading>.text-link{font-size:.8125rem}.crossing-layout{grid-template-columns:1fr;grid-template-rows:440px 245px 245px;gap:16px}.crossing-0{grid-row:span 1}.crossing-copy{inset:auto 25px 25px}.crossing-0 .crossing-copy h3{font-size:2.8rem}.crossing-copy h3{font-size:2.35rem}.crossing-copy p{font-size:.9rem}.detour-section{padding:45px 0}.detour-section .section-heading{align-items:end;display:flex;gap:20px}.rail-controls{gap:6px}.rail-controls button{width:36px;height:36px;padding:7px}.detour-rail{grid-auto-columns:78%;gap:15px;overflow: auto;scrollbar-width:thin}.world-poster{min-height:445px}.poster-copy>strong{font-size:2rem}.final-invitation{padding:49px 0 60px}.final-invitation .eyebrow{font-size:.75rem;letter-spacing:.1em}.final-invitation h2{font-size:2.8rem;line-height:1.12;margin:22px 0 26px}.final-invitation p{font-size:.8125rem}.site-footer{padding:35px 20px 25px}.footer-main{gap:18px}.footer-main>.brand{font-size:1.9rem}.footer-main>div{font-size:.8125rem;gap:14px}.footer-bottom{font-size:.75rem}.parallel-intro{padding:40px 0 16px}.parallel-intro h1{font-size:clamp(3rem,10vw,4.8rem)}.parallel-intro>p:not(.eyebrow){font-size:1rem;margin-top:20px}.world-filters{flex-wrap:nowrap;overflow-x:auto;padding:5px 0 12px;margin-top:23px;gap:8px;scrollbar-width:thin}.world-filter{flex-shrink:0;font-size:.8125rem;padding:9px 14px}.parallel-catalog{padding-bottom:42px}.parallel-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.parallel-grid .world-poster{min-height:365px;border-radius:100px 100px 12px 12px}.parallel-grid .poster-top{inset:43px 16px auto;display:block;font-size:.75rem}.parallel-grid .poster-top>span:last-child{display:none}.parallel-grid .poster-copy{inset:auto 17px 20px}.parallel-grid .poster-copy>.eyebrow{display:none}.parallel-grid .poster-copy>strong{font-size:1.5rem;line-height:1.2}.parallel-grid .poster-bottom{font-size:.75rem;gap:8px;margin-top:16px}.parallel-grid .portal-arrow{width:30px;height:30px;flex-shrink:0}.parallel-grid .portal-arrow .icon{width:1rem}#world-count{font-size:.8125rem;margin:10px 0 22px}.parallel-outro{flex-direction:column;align-items:flex-start;padding:30px 0 40px}.parallel-outro h2{font-size:1.9rem}.parallel-outro .btn{font-size:.8125rem}.fan-note{font-size:.75rem;line-height:1.8}.all-catalog{padding:38px 0 55px}.all-catalog .section-heading{align-items:start;gap:27px}.all-catalog h1{font-size:3rem}.all-catalog .test-grid{margin-top:20px}.all-catalog .eyebrow{font-size:.75rem}.quiz-container{padding:18px 0 35px}.quiz-container>.back-link{margin-bottom:15px}.quiz-intro{border-radius:15px}.quiz-intro-image{min-height:260px}.quiz-intro-main h1{font-size:2.6rem}.quiz-intro-main{padding:28px 24px}.quiz-running{border-radius:13px;overflow:clip}.question-world{min-height:126px;padding:15px 18px;gap:8px 14px}.question-world-copy h2{font-size:1.1rem;line-height:1.35}.question-world-top>.eyebrow{font-size:.75rem;letter-spacing:.06em}.question-world-top .icon-button{width:28px;height:28px}.question-world-copy{max-width:200px}.question-world .question-progress>p{font-size:.75rem}.question-world .progress-meta{font-size:.75rem}.question-world .question-world-copy>p{display:none}.question-stage{padding:24px 19px 20px}.question-prompt{top:0;margin:0 -2px;padding:0 2px 5px}.question-panel h1{font-size:1.8rem;line-height:1.2}.question-prompt>.eyebrow{font-size:.75rem;letter-spacing:.07em;margin-bottom:12px}.question-help{font-size:.8125rem;margin:12px 0 17px;line-height:1.55}.choice-grid .answer-option{min-height:78px;padding:15px 14px;align-items:flex-start}.choice-grid .answer-option:has(input:checked){padding:14px 13px}.answer-label{font-size:.9375rem;line-height:1.45}.answer-detail{font-size:.8125rem;line-height:1.5;margin-top:3px}.answer-number{font-size:.75rem}.question-actions{margin-top:20px;padding-top:17px;min-height:57px}.question-actions .btn{padding:10px 14px;font-size:.8125rem}.question-footnote{font-size:.75rem;line-height:1.55;margin-top:15px}.scale-options .answer-label{font-size:.75rem;line-height:1.4}.scale-options .answer-option{min-height:104px}.result-page{padding:20px 15px 25px;border-radius:14px}.result-page>.back-link{font-size:.8125rem}.result-hero-copy{padding:28px 24px}.result-hero h1{font-size:2.8rem}.result-art{min-height:280px}.result-seal{font-size:1.05rem}.result-signature{font-size:1.1rem}.result-motto{font-size:1.3rem;line-height:1.55}.result-tabs{font-size:.8125rem;gap:22px;padding:16px 2px}.result-section{margin-top:33px}.result-section h2{font-size:2rem}.portrait-content>p{font-size:1rem;line-height:1.9}.portrait-content>p:first-child{font-size:1.18rem;line-height:1.85}.portrait-content .strength-heading{margin-top:28px}.profile-library .portrait-excerpt>p{font-size:.9375rem;line-height:1.85}.result-page .related .test-grid{grid-template-columns:1fr}.result-actions .btn{font-size:.875rem}.photo-credits{grid-template-columns:1fr}.reading-page{padding:30px 0 45px}}
@media(max-width:390px){.brand{font-size:1.3rem}.brand>.icon{display:none}.site-header nav{gap:8px}.site-header nav a{font-size:.75rem}.site-header nav .nav-worlds{padding:7px 10px!important}.header-inner{gap:9px}.motion-toggle{display:none}.hero-script h1{font-size:3.3rem}.hero-script{padding-top:205px}.hero-actions{gap:9px}.hero-actions .portal-btn{font-size:.8125rem;padding:13px 16px}.hero-secondary{font-size:.75rem}.hero-chapter>span{display:none}.hero-chapter{justify-content:flex-end}.universe-caption{inset:auto 14px 18px}.universe-caption h3{font-size:1.4rem}.universe-caption .eyebrow{display:none}.universe-tile>a:first-child,.universe-tile:nth-child(-n+2)>a:first-child{height:300px}.universe-tile:first-child>a:first-child{height:360px}.parallel-grid .world-poster{min-height:350px}.parallel-grid .poster-copy>strong{font-size:1.35rem}.parallel-grid .poster-copy{inset:auto 14px 17px}.parallel-grid .poster-bottom{display:block}.parallel-grid .portal-arrow{display:none}.question-stage{padding:22px 16px}.question-panel h1{font-size:1.65rem}.question-world-copy h2{font-size:1rem}.question-world{min-height:124px}.answer-label{font-size:.875rem}.answer-detail{font-size:.8125rem}.result-page{padding:18px 12px 22px}.result-hero h1{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.ready:not(.visible){opacity:1;translate:none}.universe-tile a:hover img,.world-poster:hover img,.crossing-card:hover img{transform:none}.world-poster:hover,.portal-btn:hover,.answer-option:hover{transform:none}}

/* Each universe carries a different rhythm; a quiz retains its own scene. */
body[data-page=quiz]{position:relative;isolation:isolate}
.quiz-container[data-world=harry-potter] .question-world:after{animation:magic-glimmer 7s ease-in-out infinite alternate;mix-blend-mode:screen}
.quiz-container[data-world=one-piece] .question-world:after{background:linear-gradient(125deg,transparent 25%,#aff9ff22 47%,transparent 68%);background-size:240% 100%;animation:sea-light 12s ease-in-out infinite alternate;opacity:.7}
.quiz-container[data-world=naruto] .question-world:after{background:linear-gradient(115deg,transparent 42%,#ffc17b19 49%,transparent 57%);background-size:300% 100%;animation:sea-light 5s ease-in-out infinite alternate}
.quiz-container[data-world=pokemon] .question-world:after{background:radial-gradient(ellipse at 60% 35%,#d9d1ff50,transparent 65%);animation:magic-glimmer 5s ease-in-out infinite alternate}
.quiz-container[data-world=terra-di-mezzo] .question-world:after{animation-duration:35s;opacity:.28}
.quiz-container[data-world=harry-potter] .btn:not(.secondary):hover{box-shadow:0 0 28px color-mix(in srgb,var(--glow) 45%,transparent)}
.quiz-container[data-world=one-piece] .btn:not(.secondary):hover{transform:translateY(-3px)}
.quiz-container[data-world=naruto] .btn:not(.secondary):hover{transform:translateX(3px)}
.quiz-container[data-world=pokemon] .btn:not(.secondary):hover{transform:scale(1.025)}
.quiz-container[data-world=terra-di-mezzo] .btn:not(.secondary):hover{box-shadow:0 6px 26px color-mix(in srgb,var(--glow) 40%,transparent)}
@keyframes magic-glimmer{from{opacity:.15;filter:brightness(.8)}to{opacity:.55;filter:brightness(1.25)}}
@keyframes sea-light{from{background-position:0% 50%}to{background-position:100% 50%}}
.answer-label{font-size:1rem}.answer-detail{font-size:.875rem}.scale-options .answer-label{font-size:.875rem}
@media(prefers-reduced-motion:reduce){.quiz-container .btn:hover{transform:none}}
.quiz-container[data-test=archetipo-fantasy] .question-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 17%,#fff8 0 1px,transparent 2px),radial-gradient(circle at 70% 80%,#f4d7ad88 0 1px,transparent 2px);background-size:180px 270px,240px 210px;animation:ambient-drift 26s linear infinite;opacity:.45}
.quiz-container[data-test=che-gatto-sei] .question-world>img{animation-duration:30s;transform-origin:50% 40%}
.quiz-container[data-test=vibe] .question-world-shade{animation:vibe-light 14s ease-in-out infinite alternate}
.quiz-container[data-test=elemento] .question-world-shade{animation:element-light 10s ease-in-out infinite alternate}
.quiz-container[data-test=viaggiatore]{--question-enter:translateX(12px)}
.quiz-container[data-test=creativita]{--question-enter:translateY(9px) rotate(-.3deg)}
@keyframes vibe-light{from{background-color:#33256600}to{background-color:#47204f55}}
@keyframes element-light{from{opacity:.85}to{opacity:1}}

.lore-sources{font-size:.875rem;margin:13px 0 16px}.lore-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.lore-sources a{display:block;margin-top:12px;line-height:1.5}
body[data-motion=off] .quiz-container .btn:hover{transform:none}
.site-header .header-inner{flex-wrap:wrap}.site-header nav a{font-size:.875rem}
h1,h2,h3,.poster-copy>strong{overflow-wrap:anywhere}
@media(max-width:700px){.site-header nav{width:auto;gap:10px}.site-header .header-inner{row-gap:10px}.site-header nav a,.hero-secondary,.world-filter,.filter,.universe-caption p,.universe-more{font-size:.875rem}.motion-toggle{margin-left:0}.hero-secondary{line-height:1.6}}
@media(max-width:390px){.site-header nav{margin-left:0;flex:1;justify-content:space-between}.site-header .header-inner{justify-content:space-between}}

/* New journeys keep their own light and pacing within the established universe. */
.quiz-container[data-test=hogwarts-incantesimo] .question-world:after{background:radial-gradient(ellipse at 52% 44%,#eacc923b,transparent 64%);animation:magic-glimmer 9s ease-in-out infinite alternate}
.quiz-container[data-test=terra-di-mezzo-anello] .question-world:after{background:radial-gradient(ellipse at 50% 61%,#dd9a373b,transparent 58%);animation:magic-glimmer 13s ease-in-out infinite alternate}
.quiz-container[data-test=one-piece-isola] .question-world:after{background:linear-gradient(115deg,transparent 24%,#7ee4e92b 48%,transparent 72%);background-size:230% 100%;animation:sea-light 16s ease-in-out infinite alternate}
.quiz-container[data-test=naruto-chakra] .question-world:after{background:linear-gradient(135deg,transparent 24%,#f8ca962b 48%,transparent 70%);background-size:260% 100%;animation:sea-light 8s ease-in-out infinite alternate}
.quiz-container[data-test=pokemon-leggendario] .question-world:after{background:radial-gradient(ellipse at 63% 32%,#e7e7ff3d,transparent 67%);animation:magic-glimmer 11s ease-in-out infinite alternate}
.quiz-container[data-test=dragon-ball-squadra] .question-world:after{background:linear-gradient(120deg,transparent 22%,#ffc97b2b 48%,transparent 73%);background-size:230% 100%;animation:sea-light 12s ease-in-out infinite alternate}
.quiz-container[data-test=demon-slayer-glicini] .question-world:after{background:radial-gradient(ellipse at 42% 37%,#d5acfa32,transparent 62%);animation:magic-glimmer 15s ease-in-out infinite alternate}
.quiz-container[data-test=ghibli-biglietto] .question-world:after{background:linear-gradient(150deg,transparent 20%,#dbedc72b 46%,transparent 70%);background-size:250% 100%;animation:sea-light 22s ease-in-out infinite alternate}
.quiz-container[data-world=dragon-ball] .btn:not(.secondary):hover{box-shadow:0 5px 25px color-mix(in srgb,var(--glow) 42%,transparent)}
.quiz-container[data-world=demon-slayer] .btn:not(.secondary):hover{box-shadow:0 0 28px color-mix(in srgb,var(--glow) 35%,transparent)}
.quiz-container[data-world=ghibli] .btn:not(.secondary):hover{transform:translateY(-2px)}

/* Three new stories within the existing worlds. */
.quiz-container[data-test=dragon-ball-tecnica] .question-world:after{background:radial-gradient(ellipse at 52% 50%,#9aefff40,transparent 61%);animation:magic-glimmer 8s ease-in-out infinite alternate}
.quiz-container[data-test=demon-slayer-respiro] .question-world:after{background:linear-gradient(130deg,transparent 24%,#ffd28a2c 48%,transparent 72%);background-size:230% 100%;animation:sea-light 18s ease-in-out infinite alternate}
.quiz-container[data-test=ghibli-compagno] .question-world:after{background:radial-gradient(ellipse at 61% 63%,#f7ba5938,transparent 64%);animation:magic-glimmer 14s ease-in-out infinite alternate}

/* Ten journeys: exclusive scenes with the existing motion controls. */
.quiz-container[data-test=hogwarts-oggetto] .question-world:after{background:radial-gradient(ellipse at 49% 57%,#a3dbef35,transparent 60%);animation:magic-glimmer 12s ease-in-out infinite alternate}
.quiz-container[data-test=mondo-magico-mestiere] .question-world:after{background:radial-gradient(ellipse at 61% 51%,#ffdeaa2c,transparent 54%);animation:magic-glimmer 15s ease-in-out infinite alternate}
.quiz-container[data-test=terra-di-mezzo-dono] .question-world:after{background:radial-gradient(ellipse at 54% 46%,#faf2cf30,transparent 62%);animation:magic-glimmer 18s ease-in-out infinite alternate}
.quiz-container[data-test=one-piece-alleato] .question-world:after{background:linear-gradient(115deg,transparent 24%,#ffd5bc25 48%,transparent 74%);background-size:240% 100%;animation:sea-light 19s ease-in-out infinite alternate}
.quiz-container[data-test=naruto-evocazione] .question-world:after{background:radial-gradient(ellipse at 51% 65%,#dbe9b72b,transparent 64%);animation:magic-glimmer 13s ease-in-out infinite alternate}
.quiz-container[data-test=pokemon-palestra] .question-world:after{background:radial-gradient(ellipse at 46% 39%,#fff1a632,transparent 60%);animation:magic-glimmer 11s ease-in-out infinite alternate}
.quiz-container[data-test=pokemon-eevee] .question-world:after{background:linear-gradient(125deg,transparent 24%,#ead6ff29 48%,transparent 73%);background-size:230% 100%;animation:sea-light 21s ease-in-out infinite alternate}
.quiz-container[data-test=dragon-ball-maestro] .question-world:after{background:radial-gradient(ellipse at 51% 40%,#dcc8ef30,transparent 66%);animation:magic-glimmer 16s ease-in-out infinite alternate}
.quiz-container[data-test=demon-slayer-bottega] .question-world:after{background:radial-gradient(ellipse at 39% 61%,#f3be8a30,transparent 62%);animation:magic-glimmer 17s ease-in-out infinite alternate}
.quiz-container[data-test=ghibli-volo] .question-world:after{background:linear-gradient(145deg,transparent 20%,#d7eafa25 47%,transparent 72%);background-size:260% 100%;animation:sea-light 23s ease-in-out infinite alternate}

/* Header layout on narrow screens. */
.header-inner{flex-wrap:wrap}
@media(max-width:640px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem .65rem;padding-top:.65rem;padding-bottom:.65rem}
 .site-header nav{grid-column:1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1.2rem;min-width:0}
 .site-header .brand{grid-column:1;grid-row:1}
 .motion-toggle{grid-column:2;grid-row:2;justify-self:end}
}
/* Explicit language choice; the current quiz is retained in the destination URL. */
.site-header nav.language-switch{margin-left:0;gap:2px;flex-shrink:0;display:flex;width:auto;align-items:center;justify-content:center;border:1px solid #ffffff38;border-radius:999px;padding:2px}.site-header .language-switch a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;padding:6px 9px;border-radius:999px;color:#d8dce5;font-size:.75rem;font-weight:700;letter-spacing:.04em}.site-header .language-switch a[aria-current=true]{background:#e6c893;color:#13213b}.language-switch a:focus-visible{outline:2px solid #f6dba9;outline-offset:3px}
@media(max-width:700px){.site-header .header-inner{display:grid;grid-template-columns:1fr auto auto;gap:10px 14px;flex-wrap:wrap}.site-header .header-inner>.brand{grid-column:1}.site-header .header-inner>nav:not(.language-switch){grid-row:2;grid-column:1/-1;justify-content:flex-start;margin-left:0;width:auto;gap:22px}.site-header nav.language-switch{grid-row:1;grid-column:2}.site-header .motion-toggle{grid-row:1;grid-column:3}.site-header .language-switch a{min-width:34px;min-height:36px;padding:5px 8px}}