/* Phase E refinement: live typography and controls over each world's own art. */
body:is([data-page=home],[data-page=universe],[data-page=parallel],[data-page=quiz]) {
  background-color: #070d17;
  background-image: radial-gradient(ellipse at 5% 15%,#233b572e,transparent 52%),radial-gradient(ellipse at 96% 45%,#6940571f,transparent 55%);
}
.universe-page { position: relative; isolation: isolate; --world-light: var(--world-color); }
.universe-page>.breadcrumbs { position: relative; z-index: 2; width: fit-content; padding: 3px 9px; border-radius: 4px; background: #070d17c9; }
.universe-backdrop { position: absolute; inset: 0 -32px auto; height: 1100px; z-index: -1; pointer-events: none; overflow: hidden; opacity: .32; mask-image: linear-gradient(#000 10%,#0008 45%,transparent 100%); }
.universe-backdrop img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8); }
.universe-stage { border: 0; border-radius: 0; background: transparent; min-height: 320px; margin-bottom: 24px; overflow: visible; }
.universe-stage-art { overflow: hidden; border-radius: 8px; }
.universe-stage-art img { object-position: 68% 35%; }
.universe-stage-shade { background: linear-gradient(90deg,#070d17f0,#070d1790 48%,#070d1710),linear-gradient(0deg,#070d17 0%,transparent 55%); }
.universe-stage-copy { padding: 36px 32px; width: min(780px,100%); }
.universe-stage-copy h1 { font-size: clamp(2.7rem,5vw,4.6rem); text-shadow: 0 3px 24px #000; }
.universe-stage-copy .lead { line-height: 1.55; margin-top: 16px; }
.universe-stage-intro { color: #dce1eb; line-height: 1.65; margin-top: 15px; font-size: 1rem; }
.universe-stage-copy .eyebrow { letter-spacing: .14em; font-size: .875rem; }
.universe-page[data-world=jujutsu-kaisen] { --world-light: #ffc8c2; --world-color: #94c8ee; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage { min-height: 330px; justify-content: center; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-art { inset: -50px -32px -15px; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-art img { object-position: center 30%; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-shade { inset: -50px -32px -15px; background: linear-gradient(0deg,#070d17 0%,#070d1740 38%,#070d1700 80%),linear-gradient(90deg,transparent 8%,#070d1770 31%,#070d1770 69%,transparent 92%); }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-copy { width: min(770px,60%); text-align: center; padding: 30px 0; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-copy h1 { font-family: Georgia,"Times New Roman",serif; font-weight: 800; font-style: italic; font-size: clamp(2.6rem,4.5vw,4.4rem); letter-spacing: -.045em; color: #ffd0c9; text-shadow: 3px 4px 0 #35111a,0 0 28px #090a12; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-copy .lead { color: #fff0e6; }
.universe-page[data-world=jujutsu-kaisen] .universe-stage-copy .eyebrow { color: #f1d4b0; }
.universe-page[data-world=star-wars] .universe-stage-copy h1 { color: #f7df9c; letter-spacing: .09em; }
.universe-page[data-world=harry-potter] .universe-stage-copy h1 { color: #f0d293; letter-spacing: -.055em; }
.universe-page[data-world=terra-di-mezzo] .universe-stage-copy h1 { font-variant: small-caps; color: #e4d2a5; }
.universe-page[data-world=ghibli] .universe-stage-copy h1 { color: #cce9c4; font-style: italic; }
.universe-page[data-world=one-piece] .universe-stage-copy h1 { color: #ace9ef; font-weight: 700; }
.universe-page[data-world=naruto] .universe-stage-copy h1 { color: #ffd09a; font-style: italic; font-weight: 700; }
.universe-page[data-world=avatar] .universe-stage-copy h1 { color: #c2e2db; font-variant: small-caps; }
.universe-page[data-world=pokemon] .universe-stage-copy h1 { color: #ffe4a5; font-weight: 700; }

/* The art fills the cards, with an explicit dark reading surface beneath copy. */
.universe-quiz-grid { gap: 20px; align-items: stretch; }
.universe-quiz .test-card { position: relative; display: flex; flex-direction: column; min-height: 420px; border-radius: 7px; border-color: #8da7bd80; overflow: hidden; isolation: isolate; background: #080f19; color: #fff0df; box-shadow: 0 10px 28px #0004; }
.universe-quiz .card-category { top: 16px; left: 20px; padding: 0; background: #07111bc9; color: #f6e7d2; font-size: .8125rem; }
.universe-quiz .card-go { display: none; }
.universe-quiz .card-kicker { color: #d9dfeb; font-size: .875rem; margin-bottom: 12px; }
.universe-quiz .card-kicker .badge { color: #ead1ac; font-size: .875rem; }
.universe-quiz .card-bottom { color: #d6e1ed; border-color: #aec4dc40; margin-top: auto; padding-top: 13px; font-size: .875rem; }
.universe-card-action { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 20px 22px 22px; padding: 12px; min-height: 46px; border: 1px solid #9cb4ca; border-radius: 5px; color: #fff1de; background: linear-gradient(110deg,#10233380,#284661b8); font-size: .9375rem; letter-spacing: .035em; }
.universe-quiz .test-card:hover { border-color: var(--world-light,#f1d3a9); box-shadow: 0 10px 28px #0004,0 0 20px #86bfe515; transform: translateY(-3px); }
.universe-quiz .test-card:hover .universe-card-action { border-color: #f0d9b4; background: #233b53; }
body[data-page=universe] .universe-reading { background: #080f19e8; padding: 26px; border: 1px solid #53647a70; border-radius: 8px; }

/* The home keeps the full panorama and treats the worlds as illustrated doors. */
body[data-page=home] .portal-hero,body[data-page=home] .hero-content { min-height: 350px; }
body[data-page=home] .hero-script { padding: 40px 0 45px; }
body[data-page=home] .hero-script h1 { font-size: clamp(2.7rem,4.2vw,4.2rem); text-shadow: 0 3px 25px #050c16; }
body[data-page=home] .hero-world-image:after { background: linear-gradient(90deg,#070d17d9,#070d1770 40%,transparent 75%),linear-gradient(0deg,#070d17 0%,transparent 52%); }
.home-discovery { padding-top: 12px; }
.discovery-world { min-height: 228px; border: 1px solid #8b9dac90; border-radius: 6px; box-shadow: 0 6px 22px #0004; }
.discovery-copy { padding: 60px 14px 18px; }
.discovery-copy h3 { font-size: 1.32rem; line-height: 1.22; color: #fff1df; }
.discovery-count { font-size: .875rem; color: #ead1ab; }
.discovery-art img { object-position: center 25%; }
.discovery-shade { background: linear-gradient(0deg,#070d17 0%,#070d17e0 20%,#070d1700 70%); }
.home-selection .test-card { border-color: #8b9dac80; border-radius: 7px; box-shadow: 0 8px 25px #0004; }
.home-selection .card-image { aspect-ratio: 1.6; }
.home-selection .card-copy { background: linear-gradient(#102031,#0a1525); }

/* Quiz frames inherit world light while scenes retain their quiz-owned assets. */
.quiz-container[data-world=jujutsu-kaisen] { --if-gold: #efb0b7; }
.quiz-container[data-world=harry-potter] { --if-gold: #efd29d; }
.quiz-container[data-world=ghibli] { --if-gold: #c5e5b7; }
.quiz-container[data-world=naruto] { --if-gold: #f0bd91; }
.quiz-container[data-world=one-piece] { --if-gold: #9bdfdf; }
body[data-page=quiz] .quiz-container .quiz-intro { border-top: 2px solid var(--if-gold); box-shadow: 0 12px 40px #0005; }
body[data-page=quiz] .quiz-container .quiz-narrative-heading { color: var(--if-gold); }
body[data-page=quiz] .quiz-container .quiz-intro-main>.btn { background: var(--if-gold); border-color: var(--if-gold); }
@media(max-width:1200px) {
  .universe-quiz-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .universe-quiz .test-card { min-height: 440px; }
      .universe-page[data-world=jujutsu-kaisen] .universe-stage-copy { width: 66%; }
}
@media(max-width:700px) {
  .universe-backdrop { inset-inline: -20px; height: 850px; opacity: .25; }
  .universe-stage-copy { padding: 28px 20px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-art { inset: -25px -20px -10px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-copy { width: 82%; padding-top: 125px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-art img { object-position: center top; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-shade { inset: -25px -20px -10px; background: linear-gradient(0deg,#070d17 0%,#070d17bd 57%,#070d1700 90%); }
  .discovery-world { min-height: 225px; }
  .discovery-copy h3 { font-size: 1.35rem; }
}
@media(max-width:600px) {
  .universe-backdrop { inset-inline: -16px; }
  .universe-quiz-grid { grid-template-columns: 1fr; gap: 22px; }
  .universe-quiz .test-card { min-height: 445px; }
        .universe-card-action { margin-inline: 24px; }
  .universe-stage { min-height: 345px; }
  .universe-stage-copy h1 { font-size: clamp(2.4rem,9vw,3.2rem); }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-copy { width: 100%; padding: 175px 8px 18px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-copy h1 { font-size: clamp(2.4rem,10vw,3.6rem); }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-art { inset: -30px -16px -10px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-shade { inset: -30px -16px -10px; }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-art img { object-fit: contain; height: auto; mask-image: linear-gradient(#000 0%,#000 48%,transparent 98%); }
  .universe-page[data-world=jujutsu-kaisen] .universe-stage-intro { line-height: 1.6; }
  body[data-page=home] .portal-hero,body[data-page=home] .hero-content { min-height: 400px; }
  body[data-page=home] .hero-script { padding: 140px 0 32px; }
  body[data-page=home] .hero-script h1 { font-size: clamp(2.55rem,9.4vw,3.2rem); }
  body[data-page=home] .hero-world-image:after { background: linear-gradient(0deg,#070d17 0%,#070d17a8 50%,transparent 100%); }
}
@media(prefers-reduced-motion:reduce) { .universe-quiz .test-card { transition: none; } .universe-quiz .test-card:hover { transform: none; } }
body[data-motion=off] .universe-quiz .test-card { transition: none; }
body[data-motion=off] .universe-quiz .test-card:hover { transform: none; }

/* Collection art placement is shared below; JJK retains its own header. */
/* Artistic quiz cards keep the reviewed complete source canvas. */
.test-card.illustrated-card .card-image>img{object-fit:contain}
.test-card.illustrated-card:hover .card-image>img{transform:none}
/* These reviewed covers need their complete canvases above the collection copy. */
/* Keep the new ink recording above the card copy, with the full cover retained. */
.test-card[data-id="naruto-maestro"] .card-image>img,.test-card[data-quiz="naruto-maestro"] .card-image>img{object-position:center top}

/* Home → Parallel Worlds → universe → quiz. */
.home-parallel-gateway{padding-top:64px;padding-bottom:64px}
.parallel-gateway{position:relative;isolation:isolate;display:flex;align-items:center;min-height:470px;padding:64px;overflow:hidden;border:1px solid #a48a6166;border-radius:16px;background:#0b1524;color:#f6eddf;text-decoration:none;box-shadow:0 20px 70px #0003}
.gateway-art,.gateway-art:after{position:absolute;inset:0;z-index:-2}
.gateway-art img{width:100%;height:100%;object-fit:cover;object-position:75% center;opacity:.65}
.gateway-art:after{content:"";z-index:0;background:linear-gradient(90deg,#091220f5 8%,#091220d9 43%,#09122035),linear-gradient(0deg,#091220b3,transparent 70%)}
.gateway-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:620px;position:relative;z-index:1}
.gateway-copy>.eyebrow{color:#d5bd93;font-size:.75rem;letter-spacing:.16em;line-height:1.6}
.gateway-copy h2{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:1.08;margin:22px 0;color:#fff3df;font-weight:400}
.gateway-copy h2 em{color:#e6c798}
.gateway-description{max-width:480px;font-size:1.06rem;line-height:1.8;color:#d0d6e1}
.gateway-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 30px;color:#e4d5bd;font-size:.9rem}
.gateway-facts>span+span:before{content:"·";margin-right:28px;color:#e6c798}
.gateway-cta{display:inline-flex;gap:28px;align-items:center;border:1px solid #cdb58b;background:#d9c19a;color:#121b28;padding:16px 24px;border-radius:5px;font-weight:600;line-height:1.5}
.gateway-orbit{position:absolute;width:420px;height:420px;right:-50px;top:30px;border:1px solid #e9d0a742;border-radius:50%;pointer-events:none}
.gateway-orbit:before{content:"";position:absolute;inset:35px;border:1px solid #e9d0a72b;border-radius:50%}
.gateway-seal{position:absolute;right:90px;top:160px;color:#ead5ad85;transform:rotate(-15deg)}
.gateway-seal .icon{width:130px;height:130px;stroke-width:.6}
.parallel-gateway:hover .gateway-cta{background:#ecd6b3}
.parallel-gateway:focus-visible,.realm-card:focus-visible,.parallel-quiz-card:focus-visible{outline:3px solid #f3d4a2;outline-offset:6px}
.parallel-paths{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.parallel-paths .text-link{color:#dac9ad}
.parallel-realms{padding-top:50px;padding-bottom:80px;scroll-margin-top:100px}
.parallel-realms .section-heading{align-items:end;margin-bottom:28px;gap:24px}
.parallel-realms .section-heading h2,.parallel-catalog .section-heading h2{font-size:clamp(2rem,3.5vw,3.2rem);color:#f0e6d4}
.parallel-realms .section-heading>.eyebrow,.parallel-realms .eyebrow,.parallel-catalog .eyebrow{color:#cbb791}
.parallel-realms .section-heading>p{color:#bfc9dc;font-size:.95rem;line-height:1.8}
.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.realm-card{position:relative;isolation:isolate;display:flex;align-items:end;min-height:410px;overflow:hidden;border:1px solid #7c8da15c;border-radius:10px;color:#f3ebde;background:#0b1524;text-decoration:none;transition:border-color .25s,transform .25s}
.realm-image{position:absolute;inset:0;z-index:-2}
.realm-image img{width:100%;height:100%;object-fit:cover;object-position:var(--universe-card-position,50% 30%)}
.realm-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#070e1b 0%,#070e1bf0 15%,#070e1bba 42%,#070e1b08 86%)}
.realm-index{position:absolute;top:20px;left:22px;color:#ffedca;font-size:.8rem;letter-spacing:.12em;text-shadow:0 1px 8px #000}
.realm-copy{display:block;width:100%;padding:130px 26px 26px}
.realm-copy>.eyebrow{display:block;color:#e6d4b3;font-size:.65rem;letter-spacing:.12em;line-height:1.6;margin-bottom:12px}
.realm-copy h3{font-family:Georgia,serif;font-size:2.15rem;line-height:1.15;color:#fff0d6;font-weight:400;margin:0 0 14px;text-wrap:balance}
.realm-line{display:block;color:#d0d8e6;font-size:.9rem;line-height:1.7;min-height:3.4em}
.realm-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #d4c3a63b;font-size:.8rem;color:#d7c9b3}
.realm-footer .text-link{color:#efdab6;font-size:.8rem;gap:10px}
.realm-card:hover{border-color:var(--world-color,#dec79c);transform:translateY(-3px)}
.realm-card:nth-child(1),.realm-card:nth-child(2){grid-column:span 1}
.realm-card:last-child{grid-column:1/-1;min-height:320px}
.realm-card:last-child .realm-image img{object-position:center 35%}
.realm-card:last-child .realm-copy{max-width:600px;padding-top:100px}
.realm-card:last-child .realm-shade{background:linear-gradient(90deg,#070e1be6,#070e1ba6 50%,#070e1b24),linear-gradient(0deg,#070e1b,transparent)}
body[data-page=parallel] .parallel-catalog{scroll-margin-top:100px}
body[data-page=parallel] .parallel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
body[data-page=parallel] .parallel-grid .parallel-quiz-card{display:flex;flex-direction:column;min-height:0;border-radius:10px;background:#0c1523;color:#f2e9d9;overflow:hidden;transform:none}
body[data-page=parallel] .parallel-grid .parallel-quiz-card[hidden]{display:none}



.parallel-grid .parallel-quiz-card .card-kicker{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#c2cddd}


.parallel-grid .parallel-quiz-card .card-bottom{color:#c6d0df;border-color:#c4cddb38;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.8rem}
.parallel-quiz-action{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #9cb4c3;border-radius:5px;padding:14px 18px;margin-top:22px;background:linear-gradient(100deg,#10202c,#20384b);color:#f0e6d4;font-size:.95rem}
@media(min-width:1100px){.realm-card:nth-child(-n+2){min-height:460px}.realm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.realm-card{grid-column:span 2}.realm-card:nth-child(-n+2){grid-column:span 3}.realm-card:last-child{grid-column:1/-1}}
@media(max-width:1000px){.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-seal{right:25px;opacity:.5}body[data-page=parallel] .parallel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parallel-gateway{padding:44px}}
@media(max-width:600px){.home-parallel-gateway{padding-top:28px;padding-bottom:32px}.parallel-gateway{padding:36px 24px;min-height:490px}.gateway-copy h2{font-size:3.1rem;max-width:100%}.gateway-copy>.eyebrow{font-size:.65rem}.gateway-description{font-size:1rem}.gateway-seal{display:none}.gateway-orbit{right:-240px;opacity:.5}.gateway-art:after{background:linear-gradient(0deg,#091220f5 0%,#091220c9 60%,#09122080)}.gateway-cta{width:100%;justify-content:space-between;padding:15px 18px;font-size:.9rem}.parallel-paths{align-items:flex-start;flex-direction:column;gap:20px}.parallel-realms{padding-top:34px;padding-bottom:48px}.parallel-realms .section-heading{display:block}.parallel-realms .section-heading>p{margin-top:18px}.realm-grid{grid-template-columns:1fr;gap:22px}.realm-card,.realm-card:nth-child(-n+2),.realm-card:last-child{grid-column:auto;min-height:410px}.realm-copy{padding:145px 24px 24px}.realm-copy h3{font-size:2.3rem}.realm-card:last-child .realm-copy{padding:145px 24px 24px}.realm-line{min-height:0}.realm-card:last-child .realm-shade{background:linear-gradient(0deg,#070e1b 0%,#070e1be6 20%,#070e1b98 50%,transparent 95%)}body[data-page=parallel] .parallel-grid{grid-template-columns:1fr;gap:24px}.parallel-catalog .section-heading h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.realm-card{transition:none}.realm-card:hover{transform:none}}
body[data-motion=off] .realm-card{transition:none;transform:none}

/* Compact universe browsing on phones; the quiz descriptions stay complete. */
@media(max-width:700px){
 .parallel-intro{padding-top:28px;padding-bottom:12px}
 .parallel-intro h1{font-size:clamp(2.3rem,9vw,3rem);line-height:1.05}
 .parallel-intro>p:not(.eyebrow){font-size:.9375rem;line-height:1.6;margin-top:16px}
 .parallel-paths{flex-direction:row;align-items:center;gap:12px 18px;margin-top:22px}
 .parallel-paths .btn{font-size:.8125rem;padding:12px 14px;gap:10px}
 .parallel-paths .text-link{font-size:.8125rem;gap:8px}
 .parallel-realms{padding-top:26px;padding-bottom:36px}
 .parallel-realms .section-heading{margin-bottom:18px}
 .parallel-realms .section-heading h2{font-size:1.75rem;line-height:1.2}
 .parallel-realms .section-heading>.eyebrow,
 .parallel-realms .section-heading>div>.eyebrow,
 .parallel-realms .section-heading>p{display:none}
 .realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .realm-card,.realm-card:nth-child(-n+2),.realm-card:last-child{grid-column:auto;min-height:225px}
 .realm-copy,.realm-card:last-child .realm-copy{max-width:none;padding:110px 12px 14px}
 .realm-copy>.eyebrow,.realm-line,.realm-index{display:none}
 .realm-copy h3{font-size:clamp(1.05rem,4.6vw,1.35rem);line-height:1.18;margin-bottom:0;overflow-wrap:anywhere}
 .realm-footer{flex-wrap:nowrap;gap:8px;margin-top:12px;padding-top:0;border-top:0;font-size:.75rem}
 .realm-footer>span:first-child{min-width:0;overflow-wrap:anywhere}
 .realm-footer .text-link{font-size:0;gap:0;flex-shrink:0}
 .realm-footer .text-link .icon{width:18px;height:18px}
 .realm-shade,.realm-card:last-child .realm-shade{background:linear-gradient(0deg,#070e1bf5 0%,#070e1be8 34%,#070e1b99 66%,#070e1b12 100%)}
 .realm-card:last-child .realm-image img{object-position:var(--universe-card-position,50% 30%)}
}

/* The quiz question leads; its narrative title stays readable in every listing. */
body .quiz-card-narrative {
 display:block;color:#d7c6a9;font-family:Georgia,"Times New Roman",serif;
 font-size:1.05rem;font-weight:400;line-height:1.45;margin:0 0 16px;
 overflow-wrap:anywhere;
}
body .crossing-copy .quiz-card-narrative,body .poster-copy .quiz-card-narrative { margin:10px 0 16px; }
body .quiz-card-title { overflow-wrap:anywhere; }
body .related-tests .quiz-card-narrative { color:inherit;font-size:1rem;margin:6px 0;opacity:.9; }

/* Title length determines the space needed, including in translated home cards. */
body .crossing-layout { grid-template-rows:repeat(2,minmax(270px,auto)); }
body .crossing-card { display:flex;align-items:flex-end;isolation:isolate; }
body .crossing-card>img { position:absolute;inset:0;z-index:0; }
body .crossing-card>.crossing-shade { z-index:1; }
body .crossing-copy { position:relative;inset:auto;width:100%;padding:28px;margin-top:70px;z-index:2; }
body .crossing-copy h3 { font-size:clamp(1.65rem,2.1vw,2.15rem);line-height:1.2; }
body .crossing-0 .crossing-copy { margin-top:180px; }
body .crossing-0 .crossing-copy h3 { font-size:clamp(2rem,3vw,2.6rem); }
body .detour-rail .world-poster { display:flex;align-items:flex-end; }
body .detour-rail .poster-copy { position:relative;inset:auto;width:100%;padding:170px 25px 25px; }
@media(max-width:600px) {
 body .crossing-layout { grid-template-rows:none;grid-auto-rows:minmax(280px,auto); }
 body .crossing-copy { padding:24px; }
 body .crossing-0 .crossing-copy { margin-top:160px; }
}

/* The greenhouse cover keeps the four whole creatures clear of card copy. */

/* Keep the label over sea, clear of Lugia’s complete wing digits. */
.test-card:is([data-id=pokemon-leggendario],[data-quiz=pokemon-leggendario]) .card-category{top:auto;bottom:10px;left:14px}

/* Keep the category label below Noctowl’s complete head on this lake cover. */
.test-card:is([data-id=pokemon-notte-lanterna],[data-quiz=pokemon-notte-lanterna]) .card-category{top:auto;bottom:10px;left:14px}

/* Keep Alabasta’s crab face and both claws clear in both card contexts. */
.test-card:is([data-id=one-piece-alabasta-convoglio],[data-quiz=one-piece-alabasta-convoglio]) .card-category{top:16px;left:auto;right:14px}

/* Leave clear space above the Fish-Man Island travellers. */
.test-card:is([data-id=one-piece-isola-pesci-lettera],[data-quiz=one-piece-isola-pesci-lettera]) .card-category{top:6px}

/* Dressrosa: the top-left frame and upper Tontatta remain visible. */
.test-card:is([data-id=one-piece-dressrosa-nome],[data-quiz=one-piece-dressrosa-nome]) .card-category{top:8px;left:auto;right:14px}

/* One quiz-list card across catalogues, collections, selections and suggestions. */
body[data-page] .test-card {
 position:relative;display:flex;flex-direction:column;align-items:stretch;
 min-width:0;min-height:0;overflow:hidden;border:1px solid #63738b;
 border-radius:10px;background:#0c1523;color:#f2e9d9;isolation:isolate;
}
body[data-page] .test-card[hidden]{display:none}
body[data-page] .test-card>.card-image {
 position:relative;inset:auto;z-index:auto;flex:0 0 auto;
 width:100%;height:auto;min-height:0;aspect-ratio:3/2;
 overflow:hidden;background:#080e19;
}
body[data-page] .test-card>.card-image>img {
 position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none;
}
body[data-page] .test-card>.card-image:after{background:none}
body[data-page] .test-card>.card-copy {
 display:flex;flex-direction:column;justify-content:flex-start;flex:1;
 padding:24px;background:transparent;
}
body[data-page] .test-card .card-kicker {
 display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
 gap:12px;margin:0 0 16px;color:#c2cddd;font-size:.8rem;
}
body[data-page] .test-card .card-kicker .badge{color:#ead1ac;opacity:1;font-size:inherit}
body[data-page] .test-card .card-copy h3 {
 font-family:Georgia,"Times New Roman",serif;font-weight:400;
 font-size:1.75rem;line-height:1.2;letter-spacing:-.025em;
 color:#f6ead4;margin:0 0 14px;text-shadow:none;overflow-wrap:anywhere;
}
body[data-page] .test-card .quiz-card-narrative{font-size:1.05rem;line-height:1.45;margin:0 0 16px}
body[data-page] .test-card .card-copy>p {
 display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;
 max-height:none;height:auto;white-space:normal;flex:1;
 color:#c6d0df;opacity:1;font-size:.96rem;line-height:1.7;margin:0 0 24px;
}
body[data-page] .test-card .card-bottom {
 display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
 margin-top:auto;padding-top:14px;color:#c6d0df;border-color:#c4cddb38;font-size:.8rem;
}
body[data-page] .test-card .universe-card-action {
 margin:0 24px 24px;padding:14px 18px;justify-content:space-between;
 font-size:.95rem;letter-spacing:normal;
}
@media(max-width:600px){
 body[data-page] .test-card>.card-copy{padding:22px}
 body[data-page] .test-card .card-copy h3{font-size:1.85rem}
 body[data-page] .test-card .card-copy>p{font-size:1rem}
 body[data-page] .test-card .universe-card-action{margin:0 22px 22px}
}

/* Phone lists are for choosing; the test introduction carries the full synopsis. */
@media(max-width:600px){
 body[data-page] .test-card>.card-copy {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;
  align-items:center;gap:14px 12px;flex:1;padding:18px;
 }
 body[data-page] .test-card .card-copy h3 {
  grid-column:1/-1;font-size:1.35rem;line-height:1.25;margin:0;
 }
 body[data-page] .test-card .quiz-card-narrative,
 body[data-page] .test-card .card-copy>p,
 body[data-page] .test-card .card-category,
 body[data-page] .test-card .card-kicker .badge,
 body[data-page] .test-card .card-bottom>span:last-child,
 body[data-page] .test-card .universe-card-action,
 body[data-page] .test-card .parallel-quiz-action {display:none}
 body[data-page] .test-card .card-bottom {
  grid-column:1;grid-row:2;display:block;margin:0;padding:0;border:0;font-size:.78rem;
 }
 body[data-page] .test-card .card-kicker {
  grid-column:2;grid-row:2;display:block;margin:0;font-size:.78rem;text-align:right;
 }
 body[data-page] .test-card .card-go {display:grid}
}

/* Universe scenes keep the complete composition; copy no longer masks the cast. */
body[data-page=parallel] .realm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page=parallel] .realm-card,
body[data-page=parallel] .realm-card:nth-child(-n+2),
body[data-page=parallel] .realm-card:last-child {
 grid-column:auto;display:flex;flex-direction:column;align-items:stretch;min-height:0;
}
body[data-page=parallel] .realm-image {
 position:relative;inset:auto;z-index:auto;display:block;aspect-ratio:3/2;width:100%;background:#080e19;
}
body[data-page=parallel] .realm-image img {
 display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;
}
body[data-page=parallel] .realm-shade,
body[data-page=parallel] .realm-index,
body[data-page=parallel] .realm-copy>.eyebrow {display:none}
body[data-page=parallel] .realm-copy,
body[data-page=parallel] .realm-card:last-child .realm-copy {
 display:flex;flex-direction:column;flex:1;max-width:none;padding:20px;
}
body[data-page=parallel] .realm-copy h3{font-size:1.65rem;margin:0 0 12px}
body[data-page=parallel] .realm-line{min-height:0;margin-bottom:18px}
body[data-page=parallel] .realm-footer{margin-top:auto;padding-top:0;border:0}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-backdrop{display:none}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage {
 display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;min-height:0;
}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-art {
 position:relative;inset:auto;grid-column:1;grid-row:1;aspect-ratio:3/2;width:100%;background:#080e19;
}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-art img {
 display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;
}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-shade{display:none}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-copy{width:auto;padding:20px 0}
.universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-copy h1{font-size:clamp(2.4rem,4vw,3.6rem)}
@media(max-width:1000px){body[data-page=parallel] .realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 body[data-page=parallel] .realm-grid{gap:12px}
 body[data-page=parallel] .realm-copy,
 body[data-page=parallel] .realm-card:last-child .realm-copy{padding:14px 12px}
 body[data-page=parallel] .realm-copy h3{font-size:clamp(1.05rem,4.6vw,1.35rem);line-height:1.18;margin:0 0 14px}
 body[data-page=parallel] .realm-line{display:none}
 .universe-page:not([data-world=jujutsu-kaisen]) .universe-stage{grid-template-columns:1fr;gap:0}
 .universe-page:not([data-world=jujutsu-kaisen]) .universe-stage-copy{grid-column:1;grid-row:2;padding:24px 0 12px}
}