@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#edf0ff;--muted:#aeb7d1;--gold:#d7b46f;--line:rgba(195,200,252,.17);--bg:#080d1c;--card:#121a32;--violet:#8475d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 10%,rgba(62,56,134,.22),transparent 32%),radial-gradient(circle at 10% 60%,rgba(28,58,118,.13),transparent 30%);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.7vw,6.4rem)}h2{font-size:clamp(2.1rem,4vw,3.8rem)}h3{font-size:1.3rem}p{color:var(--muted)}:focus-visible{outline:2px solid #f4cf8f;outline-offset:4px}.skip{position:absolute;left:-9999px;top:8px;padding:.6rem 1rem;background:#fff;color:#111;z-index:20}.skip:focus{left:8px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);background:rgba(6,10,25,.45)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;font-family:Manrope,sans-serif;font-size:1.08rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand img{width:35px;height:35px}.brand span span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.86rem;font-weight:600;color:#d7dcee}.nav-links a:hover,.footer-links a:hover{color:var(--gold)}.nav-action{border:1px solid rgba(215,180,111,.55);border-radius:100px;padding:.64rem 1.1rem;color:#f1d7a2}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#121a32;color:#fff;padding:.5rem .7rem}.hero{position:relative;min-height:780px;overflow:hidden;border-bottom:1px solid var(--line)}.hero::after{content:'';position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-art{position:absolute;inset:0 0 0 43%;background-image:linear-gradient(90deg,var(--bg) 0%,rgba(8,13,28,.45) 27%,rgba(8,13,28,.04) 60%),linear-gradient(0deg,rgba(8,13,28,.3),transparent 32%),url('/assets/portal-scene.png');background-position:center,center,center 37%;background-size:cover;filter:saturate(.95)}.hero-grid{position:relative;z-index:1;min-height:780px;display:flex;align-items:center;padding-top:110px;padding-bottom:130px}.hero-copy{max-width:650px}.eyebrow{display:flex;align-items:center;gap:.8rem;color:var(--gold);font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:'';display:block;width:34px;height:1px;background:var(--gold)}.hero h1{margin:.8rem 0 1.5rem;text-shadow:0 5px 35px rgba(0,0,0,.45)}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:1.13rem;max-width:560px;color:#c9d2ea}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border-radius:100px;padding:.85rem 1.3rem;font-weight:700;font-size:.85rem;min-height:47px}.button-primary{background:linear-gradient(135deg,#f4d698,#c8a15f);color:#18203a;box-shadow:0 8px 28px rgba(180,139,69,.16)}.button-secondary{border:1px solid rgba(220,229,255,.35);background:rgba(11,17,34,.54)}.button-quiet{border:1px solid var(--line);color:#e2d4ae}.store-note{font-size:.72rem;color:#aab5cf;margin-top:1rem}.hero-scroll{position:absolute;z-index:2;left:max(24px,calc((100vw - 1180px)/2));bottom:44px;display:flex;align-items:center;gap:.6rem;color:#b3bad2;font-size:.73rem;text-transform:uppercase;letter-spacing:.16em}.hero-scroll:before{content:'';width:38px;height:1px;background:var(--gold)}.section{padding:112px 0}.section-tight{padding:90px 0}.section-head{max-width:735px;margin-bottom:2.6rem}.section-head p{font-size:1.05rem}.kicker{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.9rem}.section-dark{background:linear-gradient(180deg,#0b1226,#0d1429)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.level-card,.trust-card{background:linear-gradient(145deg,rgba(27,37,68,.86),rgba(15,23,45,.88));border:1px solid var(--line);border-radius:20px;padding:2rem;min-height:230px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.feature-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:1.8rem;border:1px solid rgba(222,189,127,.45);border-radius:14px;color:var(--gold);font-size:1.3rem}.feature-card p,.level-card p{font-size:.91rem}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center}.statement{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(1.55rem,3vw,2.8rem);line-height:1.35;letter-spacing:-.04em}.statement em{font-style:normal;color:var(--gold)}.rule-list{display:grid;gap:1rem}.rule{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.rule b{color:var(--gold);font-size:.78rem}.rule p{margin:0;color:#c4cce1;font-size:.95rem}.level-card{position:relative;overflow:hidden;min-height:315px;display:flex;flex-direction:column;justify-content:flex-end}.level-card:before{content:'';position:absolute;right:-50px;top:-60px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(213,184,118,.22);box-shadow:0 0 0 35px rgba(132,117,214,.06),0 0 0 70px rgba(132,117,214,.04)}.level-card .num{position:absolute;top:1.8rem;left:2rem;color:var(--gold);font-size:.72rem;letter-spacing:.15em}.level-card h3{font-size:2rem;margin-bottom:.5rem}.level-card:nth-child(2){background:linear-gradient(140deg,#202043,#11192e)}.level-card:nth-child(3){background:linear-gradient(140deg,#30243e,#11192e)}.languages{display:flex;flex-wrap:wrap;gap:.75rem}.language{border:1px solid var(--line);border-radius:100px;padding:.72rem 1.1rem;background:#121a31;color:#dce2f2;font-weight:600;font-size:.82rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shot{position:relative;aspect-ratio:9/15;border-radius:22px;padding:1rem;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(110,99,203,.33),transparent 38%),linear-gradient(145deg,#182443,#0b1123);display:flex;flex-direction:column;justify-content:flex-end}.shot:before{content:'';position:absolute;inset:17px 17px 65px;border:1px solid rgba(228,200,146,.24);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%)}.shot:after{content:'✧';position:absolute;top:29%;left:50%;transform:translateX(-50%);font-size:3.5rem;color:rgba(226,198,140,.45)}.shot strong,.shot small{z-index:1}.shot strong{font-size:.88rem}.shot small{color:var(--muted);font-size:.68rem}.trailer{position:relative;min-height:380px;border:1px solid rgba(219,191,139,.2);border-radius:25px;background:linear-gradient(90deg,rgba(6,10,25,.97),rgba(6,10,25,.4)),url('/assets/portal-scene.png') center 43%/cover;display:flex;align-items:center;padding:clamp(2rem,6vw,5rem);overflow:hidden}.trailer:after{content:'';position:absolute;inset:0;border:1px solid rgba(238,204,145,.13);border-radius:25px;pointer-events:none}.trailer-copy{z-index:1;max-width:520px}.trailer h2{margin-bottom:.8rem}.play-placeholder{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.2rem;padding:0;background:none;border:0;color:var(--gold);font-weight:700}.play-circle{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--gold);border-radius:50%;font-size:1.1rem}.characters{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.character{position:relative;min-height:530px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#11172e;display:flex;align-items:flex-end}.character img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.9)}.character:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080c1d 94%)}.character div{position:relative;z-index:1;padding:2rem}.character p{max-width:340px;color:#c4cde4;margin:0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-card{min-height:200px}.trust-card h3{color:#e9d4a9}.cta-panel{padding:4rem;border:1px solid rgba(213,177,103,.33);border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(127,92,173,.28),transparent 35%),linear-gradient(135deg,#18213e,#0e152b);display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-panel h2{margin-bottom:.5rem}.site-footer{padding:4.5rem 0 2rem;border-top:1px solid var(--line);background:#080c19}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem}.footer-top p{max-width:320px;font-size:.86rem}.footer-title{font-size:.72rem;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.footer-links{display:grid;gap:.65rem;color:#bdc6dc;font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:1.3rem;border-top:1px solid var(--line);color:#8e9ab5;font-size:.75rem}.inner-hero{padding:190px 0 85px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 45%,rgba(90,70,167,.23),transparent 35%),linear-gradient(180deg,#10172e,#080d1c)}.inner-hero h1{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:1rem}.inner-hero p{max-width:700px;font-size:1.05rem}.notice{border-left:2px solid var(--gold);padding:1rem 1.3rem;background:rgba(215,180,111,.07);color:#e5d4b4;border-radius:0 10px 10px 0}.content-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:5rem}.content-grid aside{color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.prose{max-width:740px}.prose h2{font-size:1.55rem;margin-top:2.4rem}.prose p,.prose li{color:#c4cde1}.prose a{color:var(--gold);text-decoration:underline}.legal-card{border:1px solid var(--line);background:#111a31;border-radius:16px;padding:1.5rem;margin:1.5rem 0}.legal-card p:last-child{margin:0}.muted{color:#97a3bf}.accent{color:var(--gold)}
@media(max-width:900px){.hero{min-height:690px}.hero-grid{min-height:690px}.hero-art{inset:0 0 0 29%;opacity:.7}.hero-copy{max-width:570px}.grid-3,.trust-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.split{gap:2rem}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem}}
@media(max-width:680px){.container{width:min(100% - 36px,1180px)}.nav-shell{height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:1.3rem 18px 1.8rem;background:#0a1022;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:1rem}.nav-links.is-open{display:flex}.nav-action{text-align:center}.hero,.hero-grid{min-height:760px}.hero-art{inset:0;opacity:.5;background-image:linear-gradient(0deg,var(--bg) 0%,rgba(8,13,28,.37) 45%,rgba(8,13,28,.1) 75%),url('/assets/portal-scene.png');background-position:center,center 32%}.hero-grid{align-items:flex-end;padding-top:120px;padding-bottom:130px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(2.75rem,12vw,4.6rem)}.hero p{font-size:1rem}.hero-scroll{left:18px;bottom:35px}.section{padding:78px 0}.section-tight{padding:70px 0}.grid-3,.trust-grid,.split,.characters,.footer-top,.content-grid{grid-template-columns:1fr}.feature-card,.trust-card{min-height:auto}.level-card{min-height:270px}.character{min-height:500px}.gallery{gap:10px}.shot{border-radius:15px}.cta-panel{padding:2rem;display:block}.cta-panel .button{margin-top:1rem}.inner-hero{padding:145px 0 60px}.footer-top{gap:2rem}.content-grid{gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Keep the keyboard skip link hidden without creating horizontal scroll in RTL. */
.skip:not(:focus){left:8px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:680px){.inner-hero h1,.prose h2,.content-grid aside{hyphens:auto;overflow-wrap:anywhere}}

/* Interactive previews and carefully framed character art. */
.interactive-card{cursor:pointer;color:inherit;text-align:left;font:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.interactive-card:hover{transform:translateY(-4px);border-color:rgba(215,180,111,.55);box-shadow:0 15px 35px rgba(0,0,0,.18)}
.interactive-card:active{transform:translateY(-1px)}
.feature-card{display:flex;flex-direction:column;align-items:flex-start}
.feature-card .feature-icon{flex:none}
.card-title{display:block;font-family:Manrope,system-ui,sans-serif;font-size:1.25rem;font-weight:800;line-height:1.25;letter-spacing:-.03em}
.card-description{display:block;color:var(--muted);font-size:.91rem;line-height:1.6;margin-top:.7rem}
.card-cue{display:block;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.02em;margin-top:auto;padding-top:1.6rem}
.guide-list{display:grid;gap:12px;max-width:930px}
.guide-step{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:1.2rem;width:100%;padding:1.3rem 1.6rem;background:linear-gradient(135deg,#16213d,#11192e);border:1px solid var(--line);border-radius:15px}
.guide-step strong,.guide-step small{display:block}
.guide-step strong{font-family:Manrope,sans-serif;font-size:1.05rem}
.guide-step small{color:var(--muted);font-size:.85rem;margin-top:.2rem}
.guide-step>span:last-child{font-size:1.2rem;color:var(--gold)}
.guide-number{font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:800;color:var(--gold)}
.level-card{border:1px solid var(--line);width:100%}
.level-card .card-title{font-size:2rem;z-index:1}
.level-card .card-description{z-index:1;max-width:290px}
.level-card .card-cue{z-index:1}
.level-emblem{position:absolute;width:125px;height:125px;object-fit:contain;right:1.5rem;top:1.2rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}
.shot{width:100%;text-align:left;cursor:pointer}
.shot:before,.shot:after{display:none}
.shot-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .35s ease}
.shot:hover img{transform:scale(1.04)}
.shot-mystery .mystery-art{position:absolute;inset:0;background:url('/assets/junior-mystery.png') left top/200% 200% no-repeat}
.shot:focus-visible{outline-offset:5px}
.shot-label{position:relative;z-index:1;display:block;margin:-1rem;padding:5rem 1rem 1.15rem;background:linear-gradient(transparent,rgba(4,8,20,.96) 83%)}
.shot-label strong,.shot-label small{display:block}
.shot-label strong{font-family:Manrope,sans-serif;font-size:.92rem}
.shot-label small{color:#d9c393;font-size:.69rem}
.shot-demo{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#393e8b,#0a1026 70%)}
.demo-phone{position:relative;width:74%;height:75%;border:2px solid rgba(222,203,161,.55);border-radius:20px;background:linear-gradient(160deg,#111a38,#060b1a);box-shadow:0 12px 35px rgba(0,0,0,.3);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.demo-top{font-size:.55rem;color:var(--gold);letter-spacing:.1em}
.demo-lines{width:80%;height:50%;border-radius:7px;background:repeating-linear-gradient(180deg,rgba(184,198,239,.23) 0 2px,transparent 2px 23px)}
.demo-question{width:100%;border:1px solid var(--line);border-radius:8px;padding:.4rem;color:#c6cee5;font-size:.55rem}
.demo-mic{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.trailer{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;min-height:0;background:radial-gradient(circle at 80% 30%,rgba(94,80,163,.24),transparent 46%),#0c1227}
.trailer-copy{max-width:400px}
.teaser-video{position:relative;z-index:1;width:100%;max-height:450px;aspect-ratio:16/10;object-fit:contain;border:1px solid rgba(215,180,111,.25);border-radius:16px;background:#050817}
.character{width:100%;text-align:left;padding:0;border:1px solid var(--line)}
.character img{object-position:50% 0}
.character-copy{position:relative;z-index:1;display:block;padding:2rem}
.character-copy .card-title{font-size:1.7rem}
.character-copy .card-description{max-width:340px;color:#d6dcf0;margin-top:.35rem}
.character-copy .card-cue{padding-top:.8rem}
.trust-card{display:flex;flex-direction:column}
.trust-card .card-cue{padding-top:1rem}
.detail-dialog{width:min(760px,calc(100% - 28px));max-height:min(85vh,780px);padding:0;border:1px solid rgba(215,180,111,.44);border-radius:20px;background:#10182f;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.65)}
.detail-dialog::backdrop{background:rgba(3,6,16,.8);backdrop-filter:blur(7px)}
.dialog-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:280px}
.dialog-media{min-height:280px;background:#070d1f}
.dialog-media[hidden]{display:none}
.dialog-media img{display:block;width:100%;height:100%;max-height:68vh;object-fit:contain}
.dialog-copy{align-self:center;padding:clamp(2rem,4vw,3.3rem)}
.dialog-copy h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.dialog-copy p{color:#c8d1e5}
.dialog-note{border-top:1px solid var(--line);padding-top:1rem;font-size:.82rem}
.dialog-close{position:absolute;z-index:3;right:1rem;top:1rem;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#111a31;color:#fff;cursor:pointer;font-size:1.4rem;line-height:1}
.detail-dialog:not(.has-media) .dialog-layout{grid-template-columns:1fr}
.hero-art{background-position:center,center,center 8%}
@media(max-width:900px){.trailer{grid-template-columns:1fr;gap:1.5rem}.teaser-video{max-height:400px}.level-emblem{width:105px;height:105px}}
@media(max-width:680px){.guide-step{grid-template-columns:35px 1fr auto;padding:1rem;gap:.7rem}.guide-step small{font-size:.75rem}.level-card{min-height:300px}.trailer{padding:1.5rem}.character{min-height:510px}.character img{object-position:50% 0}.dialog-layout{grid-template-columns:1fr}.dialog-media{min-height:0;max-height:43vh}.dialog-media img{max-height:43vh}.dialog-copy{padding:1.7rem}.hero-art{background-position:center,center 22%}}
@media(prefers-reduced-motion:reduce){.interactive-card,.shot-image img{transition:none}}
.character img{object-fit:contain;object-position:center top}
.shot-image img{object-fit:contain;object-position:center center}
.shot-image:hover img{transform:none}
.character-greeting{display:block;width:max-content;max-width:100%;margin:.65rem 0 .1rem;padding:.35rem .7rem;border:1px solid rgba(215,180,111,.5);border-radius:999px;background:rgba(8,13,28,.88);color:#f3dda9;font-size:.82rem;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.character:hover .character-greeting,.character:focus .character-greeting{opacity:1;transform:none}
@media(hover:none){.character-greeting{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.character-greeting{transition:none}}
/* Keep the story copy on a calm, centered reading axis. */
.hero-grid{justify-content:center}
.hero-copy,.section-head,.statement,.rule-list,.feature-card,.guide-step,.level-card,.trust-card,.cta-panel,.dialog-copy,.footer-top,.footer-bottom{text-align:center}
.hero-copy,.section-head,.section-head p,.hero p,.statement{margin-inline:auto}
.hero-actions,.button-row,.eyebrow,.feature-card,.level-card,.trust-card,.footer-top nav{justify-content:center}
.feature-card,.trust-card{align-items:center}
.guide-step{justify-items:center}
.rule-list{max-width:790px;margin-inline:auto}
.cta-panel{justify-content:center;flex-wrap:wrap}
.footer-top{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-top p{margin-inline:auto}
.content-grid{display:block;max-width:790px;margin-inline:auto;text-align:center}
.content-grid aside{margin-bottom:1rem}
.prose{margin-inline:auto;text-align:center}
.notice{border-left:0;border-top:2px solid var(--gold);border-radius:0 0 10px 10px}
.language{cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.language:hover,.language:focus-visible{transform:translateY(-2px);border-color:var(--gold)}
.language[aria-pressed="true"]{background:#f0d098;color:#14203c;border-color:#f0d098}
.character-smile{position:absolute;z-index:2;right:1.25rem;top:1.25rem;color:#f4d998;font-size:1.6rem;opacity:0;transform:scale(.5) rotate(-20deg);transition:opacity .2s ease,transform .3s ease}
.character:hover .character-smile,.character:focus .character-smile{opacity:1;transform:scale(1) rotate(12deg)}
.character.is-greeting .character-greeting,.character.is-greeting .character-smile{opacity:1;transform:scale(1) rotate(12deg)}
.mystery-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:38vh;overflow:auto;margin:1.2rem 0;padding:0;list-style:none;text-align:start}
.mystery-catalog li{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;color:#edf0ff;font-size:.86rem;line-height:1.35;background:rgba(255,255,255,.035)}
.mystery-number{color:var(--gold);font-weight:800;flex:none}
@media(max-width:680px){.mystery-catalog{grid-template-columns:1fr;max-height:42vh}}
.demo-swipe-hint{display:block;margin-top:.65rem;color:#f6d996;font-size:.62rem;font-weight:700}
.swipe-demo{margin:1.4rem auto;max-width:370px;padding:1rem;border:1px solid var(--line);border-radius:15px;background:#0a1023;text-align:center}
.swipe-demo p{margin:.2rem 0 .8rem;font-size:.82rem}
.swipe-track{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;border:1px solid rgba(215,180,111,.28);border-radius:999px;background:linear-gradient(90deg,rgba(204,98,123,.16),rgba(126,113,197,.14),rgba(113,195,153,.16));touch-action:pan-y}
.swipe-handle{width:130px;max-width:45%;padding:.7rem;border:1px solid var(--gold);border-radius:999px;background:#1d2a4c;color:#f7e0ad;cursor:grab;user-select:none;touch-action:none}
.swipe-handle:active{cursor:grabbing}
.swipe-demo-actions{display:flex;justify-content:space-between;gap:.5rem;margin-top:.75rem}
.swipe-demo-actions button{border:0;background:transparent;color:#d8c7a4;cursor:pointer;font-size:.76rem;text-decoration:underline}
.swipe-result{min-height:1.5em;margin-top:.65rem;color:#f6d996;font-size:.82rem;font-weight:700}
html[dir="rtl"] .swipe-demo-actions{flex-direction:row-reverse}
html[dir="rtl"] .guide-step{direction:rtl}
@media(max-width:680px){.footer-top{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.cta-panel .button{margin-top:0}}
@media(prefers-reduced-motion:reduce){.language,.character-smile{transition:none}}
.site-language-switcher{margin-left:auto;flex:none}
.site-language-switcher select{max-width:170px;padding:.48rem 1.9rem .48rem .7rem;border:1px solid rgba(215,180,111,.48);border-radius:999px;background:#111a31;color:#f1d7a2;font:600 .78rem Manrope,system-ui,sans-serif;cursor:pointer}
.site-language-switcher select:focus-visible{outline:2px solid #f4cf8f;outline-offset:3px}
html[dir="rtl"] .site-language-switcher{margin-left:0;margin-right:auto}
html[dir="rtl"] .nav-links,html[dir="rtl"] .footer-links{direction:rtl}
html[dir="rtl"] .swipe-track{direction:ltr}
@media(max-width:900px){.nav-shell{gap:.8rem}.nav-links{gap:.9rem}.site-language-switcher select{max-width:128px}}
@media(max-width:680px){.site-language-switcher{margin-left:auto}.site-language-switcher select{max-width:118px}.brand{font-size:.96rem}}
.languages{justify-content:center}
.shot,.shot-label,.character,.character-copy,.trailer-copy{text-align:center}
.character-copy .card-description,.character-greeting,.trailer-copy{margin-inline:auto}

/* Four reference colors, used as soft light rather than solid panels. */
:root{--emerald:#008754;--cerulean:#4b86ed;--fuchsia:#ff0381;--gold:#e0be85;--gold-soft:#f0d3a0;--gold-deep:#c49a57;--bg:#163149;--card:#213e55;--line:rgba(213,234,244,.25)}
body{background:radial-gradient(circle at 7% 17%,rgba(0,170,104,.25),transparent 28%),radial-gradient(circle at 94% 36%,rgba(75,134,237,.27),transparent 30%),radial-gradient(circle at 25% 78%,rgba(255,3,129,.15),transparent 30%),var(--bg)}
.section{background:radial-gradient(circle at 8% 18%,rgba(0,169,103,.22),transparent 35%),radial-gradient(circle at 90% 82%,rgba(75,134,237,.22),transparent 38%),#1b354a}
.section-dark{background:radial-gradient(circle at 88% 12%,rgba(0,169,103,.25),transparent 34%),radial-gradient(circle at 12% 88%,rgba(255,3,129,.15),transparent 31%),#1a3547}
.section-tight{background:radial-gradient(circle at 50% 0,rgba(75,134,237,.22),transparent 50%),#1b354a}
.section-tight.section-dark{background:radial-gradient(circle at 10% 55%,rgba(0,169,103,.27),transparent 35%),radial-gradient(circle at 89% 30%,rgba(75,134,237,.23),transparent 32%),#1a3547}
.hero{background:radial-gradient(circle at 17% 45%,rgba(0,169,103,.27),transparent 42%),#173149}
.hero-art{background-image:linear-gradient(90deg,rgba(20,48,70,.9) 0%,rgba(20,48,70,.43) 27%,rgba(20,48,70,.04) 60%),linear-gradient(0deg,rgba(20,48,70,.24),transparent 32%),url('/assets/portal-scene.png')}
.site-header{background:rgba(14,40,60,.76)}
.feature-card,.trust-card{background:radial-gradient(circle at 50% 0,rgba(0,170,104,.22),transparent 68%),linear-gradient(145deg,#25465a,#1d384d)}
.feature-card:nth-child(2),.trust-card:nth-child(2){background:radial-gradient(circle at 50% 0,rgba(75,134,237,.28),transparent 68%),linear-gradient(145deg,#294965,#1d384d)}
.feature-card:nth-child(3),.trust-card:nth-child(3){background:radial-gradient(circle at 50% 0,rgba(255,3,129,.17),transparent 68%),linear-gradient(145deg,#37425e,#1d384d)}
.feature-card:nth-child(1) .feature-icon{border-color:rgba(0,190,127,.52);color:#71e3b2}
.feature-card:nth-child(2) .feature-icon{border-color:rgba(110,167,255,.6);color:#a1c7ff}
.feature-card:nth-child(3) .feature-icon{border-color:rgba(255,90,169,.58);color:#ff89c4}
.level-card:nth-child(1){background:radial-gradient(circle at 80% 8%,rgba(255,3,129,.34),transparent 56%),linear-gradient(145deg,#55415d,#26394e)}
.level-card:nth-child(2){background:radial-gradient(circle at 80% 8%,rgba(75,134,237,.42),transparent 56%),linear-gradient(145deg,#28527a,#1d3c59)}
.level-card:nth-child(3){background:radial-gradient(circle at 80% 8%,rgba(0,180,112,.46),transparent 56%),linear-gradient(145deg,#28534f,#1b3948)}
.guide-step{background:linear-gradient(115deg,rgba(0,170,104,.2),rgba(75,134,237,.21)),#234158}
.interactive-card:hover{border-color:rgba(254,226,143,.75);box-shadow:0 14px 36px rgba(0,0,0,.2),0 0 28px rgba(75,134,237,.13)}
.button-primary{background:linear-gradient(135deg,var(--gold-soft),var(--gold),var(--gold-deep));color:#18203a;box-shadow:0 8px 28px rgba(224,190,133,.22)}
.nav-action,.button-quiet{border-color:rgba(224,190,133,.65);color:var(--gold)}
.kicker,.card-cue,.guide-number{color:var(--gold)}
.brand span span,.eyebrow,.hero h1 em,.statement em,.guide-step>span:last-child,.level-card .num,.footer-title,.prose a,.content-grid aside,.accent,.feature-icon,.demo-mic{color:var(--gold)}
.language[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#182b3f}
.shot-label small,.character-greeting,.character-smile,.demo-swipe-hint,.swipe-result,.swipe-demo-actions button,.trust-card h3{color:var(--gold)}
.character-greeting{border-color:rgba(224,190,133,.65)}
.demo-mic,.play-circle,.feature-icon{border-color:rgba(224,190,133,.55)}
:focus-visible{outline-color:var(--gold)}
.section-head h2,.inner-hero h1{text-shadow:0 0 30px rgba(75,134,237,.14)}
.cta-panel{background:radial-gradient(circle at 5% 60%,rgba(0,170,104,.31),transparent 43%),radial-gradient(circle at 95% 12%,rgba(255,3,129,.22),transparent 38%),linear-gradient(135deg,#284d5c,#294461)}
.inner-hero{background:radial-gradient(circle at 9% 85%,rgba(0,170,104,.3),transparent 39%),radial-gradient(circle at 90% 25%,rgba(75,134,237,.28),transparent 42%),linear-gradient(180deg,#254761,#1b354a)}
.site-footer{background:#173047}
.detail-dialog{background:#203b54}
.legal-card{background:#203c53}
@media(max-width:680px){.hero-art{background-image:linear-gradient(0deg,var(--bg) 0%,rgba(20,48,70,.29) 45%,rgba(20,48,70,.05) 75%),url('/assets/portal-scene.png')}}
.shot-label{padding-inline:1rem}
@media(max-width:980px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:1.3rem 24px 1.8rem;background:#0a1022;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:1rem}.nav-links.is-open{display:flex}.nav-action{text-align:center}}
@media(max-width:680px){.nav-links{top:70px;padding-inline:18px}}

/* Wordmark, centered monogram and compact language control. */
.nav-shell{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem}
.brand-wordmark{justify-self:start;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:-.055em}
.header-mark{justify-self:center;display:grid;place-items:center;width:60px;height:60px;flex:none;border:1px solid rgba(224,190,133,.67);border-radius:50%;background:radial-gradient(circle at 42% 34%,#2b4e65,#132a42 75%);box-shadow:0 0 0 5px rgba(224,190,133,.07),0 0 24px rgba(224,190,133,.15)}
.header-mark img{width:43px;height:43px;object-fit:contain}
.header-actions{display:flex;align-items:center;justify-self:end;gap:.55rem}
.header-actions .menu-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;background:#1c3a50;border-color:rgba(224,190,133,.55);color:var(--gold);cursor:pointer}
.site-language-switcher{position:relative;margin:0}
.language-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(224,190,133,.55);border-radius:50%;background:#1c3a50;color:var(--gold);cursor:pointer}
.language-toggle svg{width:22px;height:22px}
.site-language-menu{position:absolute;z-index:15;top:calc(100% + .7rem);right:0;display:grid;gap:.2rem;width:max-content;min-width:190px;max-height:min(65vh,340px);overflow:auto;padding:.5rem;border:1px solid rgba(224,190,133,.55);border-radius:15px;background:#19364b;box-shadow:0 16px 40px rgba(0,0,0,.36)}
.site-language-menu[hidden]{display:none}
.site-language-menu button{width:100%;padding:.56rem .8rem;border:0;border-radius:9px;background:transparent;color:var(--ink);font:600 .85rem Manrope,system-ui,sans-serif;text-align:start;cursor:pointer}
.site-language-menu button:hover,.site-language-menu button:focus-visible,.site-language-menu button[aria-pressed="true"]{background:rgba(224,190,133,.17);color:var(--gold)}
.nav-shell>.nav-links{display:none;position:absolute;top:78px;right:max(24px,calc((100vw - 1180px)/2));left:auto;width:min(300px,calc(100vw - 36px));padding:1.15rem;border:1px solid rgba(224,190,133,.4);border-radius:0 0 15px 15px;background:#19364b;box-shadow:0 18px 42px rgba(0,0,0,.32);flex-direction:column;align-items:stretch;gap:.75rem}
.nav-shell>.nav-links.is-open{display:flex}
html[dir="rtl"] .site-language-menu{right:auto;left:0}
@media(max-width:680px){.nav-shell{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem}.brand-wordmark{font-size:clamp(.86rem,3.2vw,1.08rem)}.header-mark{width:46px;height:46px}.header-mark img{width:34px;height:34px}.header-actions{gap:.3rem}.header-actions .menu-toggle,.language-toggle{width:36px;height:36px}.language-toggle svg{width:19px;height:19px}.nav-shell>.nav-links{top:70px;right:18px}}

.menu-bars{display:grid;gap:4px;width:20px}.menu-bars i{display:block;width:20px;height:3px;border-radius:3px}.menu-bars i:nth-child(1){background:#ff0381}.menu-bars i:nth-child(2){background:#4686ed}.menu-bars i:nth-child(3){background:#00894f}

/* IQ is a visual theme, not a score reported by the game. */
.iq-emblem{display:grid;justify-items:center;width:max-content;min-width:116px;margin:1rem 0 .2rem;padding:.2rem .8rem .35rem;border:1px solid rgba(224,190,133,.34);border-radius:18px;background:radial-gradient(circle at 50% 55%,rgba(224,190,133,.12),transparent 68%),rgba(18,36,57,.5);box-shadow:0 0 28px rgba(224,190,133,.1);line-height:1}
.iq-letters{font:italic 800 clamp(2.8rem,5.6vw,4.2rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.08em;color:#e0be85;text-shadow:0 0 22px rgba(224,190,133,.28)}
.iq-infinity{font:700 clamp(2.1rem,4vw,3rem)/.8 Georgia,'Times New Roman',serif;letter-spacing:0;background:linear-gradient(90deg,#ff0381 12%,#4686ed 50%,#00894f 88%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(168,140,221,.3))}
.iq-caption{margin-top:.4rem;font-size:.59rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#d9cba9;white-space:nowrap}
@media(max-width:680px){.hero,.hero-grid{min-height:840px}.iq-emblem{min-width:94px;margin:.8rem 0 .15rem}.iq-letters{font-size:2.8rem}.iq-infinity{font-size:2.1rem}.iq-caption{font-size:.5rem}}

/* Refined title and unframed IQ infinity mark below it. */
.hero-copy{margin-inline:auto;text-align:center}
.hero-copy .eyebrow,.hero-copy .hero-actions{justify-content:center}
.hero-copy p{margin-inline:auto}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(2.45rem,5.1vw,4.65rem);line-height:1.12;letter-spacing:-.055em}
.iq-emblem{margin:1.2rem auto 1.35rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.iq-letters{font-size:clamp(3rem,5.9vw,4.5rem)}
.iq-infinity{font-size:clamp(2.3rem,4.6vw,3.4rem)}
@media(max-width:680px){.hero h1{font-size:clamp(2.5rem,9.4vw,3.55rem)}.iq-emblem{margin:.95rem auto 1.15rem;padding:0}.iq-letters{font-size:3.05rem}.iq-infinity{font-size:2.3rem}}

/* Cinematic scenes from the new film: never crop faces or ears. */
.story-clip{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0a1223;border:1px solid rgba(224,190,133,.34);border-radius:16px;box-shadow:0 16px 38px rgba(6,10,24,.3)}
.hero-grid{padding-bottom:115px}
.hero-film{width:min(600px,100%);margin:1.6rem auto .7rem;padding:5px;border:1px solid rgba(224,190,133,.4);border-radius:21px;background:linear-gradient(130deg,rgba(255,3,129,.18),rgba(70,134,237,.14),rgba(0,137,79,.2));box-shadow:0 22px 60px rgba(0,0,0,.27),0 0 55px rgba(224,190,133,.11)}
.hero-film .story-clip{border-radius:15px;border:0;box-shadow:none}
.feature-card{overflow:hidden}
.feature-clip{margin:-1.25rem -1.25rem 1.2rem;width:calc(100% + 2.5rem);border-radius:13px;box-shadow:none}
.guide-step:has(.guide-clip){grid-template-columns:130px 55px 1fr auto}
.guide-clip{border-radius:10px;box-shadow:none}
.cinema-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:1.5rem auto 0}
.cinema-pair .story-clip{border-color:rgba(224,190,133,.28)}
.character-cinema{margin-bottom:1.25rem}
.character-cinema .story-clip:first-child{box-shadow:0 15px 35px rgba(255,3,129,.12)}
.character-cinema .story-clip:last-child{box-shadow:0 15px 35px rgba(70,134,237,.14)}
.gallery-cinema{margin-top:1.4rem}
@media(max-width:900px){.guide-step:has(.guide-clip){grid-template-columns:112px 42px 1fr auto}}
@media(max-width:680px){.hero-grid{padding-bottom:100px}.hero-film{margin-top:1.2rem}.feature-clip{margin:-1rem -1rem 1rem;width:calc(100% + 2rem)}.guide-step:has(.guide-clip){grid-template-columns:96px 1fr auto;gap:.65rem}.guide-step:has(.guide-clip) .guide-number{display:none}.cinema-pair{grid-template-columns:1fr;gap:14px}.story-clip{border-radius:13px}}

/* The opening ten seconds are the cover; title and IQ sit below the film. */
.hero{min-height:0}
.hero-cinema{position:relative;z-index:1;width:min(1500px,calc(100% - 32px));margin:0 auto;padding-top:94px}
.hero-feature{width:100%;max-height:82vh;aspect-ratio:16/9;object-fit:contain;border:1px solid rgba(224,190,133,.65);border-radius:22px;background:#081121;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 58px rgba(224,190,133,.12)}
.hero-grid{min-height:0;padding:2rem 0 7rem}
.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;column-gap:2rem;width:min(930px,100%);max-width:none;text-align:left}
.hero-copy .eyebrow,.hero-copy h1{grid-column:1;justify-content:flex-start}
.hero h1{font-size:clamp(2.2rem,3.7vw,3.6rem);margin:.45rem 0 .8rem;text-shadow:none}
.hero-copy .iq-emblem{grid-column:2;grid-row:1 / 3;margin:0 auto}
.hero-copy p,.hero-copy .hero-actions,.hero-copy .store-note{grid-column:1 / -1;margin-inline:0}
.hero-copy p{max-width:850px;font-size:1rem}
.hero-copy .hero-actions{justify-content:flex-start;margin-top:1.1rem}
.hero-scroll{bottom:2rem}
@media(max-width:680px){.hero-cinema{width:calc(100% - 12px);padding-top:76px}.hero-feature{max-height:none;border-radius:12px}.hero-grid{padding:1.6rem 0 6rem}.hero-copy{grid-template-columns:1fr;text-align:center}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .iq-emblem,.hero-copy p,.hero-copy .hero-actions,.hero-copy .store-note{grid-column:1;justify-content:center;margin-inline:auto}.hero-copy .iq-emblem{grid-row:auto;margin:.4rem auto 1rem}.hero h1{font-size:clamp(2rem,7.7vw,3rem)}.hero-copy p{font-size:.95rem}.hero-scroll{bottom:1.4rem}}

/* The opening film is the page background. The title rests in an open-book panel. */
.hero{isolation:isolate;min-height:100svh;background:#0b1830}
.hero-art{display:none}
.hero-cinema{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#0b1830}
.hero-feature{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 42%;border:0;border-radius:0;box-shadow:none}
.hero::after{z-index:0;inset:0;height:auto;background:linear-gradient(180deg,rgba(4,10,24,.15) 0%,transparent 30%,rgba(4,10,24,.08) 52%,rgba(4,10,24,.78) 100%)}
.hero-grid{position:relative;z-index:1;min-height:100svh;align-items:flex-end;padding-top:115px;padding-bottom:90px}
.hero-copy{position:relative;width:min(950px,100%);padding:1.8rem 2.8rem 1.7rem;border:1px solid #dcc695;border-radius:48px 48px 16px 16px;background:linear-gradient(90deg,#e5d4aa 0%,#f5e9ca 47%,#d7c092 49.6%,#f5e8c9 50.5%,#e9d7b0 100%);color:#1c2e3a;box-shadow:0 -10px 50px rgba(240,204,139,.18),0 25px 70px rgba(0,0,0,.48);animation:book-open .9s ease-out both}
.hero-copy::before{content:'';position:absolute;top:9%;bottom:8%;left:50%;width:2px;background:linear-gradient(transparent,rgba(112,77,42,.3) 20%,rgba(112,77,42,.3) 80%,transparent);pointer-events:none}
.hero-copy .eyebrow{color:#694920}
.hero-copy .eyebrow::before{background:#946a34}
.hero h1{color:#1d3242;text-shadow:none}
.hero h1 em{color:#80542c}
.hero-copy p{color:#2b4050}
.hero-copy .store-note{color:#405061}
.hero-copy .iq-letters{color:#8b6034;text-shadow:none}
.hero-copy .iq-caption{color:#654924}
.hero-copy .button-secondary{background:rgba(34,53,72,.86);border-color:#52677b;color:#fff}
@keyframes book-open{from{opacity:.65;transform:perspective(900px) rotateX(-11deg) translateY(35px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
.level-card{min-height:465px;justify-content:flex-start;padding:1.1rem}
.level-card .num{position:relative;top:auto;left:auto;align-self:flex-start;z-index:2}
.level-emblem{width:64px;height:64px;top:1rem;right:1rem;z-index:2}
.level-motion{position:relative;z-index:1;flex:none;width:100%;aspect-ratio:16/9;margin:.5rem 0 1rem;object-fit:contain;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:#0c1426;box-shadow:none;pointer-events:none}
.level-card .card-description{max-width:none}
.level-card .card-cue{margin-top:auto;padding-top:.9rem}
@media(max-width:680px){.hero-cinema{width:100%;padding:0}.hero-feature{object-fit:contain;object-position:center top;background:#0b1830}.hero-grid{min-height:100svh;padding:30svh 0 5rem}.hero-copy{padding:1.35rem 1.2rem;border-radius:28px 28px 12px 12px}.hero-copy::before{display:none}.hero-copy p{font-size:.88rem}.hero-copy .iq-emblem{margin:.4rem auto .8rem}.hero h1{font-size:clamp(1.8rem,7vw,2.55rem)}.level-card{min-height:420px}}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}}
.dialog-media video{display:block;width:100%;height:100%;max-height:68vh;object-fit:contain;background:#070d1f}
@media(max-width:680px){.dialog-media video{max-height:43vh}}
.video-card-shell{position:relative;min-width:0}
.video-card-shell>.interactive-card{width:100%;height:100%}
.feature-shell:nth-child(2) .feature-card{background:radial-gradient(circle at 50% 0,rgba(75,134,237,.28),transparent 68%),linear-gradient(145deg,#294965,#1d384d)}
.feature-shell:nth-child(3) .feature-card{background:radial-gradient(circle at 50% 0,rgba(255,3,129,.17),transparent 68%),linear-gradient(145deg,#37425e,#1d384d)}
.feature-shell:nth-child(2) .feature-icon{border-color:rgba(110,167,255,.6);color:#a1c7ff}
.feature-shell:nth-child(3) .feature-icon{border-color:rgba(255,90,169,.58);color:#ff89c4}
.level-shell:nth-child(2) .level-card{background:radial-gradient(circle at 80% 8%,rgba(75,134,237,.42),transparent 56%),linear-gradient(145deg,#28527a,#1d3c59)}
.level-shell:nth-child(3) .level-card{background:radial-gradient(circle at 80% 8%,rgba(0,180,112,.46),transparent 56%),linear-gradient(145deg,#28534f,#1b3948)}
.sound-toggle{position:absolute;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(243,224,177,.8);border-radius:50%;background:rgba(9,20,39,.84);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.4);font-size:1.25rem;cursor:pointer;backdrop-filter:blur(8px)}
.sound-toggle:hover,.sound-toggle:focus-visible{background:rgba(25,49,72,.98);transform:scale(1.06)}
.sound-toggle[aria-pressed="true"]{border-color:#f4d89e;box-shadow:0 0 0 4px rgba(244,216,158,.17),0 5px 18px rgba(0,0,0,.4)}
.hero-sound-toggle{top:105px;right:max(28px,calc((100vw - 1380px)/2))}
.feature-shell .sound-toggle{top:.75rem;right:.75rem}
.level-shell .sound-toggle{top:4rem;right:1.4rem}
@media(max-width:680px){.hero-sound-toggle{top:83px;right:14px}.sound-toggle{width:39px;height:39px}.level-shell .sound-toggle{top:3.9rem;right:1.3rem}}

/* Let the complete film frame own the first screen; the book follows below. */
.hero::after{display:none}
.hero-cinema{position:relative;inset:auto;display:grid;place-items:center;width:100%;height:100svh;min-height:520px;padding:78px 0 0;isolation:isolate;background:#09152a;overflow:hidden}
.hero-cinema::before{content:'';position:absolute;inset:-30px;z-index:-1;background:url('/assets/story-chapter-01.jpg') center/cover;filter:blur(32px) brightness(.36);transform:scale(1.06)}
.hero-feature{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
.hero-film-next{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.2rem;min-height:92px;padding:1rem 1.5rem;border-top:1px solid rgba(224,190,133,.35);border-bottom:1px solid rgba(224,190,133,.28);background:linear-gradient(90deg,#102338,#1b394c,#102338);color:#e0be85}
.hero-film-next:hover,.hero-film-next:focus-visible{background:linear-gradient(90deg,#17334b,#28566a,#17334b)}
.hero-film-iq{font:italic 800 2.1rem/.9 Georgia,'Times New Roman',serif;letter-spacing:-.07em}
.hero-film-iq span{margin-left:.2rem;font-style:normal;background:linear-gradient(90deg,#ff0381,#4686ed,#00894f);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-film-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(224,190,133,.65);border-radius:50%;font-size:1.4rem;line-height:1}
.hero-grid{min-height:0;align-items:center;padding:3.5rem 0 5rem}
.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3rem;width:min(980px,100%);max-width:none;text-align:left}
.hero-copy .eyebrow,.hero-copy h1{grid-column:1}
.hero-copy p{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;max-width:none;font-size:1rem}
.hero-copy .hero-actions,.hero-copy .store-note{grid-column:1 / -1;justify-content:center;margin-inline:auto}
.hero-sound-toggle{top:96px}
@media(max-width:680px){.hero-cinema{height:100svh;min-height:0;padding-top:70px}.hero-feature{object-fit:contain}.hero-film-next{min-height:78px}.hero-grid{padding:2.2rem 0 4rem}.hero-copy{grid-template-columns:1fr;gap:.25rem;text-align:center}.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .hero-actions,.hero-copy .store-note{grid-column:1;grid-row:auto;justify-content:center;margin-inline:auto}.hero-copy p{margin:1rem auto}.hero-sound-toggle{top:82px}}

/* Opening the IQ control reveals the paper; until then the film is the page. */
.hero-cinema{height:calc(100svh - 84px);min-height:430px}
.hero-feature{object-fit:cover;object-position:center center}
.story-reveal{position:relative;z-index:2;background:linear-gradient(180deg,#122c40,#17384d)}
.story-reveal summary{list-style:none;cursor:pointer}
.story-reveal summary::-webkit-details-marker{display:none}
.hero-film-next{display:grid;justify-items:center;align-content:center;gap:0;min-height:84px;padding:.25rem 1rem;background:linear-gradient(90deg,#102b40,#21465c,#102b40)}
.hero-film-iq{display:inline-flex;align-items:baseline;gap:.13rem;padding:0 .15rem;font-size:2rem;line-height:1.18;overflow:visible}
.hero-film-iq span{display:inline-block;margin:0;padding:0 .14em .04em;font-size:1.18em;line-height:1.15;overflow:visible}
.hero-film-arrow{width:27px;height:27px;border:0;font-size:1.5rem;transition:transform .25s ease}
.story-reveal[open] .hero-film-arrow{transform:rotate(180deg)}
.story-reveal .hero-copy{animation:none}
.story-reveal[open] .hero-copy{animation:book-open .85s ease-out both}
.story-reveal[open] .hero-grid{animation:paper-appear .6s ease-out both}
@keyframes paper-appear{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.hero-cinema{height:calc(100svh - 78px);min-height:0}.hero-feature{object-fit:cover;animation:film-pan 10s ease-in-out infinite}.hero-film-next{min-height:78px}.hero-film-iq{font-size:1.8rem}}
@keyframes film-pan{0%,100%{object-position:46% center}50%{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.hero-feature,.story-reveal[open] .hero-copy,.story-reveal[open] .hero-grid{animation:none}.hero-film-arrow{transition:none}}

/* Short, expandable explanations keep the film and mysteries in focus. */
.fold-wrap{padding:clamp(2.6rem,6vw,5rem) 0}
.fold-section>summary{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:1rem;max-width:1020px;margin:auto;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid rgba(224,190,133,.4);border-radius:24px;background:linear-gradient(130deg,rgba(46,81,102,.92),rgba(29,58,77,.94));box-shadow:0 16px 40px rgba(5,17,34,.16);list-style:none;cursor:pointer}
.fold-section>summary::-webkit-details-marker{display:none}
.fold-section>summary:hover,.fold-section>summary:focus-visible{border-color:var(--gold);box-shadow:0 18px 48px rgba(224,190,133,.13)}
.fold-kicker{grid-column:1/-1;margin:0 0 .5rem}
.fold-section .statement,.fold-title{grid-column:1;display:block;margin:0;text-align:start;font-weight:800;line-height:1.22}
.fold-section .statement{font-size:clamp(1.4rem,2.7vw,2.35rem)}
.fold-title{font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.035em}
.fold-arrow{grid-column:2;grid-row:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(224,190,133,.6);border-radius:50%;color:var(--gold);font-size:1.6rem;line-height:1;transition:transform .25s ease}
.fold-section[open] .fold-arrow{transform:rotate(180deg)}
.fold-content{max-width:1020px;margin:1rem auto 0;padding:1.1rem clamp(1.3rem,3vw,2.3rem);border:1px solid rgba(224,190,133,.2);border-radius:20px;background:rgba(19,44,65,.75);animation:paper-appear .4s ease-out both}
.fold-content.rule-list{max-width:1020px}
.fold-content .rule{text-align:start}
.fold-content .rule:last-child{border:0}
.fold-intro{max-width:770px;margin:0 auto 1.35rem;text-align:center}
.fold-content .guide-list{margin:auto}

/* A small app-like gesture demonstration replaces the static gallery. */
#galeria .section-head{text-align:center;margin-inline:auto}
.question-stage{display:grid;place-items:center;max-width:990px;min-height:560px;margin:auto;padding:clamp(1.2rem,5vw,3.8rem);border:1px solid rgba(224,190,133,.32);border-radius:30px;background:radial-gradient(circle at 50% 30%,rgba(75,134,237,.27),transparent 45%),radial-gradient(circle at 23% 80%,rgba(255,3,129,.14),transparent 40%),linear-gradient(140deg,#1a384d,#162c40);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.question-device{width:min(440px,100%);padding:1.05rem;border:1px solid rgba(224,190,133,.5);border-radius:32px;background:linear-gradient(150deg,#19384f,#0f2036);box-shadow:0 22px 60px rgba(3,10,22,.45),0 0 50px rgba(75,134,237,.12)}
.question-device-top{display:flex;align-items:center;justify-content:space-between;padding:.15rem .45rem .9rem;color:var(--gold);font:italic 800 1rem Georgia,serif}
.question-scene{display:grid;align-content:end;gap:.45rem;min-height:190px;padding:1.35rem;border:1px solid rgba(224,190,133,.27);border-radius:19px;background:linear-gradient(180deg,rgba(6,20,34,.13),rgba(6,20,34,.92)),radial-gradient(circle at 58% 35%,rgba(224,190,133,.4),transparent 30%),#214054;text-align:start}
.question-scene-label{color:#edce9e;font-size:.8rem;letter-spacing:.04em}
.question-scene strong{color:#fff;font:800 clamp(1.5rem,5vw,2rem)/1.1 Manrope,system-ui,sans-serif}
.question-stage .swipe-demo{max-width:none;margin:1rem 0 0;padding:0;border:0;background:none}
.question-stage .swipe-demo p{margin:0 0 .75rem;color:#c7d4df;font-size:.77rem}
.swipe-question{width:100%;min-height:48px;margin-bottom:.8rem;padding:.72rem 1rem;border:1px solid rgba(224,190,133,.32);border-radius:13px;background:#11273d;color:#fff;font:inherit}
.swipe-question::placeholder{color:#bbc9d4}
.question-stage .swipe-track{min-height:62px}
.question-stage .swipe-demo-actions button{padding:.4rem .55rem;text-decoration:none;border:1px solid rgba(224,190,133,.32);border-radius:9px;background:rgba(224,190,133,.07)}
.question-stage .swipe-result{min-height:1.7rem;margin-top:.5rem;font-size:.8rem}

/* Brief routes to the full policy; stores are availability labels until launch. */
#confianza .section-head,#proximamente .section-head{margin-inline:auto;text-align:center}
.trust-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:970px;margin:auto}
.trust-links a{display:flex;align-items:center;gap:.75rem;min-height:70px;padding:1rem 1.25rem;border:1px solid rgba(224,190,133,.3);border-radius:16px;background:#25445a;color:#f1f4f5}
.trust-links a:hover,.trust-links a:focus-visible{border-color:var(--gold);background:#31566b}
.trust-links a span:first-child{color:var(--gold);font-size:1.3rem}
.trust-links a span:last-child{margin-inline-start:auto;color:var(--gold)}
.stores-panel{display:grid;justify-content:center;justify-items:center;gap:.8rem;text-align:center;padding:clamp(2rem,5vw,3.5rem)}
.stores-panel .kicker,.stores-panel h2{margin:0}
.stores-panel h2{font-size:clamp(1.8rem,3.2vw,2.9rem)}
.store-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.1rem}
.store-badge{display:flex;align-items:center;gap:.75rem;min-width:175px;padding:.7rem 1rem;border:1px solid rgba(230,210,170,.48);border-radius:17px;background:#132b42;color:#fff;text-align:start}
.store-badge svg{display:block;width:43px;height:43px;flex:none}
@media(max-width:680px){.fold-section>summary{grid-template-columns:minmax(0,1fr) 38px;padding:1.25rem}.fold-arrow{width:38px;height:38px}.fold-content{padding:1rem 1.25rem}.question-stage{min-height:0;padding:1rem}.question-device{border-radius:24px}.trust-links{grid-template-columns:1fr}.stores-panel{padding:2rem 1rem}}
@media(prefers-reduced-motion:reduce){.fold-arrow,.fold-content{animation:none;transition:none}}

/* The page reads as one colored world, with fewer framed panels. */
body,.section,.section-dark,.section-tight,#universo,#niveles,#galeria,#personajes,#confianza,.language-section,.portal-section{background:radial-gradient(circle at 13% 22%,rgba(255,3,129,.17),transparent 34%),radial-gradient(circle at 89% 49%,rgba(75,134,237,.22),transparent 34%),radial-gradient(circle at 52% 92%,rgba(0,170,104,.18),transparent 34%),#121027}
#para-quien,#como-jugar{background:radial-gradient(circle at 80% 30%,rgba(75,134,237,.18),transparent 42%),#121027}
.site-footer{background:#080817}
.fold-section>summary{display:flex;flex-direction:column;justify-content:center;gap:.8rem;max-width:900px;padding:2rem 1rem;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
.fold-section>summary:hover,.fold-section>summary:focus-visible{border:0;box-shadow:none}
.fold-kicker{margin:0}
.fold-section .statement,.fold-title{text-align:center}
.fold-arrow{margin:.3rem auto 0;border-color:rgba(224,190,133,.5)}
.fold-content{border:0;border-top:1px solid rgba(224,190,133,.3);border-radius:0;background:transparent}
.fold-content .rule{max-width:770px;margin:auto}
.fold-content .guide-step{border:0;background:rgba(38,80,101,.55);box-shadow:none}
.feature-shell .feature-card,.level-shell .level-card{border:0;box-shadow:none}
.feature-shell .feature-card{background:transparent}
.feature-shell:nth-child(2) .feature-card,.feature-shell:nth-child(3) .feature-card{background:transparent}
.feature-clip{border:0}
.feature-icon{border:0;margin:.4rem auto}
.feature-card .card-description{max-width:270px;margin-inline:auto}
.level-shell .level-card,.level-shell:nth-child(2) .level-card,.level-shell:nth-child(3) .level-card{background:transparent}
.level-motion{border:0;box-shadow:0 16px 35px rgba(4,15,30,.3)}
.level-card .num{align-self:center}
.level-card .card-title{margin-top:.3rem}
.level-card .card-description{max-width:285px;margin-inline:auto}
.level-card .card-cue{display:grid;justify-items:center;gap:.25rem;padding:.65rem .3rem;color:var(--gold)}
.level-card .card-cue::after{content:'↓';display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(224,190,133,.6);border-radius:50%;font-size:1.1rem}
.question-stage{border:0;box-shadow:none;background:radial-gradient(circle at 50% 40%,rgba(75,134,237,.27),transparent 44%),transparent}
.question-stage .swipe-handle{display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:50%;color:#f4d6a7}
.question-stage .swipe-handle svg{width:29px;height:29px}
.trust-links a{justify-content:center;min-height:65px;border:0;border-radius:0;background:transparent;text-align:center}
.trust-links a:hover,.trust-links a:focus-visible{background:rgba(224,190,133,.07)}
.trust-links a span:last-child{margin-inline-start:0}
.stores-panel{border:0;box-shadow:none}

/* A globe of seven accessible, clickable language points. */
.language-section .section-head{text-align:center;margin-inline:auto}
.language-map{position:relative;width:min(510px,calc(100vw - 48px));aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 26%,rgba(108,189,232,.29),transparent 38%),radial-gradient(circle at 64% 74%,rgba(0,137,90,.3),transparent 44%),linear-gradient(145deg,#315d79,#173954 72%,#102d47);box-shadow:inset -24px -35px 66px rgba(5,22,42,.48),inset 14px 12px 34px rgba(153,219,236,.12),0 0 85px rgba(75,134,237,.2)}
.globe-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(205,231,243,.22);stroke-width:1.4;pointer-events:none}
.globe-lines .globe-continent{fill:rgba(0,172,111,.18);stroke:rgba(116,225,181,.32);stroke-width:2}
.language-map .languages{position:absolute;inset:0;display:block}
.language-map .language{position:absolute;left:var(--dot-x);top:var(--dot-y);display:grid;place-items:center;width:22px;height:22px;padding:0;border:3px solid #e1bc81;border-radius:50%;background:#ff0381;box-shadow:0 0 0 5px rgba(255,3,129,.2),0 0 20px rgba(255,3,129,.52);transform:translate(-50%,-50%);cursor:pointer}
.language-map .language span{position:absolute;bottom:calc(100% + 7px);left:50%;width:max-content;max-width:132px;padding:.2rem .45rem;border-radius:7px;background:rgba(12,35,53,.9);color:#f5f4eb;font-size:.72rem;line-height:1.2;white-space:normal;transform:translateX(-50%)}
.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{z-index:2;width:29px;height:29px;background:#eac78c;box-shadow:0 0 0 7px rgba(234,199,140,.22),0 0 26px rgba(234,199,140,.75)}
.language-map .language:nth-child(1){--dot-x:31%;--dot-y:35%}
.language-map .language:nth-child(2){--dot-x:50%;--dot-y:18%}
.language-map .language:nth-child(3){--dot-x:66%;--dot-y:35%}
.language-map .language:nth-child(4){--dot-x:41%;--dot-y:51%}
.language-map .language:nth-child(5){--dot-x:74%;--dot-y:56%}
.language-map .language:nth-child(6){--dot-x:27%;--dot-y:76%}
.language-map .language:nth-child(7){--dot-x:59%;--dot-y:78%}
.language-toggle{width:52px;height:52px;border:0;background:radial-gradient(circle at 36% 30%,#5481a1,#193d5c 72%);box-shadow:0 0 0 3px rgba(224,190,133,.25)}
.language-toggle svg{width:28px;height:28px}

/* Portraits own their full vertical scene, with captions floating over the image. */
.characters{gap:2.5rem}
.characters .character{min-height:760px;border:0;border-radius:0;background:radial-gradient(circle at 50% 60%,rgba(75,134,237,.16),transparent 58%);box-shadow:none}
.characters .character:last-child{background:radial-gradient(circle at 50% 60%,rgba(0,170,104,.2),transparent 58%)}
.characters .character img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;filter:none}
.characters .character::after{inset:62% 0 0;border-radius:0;background:linear-gradient(transparent,rgba(13,36,54,.95) 87%)}
.character-copy{width:100%;padding:2.3rem 1rem}
.character-copy .card-description{max-width:300px;margin-inline:auto}

/* The portal is a real doorway visually; progress remains explicitly a preview. */
.portal-section{padding:4.8rem 0}
.portal-reveal{text-align:center}
.portal-reveal>summary{display:grid;justify-items:center;gap:.55rem;width:max-content;max-width:100%;margin:auto;list-style:none;cursor:pointer}
.portal-reveal>summary::-webkit-details-marker{display:none}
.portal-door{position:relative;display:grid;place-items:center;width:clamp(155px,23vw,250px);height:clamp(210px,31vw,330px);border:8px solid #9d733d;border-bottom-width:12px;border-radius:48% 48% 8px 8px/32% 32% 8px 8px;background:radial-gradient(circle at 50% 42%,rgba(233,202,134,.24),transparent 33%),linear-gradient(150deg,#426579,#16263d 64%);box-shadow:inset 0 0 0 6px #d4af72,inset 0 0 0 12px #614a34,0 0 55px rgba(224,190,133,.18)}
.portal-door::after{content:'';position:absolute;inset:24px 17px 15px;border:1px solid rgba(238,204,151,.52);border-radius:48% 48% 5px 5px/32% 32% 5px 5px;box-shadow:0 0 26px rgba(224,190,133,.2)}
.portal-door-star{font-size:3.5rem;color:#e6c58b;text-shadow:0 0 26px rgba(255,226,166,.62)}
.portal-label{font:italic 800 clamp(1.7rem,3vw,2.5rem) Georgia,serif;color:var(--gold)}
.portal-open{font-size:1.5rem;color:var(--gold);transition:transform .25s ease}
.portal-reveal[open] .portal-open{transform:rotate(180deg)}
.portal-inner{max-width:830px;margin:2.2rem auto 0;padding-top:2rem;border-top:1px solid rgba(224,190,133,.32);animation:paper-appear .4s ease-out both}
.portal-inner h2{font-size:clamp(1.5rem,3vw,2.25rem)}
.portal-stars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem auto}
.portal-star{display:grid;justify-items:center;gap:.2rem;color:#fff}
.portal-star span{font-size:3.7rem;line-height:1}
.portal-star strong{font-size:.94rem}
.portal-star small{color:#cbd6dc}
.junior-star span{color:#ff0381}.adult-star span{color:#4b86ed}.genius-star span{color:#23ba80}
.portal-inner>p{font-size:.83rem}
@media(max-width:680px){.characters{grid-template-columns:1fr;gap:1.5rem}.characters .character{min-height:min(145vw,720px)}.language-map .language span{font-size:.58rem;padding:.18rem .25rem;max-width:85px}.language-map .language{width:17px;height:17px;border-width:2px}.language-toggle{width:43px;height:43px}.language-toggle svg{width:24px;height:24px}.portal-stars{gap:.45rem}.portal-star span{font-size:2.8rem}.portal-star strong{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.portal-inner{animation:none}.portal-open{transition:none}}

/* A continuous app-colored backdrop replaces alternating section blocks. */
body{background:linear-gradient(180deg,#100e25 0%,#171631 37%,#17253a 68%,#100e25 100%)}
body::before{background:radial-gradient(circle at 11% 21%,rgba(255,3,129,.13),transparent 34%),radial-gradient(circle at 90% 53%,rgba(75,134,237,.16),transparent 36%),radial-gradient(circle at 43% 82%,rgba(0,170,104,.13),transparent 36%)}
.section,.section-dark,.section-tight,#universo,#para-quien,#como-jugar,#niveles,#galeria,#personajes,#confianza,.language-section,.portal-section{background:transparent}

/* Letter-like typography and a centered, physical swipe control. */
.question-device-top{justify-content:center;padding:.2rem 0 .85rem}
.question-monogram{position:relative;display:grid;place-items:center;min-width:96px;min-height:55px;color:var(--gold)}
.question-monogram strong{font:italic 700 1.95rem/1 Georgia,serif;letter-spacing:-.08em}
.question-monogram>span{position:absolute;left:0;top:.25rem;color:#c2a4ff;font:normal 700 2.2rem/1 Georgia,serif}
.question-scene{text-align:center;justify-items:center}
.question-scene-label{font:italic 1.25rem/1.35 'Apple Chancery','Snell Roundhand',Georgia,serif;letter-spacing:0;text-align:center}
.question-scene strong{font:italic 700 clamp(2rem,5vw,2.6rem)/1.15 'Apple Chancery','Snell Roundhand',Georgia,serif;text-align:center}
.swipe-question{text-align:center}
.question-stage .swipe-track{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.35rem .55rem;gap:.4rem}
.swipe-track-label{color:#e8d1ad;font-size:.72rem;line-height:1.15;font-weight:700;pointer-events:none}
.swipe-track-erase{text-align:start}.swipe-track-send{text-align:end}
.question-stage .swipe-handle{width:61px;height:61px;max-width:none;border:2px solid #e4c587;background:radial-gradient(circle at 35% 25%,#496b80,#1a2d47 65%,#0d1e34);box-shadow:inset 0 2px 5px rgba(255,255,255,.15),0 0 20px rgba(224,190,133,.22)}
.question-stage .swipe-handle svg{width:33px;height:33px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}

/* Real antique globe image with colorful, keyboard-accessible location dots. */
.globe-lines{display:none}
.language-map .language{background:var(--point);border-color:#f2dcaa;box-shadow:0 0 0 4px color-mix(in srgb,var(--point) 26%,transparent),0 0 17px var(--point)}
.language-map .language:nth-child(1){--dot-x:27%;--dot-y:35%;--point:#ff0381}
.language-map .language:nth-child(2){--dot-x:45%;--dot-y:20%;--point:#e6bc74}
.language-map .language:nth-child(3){--dot-x:60%;--dot-y:32%;--point:#4b86ed}
.language-map .language:nth-child(4){--dot-x:42%;--dot-y:49%;--point:#21b981}
.language-map .language:nth-child(5){--dot-x:71%;--dot-y:47%;--point:#a889ed}
.language-map .language:nth-child(6){--dot-x:29%;--dot-y:63%;--point:#f08966}
.language-map .language:nth-child(7){--dot-x:59%;--dot-y:62%;--point:#69d3d8}
.language-map .language[aria-pressed="true"]{background:var(--point)}
.language-map .language span{background:rgba(25,16,42,.9);border:1px solid rgba(232,207,162,.5)}

/* The palace gate and IQ mark lead to stronger achievement titles. */
.portal-door{width:min(330px,72vw);height:min(495px,108vw);border:0;border-radius:0;background:url('/assets/portal-palace-door.jpg') center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 22px rgba(224,190,133,.22))}
.portal-door::after{display:none}
.portal-reveal>summary:hover .portal-door,.portal-reveal>summary:focus-visible .portal-door{filter:drop-shadow(0 0 32px rgba(244,201,119,.55))}
.portal-iq{display:grid;justify-items:center;gap:0;margin:.2rem auto;font:italic 800 clamp(2.4rem,5vw,3.8rem)/.95 Georgia,serif;color:var(--gold)}
.portal-iq span:last-child{font-style:normal;font-size:1.2em;background:linear-gradient(90deg,#ff0381,#4b86ed,#23ba80);background-clip:text;-webkit-background-clip:text;color:transparent}
.portal-achievements{margin:.75rem auto 1.6rem;color:#f0d8ae;font-weight:800;font-size:1.1rem}
.portal-star strong{font-size:1.05rem}
.level-symbol{display:block;align-self:center;width:82px;height:82px;margin:0 auto;object-fit:contain}
.level-emblem{display:none}
@media(max-width:680px){.language-map .language span{max-width:82px}.question-scene-label{font-size:1.08rem}.question-scene strong{font-size:2rem}.swipe-track-label{font-size:.64rem}.portal-door{height:min(495px,108vw)}}

/* A flat, south-up antique chart replaces the spherical selector. */
.language-map{width:min(1100px,calc(100vw - 32px));aspect-ratio:1200/650;border-radius:18px;background:url('/assets/language-map-idrisi.svg') center/100% 100% no-repeat;box-shadow:0 18px 48px rgba(5,8,24,.25)}
.language-map .languages{position:absolute;inset:0}
.language-map .language{display:grid;place-items:center;width:31px;height:31px;border:2px solid #f7e2b8;box-shadow:0 0 0 4px rgba(20,14,35,.28),0 0 16px var(--point)}
.language-map .language::after{content:attr(data-code);color:#121027;font:900 .58rem/1 Manrope,system-ui,sans-serif}
.language-map .language span{z-index:4;bottom:calc(100% + 9px);max-width:155px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}
.language-map .language:hover span,.language-map .language:focus-visible span{opacity:1;visibility:visible}
.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{z-index:3;width:35px;height:35px;border-color:#fff2ce;background:var(--point)}
.language-map .language:nth-child(1){--dot-x:73%;--dot-y:58%;--point:#ff0381}
.language-map .language:nth-child(2){--dot-x:16%;--dot-y:36%;--point:#e6bc74}
.language-map .language:nth-child(3){--dot-x:69%;--dot-y:71%;--point:#4b86ed}
.language-map .language:nth-child(4){--dot-x:49%;--dot-y:69%;--point:#21b981}
.language-map .language:nth-child(5){--dot-x:47%;--dot-y:76%;--point:#a889ed}
.language-map .language:nth-child(6){--dot-x:62%;--dot-y:44%;--point:#f08966}
.language-map .language:nth-child(7){--dot-x:38%;--dot-y:61%;--point:#69d3d8}
.language-toggle{background:linear-gradient(145deg,#ad8956,#60442d);box-shadow:0 0 0 3px rgba(224,190,133,.18)}
.language-toggle svg{width:27px;height:27px}
@media(max-width:680px){.language-map{width:calc(100vw - 22px);border-radius:10px}.language-map .language{width:24px;height:24px;border-width:1.5px}.language-map .language::after{font-size:.47rem}.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{width:28px;height:28px}.language-map .language span{max-width:90px;font-size:.67rem}}

/* The IQ reveal reads as one blue-violet control, without the green accent. */
.hero-film-iq{padding:.2rem 1.05rem .27rem;border:1px solid rgba(184,192,255,.72);border-radius:999px;background:linear-gradient(125deg,#514594,#355a9d);color:#f5f0ff;box-shadow:0 5px 19px rgba(23,25,80,.32)}
.hero-film-iq span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#f5f0ff;filter:none}
.hero-film-next:hover .hero-film-iq,.hero-film-next:focus-visible .hero-film-iq{background:linear-gradient(125deg,#6655b1,#4270ba)}

/* Let the palace door emerge from the page and open onto the achievements. */
.portal-section{position:relative;overflow:hidden;padding:2.5rem 0 5rem;background:radial-gradient(ellipse 46% 55% at 50% 42%,rgba(87,62,132,.32),transparent 80%)}
.portal-reveal>summary{position:relative;width:100%;gap:0;padding:0 0 .3rem;background:radial-gradient(ellipse 34% 46% at 50% 48%,rgba(99,70,147,.24),transparent 80%)}
.portal-door{isolation:isolate;width:min(510px,92vw);height:min(765px,138vw);max-height:78svh;background-size:100% 100%;background-position:center;filter:drop-shadow(0 22px 32px rgba(5,6,22,.38));-webkit-mask-image:radial-gradient(ellipse 70% 69% at 50% 50%,#000 73%,transparent 100%);mask-image:radial-gradient(ellipse 70% 69% at 50% 50%,#000 73%,transparent 100%);perspective:700px}
.portal-door::before{content:'';position:absolute;z-index:1;left:27%;right:27%;top:15%;bottom:15%;opacity:0;background:radial-gradient(circle at 50% 42%,rgba(243,217,153,.88),rgba(117,107,213,.67) 23%,#18254b 63%,#090e22 100%);clip-path:polygon(50% 0,88% 8%,100% 27%,100% 100%,0 100%,0 27%,12% 8%);box-shadow:inset 0 0 36px #efdba8;transition:opacity .55s ease}
.portal-door-leaf{position:absolute;z-index:2;inset:0;background:url('/assets/portal-palace-door.jpg') center/100% 100% no-repeat;backface-visibility:hidden;transition:transform .9s cubic-bezier(.22,.6,.2,1)}
.portal-door-leaf-left{clip-path:polygon(27% 24%,31% 16%,39% 11%,50% 10%,50% 85%,27% 85%);transform-origin:27% 55%}
.portal-door-leaf-right{clip-path:polygon(50% 10%,61% 11%,69% 16%,73% 24%,73% 85%,50% 85%);transform-origin:73% 55%}
.portal-reveal[open] .portal-door::before{opacity:1}
.portal-reveal[open] .portal-door-leaf-left{transform:translateX(-8%) rotateY(-62deg)}
.portal-reveal[open] .portal-door-leaf-right{transform:translateX(8%) rotateY(62deg)}
.portal-label{position:relative;z-index:3;margin-top:-3.4rem;padding:.22rem 1.3rem .35rem;border-radius:999px;background:rgba(24,19,49,.75);box-shadow:0 0 24px rgba(242,195,116,.25)}
.portal-open{position:relative;z-index:3}
.portal-inner{margin-top:1rem}
@media(max-width:680px){.portal-section{padding:2rem 0 4rem}.portal-door{width:min(440px,100vw);height:min(660px,150vw);max-height:75svh}.portal-label{margin-top:-2.6rem}}
@media(prefers-reduced-motion:reduce){.portal-door::before,.portal-door-leaf{transition:none}}
.language-toggle{overflow:hidden;padding:2px;border-radius:50%;background:#533822}
.language-toggle img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}

/* The film fills the opening screen; a small arrow reveals the story below it. */
.hero-cinema{height:100svh;min-height:500px;padding:0}
.hero-feature{height:100%;object-fit:cover}
.story-reveal{margin-top:-66px;background:transparent}
.hero-film-next,.hero-film-next:hover,.hero-film-next:focus-visible{min-height:66px;padding:0;border:0;background:transparent}
.hero-film-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(231,208,160,.8);border-radius:50%;background:rgba(18,26,62,.7);color:#f3d699;box-shadow:0 0 21px rgba(27,28,85,.55)}
.story-reveal[open] .hero-grid{background:linear-gradient(180deg,#1b1733,#151c3c)}
.universe-iq{display:grid;justify-items:center;gap:0;width:max-content;margin:0 auto .7rem;font:italic 800 clamp(2.8rem,7vw,5rem)/.86 Georgia,'Times New Roman',serif;letter-spacing:-.07em;color:#d8b675;text-shadow:0 2px 18px rgba(214,167,84,.27)}
.universe-iq span:last-child{margin-top:.1rem;font-style:normal;font-size:.82em;letter-spacing:0;color:#7777c8;text-shadow:0 0 19px rgba(122,114,217,.48)}
#universo .section-head{text-align:center;margin-inline:auto}
#universo .section-head .kicker{justify-content:center}

/* Entering the gate replaces it with the achievements instead of extending a photo card. */
.portal-reveal>summary{max-height:850px;opacity:1;overflow:hidden;transition:max-height .5s ease,opacity .3s ease}
.portal-reveal[open]>summary{max-height:0;opacity:0;pointer-events:none;transition:max-height .5s ease .85s,opacity .3s ease .85s}
.portal-inner{position:relative;min-height:470px;margin:0 auto;padding:2.7rem 1rem 3rem;border:0;background:radial-gradient(ellipse 54% 56% at 50% 37%,rgba(91,74,164,.24),transparent 80%);animation:portal-enter 1.3s ease both}
@keyframes portal-enter{0%,72%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:translateY(0)}}
.portal-exit{position:absolute;top:.5rem;left:1rem;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(224,190,133,.52);border-radius:50%;background:rgba(34,28,67,.72);color:#e3bf80;font-size:1.4rem;cursor:pointer}
.portal-label{margin-top:-3rem;padding:0;background:none;box-shadow:none;font:italic 700 clamp(.85rem,1.6vw,1.05rem) Georgia,serif;letter-spacing:.08em}
.portal-open{display:none}
@media(max-width:680px){.hero-cinema{height:100svh;min-height:0}.hero-feature{animation:film-pan 10s ease-in-out infinite}.story-reveal{margin-top:-58px}.hero-film-next,.hero-film-next:hover,.hero-film-next:focus-visible{min-height:58px}.portal-reveal>summary{max-height:700px}.portal-inner{min-height:430px;padding:2.6rem .3rem 2rem}.portal-label{margin-top:-2.6rem}}

/* First visual revision: a legible cinematic cover and a useful, balanced header. */
.site-header{position:absolute;background:linear-gradient(180deg,rgba(6,12,31,.96),rgba(6,12,31,.76));border-bottom:1px solid rgba(226,191,126,.34)}
.nav-shell{width:min(1480px,calc(100% - 48px));height:88px;display:flex;align-items:center;justify-content:space-between}
.header-primary-nav{display:flex;align-items:center;gap:clamp(.75rem,1.6vw,1.6rem);margin-left:280px;white-space:nowrap}
.header-primary-nav a{font-size:.76rem;font-weight:700;color:#e9e7f0;transition:color .2s ease}
.header-primary-nav a:hover,.header-primary-nav a:focus-visible{color:#e7bf78}
.header-mark{position:absolute;left:66px;top:50%;transform:translateY(-50%);gap:0}
.header-script{font-size:clamp(1rem,1.5vw,1.3rem)}
.header-monogram{width:37px;height:37px;background:rgba(19,35,59,.85)}
.header-mark img{width:29px;height:29px}
.site-language-switcher{left:0;z-index:24}
.language-toggle{width:43px;height:43px;box-shadow:0 0 0 2px rgba(231,195,131,.19)}
.site-language-menu,.site-language-menu[hidden]{right:auto;left:0}
.site-language-menu{min-width:205px;padding:.65rem;background:rgba(9,17,39,.98);border-color:rgba(226,191,126,.74);border-radius:17px;backdrop-filter:blur(18px)}
.site-language-menu button{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem}
.site-language-menu .language-flag{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:rgba(231,195,131,.13);border:1px solid rgba(231,195,131,.4);font-size:.9rem;overflow:hidden}
.header-actions{position:static;transform:none;margin-left:auto;gap:.85rem}
.header-actions .menu-toggle{width:43px;height:43px;border-radius:12px;background:rgba(8,17,38,.72)}
.header-coming{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem 1rem;border:1px solid rgba(226,191,126,.72);border-radius:999px;color:#f3dcaf;font-size:.76rem;font-weight:700;background:rgba(8,17,38,.58)}
.header-coming:hover,.header-coming:focus-visible{background:rgba(226,191,126,.18)}
.nav-shell>.nav-links{top:calc(100% - 1px);right:0;left:auto;width:min(310px,calc(100vw - 32px));padding:1.25rem;background:rgba(9,17,39,.97);border:1px solid rgba(226,191,126,.66);border-radius:0 0 18px 18px;backdrop-filter:blur(18px)}
.settings-main-links,.settings-secondary-links{display:grid;gap:.72rem}
.settings-main-links a,.settings-secondary-links a{display:block}
.settings-secondary-links{margin-top:.35rem;padding-top:1rem;border-top:1px solid rgba(231,195,131,.35)}
.settings-secondary-links .settings-heading{margin-bottom:.05rem}
.settings-secondary-links .settings-account{margin:.1rem 0}
.hero-cinema{height:100svh;min-height:620px;padding:88px 0 0}
.hero-cinema::before{background-image:url('/assets/story-chapter-01.jpg');filter:blur(26px) brightness(.48);z-index:0}
.hero-feature{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center center;animation:none;background:transparent}
.hero-cinema-shade{position:absolute;z-index:2;inset:88px 0 0;background:linear-gradient(90deg,rgba(6,12,32,.9),rgba(6,12,32,.38) 36%,transparent 62%),linear-gradient(0deg,rgba(6,12,32,.66),transparent 22%);pointer-events:none}
.hero-overlay{position:absolute;z-index:3;top:50%;left:max(5vw,calc((100vw - 1360px)/2));width:min(430px,35vw);transform:translateY(-42%);color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.7)}
.hero-overlay-kicker{color:#eed3a0;font-size:.7rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.hero-overlay h1{margin:.55rem 0 .8rem;color:#fff;font:400 clamp(1.8rem,3.3vw,3.45rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.hero-overlay p{margin:0;color:#f1e9e2;font:italic 1.08rem/1.35 Georgia,'Times New Roman',serif}
.hero-explore{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.7rem;padding:.7rem 1rem;border:1px solid rgba(231,195,131,.78);border-radius:999px;color:#fff;background:rgba(7,17,38,.55);font-size:.78rem;font-weight:700;box-shadow:0 10px 28px rgba(4,7,23,.3)}
.hero-explore:hover,.hero-explore:focus-visible{background:rgba(231,195,131,.22)}
.hero-sound-toggle{z-index:4;top:106px}
.hero-copy h2{grid-column:1;margin:.45rem 0 .8rem;font-size:clamp(2.2rem,3.7vw,3.6rem)}
.hero-copy h2 em{font-style:normal;color:var(--gold)}
.feature-clip,.level-motion{border-radius:45% 45% 12px 12px/20% 20% 12px 12px}
.feature-shell .feature-card,.level-shell .level-card{border-radius:0}
.stores-panel{position:relative;overflow:hidden;min-height:440px;background:linear-gradient(90deg,rgba(8,15,37,.14),rgba(8,15,37,.6) 43%,rgba(8,15,37,.9) 74%),url('/assets/salem.png') 0 21%/auto 135% no-repeat,linear-gradient(120deg,#241e45,#142a48)}
.stores-panel::after{content:'';position:absolute;inset:0;border:1px solid rgba(231,195,131,.28);border-radius:inherit;pointer-events:none}
.stores-panel>*{position:relative;z-index:1;margin-left:min(30vw,350px)}
#proximamente .container{width:100%}
#proximamente .stores-panel{border:0;border-radius:0;box-shadow:none;padding-inline:max(5vw,calc((100vw - 1140px)/2));min-height:460px}
#proximamente .stores-panel::after{display:none}
@media(max-width:1150px){.header-primary-nav{gap:.7rem;margin-left:235px}.header-primary-nav a{font-size:.68rem}.header-coming{padding-inline:.7rem}}
@media(max-width:980px){.header-primary-nav{display:none}.hero-overlay{left:5vw;width:min(370px,42vw)}.header-mark{left:50%;transform:translate(-50%,-50%)}}
@media(max-width:680px){.nav-shell{height:76px;width:calc(100% - 28px)}.header-script{font-size:1rem}.header-monogram{width:30px;height:30px}.header-mark img{width:23px;height:23px}.header-actions{gap:.35rem}.header-actions .menu-toggle,.language-toggle{width:37px;height:37px}.header-coming{display:none}.nav-shell>.nav-links{top:76px;right:0}.hero-cinema{min-height:0;height:calc(100svh - 58px);padding-top:76px}.hero-feature{object-fit:cover;object-position:39% 18%;animation:none}.hero-cinema-shade{inset:76px 0 0;background:linear-gradient(0deg,rgba(5,11,30,.96),rgba(5,11,30,.67) 27%,transparent 58%)}.hero-overlay{top:auto;bottom:9%;left:6%;width:88%;transform:none}.hero-overlay h1{font-size:clamp(1.9rem,8vw,2.65rem)}.hero-overlay p{font-size:.96rem}.hero-explore{margin-top:1.05rem}.hero-sound-toggle{top:88px}.hero-copy h2{grid-column:1;font-size:clamp(2rem,7.7vw,3rem)}.stores-panel{min-height:420px;background:linear-gradient(0deg,rgba(8,15,37,.94),rgba(8,15,37,.38) 65%,rgba(8,15,37,.14)),url('/assets/salem.png') center 20%/auto 120% no-repeat,linear-gradient(120deg,#241e45,#142a48)}.stores-panel>*{margin-left:0}.stores-panel .kicker{margin-top:120px}}

/* Salem's store scene is distinct from his portrait in the character section. */
#proximamente .stores-panel{background:linear-gradient(90deg,rgba(7,12,33,.08),rgba(7,12,33,.44) 48%,rgba(7,12,33,.89) 82%),url('/assets/salem-library-banner-20260927.png') center 16%/cover no-repeat,#101730}
@media(max-width:680px){#proximamente .stores-panel{background:linear-gradient(0deg,rgba(7,12,33,.94),rgba(7,12,33,.14) 80%),url('/assets/salem-library-banner-20260927.png') 24% top/auto 100% no-repeat,#101730}}
@media(prefers-reduced-motion:reduce){.portal-reveal>summary,.portal-inner{transition:none;animation:none}}

/* Letterhead centered above the monogram, with a globe and key at the edges. */
.nav-shell{position:relative;display:flex;align-items:center;justify-content:center;height:104px}
.header-mark{display:grid;justify-items:center;gap:.1rem;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none}
.header-script{font:400 clamp(1.1rem,2.5vw,1.55rem)/1 'Apple Chancery','Snell Roundhand','Brush Script MT',cursive;letter-spacing:.015em;color:#dfbd81;text-shadow:0 0 15px rgba(218,174,104,.22);white-space:nowrap}
.header-monogram{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(224,190,133,.7);border-radius:50%;background:radial-gradient(circle at 42% 34%,#2b4e65,#132a42 75%);box-shadow:0 0 0 4px rgba(224,190,133,.07),0 0 20px rgba(224,190,133,.17)}
.header-mark img{width:38px;height:38px}
.header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.site-language-switcher{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.header-actions .menu-toggle{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#473725,#1d2841);color:#e4bd76}
.settings-key{width:28px;height:28px;filter:drop-shadow(0 0 5px rgba(232,187,108,.35))}
.nav-shell>.nav-links{top:104px}
.settings-heading{padding:.12rem 0 .55rem;border-bottom:1px solid rgba(224,190,133,.25);font:italic 700 1.2rem Georgia,serif;color:#e3bf80;text-align:center}
.settings-account{padding:.75rem 0 .15rem;border-top:1px solid rgba(224,190,133,.25)}
.settings-account summary{cursor:pointer;color:#e5c48d;font-weight:700}
.settings-account p{margin:.55rem 0 0;color:#d5dce8;font-size:.76rem;line-height:1.45}
@media(max-width:680px){.nav-shell{height:96px}.header-script{font-size:1.12rem}.header-monogram{width:42px;height:42px}.header-mark img{width:33px;height:33px}.language-toggle,.header-actions .menu-toggle{width:42px;height:42px}.nav-shell>.nav-links{top:96px}}
.site-language-switcher{z-index:20}
.site-language-menu,html[dir="rtl"] .site-language-menu{left:0;right:auto;min-width:204px;padding:.45rem;border-color:rgba(224,190,133,.6);background:#20334d}
.site-language-menu button{cursor:pointer}

/* Final visual pass: center the seal while keeping the navigation readable. */
.nav-shell{height:124px}
.header-mark{left:50%;top:38px;transform:translate(-50%,-50%)}
.header-primary-nav{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);margin-left:0}
.header-actions,.site-language-switcher{top:38px}
.nav-shell>.nav-links{top:124px}
.hero-cinema{padding-top:124px}
.hero-cinema-shade{inset:124px 0 0}
.hero-sound-toggle{top:140px}
@media(max-width:980px){.nav-shell{height:96px}.header-mark{top:50%}.header-actions,.site-language-switcher{top:50%}.nav-shell>.nav-links{top:96px}.hero-cinema{padding-top:96px}.hero-cinema-shade{inset:96px 0 0}.hero-sound-toggle{top:108px}}
@media(max-width:680px){.hero-cinema{padding-top:96px}.hero-cinema-shade{inset:96px 0 0}.hero-sound-toggle{top:108px}}

/* The door uses the gold-framed marble portal shown in Sally's film. */
.portal-door{background-image:url('/assets/portal-film-door-20260927.png')}
.portal-door-leaf{background-image:url('/assets/portal-film-door-20260927.png')}
.portal-door-leaf-left{clip-path:polygon(24% 14%,50% 14%,50% 83%,24% 83%);transform-origin:24% 50%}
.portal-door-leaf-right{clip-path:polygon(50% 14%,76% 14%,76% 83%,50% 83%);transform-origin:76% 50%}

/* Historical south-up map, preserved as photographed; the crystal is a separate visual layer. */
.language-section{background:radial-gradient(ellipse 63% 67% at 50% 49%,rgba(76,69,151,.24),transparent 80%),#0b1024}
.language-map{width:min(900px,calc(100vw - 38px));aspect-ratio:1920/1425;border:1px solid rgba(236,203,144,.7);border-radius:10px;background:url('/assets/al-idrisi-bodleian-map.jpg') center/100% 100% no-repeat;box-shadow:0 26px 70px rgba(2,4,16,.58),0 0 0 10px rgba(130,104,177,.09),0 0 65px rgba(97,81,195,.25);isolation:isolate}
.language-map::before{content:'';position:absolute;z-index:1;inset:5% 12% 12%;border:2px solid rgba(214,224,255,.56);border-bottom-color:rgba(214,224,255,.16);border-radius:49% 49% 45% 45%/54% 54% 35% 35%;background:radial-gradient(ellipse 59% 61% at 31% 12%,rgba(222,239,255,.22),transparent 64%),linear-gradient(119deg,rgba(220,230,255,.08),transparent 33%,rgba(169,196,255,.10) 61%,transparent 73%);box-shadow:inset 0 0 33px rgba(214,230,255,.22),0 0 24px rgba(136,141,239,.37);pointer-events:none}
.language-map::after{content:'';position:absolute;z-index:1;inset:8% 15% 15%;border-radius:50%;background:radial-gradient(circle at 76% 18%,rgba(246,228,190,.36),transparent 2.3%),radial-gradient(circle at 30% 25%,rgba(190,205,255,.47),transparent 2.7%),radial-gradient(circle at 71% 75%,rgba(225,204,255,.38),transparent 1.9%);pointer-events:none}
.language-map .languages{z-index:2}
.language-map .language{width:36px;height:36px;background:var(--point);box-shadow:0 0 0 5px rgba(18,16,47,.64),0 0 20px var(--point);transform:translate(-50%,-50%)}
.language-map .language::after{font-size:.57rem;color:#141529}
.language-map .language:nth-child(1){--dot-x:20%;--dot-y:27%}
.language-map .language:nth-child(2){--dot-x:39%;--dot-y:17%}
.language-map .language:nth-child(3){--dot-x:61%;--dot-y:17%}
.language-map .language:nth-child(4){--dot-x:80%;--dot-y:27%}
.language-map .language:nth-child(5){--dot-x:88%;--dot-y:51%}
.language-map .language:nth-child(6){--dot-x:72%;--dot-y:79%}
.language-map .language:nth-child(7){--dot-x:28%;--dot-y:79%}
.map-credit{display:block;width:max-content;max-width:100%;margin:1rem auto 0;color:#d7c295;font:italic .75rem Georgia,serif;text-align:center;text-decoration:underline;text-decoration-color:rgba(215,194,149,.38);text-underline-offset:.25em}
.map-credit:hover,.map-credit:focus-visible{color:#fff1c6}
@media(max-width:680px){.language-map{width:calc(100vw - 22px);border-radius:6px}.language-map .language{width:27px;height:27px}.language-map .language::after{font-size:.46rem}}

/* Salem rests on the books and faces the visitor. */
#proximamente .stores-panel{background:linear-gradient(90deg,rgba(7,12,33,.06),rgba(7,12,33,.40) 50%,rgba(7,12,33,.85) 84%),url('/assets/salem-reclining-banner-20260927.png') center 27%/cover no-repeat,#101730}
@media(max-width:680px){#proximamente .stores-panel{background:linear-gradient(0deg,rgba(7,12,33,.95),rgba(7,12,33,.1) 79%),url('/assets/salem-reclining-banner-20260927.png') 19% top/auto 100% no-repeat,#101730}}
/* Match the actual dark two-leaf door opened in the first film. */
.portal-door{background-image:url('/assets/portal-film-door-final-20260927.png')}
.portal-door-leaf{background-image:url('/assets/portal-film-door-final-20260927.png')}
.portal-door-leaf-left{clip-path:polygon(9% 2%,50% 2%,50% 91%,9% 91%);transform-origin:9% 50%}
.portal-door-leaf-right{clip-path:polygon(50% 2%,91% 2%,91% 91%,50% 91%);transform-origin:91% 50%}
.portal-door::before{left:10%;right:10%;top:3%;bottom:9%;clip-path:none;background:radial-gradient(circle at 50% 43%,rgba(233,215,177,.82),rgba(105,102,201,.63) 24%,#18254b 60%,#090e22 100%)}
.language-map{background-size:110% 110%}
.map-credit{margin:1.1rem auto 0}
/* Full-width palace threshold: only the center leaves move, the architecture stays in place. */
.portal-section{padding:0 0 4rem;background:#111b36}
.portal-section>.container{width:100%;max-width:none}
.portal-reveal>summary{width:100%;max-height:1000px;background:none}
.portal-door{display:block;width:100vw;height:min(56.25vw,86svh);max-height:none;margin:0;background:url('/assets/portal-film-wide-20260927.png') center/100% 100% no-repeat;filter:none;-webkit-mask-image:none;mask-image:none}
.portal-door-leaf{background:url('/assets/portal-film-wide-20260927.png') center/100% 100% no-repeat}
.portal-door-leaf-left{clip-path:polygon(34% 0,50% 0,50% 87%,34% 87%);transform-origin:34% 50%}
.portal-door-leaf-right{clip-path:polygon(50% 0,66% 0,66% 87%,50% 87%);transform-origin:66% 50%}
.portal-door::before{left:34%;right:34%;top:0;bottom:13%;clip-path:none;background:radial-gradient(circle at 50% 42%,#e5d5b4 0%,#716cc0 16%,#233066 48%,#0b122f 100%);box-shadow:inset 0 0 45px #d0c6ff}
.portal-label{margin-top:-4.2rem;color:#f3d99b;text-shadow:0 2px 12px #091026}
@media(max-width:680px){.portal-section{padding:0 0 3rem}.portal-door{width:100vw;height:min(150vw,76svh);background:url('/assets/portal-film-door-final-20260927.png') center/100% 100% no-repeat}.portal-door-leaf{background:url('/assets/portal-film-door-final-20260927.png') center/100% 100% no-repeat}.portal-door-leaf-left{clip-path:polygon(9% 2%,50% 2%,50% 91%,9% 91%);transform-origin:9% 50%}.portal-door-leaf-right{clip-path:polygon(50% 2%,91% 2%,91% 91%,50% 91%);transform-origin:91% 50%}.portal-door::before{left:10%;right:10%;top:3%;bottom:9%}.portal-label{margin-top:-3rem}}
#proximamente .stores-panel{background:linear-gradient(90deg,rgba(7,12,33,.06),rgba(7,12,33,.40) 50%,rgba(7,12,33,.85) 84%),url('/assets/salem-reclining-teal-banner-20260927.png') center 27%/cover no-repeat,#101730}
@media(max-width:680px){#proximamente .stores-panel{background:linear-gradient(0deg,rgba(7,12,33,.95),rgba(7,12,33,.1) 79%),url('/assets/salem-reclining-teal-banner-20260927.png') 19% top/auto 100% no-repeat,#101730}}
/* Seven calligraphic inscriptions replace the colored dots without altering the archival chart. */
.language-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 75% at 50% 50%,rgba(58,63,135,.4),transparent 80%),radial-gradient(circle at 18% 35%,rgba(207,168,104,.10),transparent 30%),#0a0f25}
.language-section .section-head h2{font:italic 400 clamp(2.2rem,5vw,4.1rem)/1.12 Georgia,'Times New Roman',serif;color:#f6e8cd;text-shadow:0 0 27px rgba(194,163,225,.26)}
.language-map{border:7px ridge rgba(186,149,95,.82);border-radius:7px;box-shadow:0 24px 65px rgba(2,4,16,.65),0 0 0 1px #eed8a7,0 0 0 16px rgba(30,35,71,.6),0 0 75px rgba(109,104,203,.29)}
.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{display:flex;align-items:center;justify-content:center;width:auto;min-width:12%;max-width:19%;height:auto;min-height:37px;padding:.25rem .65rem;border:0;border-bottom:1px solid rgba(232,196,133,.78);border-radius:3px;background:rgba(13,27,50,.82);box-shadow:0 5px 15px rgba(8,11,28,.35);transform:translate(-50%,-50%);transition:background .2s ease,box-shadow .2s ease,color .2s ease}
.language-map .language:hover,.language-map .language:focus-visible{z-index:5;background:rgba(35,48,86,.96);box-shadow:0 0 20px var(--point),0 5px 18px rgba(8,11,28,.44)}
.language-map .language[aria-pressed="true"]{background:rgba(42,53,92,.94);box-shadow:0 0 0 1px var(--point),0 0 23px var(--point)}
.language-map .language::after{content:'✧';position:static;margin-inline-start:.3rem;color:var(--point);font:700 .95rem/1 Georgia,serif}
.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{position:static;display:block;z-index:auto;width:auto;max-width:none;padding:0;border:0;background:none;opacity:1;visibility:visible;transform:none;color:#f9e9ca;font:italic 400 clamp(.76rem,1.45vw,1.2rem)/1.1 'Apple Chancery','Snell Roundhand',Georgia,serif;text-shadow:0 1px 5px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none}
.language-map .language:nth-child(1){--dot-x:16%;--dot-y:11%}
.language-map .language:nth-child(2){--dot-x:38%;--dot-y:11%}
.language-map .language:nth-child(3){--dot-x:62%;--dot-y:11%}
.language-map .language:nth-child(4){--dot-x:84%;--dot-y:11%}
.language-map .language:nth-child(5){--dot-x:22%;--dot-y:90%}
.language-map .language:nth-child(6){--dot-x:50%;--dot-y:90%}
.language-map .language:nth-child(7){--dot-x:78%;--dot-y:90%}
@media(max-width:680px){.language-map{border-width:4px;box-shadow:0 15px 35px rgba(2,4,16,.7),0 0 0 1px #eed8a7,0 0 0 5px rgba(30,35,71,.6)}.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{min-width:0;max-width:25%;min-height:21px;padding:.1rem .25rem}.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{font-size:clamp(.49rem,2.1vw,.7rem);white-space:normal;text-align:center}.language-map .language::after{font-size:.6rem;margin-inline-start:.1rem}}
/* Keep Salem's face clear of the heading. */
@media(min-width:681px){#proximamente .stores-panel>*{margin-left:min(49vw,670px);max-width:520px}#proximamente .stores-panel h2{font-size:clamp(2rem,3vw,3.2rem)}}
@media(max-width:680px){#proximamente .stores-panel>*{margin-left:0}}
/* The historical map remains untouched; only its presentation becomes part of the game's luminous metalwork. */
.language-section{padding-top:5rem;padding-bottom:7rem;background:radial-gradient(ellipse 55% 48% at 50% 53%,rgba(209,185,133,.23),transparent 78%),radial-gradient(circle at 17% 25%,rgba(115,140,218,.3),transparent 42%),radial-gradient(circle at 84% 72%,rgba(102,69,157,.28),transparent 42%),linear-gradient(125deg,#22375d,#344b70 48%,#2e315d)}
.language-map{width:min(1320px,100%);aspect-ratio:1920/1425;border:3px solid rgba(230,202,149,.88);border-radius:0;background-image:linear-gradient(135deg,#abc6ed 0%,#d9d6d3 32%,#f3deb3 59%,#a6b3e2 100%),url('/assets/al-idrisi-bodleian-map.jpg');background-blend-mode:color,normal;background-position:center,center;background-size:cover,125% 125%;box-shadow:0 0 0 12px rgba(117,138,190,.27),0 0 0 13px rgba(241,214,161,.6),0 26px 80px rgba(9,15,45,.4),0 0 72px rgba(180,188,239,.35)}
.language-map::before{inset:4% 13% 13%;border-color:rgba(240,246,255,.58);background:radial-gradient(ellipse 52% 45% at 22% 13%,rgba(249,251,255,.35),transparent 70%),linear-gradient(115deg,rgba(216,231,255,.06),transparent 45%,rgba(218,229,255,.19) 60%,transparent 77%);box-shadow:inset 0 0 40px rgba(231,242,255,.3),0 0 30px rgba(182,207,255,.38)}
.language-map::after{display:none}
.language-map .languages{position:absolute;inset:auto 0 -76px;height:66px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:0;padding:0 1rem;border:1px solid rgba(244,219,169,.75);background:linear-gradient(105deg,#526891,#8d96ab 33%,#b7a991 52%,#67779d 76%,#485a85);box-shadow:0 14px 25px rgba(12,21,59,.26)}
.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{position:relative;left:auto;top:auto;width:100%;max-width:none;min-width:0;min-height:42px;padding:.25rem .18rem;border:0;border-right:1px solid rgba(255,235,196,.34);border-radius:0;background:none;box-shadow:none;transform:none}
.language-map .language:last-child{border-right:0}
.language-map .language::after{content:'';position:absolute;left:22%;right:22%;bottom:2px;height:2px;margin:0;background:var(--point);opacity:.72;transform:scaleX(.5);transition:transform .2s ease,opacity .2s ease}
.language-map .language:hover::after,.language-map .language:focus-visible::after,.language-map .language[aria-pressed="true"]::after{opacity:1;transform:scaleX(1)}
.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{color:#17294b;font:italic 600 clamp(.85rem,1.45vw,1.18rem)/1.1 'Apple Chancery','Snell Roundhand',Georgia,serif;text-shadow:0 1px 0 rgba(255,248,225,.55);white-space:normal;text-align:center}
.language-map .language:hover span,.language-map .language:focus-visible span,.language-map .language[aria-pressed="true"] span{color:#111f43;text-shadow:0 0 9px rgba(255,246,214,.95)}
.map-credit{margin:6.7rem auto 0;color:#e9ddc6}
@media(max-width:680px){.language-section{padding-top:3.6rem;padding-bottom:6rem}.language-map{width:100%;border-width:2px;box-shadow:0 0 0 4px rgba(117,138,190,.3),0 0 0 5px rgba(241,214,161,.56),0 15px 34px rgba(9,15,45,.36)}.language-map .languages{inset:auto 0 -86px;height:82px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,1fr);padding:0 .2rem}.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{min-height:38px;padding:.12rem .08rem}.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{font-size:clamp(.58rem,2vw,.75rem)}.map-credit{margin:6.8rem auto 0}}
/* Retain al-Idrīsī's original cobalt pigment; add light through a separate glass layer. */
.language-map{background-image:url('/assets/al-idrisi-bodleian-map.jpg');background-blend-mode:normal;background-size:125% 125%}
.language-map::before{background:radial-gradient(ellipse 55% 44% at 18% 14%,rgba(220,236,255,.44),transparent 66%),linear-gradient(115deg,rgba(78,131,211,.12),transparent 37%,rgba(255,224,162,.22) 58%,transparent 75%);box-shadow:inset 0 0 40px rgba(205,224,255,.29),0 0 30px rgba(162,201,255,.35)}

/* One selected engraved medallion from the supplied concept image.
   The separate archive link below remains the historical al-Idrisi source. */
.language-section{background:radial-gradient(ellipse 70% 65% at 50% 48%,rgba(25,112,117,.26),transparent 78%),radial-gradient(circle at 20% 20%,rgba(210,159,85,.13),transparent 30%),linear-gradient(145deg,#111e36,#142f43 54%,#14213a)}
.language-map{width:min(720px,calc(100vw - 40px));aspect-ratio:1;border:0;border-radius:0;background-image:url('/assets/metal-map-four-reference-20260927.png');background-size:248% 248%;background-position:16% 82%;background-repeat:no-repeat;box-shadow:0 28px 70px rgba(4,12,25,.45),0 0 75px rgba(71,188,177,.18);overflow:visible}
.language-map::before{inset:0;border:0;border-radius:0;background:linear-gradient(135deg,rgba(255,228,159,.10),transparent 35%,rgba(68,198,182,.09) 71%,transparent);box-shadow:inset 0 0 36px rgba(255,226,162,.15);pointer-events:none}
.language-map::after{display:none}
.language-map .languages{position:absolute;inset:auto auto -104px 50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:min(760px,calc(100vw - 34px));height:auto;gap:.55rem;padding:0;border:0;background:none;box-shadow:none}
.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{position:relative;flex:0 0 calc(25% - .42rem);width:auto;min-height:43px;padding:.45rem .5rem;border:1px solid rgba(213,181,125,.8);border-radius:100px;background:linear-gradient(135deg,rgba(29,63,75,.96),rgba(20,42,62,.98));box-shadow:inset 0 1px rgba(244,220,171,.16),0 5px 15px rgba(3,12,26,.24);transform:none}
.language-map .language:last-child{border-right:1px solid rgba(213,181,125,.8)}
.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{background:linear-gradient(135deg,#346c75,#234960);box-shadow:0 0 0 2px var(--point),0 7px 20px rgba(3,12,26,.3)}
.language-map .language::after{left:18%;right:18%;bottom:3px;height:2px}
.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{color:#f5e5c4;font:italic 600 clamp(.8rem,1.3vw,1rem)/1.1 'Apple Chancery','Snell Roundhand',Georgia,serif;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap}
.language-map .language:hover span,.language-map .language:focus-visible span,.language-map .language[aria-pressed="true"] span{color:#fff8df}
.map-credit{margin:7.5rem auto 0;color:#decaa5}
@media(max-width:680px){.language-map{width:calc(100vw - 24px);border:0;box-shadow:0 12px 36px rgba(4,12,25,.43),0 0 38px rgba(71,188,177,.13)}.language-map .languages{bottom:-185px;gap:.4rem}.language-map .language,.language-map .language:hover,.language-map .language:focus-visible,.language-map .language[aria-pressed="true"]{flex-basis:calc(50% - .35rem);min-height:38px;padding:.3rem .25rem}.language-map .language span,.language-map .language:hover span,.language-map .language:focus-visible span{font-size:clamp(.7rem,3vw,.9rem);white-space:normal}.map-credit{margin:13rem auto 0}}