:root{--ink:#101015;--paper:#f8f6f2;--pink:#ff6eb5;--cyan:#70e6ef;--lav:#bd9cff;--yellow:#ffe56d;--line:rgba(16,16,21,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.section{padding:86px 20px}.section-tag,.eyebrow{font:800 10px/1 Inter,sans-serif;letter-spacing:.2em}.section-tag{margin-bottom:38px;color:#7e7680}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:white}.wordmark{font:900 16px/1 Inter,sans-serif;letter-spacing:-.04em}.wordmark span{display:block;margin-top:4px;color:var(--cyan);font-size:7px;letter-spacing:.18em}.site-header nav{display:none}.header-watch{font-size:11px;font-weight:800;border-bottom:1px solid;padding:8px 0}.header-watch span{margin-left:8px}.hero{position:relative;min-height:760px;height:100svh;overflow:hidden;color:white;background:#16131a}.hero-photo{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:62% center;animation:heroIn 1.2s ease both}.hero-wash{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,14,.94) 4%,rgba(10,8,14,.42) 55%,rgba(10,8,14,.08)),linear-gradient(90deg,rgba(26,12,41,.35),transparent)}.hero-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:92px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px}.eyebrow span{padding:6px 8px;color:var(--ink);background:var(--cyan);border-radius:20px}.hero h1{margin:0;font-size:clamp(47px,14.5vw,74px);line-height:1.01;letter-spacing:-.08em;font-weight:900}.hero h1 em{position:relative;font-style:normal;color:#ffb7df}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:5px;border-radius:50%;background:var(--pink);transform:rotate(-2deg)}.hero-lead{margin:22px 0 25px;font-size:13px;line-height:1.8;font-weight:500}.hero-actions{display:flex;align-items:center;gap:18px}.pill{min-height:54px;padding:0 20px;border-radius:100px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translateY(-3px)}.pill-dark{color:var(--ink);background:linear-gradient(100deg,#fff,var(--cyan));box-shadow:0 10px 35px rgba(112,230,239,.2)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding:9px 0}.text-link span{margin-left:5px}.hero-sticker{position:absolute;z-index:2;right:-5px;top:88px;width:96px;height:96px;border-radius:50%;color:var(--ink);background:var(--yellow);display:grid;place-content:center;text-align:center;transform:rotate(9deg);box-shadow:0 8px 28px rgba(0,0,0,.18)}.hero-sticker span{font:900 37px/.8 Inter}.hero-sticker small{margin-top:6px;font:800 7px/1.25 Inter;letter-spacing:.1em}.hero-ticker{position:absolute;z-index:3;left:0;right:0;bottom:0;height:35px;overflow:hidden;color:var(--ink);background:var(--pink);font:800 9px/35px Inter;letter-spacing:.16em;white-space:nowrap}.hero-ticker div{width:max-content;animation:ticker 19s linear infinite}.about{background:var(--paper)}.about-title{position:relative}.about-title h2,.section-intro h2,.recording-copy h2,.app h2,.notes h2{margin:0;font-size:clamp(39px,11.5vw,73px);line-height:1.13;letter-spacing:-.065em}.bubble{display:inline-block;margin:0 0 22px 48%;padding:12px 17px;border:1px solid var(--ink);border-radius:22px 22px 22px 4px;background:white;font-size:11px;line-height:1.5;font-weight:700;transform:rotate(3deg)}.about-grid{margin-top:48px}.about-lead{font-size:21px;line-height:1.55;font-weight:800}.about-grid>div p{font-size:14px;line-height:2;color:#5f5961}.episode-meter{margin-top:64px;padding:26px 18px;background:#111017;color:white;border-radius:20px}.meter-head{display:flex;align-items:end;justify-content:space-between}.meter-head b{font:800 18px/1 Inter}.meter-head span{color:#88838c;font:700 7px/1 Inter;letter-spacing:.16em}.meter-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:22px 0}.meter-dots i{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#625d66;border:1px solid #3c3840;font:normal 7px/1 Inter}.meter-dots i.active{color:var(--ink);border:0;background:var(--pink)}.episode-meter>p{margin:18px 0 0;color:#a9a4ad;font-size:11px;line-height:1.7}.schedule{color:white;background:#111017}.schedule .section-tag{color:var(--cyan)}.section-intro>p{color:#99939e;line-height:1.8;font-size:13px}.pair-list{margin-top:46px}.pair-card{margin-bottom:18px;padding:8px;border-radius:24px;color:var(--ink);background:var(--accent);overflow:hidden}.pair-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px}.pair-visual figure{position:relative;margin:0;height:240px;border-radius:18px;overflow:hidden;background:white}.pair-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .5s}.pair-card:hover img{transform:scale(1.035)}.pair-visual figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:9px 4px;border-radius:10px;text-align:center;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);font-size:13px;font-weight:900}.pair-visual>b{position:absolute;z-index:2;left:50%;top:48%;width:39px;height:39px;margin:-20px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font:700 18px Inter}.pair-meta{padding:15px 10px 10px;display:flex;justify-content:space-between;align-items:end}.pair-meta time strong{font:900 29px/1 Inter}.pair-meta time span{display:block;margin-top:5px;font:700 8px/1 Inter;letter-spacing:.1em}.pair-meta>i{font:normal 700 10px/1 Inter}.more-episodes{min-height:170px;border:1px dashed #5e5963;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:left}.more-episodes b{font:900 52px/1 Inter;color:var(--pink)}.more-episodes p{font-size:13px;line-height:1.7;font-weight:700}.more-episodes span{font:700 7px/1 Inter;letter-spacing:.15em;color:#807a84}.photo-credit{margin:28px 0 0;color:#77717b;font-size:9px}.photo-credit a{text-decoration:underline}.watch{background:var(--paper)}.watch-card{padding:33px 25px;border-radius:28px;color:white;background:linear-gradient(145deg,#18141d,#2e223b);box-shadow:0 22px 60px rgba(49,28,62,.18)}.mini-tag{font:800 8px/1 Inter;letter-spacing:.16em}.mini-tag i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#ff4d79;box-shadow:0 0 0 5px rgba(255,77,121,.16)}.watch-copy h2{margin:35px 0 18px;font-size:42px;line-height:1.15;letter-spacing:-.06em}.watch-copy>p:last-child{color:#b7b0bb;font-size:13px;line-height:1.85}.watch-actions{margin-top:32px}.pill-light{width:100%;color:var(--ink);background:white}.youtube-soon{display:flex;justify-content:space-between;margin-top:18px;padding:15px 2px;border-top:1px solid #49414e;font:700 9px/1 Inter;letter-spacing:.1em}.youtube-soon b{color:var(--cyan)}.manual-url{margin-top:15px;border-bottom:1px solid var(--line)}.manual-url summary{padding:19px 3px;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.manual-url>div{padding:0 3px 22px}.manual-url p{font-size:11px;line-height:1.7}.copy-url{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:white;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.copy-url code{overflow:hidden;text-overflow:ellipsis;font-size:9px}.copy-url b{white-space:nowrap;font-size:10px}.recording{color:var(--ink);background:linear-gradient(160deg,#d7f8f4,#efe2ff 55%,#ffdcec)}.recording-art{position:relative;min-height:280px;margin-bottom:55px}.orbit{position:absolute;left:50%;top:50%;width:188px;height:188px;margin:-94px;border:1px solid rgba(16,16,21,.3);border-radius:50%;display:grid;place-items:center;text-align:center;font:900 22px/1.05 Inter;letter-spacing:-.04em;animation:float 3s ease-in-out infinite}.mic{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border-radius:50%;display:grid;place-items:center;color:var(--pink);background:var(--ink);font-size:13px}.speech{position:absolute;padding:12px 16px;border-radius:20px;background:white;box-shadow:0 8px 25px rgba(45,33,56,.1);font-size:11px;font-weight:800}.s1{right:0;top:14px;transform:rotate(5deg)}.s2{left:0;bottom:6px;transform:rotate(-5deg)}.recording-copy>p{font-size:14px;line-height:2;color:#59515d}.recording-copy .soft-note{padding:17px;border-left:3px solid var(--pink);background:rgba(255,255,255,.5);font-size:11px}.status-chip{display:inline-block;margin-top:13px;padding:10px 13px;border:1px solid;border-radius:30px;font:800 8px/1 Inter;letter-spacing:.15em}.app{background:var(--paper)}.app-intro>p{margin:27px 0 0;color:#68616c;font-size:13px;line-height:1.85}.store-buttons{display:grid;gap:12px;margin-top:40px}.store-button{min-height:105px;padding:12px 16px 12px 11px;display:grid;grid-template-columns:78px 1fr 22px;gap:13px;align-items:center;border:1px solid var(--line);border-radius:23px;background:white;box-shadow:0 9px 25px rgba(25,20,28,.06);transition:transform .2s,box-shadow .2s}.store-button:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(25,20,28,.12)}.store-button img{width:78px;height:78px;border-radius:16px;object-fit:cover}.store-button small{display:block;color:#88808b;font:700 7px/1 Inter;letter-spacing:.13em}.store-button b{display:block;margin-top:7px;font:800 20px/1 Inter}.store-button i{font-style:normal;font-size:18px}.notes{background:#eaf1ff}.notes h2{font-size:38px}.note-list{margin-top:45px;border-top:1px solid var(--line)}.note-list details{border-bottom:1px solid var(--line)}.note-list summary{padding:22px 0;display:grid;grid-template-columns:35px 1fr 15px;cursor:pointer;list-style:none;font-size:13px;font-weight:800}.note-list summary b{font:700 9px/1.6 Inter}.note-list details p{margin:0;padding:0 0 22px 35px;color:#625c66;font-size:11px;line-height:1.85}.note-list details[open] summary span{transform:rotate(45deg)}.credits{text-align:center;background:white}.credits-kicker{font:800 9px/1 Inter;letter-spacing:.2em}.credit-grid{margin-top:35px;display:grid;gap:35px}.credit-grid>div{display:flex;flex-direction:column;align-items:center;min-height:120px}.credit-grid small{color:#78717b;font-size:10px}.credit-grid img{width:150px;height:55px;margin:14px 0 8px;object-fit:contain}.credit-grid b{font-size:10px}footer{padding:45px 20px 95px;color:#9a959d;background:#111017;display:flex;align-items:end;justify-content:space-between}footer>p{margin:0;text-align:right;font:600 7px/1.8 Inter;letter-spacing:.08em}.navigator-button{position:fixed;z-index:40;right:15px;bottom:15px;padding:10px 15px 10px 9px;border:1px solid #3d3941;border-radius:100px;color:white;background:#111017;box-shadow:0 9px 35px rgba(0,0,0,.25);font-size:10px;font-weight:900;cursor:pointer}.navigator-button span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:6px;border-radius:50%;color:var(--ink);background:var(--cyan)}.navigator{position:fixed;z-index:50;right:12px;left:12px;bottom:12px;padding:28px;border:1px solid #3b3540;border-radius:25px;color:white;background:rgba(17,16,23,.98);box-shadow:0 25px 70px rgba(0,0,0,.38);transform:translateY(120%);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}.navigator.open{transform:none;opacity:1}.navigator-close{position:absolute;right:17px;top:13px;border:0;color:white;background:none;font-size:26px}.navigator-label{color:var(--cyan);font:700 8px/1 Inter;letter-spacing:.17em}.navigator-body h2{margin:25px 0 10px;font-size:27px;line-height:1.35}.navigator-body>p{color:#aaa4ae;font-size:12px}.navigator-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.navigator-options button{padding:15px 7px;border:1px solid #48414c;border-radius:13px;color:white;background:#26212b;font-size:11px;font-weight:700}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes heroIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-8px)}}
@media(min-width:700px){.section{padding:120px 7vw}.site-header{height:86px;padding:0 4vw}.wordmark{font-size:20px}.site-header nav{display:flex;gap:30px;margin-left:auto;margin-right:45px;font:700 9px/1 Inter;letter-spacing:.14em}.header-watch{font-size:12px}.hero-copy{left:8vw;right:auto;bottom:16vh;max-width:680px}.hero h1{font-size:clamp(72px,7vw,110px)}.hero-lead{font-size:16px}.hero-sticker{right:6vw;top:15vh;width:135px;height:135px}.hero-sticker span{font-size:50px}.hero-photo img{object-position:60% center}.about-title h2,.section-intro h2,.recording-copy h2,.app h2,.notes h2{font-size:clamp(52px,5vw,80px)}.bubble{margin-left:58%;font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-lead{font-size:30px}.episode-meter{padding:40px;border-radius:30px}.meter-dots{grid-template-columns:repeat(15,1fr)}.section-intro,.app-intro{display:flex;justify-content:space-between;align-items:end}.section-intro>p,.app-intro>p{width:300px}.pair-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pair-card{margin:0}.pair-visual figure{height:420px}.pair-visual figcaption{font-size:18px}.pair-meta{padding:20px 15px 14px}.pair-meta time strong{font-size:40px}.more-episodes{min-height:230px}.watch-card{padding:60px;display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.watch-copy h2{font-size:62px}.pill-light{width:auto;min-width:250px}.recording{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.recording-art{margin:0;min-height:420px}.orbit{width:280px;height:280px;margin:-140px;font-size:32px}.app-intro>p{margin:0}.store-buttons{grid-template-columns:1fr 1fr;gap:18px}.store-button{min-height:130px;grid-template-columns:94px 1fr 25px;padding:16px;border-radius:30px}.store-button img{width:94px;height:94px;border-radius:21px}.store-button b{font-size:25px}.notes h2{font-size:60px}.note-list summary{grid-template-columns:50px 1fr 20px;font-size:17px}.note-list details p{padding-left:50px;max-width:800px;font-size:13px}.credit-grid{grid-template-columns:repeat(3,1fr);gap:0}.credit-grid>div+div{border-left:1px solid var(--line)}footer{padding:55px 5vw}.navigator{left:auto;right:20px;bottom:20px;width:380px}}
@media(min-width:1100px){.pair-list{grid-template-columns:repeat(5,1fr);gap:12px}.pair-visual figure{height:300px}.pair-visual figcaption{font-size:13px}.pair-meta time strong{font-size:27px}.more-episodes{grid-column:1/-1;min-height:160px}.section-intro{margin-bottom:70px}.pair-list{margin-top:0}.watch{padding-left:10vw;padding-right:10vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v3: full-cast hero + mobile-first refinements */
*{min-width:0}
img{display:block}
.site-header{height:62px;justify-content:flex-end;color:white;background:linear-gradient(180deg,rgba(9,8,13,.5),transparent);backdrop-filter:none}
.wordmark span{color:#148d9a}
.hero{height:auto;min-height:0;padding-top:0;color:var(--ink);background:linear-gradient(145deg,#fff8fc,#e9fbff 58%,#f1e9ff)}
.event-title{position:absolute;z-index:3;left:50%;top:4%;width:min(64%,440px);height:auto;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 5px 8px rgba(255,255,255,.45))}
.event-title img{position:static;width:100%;max-width:none;transform:none;mix-blend-mode:normal}
.hero-photo{position:relative;inset:auto;width:100%;background:#dcefff}
.hero-photo img{width:100%;height:auto;object-fit:contain;object-position:center}
.hero-bottom{padding:23px 20px 66px;color:white;background:#16131a}
.hero-bottom .eyebrow{margin-bottom:12px}
.hero-lead{margin:0;font-size:13px;line-height:1.8;font-weight:600}
.hero-actions{margin-top:20px;gap:16px}
.hero-bottom .text-link{color:white;font-size:10px}
.hero-sticker,.hero-wash,.hero-copy{display:none}
.hero-ticker{position:absolute}
.photo-credit{display:none}
.vr-experience{position:relative;margin-top:65px;padding:28px 22px;border-radius:28px;overflow:hidden;color:white;background:radial-gradient(circle at 20% 18%,#433465,#17141f 48%,#0f0e14);box-shadow:0 24px 60px rgba(27,19,38,.17)}
.vr-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 42%,rgba(112,230,239,.06) 43%,transparent 44%);background-size:22px 22px}
.vr-icon{position:relative;min-height:225px;display:grid;place-items:center}
.vr-icon img{position:relative;z-index:2;width:180px;filter:invert(1);opacity:.95}
.scan-ring{position:absolute;width:210px;height:210px;border:1px solid rgba(112,230,239,.5);border-radius:50%;box-shadow:0 0 0 17px rgba(112,230,239,.05),0 0 55px rgba(112,230,239,.28);animation:scanPulse 2.8s ease-in-out infinite}
.vr-copy{position:relative;z-index:2}.vr-label{margin:0 0 22px;color:var(--cyan);font:800 8px/1 Inter;letter-spacing:.18em}.vr-copy h3{margin:0;font-size:30px;line-height:1.35;letter-spacing:-.05em}.vr-copy h3 em{font-style:normal;color:#ff9dcd}.vr-copy>p:last-child{margin:22px 0 0;color:#b7b1bd;font-size:12px;line-height:1.9}
@keyframes scanPulse{50%{transform:scale(1.08);opacity:.45}}
.recording{background:linear-gradient(155deg,#dffcff,#eee5ff 52%,#ffdceb)}
.future-visual{position:relative;min-height:330px;margin-bottom:58px;overflow:hidden;border:1px solid rgba(16,16,21,.12);border-radius:28px;background:radial-gradient(circle at 50% 78%,rgba(255,255,255,.95),transparent 21%),linear-gradient(180deg,#b5edff 0%,#d7c7ff 48%,#ffb9d9 100%);box-shadow:0 24px 70px rgba(79,51,112,.14)}
.future-sky{position:absolute;inset:0;perspective:300px}
.future-sky:before,.future-sky:after{content:"";position:absolute;left:50%;top:48%;border:1px solid rgba(255,255,255,.65);border-radius:50%;transform:translate(-50%,-50%)}
.future-sky:before{width:260px;height:260px;box-shadow:0 0 40px rgba(255,255,255,.7),inset 0 0 40px rgba(255,255,255,.45)}
.future-sky:after{width:190px;height:190px;animation:pulseRing 2.8s ease-in-out infinite}
.future-sky i{position:absolute;left:50%;bottom:-70px;width:1px;height:220px;background:linear-gradient(transparent,rgba(255,255,255,.9));transform-origin:bottom}
.future-sky i:nth-child(1){transform:rotate(55deg)}.future-sky i:nth-child(2){transform:rotate(25deg)}.future-sky i:nth-child(3){transform:rotate(-25deg)}.future-sky i:nth-child(4){transform:rotate(-55deg)}
.future-gate{position:absolute;z-index:2;left:50%;top:48%;width:168px;height:168px;transform:translate(-50%,-50%);border:1px solid rgba(16,16,21,.55);border-radius:50%;display:grid;place-content:center;text-align:center;color:white;background:rgba(20,15,31,.82);box-shadow:0 0 0 12px rgba(255,255,255,.16),0 0 55px rgba(255,255,255,.7)}
.future-gate span{font:900 20px/.95 Inter;letter-spacing:-.04em}.future-gate b{margin-top:12px;color:var(--cyan);font:700 8px/1.35 Inter;letter-spacing:.16em}
.future-visual>p{position:absolute;z-index:2;left:0;right:0;bottom:19px;margin:0;text-align:center;font:800 8px/1 Inter;letter-spacing:.17em}.future-visual>p span{padding:0 12px}
.future-lead{margin:30px 0 7px!important;color:var(--ink)!important;font-size:20px!important;line-height:1.5!important;font-weight:900}
@keyframes pulseRing{50%{width:225px;height:225px;opacity:.35}}

@media(max-width:699px){
  .site-header{display:none}
  .section{padding-left:18px;padding-right:18px}
  .event-title{top:2.5%;width:58%;height:auto}
  .hero-photo img{aspect-ratio:auto}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .pill{width:100%}
  .hero-actions .text-link{margin:0 auto}
  .about-title h2,.section-intro h2,.recording-copy h2,.app h2,.notes h2{font-size:clamp(35px,10.7vw,48px);overflow-wrap:anywhere}
  .pair-list{width:100%}
  .pair-card{width:100%;margin-left:0;margin-right:0}
  .pair-visual figure{min-width:0;height:58vw;max-height:275px}
  .pair-visual figcaption{font-size:12px}
  .pair-meta time strong{font-size:27px}
  .watch-card{width:100%;padding:30px 20px}
  .watch-copy h2{font-size:38px}
  .store-button{width:100%;grid-template-columns:72px 1fr 18px}
  .store-button img{width:72px;height:72px}
  .credit-grid img{max-width:145px}
  .navigator{max-height:calc(100dvh - 24px);overflow:auto}
}

@media(min-width:700px){
  .site-header{height:78px;padding:0 4vw}
  .hero{padding-top:0}
  .event-title{top:3.5%;width:min(46%,610px);height:auto}
  .event-title img{width:100%;max-width:none}
  .hero-photo{overflow:hidden}
  .hero-photo img{width:100%;height:auto}
  .hero-bottom{padding:30px 7vw 70px;display:flex;align-items:center;justify-content:space-between}
  .hero-actions{margin-top:0}
  .future-visual{min-height:490px;margin:0}
  .future-gate{width:235px;height:235px}
  .future-gate span{font-size:29px}
  .future-sky:before{width:380px;height:380px}.future-sky:after{width:285px;height:285px}
  .vr-experience{padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.vr-icon{min-height:330px}.vr-icon img{width:240px}.scan-ring{width:310px;height:310px}.vr-copy h3{font-size:44px}.vr-copy>p:last-child{font-size:14px}
}

@media(min-width:1200px){
  .event-title{top:3%;width:min(40%,620px);height:auto}
  .event-title img{width:100%}
  .hero-photo img{height:auto;object-fit:contain;object-position:center}
}

/* v4: warmer hero copy, pre-stream, and headset-free viewing */
.hero-bottom{align-items:center}
.hero-bottom>div:first-child{max-width:620px}
.hero-lead{font-family:"Zen Kurenaido","Noto Sans JP",sans-serif;font-size:clamp(26px,7.4vw,38px);line-height:1.28;font-weight:400;letter-spacing:.02em}
.hero-lead-accent{position:relative;display:inline-block;color:#ffd3ea}
.hero-lead-accent:after{content:"";position:absolute;left:0;right:-5px;bottom:-2px;height:6px;border-radius:50%;background:var(--pink);opacity:.7;transform:rotate(-1deg)}
.hero-sub{margin:15px 0 0;color:#a9a3ad;font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.06em}
.pre-card{position:relative;box-shadow:0 0 0 2px var(--cyan),0 15px 45px rgba(112,230,239,.18)}
.pre-card{overflow:visible}
.pre-badge{position:absolute;z-index:5;left:50%;top:-15px;width:max-content;margin:0;padding:9px 14px;border:2px solid var(--cyan);border-radius:100px;color:white;background:#111017;box-shadow:0 8px 22px rgba(0,0,0,.28);text-align:center;font:800 8px/1 Inter;letter-spacing:.16em;transform:translateX(-50%) rotate(-1deg)}
.pre-card .pair-visual{overflow:hidden;border-radius:18px}
.watch-copy h2 span{white-space:nowrap}
.watch-copy h2{font-size:clamp(34px,9.5vw,46px)}

/* cinematic hero motion */
.hero-photo{--mx:50%;--my:38%;--shift-x:0px;--shift-y:0px;isolation:isolate;overflow:hidden}
.hero-photo>img{position:relative;z-index:0;transform:scale(1.025) translate3d(var(--shift-x),var(--shift-y),0);animation:heroSoftFade 1.8s ease-out both;transition:transform 1.15s cubic-bezier(.2,.7,.2,1),filter 1s ease;will-change:transform}
.hero-photo:before{content:"";position:absolute;z-index:2;inset:-15%;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.28),transparent 17%),radial-gradient(ellipse at 15% 78%,rgba(237,203,255,.28),transparent 36%),radial-gradient(ellipse at 86% 18%,rgba(191,241,255,.22),transparent 32%);mix-blend-mode:screen;opacity:.68;animation:mistBreath 8s ease-in-out infinite alternate}
.hero-photo:after{content:"";position:absolute;z-index:1;left:-25%;right:-25%;bottom:-18%;height:48%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.66),rgba(227,217,255,.16) 45%,transparent 70%);filter:blur(28px);animation:smokeDrift 10s ease-in-out infinite alternate}
.event-title{transition:filter 1.2s ease;will-change:filter}
.hero-photo.is-interacting .event-title{filter:drop-shadow(0 7px 12px rgba(255,255,255,.68))}
@keyframes heroSoftFade{from{opacity:0;filter:saturate(.72) brightness(1.1)}to{opacity:1;filter:saturate(1) brightness(1)}}
@keyframes mistBreath{from{opacity:.44;transform:translate3d(-1.5%,1%,0) scale(1)}to{opacity:.75;transform:translate3d(1.5%,-1%,0) scale(1.06)}}
@keyframes smokeDrift{from{transform:translateX(-3%) scaleX(.96);opacity:.4}to{transform:translateX(4%) scaleX(1.07);opacity:.7}}
.flat-view{position:relative;overflow:hidden;color:white;background:#111017}
.flat-view:before{content:"";position:absolute;width:460px;height:460px;left:-210px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(189,156,255,.3),transparent 67%)}
.flat-device{position:relative;min-height:360px;margin-bottom:55px;display:grid;place-items:center}
.phone{position:relative;width:190px;height:350px;padding:10px;border:1px solid #77717d;border-radius:36px;background:#24202b;box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 0 12px rgba(255,255,255,.03);transform:rotate(7deg)}
.phone:before{content:"";position:absolute;z-index:3;left:50%;top:16px;width:56px;height:16px;border-radius:12px;background:#17141c;transform:translateX(-50%)}
.phone-screen{position:relative;height:100%;border-radius:27px;overflow:hidden;display:flex;align-items:center;justify-content:space-around;color:white;background:linear-gradient(155deg,#ff87bd,#aa96ff 48%,#6ee7ef)}
.phone-screen:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 32px,rgba(255,255,255,.16) 33px 34px)}
.phone-screen b{position:relative;font:900 37px/1 Inter;letter-spacing:-.06em}.phone-screen span{position:relative;font-size:24px;animation:sideHint 1.8s ease-in-out infinite}.phone-screen span:last-of-type{animation-delay:.9s}.phone-screen i{position:absolute;left:50%;bottom:25px;width:38px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);transform:translateX(-50%)}
.flat-device>p{position:absolute;right:0;bottom:5px;margin:0;color:var(--cyan);font:800 8px/1 Inter;letter-spacing:.18em}
.flat-copy{position:relative}.flat-copy .section-tag{color:var(--cyan)}.flat-copy h2{margin:0;font-size:clamp(37px,10.5vw,70px);line-height:1.14;letter-spacing:-.06em}.flat-copy>p{color:#aaa4ae;font-size:13px;line-height:1.95}.flat-copy .flat-lead{margin-top:30px;color:white;font-size:18px;font-weight:800}.flat-copy .flat-note{padding:16px;border-left:3px solid var(--pink);background:rgba(255,255,255,.05);font-size:11px}
@keyframes sideHint{50%{transform:translateX(-7px);opacity:.55}}

@media(min-width:700px){
  .hero-lead{font-size:clamp(32px,3.4vw,49px)}
  .hero-sub{font-size:12px}
  .flat-view{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}
  .flat-device{min-height:520px;margin:0}.phone{width:250px;height:470px;border-radius:45px}.phone-screen{border-radius:35px}.phone-screen b{font-size:50px}
  .flat-copy .flat-lead{font-size:22px}
  .watch-copy h2{font-size:clamp(43px,4.7vw,58px)}
}

@media(min-width:1100px){
  .pair-list{grid-template-columns:repeat(3,1fr)}
  .pair-visual figure{height:380px}
  .more-episodes{grid-column:1/-1}
}

/* v5: dual-fisheye feature + responsive title + finished footer */
.lens-stage{isolation:isolate}
.lens-stage:before{content:"";position:absolute;z-index:0;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffd2ea 0%,rgba(189,156,255,.42) 35%,rgba(112,230,239,.1) 63%,transparent 72%);filter:blur(3px);animation:lensAura 5s ease-in-out infinite alternate}
.vr-icon.lens-stage img{z-index:3;width:min(100%,350px);filter:none;opacity:1;transform:rotate(-2deg);filter:drop-shadow(0 24px 25px rgba(0,0,0,.42));animation:lensFloat 4.5s ease-in-out infinite}
.lens-stage .scan-ring{z-index:1;width:245px;height:245px;border-color:rgba(255,197,228,.5);box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 65px rgba(189,156,255,.34)}
.lens-orbit{position:absolute;z-index:4;padding:7px 10px;border:1px solid rgba(255,255,255,.26);border-radius:100px;color:#e5dfea;background:rgba(18,14,24,.58);backdrop-filter:blur(8px);font:700 6px/1 Inter;letter-spacing:.16em}.lens-orbit.o1{left:4px;top:33%}.lens-orbit.o2{right:0;bottom:25%}
@keyframes lensFloat{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes lensAura{to{transform:scale(1.12);opacity:.65}}

.watch-copy h2{font-size:clamp(28px,7.8vw,40px);line-height:1.16}
.watch-copy h2 span{display:inline-block;white-space:nowrap}

.site-footer{position:relative;padding:44px 20px 100px;display:grid;gap:45px;align-items:end;overflow:hidden;color:#aaa4ae;background:linear-gradient(145deg,#111017,#211929)}
.site-footer:before{content:"";position:absolute;right:-120px;bottom:-180px;width:420px;height:420px;border:1px solid rgba(112,230,239,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(189,156,255,.025),0 0 0 90px rgba(255,110,181,.018)}
.footer-title{position:relative;z-index:2;width:min(210px,62vw)}
.footer-title img{width:100%;filter:drop-shadow(0 5px 12px rgba(255,255,255,.1))}
.footer-info{position:relative;z-index:2;border-top:1px solid #403a46;padding-top:22px}
.footer-info p{margin:0 0 10px;display:flex;justify-content:space-between;gap:15px;text-align:right;font-size:9px;line-height:1.5}.footer-info p span{color:#706a74;text-align:left;font:700 6px/1.6 Inter;letter-spacing:.13em}
.footer-info small{display:block;margin-top:28px;color:#625d66;font:600 7px/1 Inter;letter-spacing:.08em}

@media(min-width:700px){
  .vr-icon.lens-stage img{width:min(100%,430px)}
  .lens-stage:before{width:390px;height:390px}.lens-stage .scan-ring{width:350px;height:350px}
  .lens-orbit{font-size:7px;padding:8px 12px}.lens-orbit.o1{left:1%;top:27%}.lens-orbit.o2{right:0;bottom:22%}
  .watch-copy h2{font-size:clamp(38px,4.3vw,52px)}
  .site-footer{padding:65px 5vw;grid-template-columns:1fr minmax(350px,520px);gap:8vw}.footer-title{width:min(250px,25vw)}
}

@media(min-width:700px) and (max-width:899px){
  .watch-card{grid-template-columns:1fr;gap:35px}
  .watch-copy h2{font-size:44px}
}

@media(min-width:900px){.watch-copy h2{font-size:clamp(40px,4vw,54px)}}

/* v6: Japanese-first labels and a lighter, floating speech bubble */
.bubble{position:relative;display:table;margin:0 4% 36px auto;padding:21px 28px 23px;border:1px solid rgba(16,16,21,.72);border-radius:34px 34px 34px 9px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(94,72,111,.13),0 3px 0 rgba(255,255,255,.8) inset;font-family:"Zen Kurenaido","Noto Sans JP",sans-serif;font-size:clamp(20px,5.8vw,31px);line-height:1.35;font-weight:400;letter-spacing:.04em;transform:rotate(2deg);animation:bubbleFloat 4.8s ease-in-out infinite;backdrop-filter:blur(8px)}
.bubble:after{content:"";position:absolute;left:18px;bottom:-14px;width:24px;height:24px;border-left:1px solid rgba(16,16,21,.72);border-bottom:1px solid rgba(16,16,21,.72);border-radius:0 0 0 7px;background:linear-gradient(45deg,rgba(255,255,255,.92) 52%,transparent 53%);transform:skewY(-25deg) rotate(-8deg)}
.watch-copy h2{margin-top:0}
.youtube-soon{font-family:"Noto Sans JP",sans-serif;letter-spacing:0}
.status-chip{font-family:"Noto Sans JP",sans-serif;letter-spacing:.04em}
@keyframes bubbleFloat{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-11px) rotate(-1deg)}}
@media(min-width:700px){.bubble{margin:0 8% 48px auto;padding:27px 38px 29px;font-size:clamp(25px,2.7vw,35px)}}
@media(prefers-reduced-motion:reduce){.bubble{animation:none}}

/* v7: lingering hero interaction and a calmer app-download path */
.hero-photo .hero-particles{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.92}
.hero-bottom{position:relative;min-height:300px;padding-top:54px;padding-bottom:102px}
.hero-bottom:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.hero-bottom .pill-dark{min-width:190px;background:linear-gradient(105deg,#fff 5%,#f9d9ed 52%,#bdeff2);box-shadow:0 15px 45px rgba(255,110,181,.16)}
.watch-card{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(255,126,190,.22),transparent 32%),radial-gradient(circle at 5% 90%,rgba(112,230,239,.14),transparent 34%),linear-gradient(145deg,#18141d,#2e223b)}
.watch-card:before{content:"";position:absolute;right:-90px;top:-100px;width:290px;height:290px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 80px rgba(255,110,181,.12);pointer-events:none}
.watch-copy,.watch-actions{position:relative;z-index:1}
.watch-copy .app-required{margin:25px 0 10px;color:white;font-size:16px;line-height:1.7;font-weight:800}
.watch-copy .app-required+p{margin-top:0}
.watch-store-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}
.watch-store-buttons a{position:relative;aspect-ratio:1.55;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:white;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease}
.watch-store-buttons a:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 14px 32px rgba(0,0,0,.26)}
.watch-store-buttons img{width:100%;height:100%;object-fit:cover}
.youtube-soon{display:block;line-height:1.5}
@media(min-width:700px){.hero-bottom{min-height:340px;padding-top:72px;padding-bottom:112px}.hero-bottom>div:first-child{max-width:720px}.watch-copy .app-required{font-size:19px}.watch-store-buttons{gap:12px}.watch-store-buttons a{border-radius:18px}}
@media(min-width:1100px){.hero-bottom{min-height:370px;padding-top:82px;padding-bottom:128px}.hero-bottom .hero-actions{align-self:center}}
@media(prefers-reduced-motion:reduce){.hero-photo .hero-particles{display:none}}

/* v8: portrait mobile campaign hero */
.hero-art{position:relative;z-index:0;display:block;width:100%}
.hero-art>img{display:block;width:100%;height:auto;transform:translate3d(var(--shift-x),var(--shift-y),0);animation:heroSoftFade 1.8s ease-out both;transition:transform 1.15s cubic-bezier(.2,.7,.2,1),filter 1s ease;will-change:transform}
.hero-cast-overlay{position:absolute!important;z-index:1!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:translate3d(var(--shift-x),var(--shift-y),0)!important;pointer-events:none;animation:heroSoftFade 1.8s ease-out both;will-change:transform}
@media(max-width:699px){
  .hero-photo{aspect-ratio:135/113;margin:0 0 -1px;background:#dcefff;box-shadow:none}
  .hero-art{position:absolute;inset:0;width:100%;height:100%}
  .hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;-webkit-mask-image:none;mask-image:none;filter:none}
  .hero-cast-overlay{display:none!important}
  .hero-photo:before{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.2),transparent 15%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 68%);mix-blend-mode:screen;opacity:.55}
  .hero-photo:after{bottom:-7%;height:25%;opacity:.3}
  .event-title{top:8%;width:66%;filter:drop-shadow(0 4px 10px rgba(255,255,255,.78))}
  .hero-bottom{min-height:0;margin:0;padding:62px 18px 80px;text-align:center;background:radial-gradient(circle at 82% 5%,rgba(255,126,190,.08),transparent 30%),radial-gradient(circle at 8% 88%,rgba(112,230,239,.06),transparent 30%),#16131a}
  .hero-bottom:before{left:22px;right:22px;background:linear-gradient(90deg,transparent,rgba(255,211,234,.45),rgba(112,230,239,.35),transparent)}
  .hero-bottom>div:first-child{width:100%;max-width:none}
  .hero-lead{font-size:clamp(23px,6.4vw,26px);line-height:1.42;letter-spacing:0}
  .hero-lead-line{display:inline-block;white-space:nowrap}
  .hero-sub{max-width:none;margin-top:18px;font-size:clamp(9px,2.65vw,11px);line-height:1.8;letter-spacing:.015em;white-space:nowrap}
  .hero-actions{justify-content:center;margin-top:34px}
  .hero-actions .pill{width:auto;min-width:210px;min-height:56px;padding:0 24px;gap:26px;justify-content:center;font-size:12px;box-shadow:0 14px 40px rgba(255,110,181,.2)}
  .flat-copy h2{font-size:clamp(23px,7.2vw,31px);line-height:1.42;letter-spacing:-.045em}
  .flat-copy h2 span{white-space:nowrap}
  .flat-copy .flat-lead{font-size:17px;line-height:1.65}
}

/* v10: clearer mobile schedule details */
.pair-meta{justify-content:flex-start}
.date-line{display:flex!important;align-items:center;gap:9px;margin:0!important}
.date-line b{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(16,16,21,.55);border-radius:50%;font-size:10px;line-height:1;font-weight:900}
.stream-time{display:block;margin-top:8px!important;font-family:"Noto Sans JP",sans-serif!important;font-size:12px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:.04em!important}
.pre-badge{top:-21px;padding:12px 21px;border:2px solid #72e7ef;font-family:"Noto Sans JP",sans-serif;font-size:12px;line-height:1;font-weight:900;letter-spacing:.08em;box-shadow:0 0 0 4px rgba(112,230,239,.12),0 10px 30px rgba(112,230,239,.26),0 0 22px rgba(255,110,181,.2)}
.pre-badge:before,.pre-badge:after{content:"✦";position:absolute;color:#fff6bd;text-shadow:0 0 9px #fff,0 0 15px #ffe27a;animation:badgeTwinkle 1.8s ease-in-out infinite}
.pre-badge:before{left:-18px;top:-8px;font-size:15px}.pre-badge:after{right:-14px;bottom:-9px;font-size:10px;animation-delay:.8s}
@keyframes badgeTwinkle{0%,100%{transform:scale(.65) rotate(0);opacity:.35}50%{transform:scale(1.18) rotate(18deg);opacity:1}}
@media(max-width:699px){.pair-meta time strong{font-size:31px}.stream-time{font-size:13px!important}.pre-card{margin-top:12px}}

/* v11: tactile depth, technology story, and warmer brand presence */
.scroll-progress{position:fixed;z-index:100;left:0;right:0;top:0;height:3px;pointer-events:none;background:rgba(255,255,255,.12)}
.scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--pink),var(--lav),var(--cyan));box-shadow:0 0 13px rgba(112,230,239,.6)}
.technology{position:relative;overflow:hidden;background:linear-gradient(155deg,#fffafc 0%,#edfaff 48%,#f3edff 100%)}
.technology:before{content:"";position:absolute;left:-170px;top:90px;width:360px;height:360px;border:1px solid rgba(189,156,255,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.18),0 0 0 84px rgba(112,230,239,.06)}
.technology-heading{position:relative;z-index:1;margin-bottom:48px}.technology-heading>p,.credits-intro>p{margin:0 0 18px;color:#746d78;font-size:12px;font-weight:800}.technology-heading h2,.credits-intro h2{margin:0;font-size:clamp(38px,10.4vw,72px);line-height:1.12;letter-spacing:-.065em}
.depth-playground{position:relative;z-index:1;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:30px;color:white;background:radial-gradient(circle at 50% 14%,rgba(189,156,255,.3),transparent 34%),linear-gradient(145deg,#17131d,#282035);box-shadow:0 28px 75px rgba(37,24,51,.2)}
.depth-visual{position:relative;height:285px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.1),transparent 33%),linear-gradient(110deg,rgba(255,110,181,.08),rgba(112,230,239,.08))}
.depth-visual:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 55%,transparent 0 42px,rgba(255,255,255,.07) 43px 44px)}
.depth-aura{position:absolute;left:50%;top:52%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,237,.36),rgba(112,230,239,.12) 46%,transparent 70%);transform:translate(-50%,-50%) scale(var(--depth-scale,1.06));filter:blur(5px);transition:transform .2s ease}
.depth-lens,.depth-headset{position:absolute;z-index:2;top:50%;object-fit:contain;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s}
.depth-lens{left:-4%;width:55%;transform:translateY(-50%) translateX(var(--shift,4px)) rotate(-6deg);filter:drop-shadow(0 22px 22px rgba(0,0,0,.45))}
.depth-headset{right:4%;width:39%;transform:translateY(-50%) translateX(var(--shift-back,-4px)) rotate(5deg);filter:drop-shadow(0 22px 25px rgba(0,0,0,.42))}
.depth-beam{position:absolute;z-index:1;left:38%;right:30%;top:50%;height:2px;background:linear-gradient(90deg,var(--pink),white,var(--cyan));box-shadow:0 0 15px var(--cyan),0 0 28px var(--pink);transform:scaleX(var(--beam-scale,.87));transition:transform .2s}.depth-beam i{position:absolute;width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 10px white}.depth-beam i:nth-child(1){left:14%;top:-3px}.depth-beam i:nth-child(2){left:54%;top:-3px}.depth-beam i:nth-child(3){right:2%;top:-3px}
.depth-control{padding:28px 2px 22px}.depth-control label{display:block;margin-bottom:18px;font-size:14px;font-weight:900}.depth-control input{width:100%;height:28px;margin:0;appearance:none;background:transparent;cursor:grab}.depth-control input:active{cursor:grabbing}.depth-control input::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--pink),var(--lav),var(--cyan))}.depth-control input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px;appearance:none;border:6px solid white;border-radius:50%;background:#1c1723;box-shadow:0 5px 18px rgba(0,0,0,.35),0 0 0 3px rgba(112,230,239,.2)}.depth-message{margin:10px 0 0;color:#bcb5c1;font-family:"Zen Kurenaido","Noto Sans JP",sans-serif;font-size:17px}
.technology-brands{display:grid;gap:10px}.tech-brand{--gx:50%;--gy:50%;padding:19px;display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.13),transparent 34%),rgba(255,255,255,.055);transition:transform .28s ease,border-color .28s}.tech-brand img{width:100%;height:58px;padding:9px;border-radius:12px;object-fit:contain;background:white}.tech-brand h3{margin:0 0 7px;font-size:17px}.tech-brand p{margin:0;color:#aaa4ae;font-size:11px;line-height:1.75}
.pair-card{--gx:50%;--gy:50%;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.42),transparent 34%),var(--accent);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.pill{--mag-x:0px;--mag-y:0px;transform:translate3d(var(--mag-x),var(--mag-y),0)}.pill:hover{transform:translate3d(var(--mag-x),calc(var(--mag-y) - 3px),0)}
.credits{position:relative;overflow:hidden;padding-top:100px}.credits:before{content:"";position:absolute;left:50%;top:36px;width:1px;height:40px;background:linear-gradient(var(--pink),var(--cyan))}.credits-intro{margin:0 auto 55px;text-align:left}.credit-grid>div{position:relative;padding:28px 16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,rgba(238,248,255,.7));box-shadow:0 16px 42px rgba(31,24,38,.07)}.credit-grid>div+div{border-left:1px solid var(--line)}.credit-grid>div p{margin:4px 0 0;color:#7b747e;font-size:11px}.credit-grid img{transition:transform .35s ease}.credit-grid>div:hover img{transform:scale(1.06)}
@media(hover:hover){.pair-card.visible:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-7px);box-shadow:0 22px 52px rgba(0,0,0,.22)}.tech-brand:hover{transform:translateY(-4px);border-color:rgba(112,230,239,.5)}}
@media(min-width:700px){.technology-heading{display:flex;align-items:end;justify-content:space-between}.technology-heading>p{width:230px;order:2}.depth-playground{padding:38px;border-radius:38px}.depth-visual{height:440px}.depth-lens{left:4%;width:48%}.depth-headset{right:8%;width:33%}.depth-control{max-width:720px;margin:0 auto;padding:35px 0}.technology-brands{grid-template-columns:1fr 1fr;gap:16px}.tech-brand{padding:24px;grid-template-columns:130px 1fr}.credits-intro{max-width:900px}.credit-grid>div{margin:0 9px;padding:35px 22px}}
@media(max-width:699px){.technology{padding-top:100px;padding-bottom:100px}.depth-playground{padding:15px}.depth-visual{height:245px}.depth-lens{left:-8%;width:58%}.depth-headset{right:1%;width:42%}.depth-control{padding:24px 5px 18px}.depth-control label{font-size:13px}.technology-brands{gap:9px}.tech-brand{grid-template-columns:88px 1fr;padding:15px;gap:13px}.tech-brand img{height:50px}.tech-brand h3{font-size:15px}.credits-intro h2{font-size:36px}.credit-grid{gap:15px}.credit-grid>div{min-height:0}.credit-grid>div p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.depth-lens,.depth-headset,.depth-aura,.pair-card,.tech-brand,.pill{transition:none!important}.pre-badge:before,.pre-badge:after{animation:none}}

/* v12: simple viewing guide and restored minimal credits */
.stream-time{font-size:15px!important;letter-spacing:.02em!important}
.viewing-guide{padding:30px 22px;border:1px solid var(--line);border-radius:30px;background:white;box-shadow:0 22px 65px rgba(37,28,45,.1)}
.guide-intro{margin-bottom:34px}.guide-intro>p:first-child{margin:0 0 13px;color:#766f79;font-size:12px;font-weight:800}.guide-intro h2{margin:0;font-size:clamp(37px,10vw,68px);line-height:1.1;letter-spacing:-.065em}.guide-intro>p:last-child{margin:20px 0 0;color:#68616c;font-size:13px;line-height:1.8}
.viewing-options{display:grid;gap:12px}.viewing-option{position:relative;min-height:220px;padding:24px;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#fff,#f4f8ff);transition:transform .28s ease,box-shadow .28s ease}.viewing-option:before{content:"";position:absolute;right:-55px;bottom:-70px;width:170px;height:170px;border:1px solid rgba(16,16,21,.08);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.35)}.viewing-option>span{position:relative;display:inline-block;padding:7px 10px;border-radius:100px;color:#5f5961;background:#ece8ef;font-size:9px;font-weight:900}.viewing-option h3{position:relative;margin:20px 0 10px;font-size:28px;line-height:1.15;letter-spacing:-.045em}.viewing-option strong{position:relative;display:block;font-size:15px;line-height:1.55}.viewing-option p{position:relative;margin:13px 0 0;color:#6f6872;font-size:12px;line-height:1.8}.viewing-option-vr{color:white;border-color:#44354f;background:radial-gradient(circle at 88% 12%,rgba(255,110,181,.28),transparent 35%),linear-gradient(145deg,#17131c,#30233b);box-shadow:0 16px 38px rgba(42,26,52,.2)}.viewing-option-vr>span{color:#18131d;background:linear-gradient(90deg,#ffd2e8,#bdf1f3)}.viewing-option-vr p{color:#bdb5c1}.viewing-option-vr:after{content:"◎";position:absolute;right:19px;top:18px;color:var(--cyan);font-size:23px;text-shadow:0 0 15px rgba(112,230,239,.65)}
.youtube-status{margin:16px 0 0;padding:15px 18px;border-radius:15px;color:#625b66;background:#f4f1f5;font-size:11px;line-height:1.6;font-weight:700}
.deovr-setup{margin-top:34px;padding:26px 22px;border-radius:25px;color:white;background:radial-gradient(circle at 88% 5%,rgba(112,230,239,.16),transparent 30%),linear-gradient(145deg,#18141d,#2e223b)}.deovr-copy>p:first-child{margin:0 0 14px;color:var(--cyan);font-size:11px;font-weight:900}.deovr-copy h3{margin:0;font-size:31px;line-height:1.2;letter-spacing:-.05em}.deovr-copy>p:last-child{margin:20px 0 0;color:#bbb4bf;font-size:12px;line-height:1.85}.deovr-setup .watch-actions{margin-top:27px}.deovr-setup .pill-light{width:100%}.watch-store-buttons img{object-fit:contain;background:white}
.live-day-notice{margin-bottom:18px;padding:16px;border:1px solid rgba(112,230,239,.25);border-radius:18px;background:rgba(9,8,13,.34)}.live-day-notice>span{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--cyan);font-size:9px;font-weight:900}.live-day-notice>span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(112,230,239,.9)}.future-live-button{min-height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:100px;color:#8f8993;background:linear-gradient(100deg,#ebe8ec,#dce9ea);font-size:12px;font-weight:900;filter:saturate(.35);opacity:.7}.future-live-button b{font-size:15px}.live-day-notice p{margin:12px 2px 0;color:#aaa3ae;font-size:10px;line-height:1.75}.meta-store-note>div>strong{display:block;margin-bottom:8px;font-size:12px}.manual-url[open] summary span{transform:rotate(45deg)}.manual-url summary span{transition:transform .2s}
.manual-url-status{display:inline-block;padding:10px 13px;border-radius:100px;color:#69616d;background:#ece8ef;font-size:9px;font-weight:800}
.navigator-back{margin:0;padding:0;border:0;color:var(--cyan);background:none;font-size:10px;font-weight:800;cursor:pointer}.navigator-body .navigator-kicker{margin:0 0 9px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.08em}.navigator-actions{display:grid;gap:9px;margin-top:22px}.navigator-primary,.navigator-secondary{min-height:48px;padding:0 15px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;font-weight:900;cursor:pointer}.navigator-primary{border:0;color:var(--ink);background:linear-gradient(100deg,#fff,#d5f5f7)}.navigator-secondary{border:1px solid #4b4550;color:#e8e4ea;background:#27222c}.navigator-actions button{width:100%}.navigator-body a{color:inherit}
.credits{padding-top:70px}.credits:before{display:none}.credit-grid{margin-top:0}.credit-grid>div{min-height:120px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.credit-grid>div+div{border-left:1px solid var(--line)}
@media(min-width:700px){.viewing-guide{padding:58px;border-radius:38px}.guide-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;margin-bottom:48px}.guide-intro>p:first-child{grid-column:1/-1}.guide-intro>p:last-child{margin:0}.viewing-options{grid-template-columns:repeat(3,1fr);gap:16px}.viewing-option{min-height:290px;padding:28px}.viewing-option h3{font-size:32px}.deovr-setup{padding:42px;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end}.deovr-setup .watch-actions{margin:0}.deovr-copy h3{font-size:42px}}
@media(max-width:699px){.viewing-guide{padding:28px 16px}.viewing-option{min-height:0;padding:22px}.viewing-option h3{font-size:26px}.youtube-status{text-align:center}.deovr-setup{padding:25px 18px}.deovr-copy h3{font-size:29px}.stream-time{font-size:15px!important}.credits{padding-top:58px;padding-bottom:65px}.credit-grid{gap:34px}.credit-grid>div{min-height:0}.credit-grid>div+div{border-left:0}.site-footer{padding:58px 24px 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;text-align:center}.site-footer .footer-title{align-self:center;width:min(280px,74vw);margin:0 auto}.site-footer .footer-title img{width:100%}.site-footer .footer-info{width:min(100%,340px);margin:0 auto;padding-top:28px;text-align:center}.site-footer .footer-info p{margin:0 0 19px;display:grid;justify-items:center;gap:5px;text-align:center}.site-footer .footer-info p span{display:block;margin:0;text-align:center}.site-footer .footer-info small{margin-top:31px;text-align:center}.live-day-notice{padding:14px}.manual-url summary{gap:18px;line-height:1.6}}
@media(hover:hover){.viewing-option:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(37,28,45,.13)}}

/* v13: an inviting hero bubble, legible navigator, and truly centered mobile footer */
.about-title .bubble{position:relative;isolation:isolate;width:min(590px,82vw);min-height:230px;margin:0 3vw 82px auto;padding:48px 64px 58px;display:flex;align-items:center;border:3px solid transparent;border-radius:46% 54% 48% 52% / 42% 46% 54% 58%;color:#17121b;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,247,253,.94) 48%,rgba(237,252,255,.96)) padding-box,linear-gradient(120deg,#ff9fcd,#c3a5ff 48%,#72e7ef) border-box;box-shadow:0 32px 90px rgba(98,65,117,.2),0 8px 28px rgba(255,110,181,.14),inset 0 0 45px rgba(255,255,255,.9);font-family:"Zen Kurenaido","Noto Sans JP",sans-serif;font-size:clamp(35px,4.2vw,61px);line-height:1.38;font-weight:500;letter-spacing:.035em;transform:rotate(-1.3deg);animation:bubbleFloatDeluxe 5.8s ease-in-out infinite}
.about-title .bubble:before{content:"";position:absolute;z-index:-2;inset:-26px;border-radius:inherit;background:radial-gradient(circle at 18% 25%,rgba(255,158,205,.44),transparent 32%),radial-gradient(circle at 82% 72%,rgba(112,230,239,.4),transparent 34%),radial-gradient(circle at 55% 8%,rgba(189,156,255,.25),transparent 33%);filter:blur(22px);opacity:.72}
.about-title .bubble:after{content:"";position:absolute;z-index:-1;left:14%;bottom:-27px;width:54px;height:48px;border-left:3px solid #d8a9ec;border-bottom:3px solid #d8a9ec;border-radius:0 0 0 22px;background:linear-gradient(145deg,#fff8fc 51%,transparent 52%);transform:skewX(-22deg) rotate(-7deg)}
.bubble>span{position:relative;z-index:2;text-shadow:0 2px 0 white}.bubble-spark{position:absolute;z-index:3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:white;background:linear-gradient(145deg,#ff89c2,#b998ff);box-shadow:0 8px 22px rgba(138,86,168,.26);font-style:normal;font-family:serif;font-size:21px;animation:sparkleDrift 3.6s ease-in-out infinite}.bubble-spark.spark-one{right:5%;top:-18px}.bubble-spark.spark-two{left:-15px;top:29%;width:30px;height:30px;color:#17121b;background:linear-gradient(145deg,#fff4a8,#fff);font-size:16px;animation-delay:-1.2s}.bubble-spark.spark-three{right:12%;bottom:-15px;width:25px;height:25px;background:var(--cyan);animation-delay:-2.1s}.bubble-next{position:absolute;z-index:4;right:8%;bottom:-42px;width:68px;height:68px;display:grid;place-items:center;border:5px solid var(--paper);border-radius:50%;color:white;background:#16131a;box-shadow:0 14px 32px rgba(26,19,32,.2);font:900 20px/1 Inter;animation:nextPulse 2.2s ease-in-out infinite}
@keyframes bubbleFloatDeluxe{0%,100%{transform:translateY(0) rotate(-1.3deg)}50%{transform:translateY(-13px) rotate(.8deg)}}
@keyframes sparkleDrift{0%,100%{transform:translateY(0) rotate(0);filter:brightness(1)}50%{transform:translateY(-9px) rotate(14deg);filter:brightness(1.16)}}
@keyframes nextPulse{50%{transform:translateY(6px);box-shadow:0 9px 25px rgba(26,19,32,.28),0 0 0 9px rgba(255,110,181,.09)}}
.navigator{overflow:hidden;background:rgba(16,14,21,.985)}.navigator-body{position:relative;z-index:2}.navigator-body>p{color:#c5bec8}.navigator-body .navigator-kicker{color:#72e7ef}.navigator-body .navigator-primary{color:#151219;background:linear-gradient(105deg,#fff 5%,#ffe5f2 52%,#c9f4f7);box-shadow:0 10px 28px rgba(112,230,239,.12)}.navigator-body .navigator-primary span{color:#151219}.navigator-body .navigator-secondary{color:#fff;background:#2b2531;border-color:#62596a}.navigator-body .navigator-secondary span{color:#fff}.navigator-body .navigator-options button{color:#fff;background:#2b2531;border-color:#62596a}.navigator-body .navigator-options button:hover,.navigator-body .navigator-secondary:hover{border-color:#72e7ef;background:#342b3b}
@media(max-width:899px){.site-footer{padding:58px 24px 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;text-align:center}.site-footer .footer-title{align-self:center;width:min(280px,74vw);margin:0 auto}.site-footer .footer-info{width:min(100%,340px);margin:0 auto;padding-top:28px;text-align:center}.site-footer .footer-info p{margin:0 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.site-footer .footer-info p span{display:block;margin:0;text-align:center}.site-footer .footer-info small{margin-top:32px;text-align:center}}
@media(max-width:699px){.about-title .bubble{width:calc(100% - 20px);min-height:190px;margin:0 auto 70px;padding:38px 31px 44px;border-width:2px;font-size:clamp(30px,9.2vw,43px);border-radius:45% 55% 46% 54% / 39% 44% 56% 61%}.bubble-next{right:8%;bottom:-35px;width:58px;height:58px}.bubble-spark.spark-one{right:7%}.navigator{padding:28px 25px 25px}.navigator-body h2{font-size:clamp(27px,7.8vw,38px)}.navigator-primary,.navigator-secondary{min-height:56px;padding:0 17px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-title .bubble,.bubble-spark,.bubble-next{animation:none}}

/* v14: quiet stationery, not a novelty speech bubble */
.about-title .bubble{position:relative;isolation:isolate;width:min(610px,43vw);min-height:0;margin:0 4vw 92px auto;padding:54px 72px 58px;display:block;overflow:visible;border:1px solid rgba(83,66,88,.16);border-radius:4px;color:#2b222d;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,250,252,.98));box-shadow:0 28px 70px rgba(67,48,75,.13),0 5px 16px rgba(67,48,75,.07);font-family:"Shippori Mincho","Noto Serif JP",serif;font-size:clamp(31px,2.5vw,46px);line-height:1.52;font-weight:600;letter-spacing:.045em;transform:rotate(-1.1deg);animation:letterFloat 6s ease-in-out infinite}
.about-title .bubble:before{content:"";position:absolute;z-index:-1;inset:-12px 13px 12px -13px;border:1px solid rgba(255,151,200,.2);border-radius:4px;background:linear-gradient(120deg,rgba(255,231,242,.65),rgba(230,248,250,.64));filter:none;opacity:1;transform:rotate(2deg)}
.about-title .bubble:after{content:"";position:absolute;z-index:0;right:0;bottom:0;width:68px;height:68px;border:0;border-radius:0;background:linear-gradient(135deg,rgba(235,226,237,.45) 0 49%,#f8eef5 50% 100%);box-shadow:-7px -7px 15px rgba(70,53,76,.05);transform:none}
.about-title .bubble small{display:block;margin:0 0 20px;color:#bd668f;font-family:"Noto Sans JP",sans-serif;font-size:11px;line-height:1;font-weight:700;letter-spacing:.14em}
.about-title .bubble>span{position:relative;z-index:2;display:block;white-space:nowrap;text-shadow:none}
.about-title .bubble>i{position:absolute;z-index:3;right:38px;top:35px;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(195,92,140,.25);border-radius:50%;color:#bf628e;background:#fff1f7;box-shadow:0 7px 18px rgba(175,94,132,.12);font:normal 22px/1 "Shippori Mincho",serif;transform:rotate(8deg)}
@keyframes letterFloat{0%,100%{transform:translateY(0) rotate(-1.1deg)}50%{transform:translateY(-7px) rotate(-.3deg)}}
.hero-lead{font-family:"Shippori Mincho","Noto Serif JP",serif;font-weight:600;letter-spacing:.025em}.hero-lead-accent{color:#f1bfd8}.hero-lead-accent:after{display:none}.hero-lead-line{color:#fff;letter-spacing:.045em}.hero-sub{margin-top:25px;color:#aaa2ae;font-size:13px;line-height:1.8;font-weight:600;letter-spacing:.02em}
@media(max-width:699px){.about-title .bubble{width:calc(100% - 8px);margin:0 auto 78px;padding:39px 32px 43px;font-size:clamp(27px,8vw,36px);line-height:1.5;letter-spacing:.025em}.about-title .bubble:before{inset:-8px 8px 8px -8px}.about-title .bubble:after{width:48px;height:48px}.about-title .bubble small{margin-bottom:15px;font-size:10px}.about-title .bubble>i{right:24px;top:25px;width:37px;height:37px;font-size:19px}.hero-lead{font-size:clamp(25px,6.8vw,29px);line-height:1.5;letter-spacing:.015em}.hero-lead-line{letter-spacing:.025em}.hero-sub{max-width:340px;margin:25px auto 0;font-size:12px;line-height:1.75}}
@media(min-width:700px){.hero-lead{font-size:clamp(38px,3.4vw,50px);line-height:1.48}.hero-sub{font-size:14px}}
@media(prefers-reduced-motion:reduce){.about-title .bubble{animation:none}}

/* v17: visual device choices and a clear live-day destination */
.method-art{position:relative;height:104px;margin:18px 0 8px;display:grid;place-items:center}.method-art:before{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,220,.38),rgba(189,156,255,.16) 48%,transparent 70%)}
.method-art-phone i{position:relative;width:54px;height:91px;padding:6px;display:grid;place-items:center;border:2px solid #302735;border-radius:13px;background:#fff;box-shadow:0 12px 24px rgba(62,42,72,.16);transform:rotate(5deg)}.method-art-phone i:before{content:"";position:absolute;top:5px;width:17px;height:3px;border-radius:5px;background:#302735}.method-art-phone b{width:100%;height:100%;display:grid;place-items:center;border-radius:8px;color:white;background:linear-gradient(150deg,#ff8fc2,#b89bff 50%,#72e7ef);font:900 12px/1 Inter}
.method-art-pc i{position:relative;width:112px;height:70px;padding:6px;display:grid;place-items:center;border:3px solid #302735;border-radius:8px;background:#fff;box-shadow:0 12px 24px rgba(62,42,72,.15);font-style:normal}.method-art-pc i:before{content:"";position:absolute;left:-12px;right:-12px;bottom:-10px;height:8px;border-radius:2px 2px 8px 8px;background:#302735}.method-art-pc b{width:100%;height:100%;display:grid;place-items:center;border-radius:3px;color:white;background:linear-gradient(145deg,#ff94c5,#b99cff 50%,#72e7ef);font:900 14px/1 Inter}
.method-art-vr i{position:relative;width:126px;height:68px;border:3px solid rgba(255,255,255,.9);border-radius:33px 33px 25px 25px;background:linear-gradient(145deg,#ff8fc2,#b49cff 52%,#72e7ef);box-shadow:0 15px 35px rgba(112,230,239,.15),inset 0 0 22px rgba(255,255,255,.3);transform:rotate(-3deg)}.method-art-vr i:before,.method-art-vr i:after{content:"";position:absolute;top:16px;width:32px;height:32px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#241b2d;box-shadow:inset 0 0 13px rgba(112,230,239,.6)}.method-art-vr i:before{left:20px}.method-art-vr i:after{right:20px}.method-art-vr b{position:absolute;width:175px;height:15px;border:3px solid rgba(255,255,255,.45);border-bottom:0;border-radius:50% 50% 0 0;transform:translateY(-5px)}
.viewing-option-vr h3,.viewing-option-vr strong{color:#fff}.viewing-option-vr p{color:#d4cdd7}.viewing-option-vr:after{display:none}
.live-day-standalone{margin:18px 0 0;padding:26px;border:1px solid rgba(255,110,181,.26);border-radius:24px;color:#211923;background:radial-gradient(circle at 93% 8%,rgba(112,230,239,.26),transparent 31%),linear-gradient(135deg,#fff8fc,#f5fbfc);box-shadow:0 18px 48px rgba(75,51,83,.1)}.live-day-standalone>span{margin-bottom:17px;color:#9e3e70;font-size:13px}.live-day-standalone>span:before{width:9px;height:9px;background:var(--pink);box-shadow:0 0 0 6px rgba(255,110,181,.12)}.live-day-standalone .future-live-button{min-height:66px;padding:0 24px;color:#19131c;background:linear-gradient(105deg,#fff,#ffe2f0 48%,#caf4f6);filter:none;opacity:1;font-size:15px;box-shadow:0 10px 28px rgba(255,110,181,.12)}.live-day-standalone p{max-width:680px;margin:16px 3px 0;color:#655c68;font-size:12px;line-height:1.8}
.device-stage{position:relative;width:min(100%,520px);height:480px}.device-stage .phone{position:absolute;z-index:2;left:7%;top:28px;width:180px;height:335px}.laptop{position:absolute;z-index:1;right:0;bottom:35px;width:330px;filter:drop-shadow(0 28px 38px rgba(0,0,0,.35));transform:rotate(-4deg)}.laptop-screen{height:205px;padding:12px;display:flex;align-items:center;justify-content:space-around;border:3px solid #77717d;border-radius:18px 18px 8px 8px;color:white;background:linear-gradient(155deg,#ff87bd,#aa96ff 48%,#6ee7ef)}.laptop-screen:before{content:"";position:absolute;inset:12px;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 32px,rgba(255,255,255,.16) 33px 34px)}.laptop-screen>*{position:relative}.laptop-screen b{font:900 38px/1 Inter}.laptop-screen span{font-size:23px;animation:sideHint 1.8s ease-in-out infinite}.laptop-base{width:370px;height:15px;margin-left:-20px;border-radius:2px 2px 16px 16px;background:#8b8690}.flat-copy h2{font-size:clamp(32px,4.8vw,58px);letter-spacing:-.045em}
@media(min-width:700px){.viewing-option{min-height:390px}.live-day-standalone{padding:34px}.flat-device{min-width:430px}.device-stage{transform:scale(.9)}}
@media(max-width:699px){.method-art{height:92px}.viewing-option{padding-top:21px}.viewing-option h3{margin-top:11px}.live-day-standalone{padding:21px 17px}.live-day-standalone>span{font-size:11px}.live-day-standalone .future-live-button{min-height:60px;padding:0 18px;font-size:12px}.device-stage{width:100%;height:390px}.device-stage .phone{left:2%;top:10px;width:135px;height:255px;border-radius:28px}.device-stage .phone .phone-screen{border-radius:20px}.device-stage .phone .phone-screen b{font-size:29px}.laptop{right:-5%;bottom:28px;width:260px}.laptop-screen{height:162px}.laptop-screen b{font-size:29px}.laptop-base{width:292px;margin-left:-16px}.flat-device{min-height:390px;margin-bottom:30px}.flat-copy h2{font-size:clamp(25px,7vw,29px);line-height:1.4}}
.laptop-screen{position:relative;overflow:hidden}

/* v18: make VR the unmistakable primary path */
.method-art-vr{height:132px;margin-top:26px}.method-art-vr:before{width:150px;height:150px;background:radial-gradient(circle,rgba(255,178,218,.38),rgba(112,230,239,.16) 48%,transparent 70%)}.method-art-vr img{position:relative;width:205px;height:110px;border-radius:50%;object-fit:cover;object-position:center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28));transform:rotate(-2deg)}
.viewing-option-vr{z-index:2;overflow:visible;border:2px solid rgba(112,230,239,.72);background:radial-gradient(circle at 82% 10%,rgba(255,110,181,.35),transparent 35%),radial-gradient(circle at 8% 88%,rgba(112,230,239,.18),transparent 34%),linear-gradient(145deg,#17131c,#352541);box-shadow:0 25px 65px rgba(42,26,52,.3),0 0 0 6px rgba(112,230,239,.07)}.viewing-option-vr>span{position:absolute;z-index:5;left:22px;top:-22px;padding:12px 24px;border:2px solid white;border-radius:7px;color:#221725;background:linear-gradient(105deg,#ffd1e7,#fff0a9 50%,#bff2f4);box-shadow:0 11px 28px rgba(255,110,181,.3);font-size:12px;letter-spacing:.04em;transform:rotate(-2deg)}.viewing-option-vr>span:before,.viewing-option-vr>span:after{content:"";position:absolute;z-index:-1;bottom:-9px;border-style:solid;border-width:9px 9px 0}.viewing-option-vr>span:before{left:5px;border-color:#d485ad transparent transparent}.viewing-option-vr>span:after{right:5px;border-color:#83c9ce transparent transparent}.viewing-option-vr h3{font-size:36px;color:#fff;text-shadow:0 3px 18px rgba(112,230,239,.18)}
.deovr-setup{margin-top:82px;min-height:470px;padding:58px 46px;border-radius:34px;align-items:center}.deovr-copy>p:first-child{margin-bottom:22px;font-size:13px}.deovr-copy h3{font-size:clamp(40px,4.2vw,58px);line-height:1.18}.deovr-copy>p:last-child{max-width:610px;margin-top:30px;font-size:14px;line-height:2}.deovr-setup .watch-actions{margin-top:42px}.watch-store-buttons{gap:14px}
.live-day-standalone{margin-top:26px;padding:34px}.live-day-standalone .future-live-button{position:relative;min-height:76px;padding:0 22px 0 28px;cursor:not-allowed;color:#5e5961;background:linear-gradient(105deg,#ebe9ec,#d8d7da 52%,#c8ccce);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(49,41,53,.08);filter:grayscale(1);opacity:1}.live-day-standalone .future-live-button:after{content:"";position:absolute;inset:0;border:1px solid rgba(33,27,36,.12);border-radius:inherit;box-shadow:inset 0 0 0 5px rgba(255,255,255,.25);pointer-events:none}.future-live-button span{font-size:15px;font-weight:900}.future-live-button em{padding:8px 11px;border:1px solid rgba(42,35,46,.18);border-radius:100px;color:#716b74;background:rgba(255,255,255,.48);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.08em}
@media(min-width:700px){.viewing-options{grid-template-columns:1.14fr .93fr .93fr;align-items:center;gap:20px}.viewing-option-vr{min-height:430px;padding:38px 32px;transform:scale(1.045)}.viewing-option:not(.viewing-option-vr){min-height:370px}.deovr-setup{grid-template-columns:1.08fr .92fr;gap:9vw;padding:72px 64px}.deovr-setup .watch-actions{margin:0}}
@media(max-width:699px){.viewing-option-vr{margin:14px 4px 17px;padding:31px 23px 26px}.viewing-option-vr>span{left:18px;top:-17px;padding:10px 18px;font-size:10px}.method-art-vr{height:116px;margin-top:22px}.method-art-vr img{width:180px;height:96px}.viewing-option-vr h3{font-size:31px}.deovr-setup{margin-top:65px;min-height:0;padding:46px 24px 40px}.deovr-copy>p:first-child{font-size:12px}.deovr-copy h3{font-size:34px}.deovr-copy>p:last-child{margin-top:25px;font-size:13px}.deovr-setup .watch-actions{margin-top:35px}.live-day-standalone{padding:25px 18px}.live-day-standalone .future-live-button{min-height:70px;padding:0 14px 0 18px}.future-live-button span{font-size:12px}.future-live-button em{padding:7px 9px;font-size:9px}}

/* v19: premium VR emphasis without the retail-promo look */
.method-art-vr{isolation:isolate;overflow:visible}.method-art-vr:before{z-index:-1;width:205px;height:128px;border-radius:50%;background:radial-gradient(ellipse,rgba(112,230,239,.42) 0%,rgba(189,156,255,.28) 38%,rgba(255,110,181,.12) 58%,transparent 74%);filter:blur(13px);box-shadow:none}.method-art-vr img{width:224px;height:124px;border-radius:0;object-fit:cover;mix-blend-mode:multiply;filter:brightness(2.15) contrast(1.08) saturate(1.35) drop-shadow(0 20px 25px rgba(0,0,0,.35));transform:rotate(-2deg)}
.viewing-option-vr>span{left:50%;top:-19px;width:max-content;padding:11px 37px;border:1px solid rgba(26,20,29,.14);border-radius:2px;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%);color:#251d27;background:#fffafc;box-shadow:0 10px 26px rgba(21,15,24,.22);font-family:"Noto Sans JP",sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em;transform:translateX(-50%)}.viewing-option-vr>span:before,.viewing-option-vr>span:after{display:none}.viewing-option-vr{border-color:rgba(197,174,211,.48);box-shadow:0 30px 75px rgba(36,24,44,.34),0 0 0 1px rgba(255,255,255,.06) inset}.viewing-option-vr:before{right:-42px;bottom:-62px;border-color:rgba(112,230,239,.14);box-shadow:0 0 0 28px rgba(189,156,255,.035)}
@media(max-width:699px){.viewing-option-vr>span{left:50%;top:-17px;padding:10px 31px;font-size:10px;transform:translateX(-50%)}.method-art-vr img{width:198px;height:108px}.method-art-vr:before{width:180px;height:112px}}

/* v20: respect the supplied HMD artwork — light card, no fake halo */
.viewing-option-vr{color:#201923;border:1px solid rgba(80,63,87,.16);background:linear-gradient(145deg,#fff 0%,#fff9fc 48%,#f1fbfc 100%);box-shadow:0 28px 68px rgba(62,43,70,.16),0 0 0 5px rgba(255,255,255,.72) inset}.viewing-option-vr:before{right:-55px;bottom:-70px;border-color:rgba(48,38,52,.07);box-shadow:0 0 0 25px rgba(189,156,255,.035)}.viewing-option-vr h3{color:#211a24;text-shadow:none}.viewing-option-vr strong{color:#211a24}.viewing-option-vr p{color:#6d6570}
.method-art-vr{height:138px}.method-art-vr:before{display:none}.method-art-vr img{width:224px;height:134px;border-radius:0;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:none;transform:none}
.viewing-option-vr>span{left:50%;top:-18px;width:max-content;padding:11px 25px;border:1px solid rgba(45,35,49,.16);border-radius:100px;clip-path:none;color:#27202a;background:rgba(255,255,255,.98);box-shadow:0 9px 25px rgba(46,32,52,.14);font-size:11px;letter-spacing:.06em;transform:translateX(-50%)}.viewing-option-vr>span:before,.viewing-option-vr>span:after{display:none}
.future-live-button.is-live{cursor:pointer;color:#17121a;background:linear-gradient(105deg,#fff 0%,#ffd8ea 48%,#bff2f4 100%);box-shadow:0 15px 38px rgba(255,110,181,.24),0 0 0 1px rgba(112,230,239,.3);filter:none;opacity:1;transition:transform .2s ease,box-shadow .2s ease}.future-live-button.is-live:after{display:none}.future-live-button.is-live b{font-size:19px}.future-live-button.is-live:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(255,110,181,.3),0 0 0 1px rgba(112,230,239,.4)}
@media(max-width:699px){.viewing-option-vr>span{top:-16px;padding:10px 21px;font-size:10px}.method-art-vr{height:122px}.method-art-vr img{width:198px;height:118px}}

/* v21: the real studio floats beside the experience statement */
.about-title{isolation:isolate}.studio-float{position:relative;z-index:1;width:min(100%,620px);margin:45px auto 0}.studio-float:before{content:"";position:absolute;z-index:-1;inset:8% -5% -6%;border-radius:50%;background:radial-gradient(ellipse,rgba(112,230,239,.22),rgba(189,156,255,.13) 48%,transparent 72%);filter:blur(22px);transform:scale(1.08)}.studio-float:after{content:"";position:absolute;z-index:-1;right:-8%;top:-10%;width:90px;height:90px;border:1px solid rgba(255,110,181,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(112,230,239,.035)}.studio-float img{width:100%;height:auto;filter:drop-shadow(0 28px 38px rgba(47,34,53,.18));animation:studioFloat 6.5s ease-in-out infinite;will-change:transform}.about-title h2{position:relative;z-index:2}
@keyframes studioFloat{0%,100%{transform:translate3d(0,0,0) rotate(.4deg)}50%{transform:translate3d(0,-12px,0) rotate(-.5deg)}}
@media(min-width:700px){.about-title{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,.82fr);gap:7vw;align-items:center}.studio-float{margin:0;justify-self:end}.about-title h2{font-size:clamp(48px,4.5vw,74px)}}
@media(max-width:699px){.studio-float{width:94%;margin-top:46px}.studio-float:after{right:-1%;top:-9%;width:58px;height:58px}.about-grid{margin-top:68px}}
@media(prefers-reduced-motion:reduce){.studio-float img{animation:none}}

/* v22: refreshed title lockup with a clear Japanese subtitle */
.event-title{display:flex;flex-direction:column;align-items:center}.event-subtitle{position:relative;margin:12px 0 0;padding:8px 20px;border:1px solid rgba(41,32,45,.18);border-radius:100px;color:#211923;background:rgba(255,255,255,.8);box-shadow:0 8px 22px rgba(66,44,76,.11);backdrop-filter:blur(8px);font-family:"Noto Sans JP",sans-serif;font-size:clamp(10px,1.25vw,14px);line-height:1;font-weight:900;letter-spacing:.12em;white-space:nowrap}
@media(max-width:699px){.event-subtitle{margin-top:8px;padding:7px 15px;font-size:9px;letter-spacing:.1em}}

/* v23: quieter title caption, branded DeoVR setup, and operable flat-stream state */
.event-title{width:min(34%,500px)}.event-subtitle{display:flex;align-items:center;gap:12px;margin-top:10px;padding:0;border:0;border-radius:0;color:#332738;background:none;box-shadow:none;backdrop-filter:none;font-size:clamp(10px,1vw,13px);font-weight:800;letter-spacing:.16em;text-shadow:0 1px 4px rgba(255,255,255,.85)}.event-subtitle:before,.event-subtitle:after{content:"";width:30px;height:1px;background:rgba(51,39,56,.38)}
.deovr-section-logo{width:min(210px,62%);height:72px;margin:0 0 34px;padding:12px 18px;border-radius:16px;object-fit:contain;background:white;box-shadow:0 14px 35px rgba(0,0,0,.2)}.deovr-copy h3{margin-top:0}
.device-stage .phone{animation:phoneDeviceFloat 5.4s ease-in-out infinite}.device-stage .laptop{animation:laptopDeviceFloat 6.4s ease-in-out -1.7s infinite}
@keyframes phoneDeviceFloat{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-13px) rotate(5.5deg)}}
@keyframes laptopDeviceFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(-2.7deg)}}
.flat-live-button{width:100%;min-height:76px;margin-top:25px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:18px;font-size:15px;font-weight:900}.disabled-flat-live-button{cursor:not-allowed;color:#79737c;background:linear-gradient(105deg,#2c2930,#3a373e 52%,#424246);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);filter:grayscale(1)}.flat-live-button em{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#a7a1aa;background:rgba(255,255,255,.05);font-size:10px;font-style:normal;letter-spacing:.08em}.flat-live-button.is-live{color:#17121a;background:linear-gradient(105deg,#fff,#ffd8ea 48%,#bff2f4);box-shadow:0 16px 42px rgba(255,110,181,.22);transition:transform .2s,box-shadow .2s}.flat-live-button.is-live:hover{transform:translateY(-3px);box-shadow:0 21px 50px rgba(255,110,181,.3)}.flat-live-button.is-live b{font-size:20px}
@media(max-width:699px){.event-title{width:55%;top:6.5%}.event-subtitle{margin-top:7px;gap:8px;font-size:8px;letter-spacing:.1em}.event-subtitle:before,.event-subtitle:after{width:18px}.deovr-section-logo{width:180px;height:65px;margin-bottom:27px}.flat-live-button{min-height:68px;padding:0 18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.device-stage .phone,.device-stage .laptop{animation:none}}

/* v24: ready-to-uncomment manual DeoVR URL field */
.manual-url-form{margin-top:16px;padding:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 9px 25px rgba(35,27,40,.07)}.manual-url-form input{min-width:0;padding:12px 10px;border:0;outline:0;color:#49414c;background:transparent;font-family:Inter,monospace;font-size:11px}.manual-url-form button{min-width:86px;padding:0 17px;border:0;border-radius:10px;color:white;background:#18141d;font-size:11px;font-weight:900;cursor:pointer;transition:background .2s,transform .2s}.manual-url-form button:hover{background:#34263e;transform:translateY(-1px)}.manual-url-form button.is-copied{color:#17121a;background:var(--cyan)}
@media(max-width:699px){.manual-url-form{grid-template-columns:1fr}.manual-url-form input{padding:11px 8px;font-size:9px}.manual-url-form button{min-height:45px}}

/* v25: concise method selection and a stronger live-day notice */
.guide-intro{display:block}.live-day-standalone>span{display:block;margin-bottom:20px;padding:14px 17px;border-left:4px solid var(--pink);border-radius:4px 12px 12px 4px;color:#6f2a50;background:linear-gradient(90deg,rgba(255,110,181,.16),rgba(255,255,255,.55));font-size:16px;line-height:1.5;font-weight:900}.live-day-standalone>span:before{display:none}
@media(max-width:699px){.guide-intro{margin-bottom:39px}.live-day-standalone>span{padding:12px 14px;font-size:13px}}

/* v26: softer title caption and a periodic VR recommendation sparkle */
.event-subtitle{color:#5c5660;text-shadow:0 1px 4px rgba(255,255,255,.82)}.event-subtitle:before,.event-subtitle:after{background:rgba(92,86,96,.34)}
.viewing-option-vr>span{overflow:visible;border-color:rgba(186,126,157,.24);background:linear-gradient(105deg,#fff 12%,#fff4f9 48%,#eefcfc);box-shadow:0 9px 25px rgba(46,32,52,.14),0 0 0 0 rgba(255,110,181,0);animation:recommendGlow 4.8s ease-in-out infinite}.viewing-option-vr>span:before,.viewing-option-vr>span:after{content:"✦";position:absolute;z-index:2;display:block;width:auto;height:auto;border:0;color:#fff3a7;text-shadow:0 0 6px white,0 0 13px #ffd864,0 0 20px rgba(255,110,181,.6);line-height:1;opacity:0;animation:recommendSparkle 4.8s ease-in-out infinite}.viewing-option-vr>span:before{left:-10px;right:auto;top:-9px;bottom:auto;font-size:16px}.viewing-option-vr>span:after{left:auto;right:-8px;top:auto;bottom:-8px;font-size:11px;animation-delay:.25s}
@keyframes recommendGlow{0%,62%,100%{box-shadow:0 9px 25px rgba(46,32,52,.14),0 0 0 0 rgba(255,110,181,0)}72%{box-shadow:0 11px 30px rgba(46,32,52,.16),0 0 0 7px rgba(255,110,181,.08),0 0 28px rgba(112,230,239,.28)}82%{box-shadow:0 9px 25px rgba(46,32,52,.14),0 0 0 2px rgba(255,110,181,.03)}}
@keyframes recommendSparkle{0%,60%,88%,100%{opacity:0;transform:scale(.45) rotate(0)}70%{opacity:1;transform:scale(1.2) rotate(18deg)}80%{opacity:.45;transform:scale(.75) rotate(32deg)}}
@media(max-width:699px){.about-title h2,.guide-intro h2{text-align:center}.about-title h2{margin-left:auto;margin-right:auto}.guide-intro h2{width:100%}}
@media(prefers-reduced-motion:reduce){.viewing-option-vr>span,.viewing-option-vr>span:before,.viewing-option-vr>span:after{animation:none}}

/* v27: lightweight cursor-attracted light particles */
.deovr-setup{position:relative;isolation:isolate;overflow:hidden}.deovr-particles{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.deovr-setup>.deovr-copy,.deovr-setup>.watch-actions{position:relative;z-index:2}.deovr-setup:hover{box-shadow:0 30px 80px rgba(50,31,62,.24),0 0 0 1px rgba(112,230,239,.12) inset}.navigator-close{z-index:6;cursor:pointer;pointer-events:auto}.more-episodes b{white-space:nowrap}

/* v28: definitive live-state buttons — these rules intentionally outrank waiting-state styles */
.live-day-standalone a.future-live-button.is-live,.flat-copy a.flat-live-button.is-live{position:relative;overflow:visible;cursor:pointer!important;color:#fff!important;background:linear-gradient(105deg,#ee367f 0%,#ff62a9 38%,#9c72ef 68%,#35cbd8 100%)!important;background-size:180% 180%!important;box-shadow:0 17px 46px rgba(238,54,127,.34),0 0 0 1px rgba(255,255,255,.4) inset!important;filter:none!important;opacity:1!important;animation:liveButtonGlow 3.4s ease-in-out infinite!important}.live-day-standalone a.future-live-button.is-live:before,.flat-copy a.flat-live-button.is-live:before{content:"● LIVE";position:absolute;z-index:3;left:25px;top:-13px;padding:7px 11px;border:2px solid white;border-radius:100px;color:white;background:#e71f67;box-shadow:0 7px 18px rgba(231,31,103,.34);font:900 10px/1 Inter,sans-serif;letter-spacing:.1em;animation:liveDotPulse 1.7s ease-in-out infinite}.live-day-standalone a.future-live-button.is-live:after,.flat-copy a.flat-live-button.is-live:after{display:none!important}.live-day-standalone a.future-live-button.is-live span,.flat-copy a.flat-live-button.is-live span,.live-day-standalone a.future-live-button.is-live b,.flat-copy a.flat-live-button.is-live b{position:relative;z-index:2;color:#fff!important;text-shadow:0 1px 5px rgba(45,18,52,.28)}.live-day-standalone a.future-live-button.is-live:hover,.flat-copy a.flat-live-button.is-live:hover{cursor:pointer!important;transform:translateY(-4px) scale(1.008);box-shadow:0 23px 58px rgba(238,54,127,.42),0 0 0 2px rgba(255,255,255,.55) inset!important}.live-day-standalone a.future-live-button.is-live:focus-visible,.flat-copy a.flat-live-button.is-live:focus-visible{outline:4px solid rgba(255,226,93,.9);outline-offset:5px}
@keyframes liveButtonGlow{0%,100%{background-position:0% 50%;box-shadow:0 17px 46px rgba(238,54,127,.34),0 0 0 1px rgba(255,255,255,.4) inset}50%{background-position:100% 50%;box-shadow:0 20px 52px rgba(53,203,216,.35),0 0 0 1px rgba(255,255,255,.55) inset}}
@keyframes liveDotPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.14)}}
@media(max-width:699px){.live-day-standalone a.future-live-button.is-live:before,.flat-copy a.flat-live-button.is-live:before{left:17px;top:-11px;padding:6px 9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.live-day-standalone a.future-live-button.is-live,.flat-copy a.flat-live-button.is-live,.live-day-standalone a.future-live-button.is-live:before,.flat-copy a.flat-live-button.is-live:before{animation:none!important}}

/* v16: the viewing method cards are direct in-page navigation */
.viewing-option{display:block;color:inherit;cursor:pointer}.viewing-option:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.viewing-option:after{pointer-events:none}#deovr-setup,#flat-view{scroll-margin-top:28px}
@media(hover:hover){.viewing-option:hover{color:inherit}}

/* v15: client-preview cleanup — one quiet floating sheet */
.about-title .bubble{padding:60px 72px;overflow:hidden;border:1px solid rgba(83,66,88,.13);border-radius:5px;background:linear-gradient(135deg,#fffafd 0%,#fff 47%,#f3fbfc 100%);box-shadow:0 30px 70px rgba(67,48,75,.12),0 8px 22px rgba(67,48,75,.06);transform:rotate(-.5deg);animation:singleSheetFloat 5.5s ease-in-out infinite}
.about-title .bubble:before{content:"";position:absolute;z-index:0;inset:0;border:0;border-radius:inherit;background:radial-gradient(circle at 8% 10%,rgba(255,209,231,.22),transparent 38%),radial-gradient(circle at 94% 88%,rgba(184,239,243,.2),transparent 40%);filter:none;opacity:1;transform:none;pointer-events:none}
.about-title .bubble:after{display:none}
.about-title .bubble>span{position:relative;z-index:1}
.about-title .bubble small,.about-title .bubble>i{display:none}
@keyframes singleSheetFloat{0%,100%{transform:translateY(0) rotate(-.5deg);box-shadow:0 30px 70px rgba(67,48,75,.12),0 8px 22px rgba(67,48,75,.06)}50%{transform:translateY(-9px) rotate(.15deg);box-shadow:0 40px 85px rgba(67,48,75,.15),0 12px 26px rgba(67,48,75,.07)}}
@media(max-width:699px){.about-title .bubble{padding:43px 32px}}
@media(prefers-reduced-motion:reduce){.about-title .bubble{animation:none}}

/* v29: centered viewing method cards */
.viewing-option{text-align:center}
.viewing-option strong,.viewing-option p{margin-left:auto;margin-right:auto}

/* v30: roomier schedule/watch rhythm and logo alignment */
.more-episodes{margin-top:42px}
.watch.section{padding-top:112px;padding-bottom:112px}
.deovr-section-logo{padding:12px 18px 12px 5px}
@media(min-width:700px){
  .more-episodes{margin-top:64px}
  .watch.section{padding-top:150px;padding-bottom:150px}
}

/* v31: responsive VR headset artwork */
.method-art-vr{
  height:clamp(86px,12vw,138px);
  margin-top:clamp(16px,2.4vw,26px);
}
.method-art-vr img{
  width:min(82%,224px);
  max-width:100%;
  height:auto;
  aspect-ratio:832/472;
  object-fit:contain;
}
@media(min-width:700px) and (max-width:980px){
  .method-art-vr img{width:min(78%,188px)}
}

/* v32: keep the VR artwork from colliding with mobile headings */
@media(max-width:699px){
  .method-art-vr{
    height:auto;
    min-height:0;
    margin:24px 0 28px;
  }
  .method-art-vr img{
    width:min(74%,260px);
    height:auto;
    max-height:none;
  }
  .viewing-option-vr h3{
    margin-top:0;
  }
}

/* v33: schedule intro spacing and mobile alignment */
.section-intro{margin-bottom:90px}
@media(max-width:699px){
  .section-intro{text-align:center}
}

/* v34: responsive headline rhythm in watch sections */
.guide-intro h2{
  margin-top:60px;
  margin-bottom:60px;
}
.deovr-copy h3 span,
.flat-copy h2 span{
  display:inline-block;
  white-space:nowrap;
}
.deovr-copy h3{
  font-size:clamp(34px,3.4vw,54px);
  line-height:1.22;
  letter-spacing:-.035em;
}
.flat-copy h2{
  font-size:clamp(30px,4.2vw,56px);
  line-height:1.22;
  letter-spacing:-.035em;
}
@media(min-width:700px) and (max-width:1120px){
  .deovr-copy h3{font-size:clamp(32px,3.2vw,42px)}
  .flat-copy h2{font-size:clamp(28px,3.8vw,42px)}
}
@media(max-width:699px){
  .guide-intro h2{
    margin-top:60px;
    margin-bottom:60px;
  }
  .deovr-copy h3{
    font-size:clamp(30px,8.2vw,38px);
    line-height:1.24;
  }
  .flat-copy h2{
    font-size:clamp(27px,7.4vw,34px);
    line-height:1.3;
  }
}

/* v35: requested VR experience spacing */
.vr-experience{
  padding-top:90px;
  padding-bottom:90px;
}
.vr-copy h3{
  margin-top:61px;
}

/* v36: narrow/mobile layout fixes */
@media(max-width:699px){
  .more-episodes{
    flex-direction:column;
    gap:14px;
    min-height:210px;
    padding:30px 20px;
    text-align:center;
  }
  .more-episodes b{
    font-size:48px;
    line-height:1;
  }
  .more-episodes p{
    margin:0;
    max-width:230px;
    font-size:12px;
    line-height:1.75;
  }
  .deovr-copy h3{
    font-size:clamp(22px,6.9vw,34px);
    line-height:1.28;
    letter-spacing:-.025em;
  }
}
@media(min-width:700px) and (max-width:899px){
  .about-title,
  .about-grid,
  .vr-experience,
  .deovr-setup{
    display:block;
  }
  .about-title h2,
  .guide-intro h2{
    text-align:center;
  }
  .studio-float{
    width:min(100%,620px);
    margin:46px auto 0;
    justify-self:auto;
  }
  .about-grid{
    margin-top:68px;
  }
  .viewing-options{
    grid-template-columns:1fr;
  }
  .viewing-option,
  .viewing-option-vr,
  .viewing-option:not(.viewing-option-vr){
    min-height:0;
    transform:none;
  }
  .deovr-setup{
    padding:52px 38px;
  }
  .deovr-copy h3{
    font-size:clamp(31px,5.2vw,42px);
  }
  .flat-view{
    display:block;
  }
  .flat-device{
    margin:0 auto 48px;
  }
}

/* v37: Meta Quest download guide video */
.meta-store-video{
  width:100%;
  margin-top:18px;
}
.meta-store-video video{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border-radius:18px;
  background:#111017;
  box-shadow:0 14px 40px rgba(25,20,28,.12);
}
@media(max-width:699px){
  .meta-store-video{
    margin-top:16px;
  }
  .meta-store-video video{
    border-radius:14px;
  }
}

/* v38: keep the remaining episodes card readable at tablet boundary widths */
@media(min-width:700px) and (max-width:899px){
  .more-episodes{
    grid-column:1/-1;
    flex-direction:column;
    gap:16px;
    min-height:220px;
    padding:34px 28px;
    text-align:center;
  }
  .more-episodes b{
    font-size:58px;
    line-height:1;
  }
  .more-episodes p{
    margin:0;
    max-width:360px;
    font-size:14px;
    line-height:1.8;
  }
}

/* v39: text rhythm in the experience sections */
.vr-copy>p{
  margin:18px 0 0;
  color:#b7b1bd;
  font-size:12px;
  line-height:1.9;
}
@media(min-width:700px){
  .vr-copy>p{
    font-size:14px;
  }
}