:root{--ink:#080c13;--paper:#eeeae2;--amber:#e9b879;--muted:#afb5bd;font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:6px}header{position:fixed;top:0;left:0;right:0;height:100px;padding:15px 4vw;display:flex;align-items:center;gap:30px;z-index:20;background:linear-gradient(#05091388,transparent)}.brand img{width:175px;height:60px;object-fit:contain}.edition{font:9px monospace;letter-spacing:.18em;flex:1;color:#9fa5ae}#motion{border:1px solid #ffffff26;background:#080c1333;backdrop-filter:blur(8px);font:10px monospace;padding:11px 15px;color:#b4b9c1}.progress{position:fixed;top:0;left:0;right:0;height:2px;background:#ffffff10;z-index:30}.progress i{display:block;height:100%;background:var(--amber);width:100%;transform-origin:left;transform:scaleX(0)}#stage{position:fixed;inset:0;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;will-change:transform,opacity;overflow:hidden}.scene>img:not(#inu){width:100%;height:100%;object-fit:cover}.city>img{object-position:65% center}.city-shade,.city-vignette,.room-shade,.vault-shade{position:absolute;inset:0}.city-shade{background:linear-gradient(90deg,#030711a6,transparent 60%)}.city-vignette{background:linear-gradient(0deg,#030711bf,transparent 28%,transparent 80%,#03071144)}#rush-lines{position:absolute;inset:10% -30%;background:repeating-linear-gradient(177deg,transparent 0 56px,#e9b8790c 57px,transparent 59px 121px);mix-blend-mode:screen;pointer-events:none}.room,.vault{opacity:0}.room-shade{background:linear-gradient(90deg,#050913eb,transparent 75%),linear-gradient(0deg,#050913,transparent 35%)}#inu{position:absolute;right:8%;bottom:4%;height:84%;width:auto;transform-origin:50% 100%;will-change:transform}.room-light,.vault-light{position:absolute;inset:0;background:radial-gradient(ellipse at 87% 40%,#ffb75f25,transparent 50%);pointer-events:none}.vault-shade{background:linear-gradient(90deg,#050913ef 8%,#0509138c 44%,transparent 80%),linear-gradient(0deg,#05091399,transparent 30%)}.chapter-number{position:absolute;right:3vw;top:15vh;font-size:clamp(180px,32vw,480px);line-height:.8;font-weight:800;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px #eeeae217;pointer-events:none}.panel{position:absolute;left:7vw;top:29%;max-width:750px;opacity:0;will-change:transform,opacity;pointer-events:none}.panel.active{pointer-events:auto}.eyebrow{font:9px/1.5 monospace;letter-spacing:.22em;color:var(--amber);margin:0 0 26px}.city-panel{top:27%;max-width:80vw;opacity:1}h1{font-size:clamp(58px,8.6vw,150px);line-height:.84;font-weight:800;letter-spacing:-.075em;margin:0 0 32px}.line{display:block}h2{font-size:clamp(42px,5.9vw,102px);line-height:.94;font-weight:700;letter-spacing:-.065em;margin:0 0 26px}h2 em{font-style:normal;color:#afb4bf}.sub{font-size:clamp(13px,1.15vw,17px);line-height:1.75;color:#b9c0ca;max-width:420px}.scroll-prompt{display:flex;align-items:center;gap:15px;font:9px monospace;letter-spacing:.16em;margin-top:36px;width:max-content}.scroll-prompt>span:last-child{font-size:20px;color:var(--amber)}.scroll-line{display:inline-block;width:45px;height:1px;background:var(--amber)}.focus-type{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:3vw;font-size:clamp(95px,24vw,430px);font-weight:800;letter-spacing:-.085em;line-height:1;color:#eeeae2;opacity:0;pointer-events:none;will-change:transform,opacity;mix-blend-mode:screen}.focus-type span:last-child{color:transparent;-webkit-text-stroke:2px #e9b879}.focus-coordinate{font:9px monospace;letter-spacing:.12em;color:var(--amber);display:flex;align-items:center;gap:12px;margin-top:35px}.focus-coordinate span{height:8px;width:8px;border:1px solid var(--amber);border-radius:50%}.room-panel{top:29%}.room-rule{margin-top:34px;display:flex;gap:20px;align-items:center;font:9px monospace;letter-spacing:.15em;color:var(--amber)}.room-rule i{width:95px;height:1px;background:var(--amber);transform-origin:left;transform:scaleX(var(--work,0))}.fees-panel{top:22%;max-width:600px}.big-stat{font-size:clamp(120px,17vw,280px);font-weight:700;letter-spacing:-.09em;line-height:.9;margin:8px 0 20px}.big-stat span{font-size:.45em;letter-spacing:-.08em}.fees-panel h2{font-size:clamp(20px,2.4vw,40px);letter-spacing:-.03em}.fee-route{display:flex;position:relative;gap:40px;margin-top:35px;padding-top:20px;width:max-content;max-width:90vw;font-size:11px;color:#7e8794}.fee-route:before,#fee-line{position:absolute;top:0;left:0;height:1px;width:100%;content:'';background:#ffffff28}#fee-line{background:var(--amber);transform:scaleX(0);transform-origin:left}.route-node{position:relative;transition:color .15s}.route-node:before{content:'';position:absolute;top:-23px;left:0;width:7px;height:7px;border-radius:50%;background:#354052}.route-node.lit{color:var(--paper)}.route-node.lit:before{background:var(--amber);box-shadow:0 0 18px #e9b87966}.proof-panel{top:23%;max-width:660px}.proof-panel h2{font-size:clamp(34px,4.1vw,68px)}.receipts{margin-top:30px;width:100%;max-width:550px;border-top:1px solid #ffffff33}.receipts button{display:flex;align-items:center;gap:18px;width:100%;padding:19px 0;border:0;border-bottom:1px solid #ffffff25;background:transparent;font-size:12px;text-align:left}.receipts button:hover{background:#ffffff08}.receipts button>span{color:var(--amber);font:9px monospace}.receipts small{margin-left:auto;font:8px monospace;letter-spacing:.1em;color:#909aa9}.receipts b{font-weight:400;color:var(--amber)}.back-start{display:inline-block;margin-top:25px;font:10px monospace;color:#aab2bf}.iris{position:absolute;inset:0;background:#050913;opacity:0;pointer-events:none}.chapters{position:fixed;right:3vw;top:41%;z-index:20;display:flex;flex-direction:column;gap:20px}.chapters a{display:flex;align-items:center;gap:11px;flex-direction:row-reverse;padding:4px}.chapters i{width:5px;height:5px;border:1px solid #a1a7b1;border-radius:50%}.chapters span{font:8px monospace;letter-spacing:.15em;color:#9aa3af;opacity:0;transition:opacity .2s}.chapters a:hover span,.chapters a[aria-current] span{opacity:1}.chapters a[aria-current] i{background:var(--amber);border-color:var(--amber);box-shadow:0 0 14px #e9b87966}.chapters a[aria-current] span{color:var(--amber)}footer{position:fixed;bottom:0;left:4vw;right:4vw;height:70px;display:flex;align-items:center;justify-content:space-between;z-index:20;border-top:1px solid #ffffff20;font:8px monospace;letter-spacing:.16em;color:#a9b0bb}#location{color:#d3bd9e}.scroll-tip{color:#828c9c}#scroll-track{height:720vh;position:relative;pointer-events:none}#scroll-track>div{position:absolute;width:1px;height:1px;pointer-events:none}#city{top:0}#focus{top:155vh}#room{top:285vh}#vault{top:440vh}#proof{top:610vh}dialog{position:fixed;width:min(540px,calc(100% - 32px));background:#0c1420;color:var(--paper);border:1px solid #ffffff2a;padding:45px;box-shadow:0 40px 120px #000a}dialog::backdrop{background:#03070dc9;backdrop-filter:blur(10px)}dialog h2{font-size:34px;line-height:1.1;letter-spacing:-.04em}dialog p{font-size:14px;line-height:1.8;color:#b5becb}dialog .receipt-note{font-size:11px;color:#7e8b9f;border-top:1px solid #ffffff20;padding-top:20px}#close-dialog{position:absolute;right:14px;top:10px;font-size:26px;border:0;background:none;color:#aeb6c3}@media(max-width:760px){header{height:80px;padding:10px 22px;gap:15px}.brand img{width:140px;height:50px}.edition{display:none}#motion{margin-left:auto;font-size:9px;padding:9px}.panel{left:24px;max-width:calc(100vw - 70px);top:30%}.city-panel{top:28%}h1{font-size:clamp(49px,11.4vw,85px)}h2{font-size:clamp(40px,10vw,72px)}.eyebrow{font-size:8px;margin-bottom:22px}.sub{font-size:13px;max-width:280px}.city>img{object-position:62% center}.city-shade{background:linear-gradient(90deg,#050913bc,#05091322)}.focus-type{font-size:28vw}.chapters{right:10px;gap:18px}.chapters span{display:none!important}#inu{height:64%;right:-17%;bottom:5%}.room-shade{background:linear-gradient(90deg,#050913ee,#05091388 60%,transparent)}.room-panel{top:25%}.room-panel h2{max-width:260px}.fees-panel{top:23%}.big-stat{font-size:32vw}.fees-panel h2{font-size:22px}.fee-route{gap:23px;font-size:10px}.proof-panel{top:23%}.proof-panel h2{font-size:36px}.proof-panel .sub{font-size:12px}.receipts{margin-top:23px}.receipts button{font-size:11px;padding:18px 0;gap:10px}.receipts small{font-size:7px}.vault>img{object-position:65% center}.vault-shade{background:linear-gradient(90deg,#050913ed,#05091399 65%,#05091344)}.chapter-number{top:17%;font-size:60vw}footer{height:62px;left:22px;right:22px;font-size:7px}.scroll-tip{display:none}dialog{padding:35px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body.reduced *{transition:none!important}body.reduced{scroll-behavior:auto}

/* Cinematic loop edition */
:root{--paper:#f3f2ee;--amber:#d9c49e;--muted:#a6abb3}
header{height:106px;padding:18px 5vw;background:linear-gradient(#05080c90,transparent)}
.brand img{width:160px}.edition{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.22em;color:#ffffff72}
#motion{border-radius:30px;padding:12px 18px;font-family:Arial,sans-serif;font-size:10px;background:#0c11185c;border-color:#ffffff20}
#motion:hover{background:#ffffff15}.progress{height:1px}.progress i{background:#e1d8c4}
.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.city-shade{background:linear-gradient(90deg,#03070cd9 0%,#03070c65 40%,transparent 75%)}
.city-vignette{background:linear-gradient(0deg,#03070cd9,transparent 33%,transparent 74%,#03070c55)}
.chapter-number{display:none}#rush-lines{opacity:.25}
.panel{left:8vw}.city-panel{top:25%;max-width:85vw}
.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.23em;color:#ded6c5;margin-bottom:32px}
h1{font-size:clamp(80px,11.5vw,190px);font-weight:500;letter-spacing:-.085em;line-height:.88;margin-bottom:32px}
h1 .soft{background:linear-gradient(120deg,#fff 10%,#b6b9c0 90%);color:transparent;background-clip:text;-webkit-background-clip:text}
h2{font-weight:500;letter-spacing:-.065em;line-height:1.01;font-size:clamp(44px,6.8vw,112px)}h2 em{color:#b8bec8}
.sub{font-size:clamp(14px,1.15vw,18px);color:#d2d4da;line-height:1.65}
.scroll-prompt{border:1px solid #ffffff30;border-radius:50px;padding:16px 21px;gap:22px;background:#ffffff06;backdrop-filter:blur(12px);font:9px Arial,sans-serif;letter-spacing:.13em;margin-top:32px}.scroll-line{display:none}.scroll-prompt:hover{background:#ffffff16;border-color:#ffffff60}
.chapters{top:auto;bottom:25px;right:auto;left:50%;transform:translateX(-50%);flex-direction:row;gap:4px;padding:6px;border:1px solid #ffffff24;border-radius:40px;background:#10141a99;backdrop-filter:blur(24px);box-shadow:0 12px 50px #0004;white-space:nowrap}
.chapters a{padding:11px 18px;border-radius:24px;gap:0}.chapters i{display:none}.chapters span{opacity:1;font:11px Arial,sans-serif;letter-spacing:0;color:#a5aab3}.chapters a[aria-current]{background:#f0ece2}.chapters a[aria-current] span{color:#11151b}.chapters a:hover:not([aria-current]){background:#ffffff0d}
footer{border:0;bottom:12px;height:58px;left:5vw;right:5vw;font:8px Arial,sans-serif;letter-spacing:.12em;pointer-events:none}#position{display:none}#location{max-width:170px;color:#b7b9bf;line-height:1.7}.scroll-tip{color:#aaaeb7}
.focus-type{font-weight:600}.room-rule,.focus-coordinate{opacity:.75}.proof-panel{max-width:660px}.proof-panel h2{font-size:clamp(40px,4.8vw,80px)}
.receipts button{padding:20px 0;font-size:13px}.receipts button:hover{padding-left:10px;padding-right:10px;transition:padding .2s,background .2s}.receipts small{font-family:Arial,sans-serif;font-size:8px}.receipts{border-color:#ffffff25}
.big-stat{font-weight:500}.fees-panel h2{font-weight:500}.back-start{font-family:Arial,sans-serif;color:#b6bbc3}
dialog{border-radius:20px;background:#10151deb;backdrop-filter:blur(30px)}
@media(max-width:1000px){footer .scroll-tip{display:none}#location{max-width:115px;font-size:7px}.chapters a{padding:11px 14px}.proof-panel{max-width:65vw}}
@media(max-width:760px){header{height:85px;padding:12px 23px}.brand img{width:135px}.panel{left:26px;max-width:calc(100vw - 52px)}.city-panel{top:28%}h1{font-size:clamp(70px,15vw,114px)}h2{font-size:clamp(42px,10vw,72px)}.eyebrow{font-size:8px;letter-spacing:.13em}.city-shade{background:linear-gradient(90deg,#03070cd9,#03070c55 65%,#03070c33)}.scene-video{object-position:62% center}.chapters{bottom:22px;max-width:calc(100vw - 26px);gap:0;padding:5px}.chapters a{padding:12px 13px}.chapters span{display:block!important;font-size:10px}footer{display:none}.proof-panel{top:21%;max-width:calc(100vw - 52px)}.proof-panel h2{font-size:38px}.receipts button{font-size:11px}.fees-panel{top:24%}.room-panel{top:26%}.scroll-prompt{padding:15px 19px}}

/* Independent chroma-keyed Grok character layers */
.character-layer{pointer-events:none;opacity:0;transition:opacity .7s ease;filter:drop-shadow(0 18px 22px #0004)}
.character-layer.ready{opacity:1}
#walking-inu{position:absolute;right:6%;bottom:5%;height:83%;width:auto;transform:translateZ(0)}
#inu.character-layer{right:4%;bottom:5%;height:78%;width:auto;max-width:none}
@media(max-width:760px){#walking-inu{right:-19%;height:73%;bottom:8%;opacity:.85}#inu.character-layer{right:-20%;height:67%;bottom:8%}.room-panel{z-index:2}.city-panel{z-index:2}}

/* Unified night grade and composed character placements */
:root{--night-purple:rgba(30,12,57,.20);--opening-blur:1.7px}
.scene::after{content:"";position:absolute;inset:0;background:var(--night-purple);pointer-events:none;z-index:4}
.city .scene-video{filter:blur(var(--opening-blur));transform:scale(1.018);object-position:58% center}
.room .scene-video{object-position:56% center}
.vault .scene-video{object-position:72% center}
#walking-inu{right:7%;bottom:7%;height:79%}
#inu.character-layer{right:7%;bottom:8%;height:74%}
#vault-inu{position:absolute;right:6%;bottom:7%;height:68%;width:auto;filter:drop-shadow(0 20px 18px #0008)}
.proof-panel{top:23%;max-width:43vw}.proof-panel h2{font-size:clamp(34px,4.2vw,72px)}
.proof-panel .sub{max-width:365px}.fees-panel{max-width:43vw}
@media(max-width:760px){#walking-inu{right:-17%;height:69%;bottom:10%}#inu.character-layer{right:-17%;height:63%;bottom:10%}#vault-inu{right:-19%;height:59%;bottom:10%;opacity:.8}.proof-panel{top:22%;max-width:calc(100vw - 56px);z-index:5}.proof-panel h2{font-size:34px;max-width:290px}.proof-panel .sub{max-width:235px}.receipts{max-width:290px;background:#080b1738;backdrop-filter:blur(8px)}.fees-panel{max-width:calc(100vw - 56px)}.vault-shade{background:linear-gradient(90deg,#080919f2,#08091988 57%,#08091922)}}

/* Keep the complete laptop plate inside the viewport at every width. */
#inu.character-layer{right:7vw;bottom:12vh;height:min(70vh,63vw);max-width:none}
@media(max-width:760px){#inu.character-layer{right:5vw;bottom:13vh;height:min(54vh,82vw)}.room-panel{top:18%;max-width:calc(100vw - 52px)}.room-panel h2{font-size:clamp(32px,8vw,54px)}.room-panel .sub{max-width:210px}.room-rule{display:none}}

/* Shared full-frame chapter typography. Motion follows scroll in either direction. */
.chapter-transition{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2.5vw;opacity:0;pointer-events:none;will-change:transform,opacity;font-size:clamp(90px,19vw,330px);font-weight:600;line-height:.85;letter-spacing:-.075em;color:#f1eff7;z-index:8}
.chapter-transition>span:last-of-type{color:transparent;-webkit-text-stroke:1.2px #cbc3e5}
.chapter-transition small{position:absolute;top:70%;left:0;right:0;text-align:center;font:9px Arial,sans-serif;letter-spacing:.3em;color:#c1b9d0}
.focus-type{letter-spacing:-.075em;font-weight:600}.focus-type span:last-child{-webkit-text-stroke:1.2px #cbc3e5}
:root{--amber:#cbc3e5;--paper:#f2f0f6}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
header{padding-left:5vw;padding-right:5vw}.edition{color:#b6adca}
.chapters{border-color:#d3c7f326;background:linear-gradient(135deg,#171321cc,#080a11d9);box-shadow:inset 0 1px 0 #ffffff0b,0 16px 48px #0005;gap:3px;padding:5px}
.chapters a{transition:background .35s cubic-bezier(.22,1,.36,1),color .35s ease;padding:12px 18px}
.chapters a[aria-current]{background:#e9e4f1;box-shadow:0 1px 8px #0002}
.chapters span{font-size:10px;letter-spacing:.025em}
#motion,.scroll-prompt{transition:background .3s ease,border-color .3s ease,transform .3s ease}
.scroll-prompt{border-color:#d4c9e933;background:#14102055;box-shadow:inset 0 1px 0 #ffffff08}
.scroll-prompt:hover{transform:translateY(-2px);border-color:#d4c9e980}
.eyebrow{letter-spacing:.19em;color:#c7bed9}.sub{color:#c2bfca}h2 em{color:#aaa5b9}
.receipts button{transition:background .3s ease,padding .3s cubic-bezier(.22,1,.36,1)}
.receipts{border-color:#d6cbed26}.receipts button{border-color:#d6cbed20}.receipts b{transition:transform .3s ease}.receipts button:hover b{transform:translate(2px,-2px)}
@media(max-width:760px){.chapter-transition{font-size:21vw;gap:3vw}.chapter-transition small{font-size:7px;letter-spacing:.2em;top:64%}.chapters a{padding:12px 12px}}
@media(prefers-reduced-motion:reduce){.chapter-transition{display:none}}
body.reduced .chapter-transition{display:none}

/* Film presentation: generous chrome mark, clean typography, unobstructed frame. */
:root{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif}
header{height:124px;padding:16px 5vw;gap:32px;background:linear-gradient(#05080c70,transparent)}
.brand{display:block;flex-shrink:0;line-height:0}.brand img{width:clamp(220px,19vw,310px);height:auto}
.edition{display:none}
#motion{margin-left:auto;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;padding:12px 0;font:500 10px "Avenir Next","Helvetica Neue",sans-serif;letter-spacing:.12em;color:#c6c1d0}
#motion:hover{background:transparent;color:white}
h1,h2,.focus-type,.chapter-transition,.big-stat{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif}
h1{font-weight:500;letter-spacing:-.075em;line-height:.96;font-size:clamp(76px,10.7vw,180px)}
h2{font-weight:500;letter-spacing:-.055em;line-height:1.04}
.focus-type,.chapter-transition{font-weight:600;letter-spacing:-.075em}
.eyebrow,.sub,.scroll-prompt,.room-rule,.focus-coordinate,.chapter-transition small,.receipts small,.back-start{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif}
.eyebrow{font-weight:500;letter-spacing:.22em;font-size:9px}.sub{font-weight:400;letter-spacing:.005em}
.city-panel{top:27%}
.scroll-prompt{padding:12px 0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;gap:18px;font-size:9px;letter-spacing:.2em;margin-top:26px}
.scroll-line{display:block;width:34px;background:#d0c9dc}.scroll-prompt:hover{background:none;transform:none;color:white}.scroll-prompt>span:last-child{font-size:17px}
/* Chapter shortcuts remain available to keyboard users without overlaying the film. */
.chapters{position:fixed;left:20px;top:130px;bottom:auto;right:auto;transform:none;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.chapters:focus-within{width:auto;height:auto;clip-path:none;display:flex;flex-direction:column;gap:2px;padding:14px;background:#080b16ed}
.chapters a{border-radius:0;padding:12px 18px}.chapters a[aria-current]{box-shadow:none}
footer{display:none}
@media(max-width:760px){header{height:100px;padding:12px 23px;gap:12px}.brand img{width:190px}#motion{font-size:8px;letter-spacing:.07em}.city-panel{top:27%}h1{font-size:clamp(64px,14vw,106px)}.eyebrow{font-size:8px;letter-spacing:.14em}.scroll-prompt{padding:12px 0}.chapters{max-width:calc(100vw - 40px)}}
@media(max-height:550px) and (min-width:761px){header{height:90px}.brand img{width:210px}.city-panel{top:25%}h1{font-size:17vh}.eyebrow{margin-bottom:18px}.scroll-prompt{margin-top:12px}}

/* Shallow-focus environment; the independent character canvases stay crisp. */
.scene .scene-video{filter:blur(3.5px) saturate(.92);transform:scale(1.025)}
.city .scene-video{filter:blur(4.5px) saturate(.92);transform:scale(1.03)}
.background-bokeh{position:absolute;inset:-3%;pointer-events:none;opacity:.38;filter:blur(7px);background:radial-gradient(circle 26px at 13% 28%,#cab5f05c 0%,#cab5f029 60%,transparent 77%),radial-gradient(circle 42px at 87% 20%,#d3bd9855 0%,#d3bd9820 60%,transparent 76%),radial-gradient(circle 19px at 44% 62%,#bca5f052 0%,#bca5f020 55%,transparent 78%),radial-gradient(circle 35px at 92% 69%,#d5c5ff5c 0%,#d5c5ff20 60%,transparent 80%),radial-gradient(circle 22px at 28% 82%,#d5af8a48 0%,#d5af8a20 55%,transparent 78%)}
.room .background-bokeh{opacity:.22;transform:scaleX(-1)}
.vault .background-bokeh{opacity:.19}
.platform-marks{margin-left:auto;display:flex;align-items:center;gap:23px}
.platform-mark{display:grid;place-items:center;width:28px;height:32px;opacity:.8}
.platform-mark img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
.platform-mark:first-child img{width:29px;height:29px}
#motion{position:fixed;right:5vw;bottom:24px;font-size:8px;color:#c6c1d099;letter-spacing:.1em}
@media(max-width:760px){.platform-marks{gap:12px}.platform-mark{width:22px}.platform-mark img{width:18px;height:18px}.platform-mark:first-child img{width:25px;height:25px}.brand img{width:clamp(145px,38vw,190px)}#motion{right:23px;bottom:18px}.scene .scene-video{filter:blur(2.8px) saturate(.92)}.background-bokeh{opacity:.26}}

/* Sound is an explicit opt-in, independent of reduced visual motion. */
#sound{position:fixed;bottom:28px;left:5vw;z-index:25;display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 0;border:0;background:none;font:500 9px "Avenir Next","Helvetica Neue",sans-serif;letter-spacing:.17em;color:#d9d2e4;cursor:pointer}
#sound span{font-size:15px;letter-spacing:0}#sound:hover{color:#fff}
@media(max-width:760px){#sound{left:23px;bottom:18px;font-size:8px;padding-bottom:env(safe-area-inset-bottom,0px)}}

/* A subdued spinning chrome mark carries the chapter transitions. */
#transition-logo{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;z-index:6;opacity:0;pointer-events:none;will-change:opacity}
#transition-logo img{width:min(88vw,1300px);height:auto;animation:none;filter:drop-shadow(0 12px 32px #0005);will-change:transform}
#transition-logo img{will-change:transform,filter}
.focus-type{z-index:8}
.character-layer{transition:opacity .55s ease}
@media(max-width:760px){#transition-logo img{width:94vw}}
@media(prefers-reduced-motion:reduce){#transition-logo{display:none}#transition-logo img{animation:none}}
body.reduced #transition-logo{display:none}

/* Chilling Night-inspired background grade, blended at 36%. */
.chilling-night-grade{position:absolute;inset:0;pointer-events:none;opacity:.36;background:linear-gradient(135deg,#172b56 0%,#15233e 48%,#292143 100%);mix-blend-mode:multiply}
/* Retain the existing purple grade; gently shade only the keyed character. */
.character-layer{filter:brightness(.9) drop-shadow(0 18px 22px #0004)}
#vault-inu{filter:brightness(.9) drop-shadow(0 20px 18px #0008)}
.scene::after{background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.3) 100%),var(--night-purple)}

/* Quiet launch status in the film's lower margin; replace with the verified CA at launch. */
.contract-address{position:fixed;z-index:24;left:50%;bottom:43px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 320px);color:#c9c2d6;font-size:10px;font-weight:400;letter-spacing:.025em;line-height:1.5;text-align:center;text-shadow:0 1px 12px #000;white-space:nowrap}
.contract-label{font-size:8px;letter-spacing:.2em;color:#a49bb7;padding-right:12px;border-right:1px solid #d6cbed38}
@media(max-width:760px){.contract-address{bottom:calc(74px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 40px);font-size:9px;gap:9px}.contract-label{padding-right:9px;font-size:7px}}