@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#121a30;--muted:#657087;--paper:#fffaf0;--line:rgba(25,38,70,.13);--orange:#ff6b00;--yellow:#ffd52a;--blue:#188cff;--cyan:#54d7ff;--purple:#7257ff;--red:#ee3348;--green:#49cb75;--night:#071126;--night2:#142858;--glass:rgba(255,255,255,.78);--shadow:0 22px 70px rgba(13,28,64,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:#fffaf0;font-family:Inter,Arial,sans-serif;line-height:1.62}body:before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 8% 0,rgba(255,169,34,.18),transparent 420px),radial-gradient(circle at 91% 3%,rgba(24,140,255,.14),transparent 520px),linear-gradient(180deg,#fffdf8 0,#fff8eb 45%,#f6fbff 100%)}a{text-decoration:none;color:inherit}.shell{width:min(1420px,calc(100% - 28px));margin:auto}.top-rail{overflow:hidden;background:linear-gradient(90deg,#10295f,#ff6b00,#ffd52a,#188cff,#7257ff,#10295f);background-size:300% 100%;animation:railGlow 13s linear infinite;color:#fff}.rail-track{display:flex;width:max-content;animation:railMove 32s linear infinite}.rail-track span{padding:7px 22px;font-size:.63rem;font-weight:900;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase}.rail-track span:after{content:"✦";margin-left:22px;color:#fff47a}@keyframes railGlow{to{background-position:300% 0}}@keyframes railMove{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:rgba(255,251,242,.86);backdrop-filter:blur(19px) saturate(1.2)}.header-inner{width:min(1420px,calc(100% - 28px));min-height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:1000;letter-spacing:-.075em}.brand-ball{width:44px;height:44px;display:grid;place-items:center;border:3px solid #cc5000;border-radius:50%;background:radial-gradient(circle at 33% 26%,#fff9ac 0 8%,#ffc22f 23%,#ff7200 75%);color:#cf201d;box-shadow:0 6px 15px rgba(255,100,0,.24)}.brand b{font-size:1.22rem}.brand em{color:var(--orange);font-style:normal}.nav{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:8px 9px;border:1px solid transparent;border-radius:999px;color:#687187;font-size:.59rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.nav a:hover,.nav a.active{border-color:var(--line);background:#fff;color:var(--orange)}.menu-btn{display:none;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:.66rem;font-weight:900}
.hero-cinema{position:relative;isolation:isolate;min-height:760px;margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#fff 0,#fff7df 43%,#eaf6ff 100%);box-shadow:var(--shadow)}.hero-cinema:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(15,30,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,30,66,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-grid{position:relative;z-index:5;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:40px;align-items:center;padding:clamp(30px,5vw,70px)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(255,107,0,.2);border-radius:999px;background:#fff8e7;color:var(--orange);font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,107,0,.3);animation:pulse 2s ease-out infinite}@keyframes pulse{70%,100%{box-shadow:0 0 0 12px rgba(255,107,0,0)}}.hero-copy h1{max-width:850px;margin:17px 0 0;font-size:clamp(4.4rem,7.2vw,8rem);line-height:.81;letter-spacing:-.085em}.hero-copy h1 span{display:block;color:var(--orange);text-shadow:4px 4px 0 rgba(255,215,56,.8)}.hero-copy p{max-width:760px;margin:25px 0 0;color:var(--muted);font-size:clamp(1rem,1.3vw,1.2rem)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 22px rgba(13,29,62,.07);transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.35)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--orange),#ff9d00);color:#fff}.btn.blue{border-color:transparent;background:linear-gradient(135deg,var(--blue),#52d7ff);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:28px;max-width:760px}.hero-stats div{padding:12px 10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.73)}.hero-stats strong{display:block}.hero-stats span{display:block;margin-top:2px;color:#80899b;font-size:.52rem;font-weight:900;text-transform:uppercase}.photo-stack{position:relative;min-height:650px}.photo-stack .p{position:absolute;overflow:hidden;border:7px solid #fff;border-radius:23px;background:#dfe7f0;box-shadow:0 20px 45px rgba(17,29,62,.18);animation:floatCard 6s ease-in-out infinite}.photo-stack img{display:block;width:100%;height:100%;object-fit:cover}.photo-stack .p1{width:52%;height:63%;left:24%;top:16%;z-index:6;transform:rotate(-2deg)}.photo-stack .p2{width:35%;height:42%;left:0;top:6%;z-index:3;transform:rotate(-8deg);animation-delay:-1.4s}.photo-stack .p3{width:36%;height:45%;right:-2%;top:8%;z-index:4;transform:rotate(7deg);animation-delay:-2.2s}.photo-stack .p4{width:38%;height:39%;left:1%;bottom:2%;z-index:5;transform:rotate(5deg);animation-delay:-3.2s}.photo-stack .p5{width:37%;height:38%;right:1%;bottom:0;z-index:2;transform:rotate(-6deg);animation-delay:-4s}@keyframes floatCard{50%{translate:0 -12px}}.aura-orbit{position:absolute;left:50%;top:50%;width:590px;height:590px;transform:translate(-50%,-50%);border:1px dashed rgba(24,140,255,.2);border-radius:50%;animation:spin 18s linear infinite;z-index:0}.aura-orbit.o2{width:690px;height:690px;border-color:rgba(255,107,0,.16);animation-direction:reverse;animation-duration:27s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-clouds{position:absolute;left:-7%;right:-5%;bottom:-35px;z-index:2;height:170px;background:url('../img/clouds.svg') center/cover no-repeat;animation:cloudDrift 14s ease-in-out infinite alternate;opacity:.76}@keyframes cloudDrift{to{transform:translateX(5%)}}.float-ball{position:absolute;z-index:9;width:46px;height:46px;display:grid;place-items:center;border:2px solid #ca4d00;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff8a4 0 8%,#ffc425 24%,#ff7100 78%);color:#d51d22;font-size:.55rem;box-shadow:0 8px 18px rgba(255,99,0,.22);animation:ballFloat 5s ease-in-out infinite}.fb1{left:4%;top:12%}.fb2{right:3%;top:25%;animation-delay:-1.6s}.fb3{right:17%;bottom:11%;animation-delay:-3s}@keyframes ballFloat{50%{transform:translateY(-17px) rotate(8deg)}}
.section{position:relative;margin-top:22px;padding:clamp(23px,4vw,48px);border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 14px 45px rgba(13,29,63,.06)}.section.dark{overflow:hidden;background:linear-gradient(145deg,#071226,#142b59);color:#fff;border-color:rgba(255,255,255,.08)}.section.dark .section-head p,.section.dark p{color:#c8d2e7}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}.section-head small{color:var(--orange);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-head h2{margin:4px 0 0;font-size:clamp(2.2rem,4.7vw,4.5rem);line-height:.9;letter-spacing:-.065em}.section-head p{max-width:540px;margin:0;color:var(--muted);font-size:.83rem}.micro{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#fff7e7;color:var(--orange);font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.story-world{position:relative;isolation:isolate;overflow:hidden}.story-world:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 17% 18%,rgba(255,199,42,.13),transparent 250px),radial-gradient(circle at 83% 62%,rgba(24,140,255,.11),transparent 330px)}.story-svg{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}.story-base{fill:none;stroke:rgba(31,70,142,.14);stroke-width:10;stroke-linecap:round}.story-glow{fill:none;stroke:url(#storyGradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 17;animation:pathDash 1.1s linear infinite;filter:url(#storyGlow)}@keyframes pathDash{to{stroke-dashoffset:-27}}.story-orb{fill:#fff;stroke:#64efff;stroke-width:7;filter:url(#storyGlow)}.story-list{position:relative;z-index:4;display:grid;gap:34px}.story-card{position:relative;width:min(760px,72%);min-height:310px;overflow:hidden;display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 17px 42px rgba(15,30,67,.1);transition:.25s}.story-card:nth-child(even){margin-left:auto;grid-template-columns:minmax(0,1fr) 240px}.story-card:nth-child(even) .story-photo{order:2}.story-card:hover{transform:translateY(-5px);border-color:rgba(255,107,0,.35)}.story-photo{position:relative;overflow:hidden;background:#172649}.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.story-card:hover .story-photo img{transform:scale(1.06)}.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,17,38,.45))}.story-copy{padding:25px}.story-copy b{color:var(--accent,var(--orange));font-size:.59rem;letter-spacing:.11em;text-transform:uppercase}.story-copy h3{margin:7px 0 0;font-size:1.55rem;line-height:1.03;letter-spacing:-.035em}.story-copy p{margin:10px 0 0;color:var(--muted);font-size:.8rem}.story-copy .forum-mini{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#778197;font-size:.69rem}.story-copy .forum-mini strong{color:var(--ink)}
.fantasy-zone{position:relative;overflow:hidden;min-height:570px;padding:clamp(28px,5vw,62px);border-radius:25px;background:linear-gradient(180deg,#163d73 0,#1b7fb4 42%,#75d7c9 72%,#84cc5c 73%,#3c7b34 100%);color:#fff}.fantasy-zone:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:42px 42px;opacity:.25;animation:starSlide 18s linear infinite}.fantasy-zone:after{content:"";position:absolute;width:240px;height:240px;right:8%;top:8%;border-radius:50%;background:radial-gradient(circle,#fff7b4,#e8e36e 60%,#9c9b49);box-shadow:-320px 80px 0 -70px rgba(238,240,176,.9);opacity:.9}.fantasy-copy{position:relative;z-index:5;max-width:660px}.fantasy-copy h2{margin:5px 0 0;font-size:clamp(3rem,6vw,6rem);line-height:.86;letter-spacing:-.07em}.fantasy-copy p{font-size:.95rem;color:rgba(255,255,255,.88)}.fantasy-rock{position:absolute;bottom:-35px;width:42%;height:210px;background:#274e31;clip-path:polygon(0 100%,8% 45%,23% 64%,38% 20%,52% 65%,69% 33%,81% 61%,100% 26%,100% 100%)}.fr1{left:-3%}.fr2{right:-5%;transform:scaleX(-1)}.fantasy-beam{position:absolute;z-index:3;right:-10%;bottom:12%;width:68%;height:150px;background:url('../img/energy-beam.svg') center/contain no-repeat;animation:beamPulse 3.2s ease-in-out infinite}@keyframes beamPulse{50%{filter:brightness(1.4);transform:translateX(-16px)}}@keyframes starSlide{to{background-position:42px 42px}}
.void-zone{position:relative;overflow:hidden;min-height:480px;border:1px solid rgba(90,100,135,.13);border-radius:25px;background:radial-gradient(circle at center,#fff 0,#f7f7fb 45%,#dfe4ef 100%)}.void-floor{position:absolute;left:50%;bottom:-55px;width:690px;height:180px;transform:translateX(-50%) perspective(500px) rotateX(66deg);background:repeating-linear-gradient(90deg,rgba(55,67,96,.14) 0 1px,transparent 1px 45px),repeating-linear-gradient(rgba(55,67,96,.14) 0 1px,transparent 1px 45px)}.void-temple{position:absolute;left:50%;top:43%;width:260px;height:140px;transform:translate(-50%,-50%);border:5px solid #d5b878;border-radius:6px;background:#fff;box-shadow:0 22px 35px rgba(31,42,70,.16)}.void-temple:before{content:"";position:absolute;left:50%;top:-70px;width:190px;height:76px;transform:translateX(-50%);background:#d98d28;clip-path:polygon(50% 0,100% 100%,0 100%)}.void-temple:after{content:"TIME CHAMBER";position:absolute;left:50%;top:48px;transform:translateX(-50%);color:#7a6442;font-size:.7rem;font-weight:900;letter-spacing:.15em;white-space:nowrap}.void-copy{position:absolute;z-index:4;left:5%;top:8%;max-width:390px}.void-copy h2{margin:4px 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.88;letter-spacing:-.06em}.void-copy p{color:#6a7388;font-size:.83rem}
.photo-river{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;overflow:hidden}.photo-river figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;border-radius:15px;background:#e7ebf1}.photo-river img{width:100%;height:100%;object-fit:cover;transition:.5s}.photo-river figure:hover img{transform:scale(1.07)}.photo-river figure:nth-child(2n){transform:translateY(22px)}.photo-river figure:nth-child(3n){transform:translateY(-10px)}
.forum-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.forum-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.forum-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--orange),var(--blue))}.forum-card small{color:var(--orange);font-size:.53rem;font-weight:900;text-transform:uppercase}.forum-card h3{margin:7px 0 0;font-size:1rem}.forum-card p{color:var(--muted);font-size:.74rem}.forum-card a{display:inline-flex;margin-top:8px;color:var(--blue);font-size:.62rem;font-weight:900;text-transform:uppercase}
.page-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:18px;min-height:430px;padding:clamp(30px,5vw,64px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fff,#fff4dc 55%,#eaf7ff);box-shadow:var(--shadow)}.page-hero:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--blue),var(--purple),var(--orange));background-size:240% 100%;animation:railGlow 9s linear infinite}.page-hero.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.6fr);gap:30px;align-items:center}.page-hero small{color:var(--orange);font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.page-hero h1{max-width:900px;margin:8px 0 0;font-size:clamp(3.6rem,7vw,7rem);line-height:.82;letter-spacing:-.08em}.page-hero p{max-width:800px;color:var(--muted);font-size:.95rem}.hero-mosaic{position:relative;min-height:340px}.hero-mosaic .m{position:absolute;overflow:hidden;border:6px solid #fff;border-radius:18px;box-shadow:0 14px 30px rgba(14,28,61,.16)}.hero-mosaic img{width:100%;height:100%;object-fit:cover}.hero-mosaic .m1{left:20%;top:4%;width:48%;height:82%;z-index:3;transform:rotate(-3deg)}.hero-mosaic .m2{left:0;bottom:2%;width:38%;height:55%;transform:rotate(7deg)}.hero-mosaic .m3{right:0;top:13%;width:39%;height:58%;transform:rotate(5deg)}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.content-card h3,.content-card h2{margin:0}.content-card p{color:var(--muted);font-size:.79rem}.content-card ul{padding-left:19px;color:var(--muted);font-size:.76rem}.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.duel-side{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}.duel-photo{height:430px}.duel-photo img{width:100%;height:100%;object-fit:cover}.duel-copy{padding:18px}.duel-vs{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;font-weight:1000;box-shadow:0 10px 22px rgba(255,90,0,.24)}
.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tech-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff}.tech-card:after{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-45px;border-radius:50%;background:var(--accent,#188cff);opacity:.08}.tech-card b{color:var(--accent,#188cff);font-size:.56rem}.tech-card h3{margin:8px 0 0}.tech-card p{color:var(--muted);font-size:.76rem}.meter{height:7px;margin-top:13px;border-radius:999px;background:#edf0f5;overflow:hidden}.meter i{display:block;width:var(--power);height:100%;background:linear-gradient(90deg,var(--accent,#188cff),#fff067)}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-box{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#fff9ef)}.game-box h3{margin:0}.game-box p{color:var(--muted);font-size:.78rem}.game-status{min-height:37px;margin-top:12px;padding:9px 11px;border-radius:10px;background:#eef2f7;color:#5f697f;font-size:.72rem;font-weight:800}.game-status.good{background:#e9ffef;color:#237b40}.game-status.bad{background:#fff0f2;color:#a52a37}.answers{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.answers button,.choice{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:.71rem;font-weight:850;cursor:pointer}.answers button:hover,.choice:hover{border-color:rgba(255,107,0,.4);color:var(--orange)}.clues{display:grid;gap:7px;margin-top:12px}.clue{padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5e687d;font-size:.72rem}.letter-board{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.letter-cell{width:34px;height:43px;display:grid;place-items:center;border-bottom:3px solid #25314b;font-weight:1000}.letter-cell.blank{border:0}.keyboard{display:flex;flex-wrap:wrap;gap:5px}.keyboard button{width:35px;height:35px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:900;cursor:pointer}.keyboard button:disabled{opacity:.3}.quiz-q{padding:13px 0;border-top:1px solid var(--line)}.quiz-q:first-child{border-top:0}.quiz-q h4{margin:0}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.quiz-options label{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.7rem}.order-list{display:grid;gap:6px;margin-top:10px}.order-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.72rem;font-weight:850}.order-item button{border:0;border-radius:6px;background:#eef1f6;padding:5px 7px;cursor:pointer}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-col{display:grid;gap:6px}.match-item{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.7rem;font-weight:800;cursor:pointer}.match-item.selected{outline:2px solid var(--orange)}.match-item.matched{opacity:.42;background:#eaffe9;pointer-events:none}.hunt-area{position:relative;min-height:370px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 120%,#406f39 0 25%,transparent 26%),linear-gradient(#102b5f,#337eb0 58%,#62bc97 59%,#356d39)}.hunt-ball{position:absolute;width:48px;height:48px;border:2px solid #c84900;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9a4 0 8%,#ffc425 24%,#ff7100 78%);color:#d21e23;font-weight:900;cursor:pointer;box-shadow:0 6px 15px rgba(0,0,0,.2)}.hunt-ball.found{opacity:.08;pointer-events:none}.reaction-arena{position:relative;height:250px;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#07162f,#173c78)}.reaction-orb{position:absolute;width:58px;height:58px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#81f5ff 27%,#178eff 63%,#6551ff 100%);box-shadow:0 0 25px #58dfff;cursor:pointer}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.memory-card{height:70px;border:1px solid var(--line);border-radius:10px;background:#162953;color:transparent;font-weight:900;cursor:pointer}.memory-card.open,.memory-card.done{background:#fff;color:var(--orange)}.memory-card.done{opacity:.5}
.masonry{columns:5 220px;column-gap:10px}.gallery-item{position:relative;break-inside:avoid;margin:0 0 10px;overflow:hidden;border-radius:15px;background:#dfe5ee;box-shadow:0 8px 19px rgba(13,27,59,.09)}.gallery-item img{display:block;width:100%;height:auto;min-height:180px;object-fit:cover}.gallery-item figcaption{position:absolute;left:7px;right:7px;bottom:7px;padding:8px;border-radius:9px;background:rgba(7,17,38,.72);backdrop-filter:blur(8px);color:#fff;font-size:.56rem;opacity:0;transition:.2s}.gallery-item:hover figcaption{opacity:1}.gallery-item a{color:#7ee5ff}.credits-note{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#697287;font-size:.72rem}
.site-footer{
margin:26px auto 0;
padding:34px clamp(18px,2.4vw,34px) 48px;
border:1px solid var(--line);
border-bottom:0;
border-radius:24px 24px 0 0;
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,248,234,.94));
box-shadow:0 -8px 34px rgba(13,28,64,.045);
color:#737d92;
}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.site-footer h4{margin:0;color:var(--ink)}.site-footer p,.site-footer a{font-size:.7rem}.footer-links{display:flex;flex-direction:column;gap:4px}.footer-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.63rem}.js-health{position:fixed;left:8px;bottom:8px;z-index:100;padding:5px 8px;border-radius:999px;background:#0e1a37;color:#fff;font-size:.48rem;font-weight:900;opacity:.28;pointer-events:none}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr minmax(420px,.9fr)}.nav a{padding:7px 6px;font-size:.54rem}.photo-river{grid-template-columns:repeat(5,1fr)}.forum-grid,.tech-grid,.content-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav{display:none}.menu-btn{display:inline-flex}.nav.open{display:flex;position:absolute;left:14px;right:14px;top:69px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow);justify-content:flex-start}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-cinema{min-height:0}.photo-stack{min-height:580px}.story-card,.story-card:nth-child(even){width:92%;grid-template-columns:210px minmax(0,1fr)}.story-card:nth-child(even){margin-left:auto}.page-hero.grid{grid-template-columns:1fr}.duel{grid-template-columns:1fr}.duel-vs{margin:auto}.game-grid,.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell,.header-inner{width:min(100% - 14px,1420px)}.header-inner{min-height:61px}.brand-ball{width:37px;height:37px}.brand b{font-size:1rem}.hero-cinema{border-radius:22px}.hero-grid{padding:23px 14px;gap:8px}.hero-copy h1{font-size:clamp(3.7rem,17vw,6rem)}.actions{display:grid}.btn{width:100%}.hero-stats{grid-template-columns:repeat(2,1fr)}.photo-stack{min-height:420px}.photo-stack .p1{width:56%;height:66%;left:22%}.photo-stack .p2,.photo-stack .p3{width:37%;height:40%}.photo-stack .p4,.photo-stack .p5{width:38%;height:35%}.aura-orbit{width:330px;height:330px}.aura-orbit.o2{width:390px;height:390px}.section{padding:20px 12px;border-radius:20px}.section-head{display:block}.section-head p{margin-top:9px}.section-head h2{font-size:clamp(2.5rem,13vw,4rem)}.story-svg{display:none}.story-list{gap:12px}.story-card,.story-card:nth-child(even){width:100%;min-height:0;display:block}.story-photo{height:240px}.story-card:nth-child(even) .story-photo{order:initial}.fantasy-zone{min-height:620px;padding:24px 14px}.fantasy-copy h2{font-size:3.5rem}.fantasy-beam{width:120%;right:-34%;bottom:11%}.void-zone{min-height:560px}.void-copy{left:8%;right:8%;max-width:none}.void-temple{top:60%;transform:translate(-50%,-50%) scale(.82)}.photo-river{grid-template-columns:repeat(3,1fr)}.photo-river figure:nth-child(n+7){display:none}.photo-river figure:nth-child(2n),.photo-river figure:nth-child(3n){transform:none}.forum-grid,.tech-grid,.content-grid.three{grid-template-columns:1fr}.page-hero{padding:24px 14px;min-height:0}.page-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-mosaic{min-height:390px}.duel-photo{height:330px}.quiz-options{grid-template-columns:1fr}.match-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.masonry{columns:2 140px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* =========================================================
   LONG-FORM STORY / LORE EXPANSIONS
========================================================= */
.lore-expansion{
  position:relative;overflow:hidden;margin-top:20px;
  padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:26px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,107,0,.08),transparent 250px),
    radial-gradient(circle at 0 100%,rgba(24,140,255,.07),transparent 280px),
    rgba(255,255,255,.94);
  box-shadow:0 13px 38px rgba(13,28,64,.055);
}
.lore-expansion:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--orange),var(--yellow),var(--blue),var(--purple),var(--orange));
  background-size:240% 100%;animation:railGlow 10s linear infinite;
}
.lore-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr);gap:28px;align-items:end;margin-bottom:24px}
.lore-kicker{display:block;color:var(--orange);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lore-heading h2{max-width:900px;margin:5px 0 0;font-size:clamp(2.2rem,4.8vw,4.7rem);line-height:.93;letter-spacing:-.06em}
.lore-heading>p{margin:0;color:var(--muted);font-size:.83rem}
.essay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.essay-card{position:relative;min-width:0;padding:21px;border:1px solid var(--line);border-radius:18px;background:#fff}
.essay-card.wide{grid-column:span 2}
.essay-card.dark{color:#fff;background:linear-gradient(145deg,#0d1834,#152d62);border-color:rgba(255,255,255,.08)}
.essay-card h3{margin:0;font-size:1.15rem;line-height:1.15}
.essay-card p{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.75}
.essay-card.dark p{color:#c9d3e7}
.essay-card .mini-label{display:inline-flex;margin-bottom:9px;padding:5px 7px;border-radius:999px;background:#fff3db;color:var(--orange);font-size:.5rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.essay-card.dark .mini-label{background:rgba(255,255,255,.09);color:#ffe064}
.long-copy{columns:2;column-gap:28px;color:var(--muted);font-size:.8rem;line-height:1.8}
.long-copy p{margin:0 0 1em;break-inside:avoid}.long-copy strong{color:var(--ink)}
.site-footer .brand-mini{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--ink);font-weight:1000}
.site-footer .brand-mini i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff7a6 0 9%,#ffc027 25%,#ff7000 78%);color:#ca2020;font-style:normal;font-size:.58rem;border:1px solid #d25500}
@media(max-width:900px){.lore-heading{grid-template-columns:1fr}.essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-footer{margin-top:18px;padding:27px 15px 38px;border-radius:19px 19px 0 0}.essay-grid{grid-template-columns:1fr}.essay-card.wide{grid-column:auto}.long-copy{columns:1}}


/* =========================================================
   V4 — Y8 CONVERSION + MICRO LABEL SYSTEM
========================================================= */
.nav .nav-game-cta{
  position:relative;
  overflow:hidden;
  padding:9px 13px;
  border-color:transparent !important;
  background:linear-gradient(135deg,var(--orange),#ff9d00) !important;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(255,107,0,.22);
}
.nav .nav-game-cta:before{
  content:"";
  position:absolute;
  inset:-120% auto -120% -36%;
  width:28%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.58),transparent);
  transform:skewX(-18deg);
  animation:y8Shine 4.4s ease-in-out infinite;
}
@keyframes y8Shine{
  0%,58%{left:-36%;opacity:0}
  68%{opacity:1}
  92%,100%{left:128%;opacity:0}
}

.y8-btn,
.btn.y8-btn{
  position:relative;
  overflow:hidden;
  border-color:transparent !important;
  background:linear-gradient(135deg,#ff5d00 0,#ff8700 52%,#ffb300 100%) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(255,99,0,.22) !important;
}
.y8-btn:before,
.btn.y8-btn:before{
  content:"";
  position:absolute;
  inset:-120% auto -120% -38%;
  width:25%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.62),transparent);
  transform:skewX(-18deg);
  animation:y8Shine 4.2s ease-in-out infinite;
}
.y8-btn strong{font-weight:1000}

.y8-fab{
  position:fixed;
  z-index:95;
  right:14px;
  bottom:14px;
  min-width:224px;
  display:grid;
  grid-template-columns:39px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:16px;
  background:linear-gradient(135deg,#ff5c00,#ff9700);
  color:#fff !important;
  box-shadow:0 15px 38px rgba(79,35,0,.26);
  backdrop-filter:blur(13px);
  transition:transform .2s ease,box-shadow .2s ease;
}
.y8-fab:hover{transform:translateY(-3px);box-shadow:0 19px 44px rgba(79,35,0,.3)}
.y8-fab .fab-icon{
  width:39px;height:39px;display:grid;place-items:center;border-radius:11px;
  background:rgba(255,255,255,.17);font-size:1.1rem;font-weight:1000;
}
.y8-fab small{display:block;font-size:.47rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:.78}
.y8-fab strong{display:block;margin-top:1px;font-size:.72rem;line-height:1.1}
.y8-fab b{font-size:1.05rem}

.y8-band{
  position:relative;
  overflow:hidden;
  margin-top:22px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,107,0,.18);
  border-radius:21px;
  background:
    radial-gradient(circle at 92% 10%,rgba(255,218,69,.29),transparent 180px),
    linear-gradient(135deg,#fff8e7,#fff 58%,#eef7ff);
  box-shadow:0 12px 30px rgba(13,28,64,.055);
}
.y8-band:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--orange),var(--yellow),var(--blue),var(--orange));
  background-size:220% 100%;
  animation:railGlow 8s linear infinite;
}
.y8-band-copy{min-width:0}
.y8-band .y8-kicker{
  display:block;
  color:var(--orange);
  font-size:.51rem;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.y8-band h3{
  margin:4px 0 0;
  font-size:clamp(1.25rem,2.2vw,2rem);
  line-height:1;
  letter-spacing:-.04em;
}
.y8-band p{
  max-width:760px;
  margin:6px 0 0;
  color:var(--muted);
  font-size:.72rem;
}
.y8-band-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.micro-cluster,
.micro-run,
.scene-micros,
.card-micros{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.micro-cluster{margin:0 0 10px}
.micro-run{margin:-14px 0 19px}
.scene-micros{margin-top:14px}
.card-micros{margin-top:12px}
.micro-cluster span,
.micro-run span,
.scene-micros span,
.card-micros span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:4px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#707a90;
  font-size:.46rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.065em;
  text-transform:uppercase;
  white-space:nowrap;
}
.micro-cluster span:first-child,
.scene-micros span:first-child,
.card-micros span:first-child{color:var(--orange);border-color:rgba(255,107,0,.18);background:#fff7e8}
.micro-cluster span.live:before,
.scene-micros span.live:before,
.card-micros span.live:before{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px rgba(73,203,117,.6)
}

.hero-y8{
  margin-top:18px;
  max-width:760px;
  padding:10px;
  border:1px solid rgba(255,107,0,.15);
  border-radius:16px;
  background:rgba(255,255,255,.72);
}
.hero-y8 .btn{width:100%;min-height:58px;font-size:.8rem}
.hero-y8-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-top:7px;
}
.hero-y8-meta span{
  display:grid;place-items:center;min-height:29px;padding:4px;
  border:1px solid var(--line);border-radius:8px;background:#fff;
  color:#727b8f;font-size:.46rem;font-weight:900;text-align:center;text-transform:uppercase;
}

/* Story cards now end in a direct game break. */
.story-y8{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid var(--line);
}
.story-y8 span{
  color:#7a8397;
  font-size:.5rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.story-y8 a{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--orange),#ff9d00);
  color:#fff !important;
  font-size:.53rem;
  font-weight:1000;
  text-transform:uppercase;
  box-shadow:0 5px 12px rgba(255,107,0,.15);
}

/* Enriched Time Chamber: actual 3-column content, no dead right side. */
.void-zone.enriched{
  min-height:540px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) 300px minmax(280px,.72fr);
  align-items:center;
  gap:clamp(22px,3vw,48px);
  padding:clamp(30px,4vw,54px);
}
.void-zone.enriched .void-copy{
  position:relative;
  left:auto;top:auto;
  max-width:none;
  z-index:5;
}
.void-zone.enriched .void-copy h2{font-size:clamp(3rem,5.4vw,5.5rem)}
.void-zone.enriched .void-temple{
  position:relative;
  left:auto;top:auto;
  transform:none;
  margin:auto;
  z-index:3;
}
.void-zone.enriched .void-floor{z-index:0}
.void-sidecopy{
  position:relative;
  z-index:5;
  padding:18px;
  border:1px solid rgba(83,95,125,.14);
  border-radius:18px;
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(12px);
  box-shadow:0 14px 32px rgba(30,40,65,.09);
}
.void-sidecopy h3{
  margin:6px 0 0;
  font-size:1.15rem;
  line-height:1.1;
}
.void-sidecopy p{
  margin:8px 0 0;
  color:#667188;
  font-size:.72rem;
  line-height:1.65;
}
.void-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:12px;
}
.void-facts div{
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.void-facts b{display:block;font-size:.7rem}
.void-facts span{display:block;margin-top:2px;color:#8890a0;font-size:.47rem;font-weight:900;text-transform:uppercase}
.void-sidecopy .btn{width:100%;margin-top:12px;min-height:46px}

/* Namek fantasy scene gets a right-side story / game station. */
.fantasy-zone.enriched{padding-right:clamp(360px,31vw,470px)}
.fantasy-sidecard{
  position:absolute;
  z-index:7;
  right:4%;
  top:50%;
  width:min(330px,28%);
  transform:translateY(-50%);
  padding:18px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:rgba(7,25,55,.55);
  backdrop-filter:blur(15px);
  box-shadow:0 15px 34px rgba(4,18,45,.22);
}
.fantasy-sidecard h3{margin:6px 0 0;font-size:1.18rem;line-height:1.1}
.fantasy-sidecard p{margin:8px 0 0;color:rgba(255,255,255,.82);font-size:.7rem;line-height:1.65}
.fantasy-sidecard .scene-micros span{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#e9f5ff;
}
.fantasy-sidecard .scene-micros span:first-child{color:#fff28a}
.fantasy-sidecard .btn{width:100%;margin-top:12px;min-height:46px}

/* General density improvements. */
.content-card,
.tech-card,
.game-box,
.forum-card,
.essay-card{
  position:relative;
}
.content-card:after,
.tech-card:after,
.game-box:after,
.essay-card:after{
  content:"";
  position:absolute;
  right:12px;
  top:12px;
  width:6px;height:6px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 5px rgba(255,107,0,.08);
}
.section-head + .micro-run{margin-top:-13px}
.footer-game-cta{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  margin-bottom:4px;
  padding:14px 15px;
  border:1px solid rgba(255,107,0,.18);
  border-radius:15px;
  background:linear-gradient(135deg,#fff7e7,#fff);
}
.footer-game-cta small{display:block;color:var(--orange);font-size:.49rem;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}
.footer-game-cta strong{display:block;margin-top:2px;color:var(--ink);font-size:.9rem}
.footer-game-cta .btn{min-height:46px}

@media(max-width:1120px){
  .void-zone.enriched{grid-template-columns:minmax(0,1fr) 250px minmax(240px,.72fr);gap:20px;padding:30px}
  .fantasy-zone.enriched{padding-right:330px}
  .fantasy-sidecard{right:3%;width:285px}
}
@media(max-width:900px){
  .void-zone.enriched{
    grid-template-columns:1fr 270px;
    min-height:680px;
  }
  .void-zone.enriched .void-copy{grid-column:1/-1}
  .void-zone.enriched .void-temple{grid-column:1}
  .void-sidecopy{grid-column:2}
  .fantasy-zone.enriched{padding-right:24px;padding-bottom:270px}
  .fantasy-sidecard{
    left:24px;right:24px;top:auto;bottom:22px;width:auto;transform:none;
  }
  .y8-band{grid-template-columns:1fr}
  .y8-band-actions{justify-content:flex-start}
}
@media(max-width:650px){
  .nav .nav-game-cta{width:100%;justify-content:center;text-align:center}
  .y8-fab{
    left:7px;right:7px;bottom:7px;min-width:0;
    border-radius:14px;
  }
  body{padding-bottom:74px}
  .hero-y8-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .void-zone.enriched{
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
    padding:23px 14px 30px;
  }
  .void-zone.enriched .void-copy{order:1}
  .void-zone.enriched .void-temple{order:2;transform:scale(.86);margin:32px auto 25px}
  .void-sidecopy{order:3}
  .void-floor{opacity:.45}
  .fantasy-zone.enriched{padding:24px 14px 300px}
  .fantasy-sidecard{left:14px;right:14px;bottom:14px}
  .micro-run{margin-top:-8px}
  .footer-game-cta{grid-template-columns:1fr}
}

.rail-game-link{display:block;color:#fff!important}
.rail-game-link:hover{color:#fff!important}
.rail-game-link .rail-track{animation-duration:28s}