:root{
  --bg:#05080d;--bg2:#0a1018;--ink:#eef2f6;--muted:#9ca8b6;--line:rgba(255,255,255,.14);
  --gold:#c9ad78;--gold2:#f0ddae;--blue:#72bff2;--header-h:76px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,sans-serif;overflow-x:hidden}
body.menu-open,body.modal-open{overflow:hidden}button,a{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;background:#020407;display:grid;place-content:center;text-align:center;z-index:1200;transition:opacity .8s ease,visibility .8s}.loader.hide{opacity:0;visibility:hidden}.loader p{font:500 28px/1 Georgia,serif;letter-spacing:.13em;margin:20px 0 8px}.loader small{font-size:10px;letter-spacing:.34em;color:#77828f}.loader-mark{width:72px;height:72px;margin:auto;position:relative;animation:spin 6s linear infinite}.loader-mark span{position:absolute;inset:6px;border:1px solid rgba(201,173,120,.65);transform:rotate(45deg)}.loader-mark span:nth-child(2){inset:18px}.loader-mark span:nth-child(3){inset:30px;background:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}#pageProgress{position:fixed;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),#fff);z-index:1300}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:900;display:flex;align-items:center;gap:34px;padding:0 4.5vw;border-bottom:1px solid transparent;transition:.4s ease}.site-header.scrolled{height:62px;background:rgba(3,6,10,.74);backdrop-filter:blur(20px);border-color:var(--line)}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand-main{font-family:Georgia,serif;font-size:21px;letter-spacing:.04em}.brand-sub{font-size:8px;letter-spacing:.34em;margin-top:6px;color:#aab2ba}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{position:relative;color:#c8d0d9;text-decoration:none;font:600 10px/1 system-ui;letter-spacing:.18em}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:1px;background:var(--gold);transition:.3s}.desktop-nav a:hover:after{right:0}.play-mini,.outline-button{border:1px solid rgba(201,173,120,.65);background:rgba(3,6,10,.34);letter-spacing:.14em;font-size:10px;padding:13px 20px;cursor:pointer;transition:.3s}.play-mini:hover,.outline-button:hover{background:var(--gold);color:#111}.menu-button{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;position:relative}.menu-button span{position:absolute;left:9px;width:26px;height:1px;background:#fff;transition:.35s}.menu-button span:first-child{top:17px}.menu-button span:last-child{top:26px}.menu-button.active span:first-child{transform:rotate(45deg);top:21px}.menu-button.active span:last-child{transform:rotate(-45deg);top:21px}.mobile-menu{position:fixed;inset:0;background:rgba(3,6,10,.97);z-index:850;opacity:0;visibility:hidden;transition:.35s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-inner{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:18vw}.mobile-menu .eyebrow{font-size:10px;letter-spacing:.25em;color:#718092;margin-bottom:30px}.mobile-menu a{font-family:Georgia,serif;color:white;text-decoration:none;font-size:36px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu a small{font-family:system-ui;font-size:10px;letter-spacing:.2em;color:#74808d;margin-left:12px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#070b12}.hero-bg{position:absolute;inset:-6%;background:url('assets/hero-blur.webp') center/cover no-repeat;filter:saturate(.72);transform:scale(1.08)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,9,.97) 0%,rgba(2,5,9,.78) 31%,rgba(2,5,9,.18) 64%,rgba(2,5,9,.52) 100%),linear-gradient(0deg,rgba(2,5,9,.76),transparent 40%)}.hero-art-wrap{position:absolute;right:-4vw;top:7vh;width:min(74vw,1180px);height:86vh;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 95%,transparent 100%);opacity:.93}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.03);filter:contrast(1.05) saturate(.88)}.hero-glow{position:absolute;width:36vw;height:36vw;right:17vw;top:18vh;border-radius:50%;background:radial-gradient(circle,rgba(100,180,255,.2),transparent 60%);filter:blur(20px);animation:pulse 6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.6}}.hero-copy{position:relative;z-index:3;width:min(610px,46vw);margin-left:6.4vw;padding-top:6vh}.kicker,.section-no{font-size:10px;letter-spacing:.28em;color:var(--gold);font-weight:600}.hero h1{font:400 clamp(72px,9vw,142px)/.78 Georgia,serif;letter-spacing:-.045em;margin:22px 0 34px;text-shadow:0 14px 50px rgba(0,0,0,.44)}.hero-jp{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,2.7vw,40px);line-height:1.45;letter-spacing:.08em;margin:0 0 24px}.hero-desc{font-size:13px;line-height:2;color:#bac2cc;letter-spacing:.06em}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:35px}.circle-play{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.25);cursor:pointer}.circle-play:hover{border-color:var(--gold);transform:scale(1.06)}.text-action{background:none;border:0;font-size:11px;letter-spacing:.16em;cursor:pointer}.hero-side-note{position:absolute;right:2.3vw;top:18vh;writing-mode:vertical-rl;letter-spacing:.26em;font-family:"Yu Mincho",serif;color:rgba(255,255,255,.7);z-index:3}.scroll-cue{position:absolute;left:6.4vw;bottom:34px;background:none;border:0;color:#b2bac4;font-size:9px;letter-spacing:.2em;display:flex;gap:12px;align-items:center;cursor:pointer;z-index:4}.scroll-cue i{display:block;width:86px;height:1px;background:linear-gradient(90deg,#fff,transparent)}.hero-count{position:absolute;right:4.5vw;bottom:34px;font-family:monospace;font-size:11px;letter-spacing:.16em;color:#b7c0ca}.hero-count span{color:#67717d}
.section{min-height:92vh;position:relative;padding:9vw 7vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;background:#070a0f}.section-media{position:relative;height:68vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.35)}.section-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.section-media.visible img{transform:scale(1)}.section-copy h2,.battle-copy h2,.news-head h2{font:400 clamp(48px,6vw,92px)/1.02 Georgia,"Yu Mincho",serif;letter-spacing:-.035em;margin:26px 0}.section-copy p,.battle-copy p,.character-copy p{color:#aeb8c4;font-size:14px;line-height:2;max-width:580px}.outline-button{margin-top:26px}.world-section{background:radial-gradient(circle at 20% 20%,#101b29,transparent 40%),#05080d}.world-section .section-media:after{content:"TEARUS / 001";position:absolute;right:18px;bottom:16px;font:9px/1 monospace;letter-spacing:.18em;color:#d1d6dc}
.story-section{min-height:170vh;background:radial-gradient(circle at center,#11263b 0,#070c14 30%,#030509 67%);position:relative}.story-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}.story-orbit{position:absolute;width:min(62vw,760px);aspect-ratio:1}.orbit{position:absolute;inset:0;border:1px solid rgba(155,202,240,.16);border-radius:50%;animation:spin 28s linear infinite}.orbit-b{inset:15%;animation-direction:reverse;animation-duration:19s}.orbit-a:before,.orbit-a:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-50%,-50%) rotate(45deg)}.orbit-a:after{transform:translate(-50%,-50%) rotate(-45deg)}.orbit-core{position:absolute;inset:42%;border:1px solid rgba(201,173,120,.45);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold);font-size:26px;box-shadow:0 0 70px rgba(114,191,242,.12)}.story-copy{position:relative;z-index:2;text-align:center;max-width:980px;padding:0 7vw}.story-lead{font-family:"Yu Mincho",Georgia,serif;font-size:clamp(36px,5vw,78px);line-height:1.4;letter-spacing:.05em;margin:26px 0}.story-lead.muted{color:#556373}.story-body{color:#a5b0bc;max-width:620px;margin:40px auto 0;line-height:2.2;font-size:13px}
.character-section{min-height:110vh;background:#05070b;display:flex;align-items:center;padding:8vw 5vw}.character-stage{width:100%;display:grid;grid-template-columns:1.1fr .9fr;min-height:78vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.character-image-panel{position:relative;overflow:hidden}.character-image-panel img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .45s,transform .9s}.character-image-panel.switching img{opacity:.25;transform:scale(1.04)}.character-wash{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#05070b 100%),linear-gradient(0deg,rgba(4,7,11,.65),transparent 55%)}.character-copy{padding:8vh 5vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.character-copy h2{font:400 clamp(60px,8vw,112px)/1 Georgia,"Yu Mincho",serif;margin:25px 0 5px}.character-index{font:10px/1 monospace!important;letter-spacing:.17em;color:#718092!important}.character-theme{color:var(--gold)!important;font-family:"Yu Mincho",serif;font-size:18px!important;letter-spacing:.2em}.character-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.08);margin-top:36px}.char-tab{padding:17px 8px;background:#090d13;border:0;cursor:pointer;font-size:11px;color:#929daa;transition:.25s}.char-tab span{display:block;font:8px/1 monospace;margin-bottom:8px;color:#5d6875}.char-tab.active,.char-tab:hover{background:#121c27;color:#fff}.char-tab.active span{color:var(--gold)}.lineup-strip{position:absolute;right:0;bottom:0;width:48%;height:140px;object-fit:cover;object-position:right;opacity:.18;mix-blend-mode:screen;pointer-events:none}
.battle-section{min-height:100vh;padding:9vw 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;background:radial-gradient(circle at 70% 50%,#102a43,transparent 35%),#05080d}.battle-copy h2{margin-top:26px}.orb-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.orb{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 16px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.35);cursor:pointer;transition:.22s}.orb:hover,.orb.active{transform:translateY(-7px) scale(1.08);box-shadow:0 0 26px currentColor}.orb-fire{background:radial-gradient(circle at 35% 30%,#ff8a71,#9c1c2a);color:#ff6a55}.orb-water{background:radial-gradient(circle at 35% 30%,#9be6ff,#146ba8);color:#67cfff}.orb-wind{background:radial-gradient(circle at 35% 30%,#aef1a6,#23824f);color:#67d982}.orb-light{background:radial-gradient(circle at 35% 30%,#fff4ae,#b88f28);color:#ffe46b}.orb-dark{background:radial-gradient(circle at 35% 30%,#d69df7,#5a287f);color:#bd78ef}.orb-heart{background:radial-gradient(circle at 35% 30%,#ffb0ce,#b52e67);color:#ff76ae}.combo-readout{font:10px/1 monospace!important;letter-spacing:.2em;color:#707d8b!important;margin-top:24px!important}.combo-readout strong{font-size:28px;color:white;margin-right:8px}.battle-visual{height:72vh;position:relative;border:1px solid rgba(255,255,255,.12);overflow:hidden;transform:perspective(1300px) rotateY(-5deg);box-shadow:-35px 35px 80px rgba(0,0,0,.42)}.battle-visual img{width:100%;height:100%;object-fit:cover}.battle-hud{position:absolute;left:24px;right:24px;bottom:24px;padding:16px 18px;background:rgba(2,6,11,.62);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font:9px/1 monospace;letter-spacing:.16em;color:#88a3bb}.battle-hud b{color:#d8e7f5}
.movie-section{height:86vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:7vw}.movie-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);transform:scale(1.04)}.movie-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.92),rgba(3,6,10,.33) 60%,rgba(3,6,10,.64)),linear-gradient(0deg,#05080d 0,transparent 20%)}.movie-copy{position:relative;z-index:2}.movie-copy h2{font:400 clamp(52px,7vw,100px)/1.08 Georgia,"Yu Mincho",serif;margin:28px 0 34px}.movie-play{display:flex;align-items:center;gap:16px;background:none;border:0;cursor:pointer}.movie-play span{width:64px;height:64px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.movie-play small{letter-spacing:.19em;color:#d6dde5}.movie-play:hover span{background:#fff;color:#111}
.news-section{padding:9vw 5vw 11vw;background:#05070a}.news-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.news-head h2{font-size:clamp(42px,5vw,72px);margin-bottom:0}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.news-card{border-top:1px solid var(--line);padding-top:15px}.news-card img{width:100%;aspect-ratio:16/8.5;object-fit:cover;filter:saturate(.75);transition:.4s}.news-card:hover img{filter:saturate(1);transform:translateY(-5px)}.news-card time{display:inline-block;font:9px/1 monospace;color:#8d9aa8;margin:16px 10px 12px 0}.news-card span{font:8px/1 monospace;border:1px solid rgba(201,173,120,.5);color:var(--gold);padding:4px 7px}.news-card h3{font-size:13px;line-height:1.7;font-weight:500;margin:3px 0}
.download-section{height:76vh;min-height:620px;position:relative;display:grid;place-items:center;overflow:hidden;text-align:center}.download-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.download-shade{position:absolute;inset:0;background:linear-gradient(0deg,#05080d 0,rgba(5,8,13,.14) 54%,#05070a 100%)}.download-copy{position:relative;z-index:2}.download-copy>p{font-family:Georgia,serif;letter-spacing:.12em}.download-copy h2{font:400 clamp(52px,7vw,104px)/1 Georgia,serif;letter-spacing:.1em;margin:24px 0}.download-copy>span{font-family:"Yu Mincho",serif;letter-spacing:.22em}.store-row{display:flex;justify-content:center;gap:12px;margin-top:38px}.store-button{min-width:170px;background:rgba(2,4,7,.8);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.store-button b{font-size:24px}.store-button small{display:block;font-size:8px;color:#b4bec9}.store-button span{font-size:14px}.store-button:hover{background:#fff;color:#111}
footer{padding:28px 5vw 34px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:center;background:#030509;color:#727e8b}.footer-brand{font-family:Georgia,serif;color:#cfd5db}.footer-links{display:flex;gap:22px}.footer-links a{font-size:9px;color:#788390;text-decoration:none}footer p{font:8px/1 monospace}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal-media{opacity:0;transform:translateY(35px) scale(.98);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal-media.visible{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:1100;background:rgba(1,3,6,.92);backdrop-filter:blur(18px);display:grid;place-items:center;padding:8vw;opacity:0;visibility:hidden;transition:.35s}.modal.open{opacity:1;visibility:visible}.modal-close{position:absolute;right:3vw;top:3vw;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:none;font-size:28px;cursor:pointer}.modal-card{width:min(1000px,92vw);max-height:82vh;overflow:auto;border:1px solid rgba(255,255,255,.12);background:#080d14}.fake-video{aspect-ratio:16/9;position:relative;overflow:hidden}.fake-video img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.fake-video-ui{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.fake-video-ui span{font:26px/1 Georgia,serif;letter-spacing:.14em}.fake-video-ui strong{font:400 clamp(34px,6vw,78px)/1 Georgia,serif;letter-spacing:.12em;margin:20px 0}.fake-video-ui small{letter-spacing:.3em;color:var(--gold)}.text-card{padding:clamp(28px,6vw,76px)}.text-card h2{font:400 clamp(54px,8vw,104px)/1 Georgia,serif;margin:25px 0}.text-card p{max-width:760px;line-height:2.1;color:#a9b4bf}.archive-list p{border-top:1px solid var(--line);padding:16px 0;margin:0}.archive-list time{font-family:monospace;margin-right:18px}.archive-list b{font:9px/1 monospace;color:var(--gold);margin-right:14px}
@media (max-width:980px){:root{--header-h:64px}.desktop-nav,.play-mini{display:none}.menu-button{display:block}.site-header{padding:0 18px}.brand-main{font-size:18px}.hero{min-height:100svh;align-items:flex-end}.hero-art-wrap{right:-44vw;top:4vh;width:140vw;height:74vh;opacity:.8}.hero-bg:after{background:linear-gradient(0deg,#04070b 0,rgba(4,7,11,.84) 32%,rgba(4,7,11,.12) 72%),linear-gradient(90deg,rgba(4,7,11,.8),transparent 70%)}.hero-copy{width:auto;margin:0;padding:0 24px 88px}.hero h1{font-size:clamp(68px,20vw,112px);margin:16px 0 20px}.hero-jp{font-size:26px}.hero-desc{font-size:12px;max-width:420px}.hero-side-note,.hero-count{display:none}.scroll-cue{left:24px;bottom:24px}.section{min-height:auto;padding:100px 22px;grid-template-columns:1fr;gap:42px}.section-media{height:54vh;order:2}.section-copy{order:1}.section-copy h2,.battle-copy h2,.news-head h2{font-size:52px}.story-section{min-height:150vh}.story-orbit{width:90vw}.story-lead{font-size:42px}.character-section{padding:80px 0;min-height:auto}.character-stage{display:block;border-bottom:0}.character-image-panel{height:64vh}.character-wash{background:linear-gradient(0deg,#05070b 0,transparent 45%)}.character-copy{padding:38px 22px 20px}.character-copy h2{font-size:68px}.character-nav{overflow-x:auto;grid-template-columns:repeat(5,110px);margin-right:-22px}.lineup-strip{display:none}.battle-section{grid-template-columns:1fr;padding:100px 22px}.battle-visual{height:52vh;transform:none}.movie-section{height:76vh;padding:24px}.movie-copy h2{font-size:54px}.news-section{padding:90px 22px}.news-head{align-items:flex-start;gap:20px}.news-head .outline-button{display:none}.news-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.download-section{min-height:680px}.download-copy h2{font-size:54px;letter-spacing:.05em}.store-row{flex-direction:column;align-items:center}.store-button{width:210px}footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}.modal{padding:18px}.modal-close{right:18px;top:18px}.text-card{padding:42px 24px}}
@media (max-width:560px){.hero-art-wrap{right:-85vw;width:185vw}.hero-copy{padding-bottom:82px}.hero h1{font-size:72px}.hero-jp{font-size:23px}.hero-desc br{display:none}.section-media{height:42vh}.section-copy h2,.battle-copy h2,.news-head h2{font-size:46px}.story-lead{font-size:34px}.character-image-panel{height:56vh}.battle-visual{height:42vh}.orb{width:42px;height:42px}.movie-copy h2{font-size:46px}.news-grid{grid-template-columns:1fr}.download-section{min-height:720px}.download-copy h2{font-size:43px}.store-row{margin-top:30px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal-media{opacity:1;transform:none}}

/* v3: genuinely mobile-first presentation instead of a scaled desktop layout */
.character-mobile-counter,.character-mobile-arrows{display:none}

@media (max-width: 980px){
  html{scroll-snap-type:none}
  body{background:#03060a}
  .site-header{height:62px;background:linear-gradient(180deg,rgba(2,5,9,.94),rgba(2,5,9,.58),transparent);border:0;padding:0 20px}
  .site-header.scrolled{height:58px;background:rgba(2,5,9,.86);backdrop-filter:blur(18px)}
  .brand-main{font-size:19px;letter-spacing:.035em}.brand-sub{font-size:7px;margin-top:5px}

  /* HERO: mobile composition, not desktop art squeezed down */
  .hero{min-height:100svh;display:block;background:#04070c}
  .hero-bg{inset:0;transform:none!important;background-image:url('assets/hero.webp');background-position:58% center;background-size:cover;filter:saturate(.78) contrast(1.03)}
  .hero-bg:after{background:linear-gradient(180deg,rgba(2,5,9,.14) 0%,rgba(2,5,9,.04) 38%,rgba(2,5,9,.78) 70%,#04070b 100%),linear-gradient(90deg,rgba(3,6,10,.30),transparent 65%)}
  .hero-art-wrap,.hero-glow{display:none}
  .hero-copy{position:absolute;left:0;right:0;bottom:0;width:auto;margin:0;padding:0 22px 88px}
  .kicker{font-size:9px;letter-spacing:.25em}
  .hero h1{font-size:clamp(62px,18vw,86px);line-height:.82;margin:13px 0 21px;letter-spacing:-.045em}
  .hero-jp{font-size:23px;line-height:1.55;margin-bottom:15px}
  .hero-desc{max-width:320px;font-size:11px;line-height:1.9;color:#c3cbd4}
  .hero-actions{margin-top:23px}.circle-play{width:46px;height:46px}.text-action{font-size:9px}
  .scroll-cue{left:22px;bottom:25px}.scroll-cue i{width:52px}

  /* WORLD: full-bleed card with overlaid copy */
  .world-section.section{min-height:100svh;padding:0;display:block;position:relative;background:#03060a}
  .world-section .section-media{position:absolute;inset:0;height:auto;border:0;box-shadow:none;order:initial}
  .world-section .section-media:after{right:20px;bottom:20px}
  .world-section .section-media img{transform:none;width:100%;height:100%;object-fit:cover;object-position:center}
  .world-section .section-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,6,10,.10),rgba(3,6,10,.22) 42%,rgba(3,6,10,.96) 82%,#03060a)}
  .world-section .section-copy{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 22px 52px;order:initial}
  .world-section .section-copy h2{font-size:49px;margin:18px 0 17px}.world-section .section-copy p{font-size:12px;line-height:1.9;max-width:330px}
  .world-section .outline-button{align-self:flex-start;margin-top:20px}

  /* STORY: one intentional mobile screen; no giant empty sticky area */
  .story-section{min-height:100svh;padding:0;background:radial-gradient(circle at 50% 41%,#0e2437 0,#07101a 33%,#03060a 72%)}
  .story-sticky{position:relative;height:100svh;min-height:720px;padding:78px 22px 44px;display:flex;align-items:center;justify-content:center}
  .story-orbit{width:108vw;max-width:none;opacity:.72}
  .story-copy{padding:0;max-width:430px;text-align:left;width:100%}
  .story-copy .section-no{display:block;text-align:center;margin-bottom:36px}
  .story-lead{font-size:clamp(34px,10vw,46px);line-height:1.47;text-align:center;letter-spacing:.035em;margin:0 0 22px}
  .story-lead.muted{font-size:clamp(29px,8.7vw,40px);margin-top:12px;color:#627180}
  .story-body{font-size:11px;line-height:2.05;text-align:center;max-width:330px;margin:38px auto 0}

  /* CHARACTER: dedicated mobile character viewer */
  .character-section{min-height:100svh;padding:0;background:#04070b;display:block}
  .character-stage{display:flex;flex-direction:column;min-height:100svh;border:0;background:#04070b}
  .character-image-panel{height:59svh;min-height:430px;order:1;border-bottom:1px solid rgba(255,255,255,.08)}
  .character-image-panel img{object-fit:cover;object-position:center 38%;transform:none}
  .character-wash{background:linear-gradient(180deg,rgba(4,7,11,.02) 25%,rgba(4,7,11,.12) 56%,#04070b 100%),linear-gradient(90deg,rgba(0,0,0,.13),transparent 50%)}
  .character-mobile-counter{display:flex;position:absolute;left:20px;top:82px;z-index:4;align-items:baseline;gap:7px;font:600 20px/1 Georgia,serif;letter-spacing:.07em;text-shadow:0 2px 16px #000}
  .character-mobile-counter i{font:9px/1 monospace;color:#77818d}.character-mobile-counter span:last-child{font-size:10px;color:#a0aab4}
  .character-mobile-arrows{display:flex;position:absolute;right:18px;bottom:24px;z-index:5;gap:9px}
  .character-mobile-arrows button{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(2,5,9,.44);backdrop-filter:blur(10px);font-size:20px;cursor:pointer}
  .character-mobile-arrows button:active{transform:scale(.94);background:rgba(201,173,120,.24)}
  .character-copy{order:2;padding:21px 20px 34px;display:block;min-height:41svh}
  .character-copy .section-no{font-size:8px}.character-index{margin:12px 0 0!important;font-size:8px!important}
  .character-copy h2{font-size:50px;margin:10px 0 2px;line-height:1}.character-theme{font-size:13px!important;margin:8px 0 12px!important}.character-copy>p:last-of-type{font-size:11px;line-height:1.85;margin:0;max-width:360px}
  .character-nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;background:transparent;margin:20px -20px 0;padding:0 20px 2px;scroll-snap-type:x mandatory}
  .character-nav::-webkit-scrollbar{display:none}
  .char-tab{flex:0 0 74px;height:54px;border:1px solid rgba(255,255,255,.09);background:#080d13;padding:8px 10px;text-align:left;scroll-snap-align:start;border-radius:2px}
  .char-tab span{display:block;font-size:7px;margin:0 0 6px;color:#6d7884}.char-tab b{font-family:"Yu Mincho",serif;font-size:11px;font-weight:500;letter-spacing:.12em}
  .char-tab.active{border-color:rgba(201,173,120,.6);background:linear-gradient(135deg,rgba(201,173,120,.18),#0b1118);box-shadow:inset 0 0 0 1px rgba(201,173,120,.1)}
  .lineup-strip{display:none}

  /* BATTLE: image-first mobile panel + compact controls */
  .battle-section{min-height:100svh;padding:0;display:flex;flex-direction:column;background:#03060a;gap:0}
  .battle-visual{order:1;width:100%;height:59svh;min-height:430px;transform:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}
  .battle-visual img{object-position:57% center}.battle-hud{left:16px;right:16px;bottom:16px;padding:12px 13px;font-size:7px}
  .battle-copy{order:2;padding:27px 20px 42px}.battle-copy h2{font-size:48px;margin:14px 0 13px}.battle-copy p{font-size:11px;line-height:1.85}
  .orb-row{gap:9px;margin-top:20px;flex-wrap:nowrap}.orb{width:39px;height:39px;flex:0 0 39px}.combo-readout{margin-top:17px!important;font-size:8px!important}.combo-readout strong{font-size:23px}

  /* MOVIE: mobile cinematic poster */
  .movie-section{height:84svh;min-height:620px;padding:0 20px;align-items:flex-end}.movie-bg{object-position:58% center}.movie-overlay{background:linear-gradient(180deg,rgba(3,6,10,.05) 20%,rgba(3,6,10,.40) 53%,#05080d 100%)}
  .movie-copy{padding-bottom:54px}.movie-copy h2{font-size:48px;line-height:1.08;margin:14px 0 26px}.movie-play span{width:52px;height:52px}.movie-play small{font-size:8px}

  /* NEWS: horizontal touch carousel */
  .news-section{padding:72px 0 78px;background:#05070a;overflow:hidden}.news-head{padding:0 20px;margin-bottom:28px}.news-head h2{font-size:41px;margin-top:13px}.news-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:0 20px 8px;scrollbar-width:none}.news-grid::-webkit-scrollbar{display:none}
  .news-card{flex:0 0 82vw;max-width:340px;scroll-snap-align:center;padding-top:10px}.news-card img{aspect-ratio:16/10}.news-card h3{font-size:12px}

  .download-section{min-height:100svh;height:100svh}.download-section>img{object-position:64% center}.download-copy{padding:0 20px}.download-copy h2{font-size:46px;line-height:1.08;letter-spacing:.055em}.download-copy>span{font-size:11px}.store-row{margin-top:28px}.store-button{width:215px}
  footer{padding:34px 20px 42px;gap:18px}.footer-links{gap:15px;flex-wrap:wrap}
}

@media (max-width: 560px){
  .hero h1{font-size:70px}.hero-jp{font-size:22px}
  .world-section .section-copy h2,.battle-copy h2{font-size:45px}
  .story-sticky{min-height:680px}.story-orbit{width:118vw}
  .character-image-panel,.battle-visual{min-height:410px}
  .character-copy h2{font-size:47px}
  .movie-copy h2{font-size:44px}.news-head h2{font-size:38px}
  .download-copy h2{font-size:41px}
}