:root{--ink: #EFE7DA;--ink-dim: #C9C2B6;--paper: #f3e9d7;--shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 8px 24px rgba(0, 0, 0, .45);--grain-opacity: .06;--bg-1: #0a0a0c;--bg-2: #14141a;--accent: #F5A623;--accent-2: #CC0000;--tint: rgba(255, 180, 90, .05);--vignette: rgba(0, 0, 0, .55);--ambient-grade: hue-rotate(0deg) saturate(1);--leak-1: rgba(255, 170, 90, .1);--leak-2: rgba(255, 80, 40, .04)}body{transition:background 1.2s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-1);color:var(--ink)}html{scroll-behavior:smooth}body:not(.editor){font-synthesis:style small-caps}body{font-family:var(--font-d);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at top,var(--bg-1) 0%,var(--bg-2) 70%)}img{display:block;max-width:100%}.mood-backdrop-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.mood-backdrop-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.6s ease,filter 1.6s ease;animation:backdropBreathe 28s ease-in-out infinite alternate;filter:saturate(.95) brightness(.9)}@media(prefers-reduced-motion:no-preference){html:not(.reader-reduce,.reader-calm-css,.reader-calm-breathe) .mood-backdrop-layer img{will-change:transform}}@keyframes backdropBreathe{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-1.5%,1%)}}body[data-backdrop-anim=snap] .mood-backdrop-layer img{transition:none}body[data-backdrop-anim=zoom] .mood-backdrop-layer img{transition:opacity 1.6s ease,filter 1.6s ease,transform 1.6s ease}body[data-backdrop-anim=pulse] .mood-backdrop-layer:after{animation:backdropPulse 1.6s ease}@keyframes backdropPulse{0%{opacity:0}40%{opacity:.5}to{opacity:var(--vignette-strength, 1)}}.ambient-backdrop{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,var(--tint),transparent 60%),radial-gradient(ellipse at 50% 100%,var(--vignette),transparent 60%),radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.35) 100%);transition:background 1.2s ease}.light-leak{position:fixed;inset:-10%;z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 22%,var(--leak-1) 0%,transparent 32%),radial-gradient(circle at 82% 78%,var(--leak-2) 0%,transparent 30%);mix-blend-mode:screen;filter:blur(20px);animation:leakDrift 38s ease-in-out infinite alternate;transition:background 1.6s ease}@keyframes leakDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-4%,3%,0) scale(1.06)}to{transform:translate3d(3%,-4%,0) scale(1.02)}}.particles{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.9}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");mix-blend-mode:overlay}main,header,.progress,.audio-pill,.devnote,section{position:relative;z-index:10}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;background:linear-gradient(90deg,var(--accent),var(--accent-2),#45A8C4);transform-origin:0 50%;transform:scaleX(0);will-change:transform;transition:background 1.2s ease}.shimmer{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse 60% 4% at 50% 78%,rgba(255,240,210,.12),transparent 60%),radial-gradient(ellipse 80% 2% at 50% 70%,rgba(255,255,255,.08),transparent 60%);mix-blend-mode:screen;animation:shimmerFlow 8s ease-in-out infinite alternate}@keyframes shimmerFlow{0%{transform:translate(-6%) translateY(0);opacity:.9}50%{transform:translate(2%) translateY(-1%);opacity:1}to{transform:translate(8%) translateY(.5%);opacity:.8}}.sun-shaft{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,210,140,.1) 50%,transparent 62%);mix-blend-mode:screen;animation:sunShaft 22s ease-in-out infinite alternate}@keyframes sunShaft{0%{transform:translate(-6%) rotate(-2deg);opacity:.8}to{transform:translate(8%) rotate(2deg);opacity:1}}.fog{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse 80% 30% at 30% 70%,rgba(150,180,165,.18),transparent 70%),radial-gradient(ellipse 60% 25% at 75% 30%,rgba(120,160,150,.14),transparent 70%);mix-blend-mode:screen;filter:blur(28px);animation:fogDrift 26s ease-in-out infinite alternate}@keyframes fogDrift{0%{transform:translate3d(-3%,2%,0) scale(1);opacity:.8}50%{transform:translate3d(4%,-2%,0) scale(1.05);opacity:1}to{transform:translate3d(-2%,3%,0) scale(.98);opacity:.85}}.audio-pill{position:fixed;bottom:22px;right:22px;z-index:8500;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:#0a0a0cc7;border:1px solid rgba(239,231,218,.18);backdrop-filter:blur(8px);color:var(--ink);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;user-select:none}.sc-mixer{position:fixed;bottom:64px;right:22px;z-index:8600;width:260px;padding:12px 14px;background:#0a0a0ceb;border:1px solid rgba(239,231,218,.18);backdrop-filter:blur(10px);color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.sc-mixer[hidden]{display:none}.sc-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.sc-divider{height:1px;background:#efe7da1f;margin:2px 0}.sc-row{display:flex;align-items:center;gap:10px}.sc-row--soon{opacity:.5}.sc-name{flex:0 0 64px;font-size:12px}.sc-row--master .sc-name{color:var(--accent)}.sc-slider{flex:1;min-width:0;accent-color:var(--accent)}.sc-soon{flex:1;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)}.sc-toggle{flex:0 0 auto;min-width:34px;padding:2px 8px;cursor:pointer;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid rgba(239,231,218,.3);border-radius:2px}.sc-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#0a0a0c}.sc-toggle:disabled{cursor:default;opacity:.6}@media(prefers-reduced-motion:reduce){.light-leak,.shimmer,.sun-shaft,.fog{opacity:1!important;transform:none!important;animation:none!important}.progress,.particles{display:none}}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.subpanel .panel-fx{position:absolute;inset:0;pointer-events:none;z-index:5}.subpanel .panel-fx-vignette{background:radial-gradient(ellipse at center,transparent var(--vig-inner, 60%),rgba(0,0,0,var(--vig-dark, 0)) 70%),radial-gradient(ellipse at center,transparent var(--vig-inner, 60%),var(--vignette) 90%);opacity:0;z-index:4}.subpanel .panel-fx-glow{mix-blend-mode:screen;opacity:0;background:radial-gradient(ellipse at 50% 55%,#ff2e3a00 0% 70%);z-index:6}.beat{position:relative;height:200vh;padding:0 5vw;--narration-font: clamp(16.25px, 13.9px + .81cqi, 20.9px)/1.45 var(--font-l);container-type:inline-size;container-name:beatwrap}.beat-stage{position:sticky;top:0;width:100%;max-width:1200px;margin:0 auto;height:100vh;overflow-x:clip;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;align-items:center;gap:16px;padding:4vh 0;box-sizing:border-box;container-type:inline-size;container-name:stage}.subpanel{position:relative;background:#fff;padding:6px;box-shadow:3px 4px 0 -2px #1a1a1a,0 8px 28px #00000073;border-radius:3px;overflow:visible;container-type:inline-size;container-name:panel}.subpanel.pic-wait{opacity:0!important;visibility:hidden}.subpanel[data-pic-trigger][data-transition=none]{transition:opacity .45s ease,visibility .45s}.subpanel-inner{position:relative;width:100%;height:100%;overflow:hidden;container-type:size}.subpanel-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:var(--crop-x) var(--crop-y);transform-origin:var(--crop-x) var(--crop-y);transform:scale(var(--zoom));display:block}.subpanel-img[data-pa]{left:var(--crop-x);top:var(--crop-y);width:max(100cqw,100cqh * var(--pa));height:max(100cqh,100cqw / var(--pa));transform:translate(calc(-1 * var(--crop-x)),calc(-1 * var(--crop-y))) scale(var(--zoom))}.panel-image{translate:var(--kb-x, 0%) var(--kb-y, 0%);scale:var(--kb-s, 1)}.subpanel-img.panel-image[data-pa]{translate:calc(var(--kb-x, 0%) - var(--crop-x)) calc(var(--kb-y, 0%) - var(--crop-y));transform:scale(var(--zoom));box-shadow:0 0 0 clamp(0px,(1 - var(--zoom)) * 100000px,100vmax / var(--zoom)) #0e0b08}.subpanel-front{pointer-events:none}.scroll-film,.scroll-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}.scroll-film-poster{transition:opacity .25s}.scroll-film-poster.off{opacity:0}.beat-stage[data-words-drift]>.speech-bubble,.beat-stage[data-words-drift]>.narration-card,.beat-stage[data-words-drift]>.canvas-camera>.speech-bubble,.beat-stage[data-words-drift]>.canvas-camera>.narration-card{translate:var(--words-x, 0px) var(--words-y, 0px)!important}.beat-stage>.speech-bubble[data-cam],.beat-stage>.canvas-camera>.speech-bubble[data-cam]{translate:calc(var(--words-x, 0px) + var(--cam-x, 0px)) calc(var(--words-y, 0px) + var(--cam-y, 0px))!important}.beat[data-scroll-scene] .subpanel{translate:var(--pic-x, 0px) var(--pic-y, 0px)!important}.beat-no-panels>.beat-stage:has(>.scroll-film){--screen-w: min(100cqw, calc((100vh - 112px)*1.6) );width:var(--screen-w);max-width:none;height:calc(var(--screen-w) / 1.6);top:calc((100vh - var(--screen-w) / 1.6) / 2)}.subpanel.border-default{border:2.5px solid #1a1a1a}.subpanel.border-default:before{content:"";position:absolute;inset:3px;border:1.5px solid #1a1a1a;border-radius:1px;transform:rotate(-.3deg);opacity:.5;pointer-events:none;z-index:5}.subpanel.border-emotional{border:3.5px solid #1a1a1a;box-shadow:3px 4px 0 -2px #1a1a1a,0 0 0 1px #1a1a1a,inset 0 0 0 2px #1a1a1a26}.subpanel.border-none{border:0;box-shadow:none}.subpanel.border-none:before{display:none}.beat.border-none{border:0}.panel-area{display:flex;justify-content:center;align-items:center;grid-row:2;grid-column:1}.panel-area.single .subpanel{width:min(96cqw,900px);aspect-ratio:16 / 10}.panel-area.multi{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:14px;width:min(96cqw,1100px);height:65vh}.panel-area.multi .slot-A{grid-row:1 / 3;grid-column:1 / 2;width:100%;height:100%}.panel-area.multi .slot-B{grid-row:1 / 2;grid-column:2 / 3;width:100%;height:100%}.panel-area.multi .slot-C{grid-row:2 / 3;grid-column:2 / 3;width:100%;height:100%}.panel-area.region{position:relative;display:block;width:min(82vw,1100px);aspect-ratio:1100 / 520;--pgap: 7px}.panel-area.region .subpanel{position:absolute;box-sizing:border-box;left:calc(var(--px) + var(--pgap));top:calc(var(--py) + var(--pgap));width:calc(var(--pw) - 2 * var(--pgap));height:calc(var(--ph) - 2 * var(--pgap))}.panel-area.gridfit{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;width:min(82vw,1100px);aspect-ratio:1100 / 520}.panel-area.gridfit .subpanel{width:100%;height:100%}.prose-layer{font:var(--narration-font);color:#f5efe0;text-align:center;max-width:70%;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.55);transition:opacity .4s ease}.prose-layer .prose-text{margin:0}.narration-card{transition:opacity .4s ease}.narration-card.placement-above,.narration-card.placement-below,.narration-card.placement-left,.narration-card.placement-right{position:relative;grid-column:1;z-index:25;margin-inline:auto;font:var(--narration-font);color:#f5efe0;text-align:center;max-width:70%;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.55)}.narration-card.placement-above{grid-row:1;align-self:end}.narration-card.placement-below{grid-row:3;align-self:start}.beat-no-panels .narration-card.placement-above,.beat-no-panels .narration-card.placement-below{grid-row:1 / -1;align-self:center;max-width:78%;max-height:86%}.narration-card.placement-box{position:absolute;z-index:31;transform:translate(-50%,-50%);max-width:46%;padding:.45em .7em;border:max(1px,.08em) solid #17110B;border-radius:0;background:#f1e3c4;color:#17110b;font:400 clamp(11px,9.3px + .7cqw,13px)/1.3 var(--font-l);text-transform:uppercase;letter-spacing:.02em;text-align:left;box-shadow:0 .12em .35em #00000080;pointer-events:none}.narration-card.placement-above,.narration-card.placement-below,.narration-card.placement-left,.narration-card.placement-right{padding:.45em .7em;border:max(1px,.08em) solid #17110B;background:#f1e3c4;color:#17110b;font:400 clamp(11px,9.3px + .7cqw,13px)/1.3 var(--font-l);text-transform:uppercase;letter-spacing:.02em;text-align:left;text-shadow:none;box-shadow:0 .12em .35em #00000080}.narration-text{margin:0}.speech-bubble{position:absolute;z-index:30;width:max-content;max-width:min(46cqw,160px);pointer-events:none;transition:opacity .35s ease;transform:translate(-50%,-50%)}.speech-bubble[data-transition=slide-up],.speech-bubble[data-transition=pop-in],.narration-card[data-transition=slide-up],.narration-card[data-transition=pop-in]{transition:opacity .18s ease}.bubble-shell{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.bubble-outline{fill:#efe7da;stroke:#17110b;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke}.bubble-body{position:relative;color:#17110b;font:clamp(13.5px,11px + .58cqw,16.1px)/1.15 var(--font-l);letter-spacing:.01em;padding:clamp(3px,1.2cqw,5px) clamp(7px,3cqw,11px);text-align:center}.bubble-speaker{display:none}.bubble-line{margin:0}.bubble-line.size-sm,.prose-text.size-sm,.narration-text.size-sm{font-size:.82em}.bubble-line.size-lg,.prose-text.size-lg,.narration-text.size-lg{font-size:1.3em}.bubble-line.size-xl,.prose-text.size-xl,.narration-text.size-xl{font-size:1.65em}.mood-backdrop-layer:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.22) 100%);pointer-events:none;z-index:1}.chapter-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent);z-index:100;pointer-events:none}.chapter-header>*{pointer-events:auto}.header-back,.header-badge{color:var(--ink);font:700 13px/1 var(--font-m);letter-spacing:.06em;text-decoration:none}.header-back{display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 11px;font:400 13px/1.3 var(--font-d);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#10151be8;border:1px solid var(--fd-blue);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:border-color .2s,box-shadow .2s}.back-arrow{color:var(--fd-amber);font-size:11px;letter-spacing:0}.header-back:hover{border-color:#8fd8de;box-shadow:inset 0 0 14px #45a8c459}.header-back:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #5fc5da}.header-badge{background:#45a8c4;color:#17110b;padding:6px 11px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.header-logo{display:block;width:72px;height:72px}.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(204,0,0,.95)) drop-shadow(0 0 32px rgba(204,0,0,.65)) drop-shadow(0 0 60px rgba(204,0,0,.35))}.header-logo{position:relative}.header-logo:after{content:"";position:absolute;inset:0;pointer-events:none;background:url(/m/atomic-critters-logo.4ee9360991.1485.webp) center / contain no-repeat;filter:drop-shadow(0 0 22px rgba(204,0,0,.15)) drop-shadow(0 0 48px rgba(204,0,0,.5)) drop-shadow(0 0 90px rgba(204,0,0,.15));opacity:0;animation:logo-glow 3.2s ease-in-out infinite}@keyframes logo-glow{50%{opacity:.999}}@media(prefers-reduced-motion:no-preference){html:not(.reader-reduce,.reader-calm-css,.reader-calm-logo) .header-logo>.logo-img{filter:drop-shadow(0 0 12px rgba(204,0,0,.85)) drop-shadow(0 0 28px rgba(204,0,0,.55)) drop-shadow(0 0 50px rgba(204,0,0,.3))}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(204,0,0,.85)) drop-shadow(0 0 28px rgba(204,0,0,.55)) drop-shadow(0 0 50px rgba(204,0,0,.3))}50%{filter:drop-shadow(0 0 22px rgba(204,0,0,1)) drop-shadow(0 0 48px rgba(204,0,0,.8)) drop-shadow(0 0 90px rgba(204,0,0,.5))}}@media(prefers-reduced-motion:reduce){.header-logo:after{animation:none}}.beat-title-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%}.title-logo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(204,0,0,.85)) drop-shadow(0 0 32px rgba(204,0,0,.5)) drop-shadow(0 0 60px rgba(204,0,0,.2));animation:logo-pulse 3.2s ease-in-out infinite}.title-text{font:400 64px/1 var(--font-d);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 20px rgba(0,0,0,.6);margin:0;text-align:center}@media(prefers-reduced-motion:reduce){.title-logo{animation:none}}.beat-cta-stage{display:flex;align-items:center;justify-content:center;width:100%;grid-row:4;grid-column:1}.beat-cta-link{display:inline-block;padding:16px 28px;border:1px solid var(--accent);color:var(--ink);background:#f5a62314;text-decoration:none;font-family:var(--font-d);text-transform:uppercase;letter-spacing:.25em;font-size:16px;transition:background .2s ease,transform .2s ease}.beat-cta-link:hover{background:#f5a6232e;transform:translateY(-1px)}.backdrop-effect-entrance{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden}.backdrop-effect-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.reveal-leaf{position:absolute;top:-10%;width:28px;height:12px;border-radius:70% 30% 60% 40%/50%;box-shadow:0 2px 4px #0006,inset -2px -2px 3px #00000047,inset 1px 1px 1px #fff0c82e;will-change:transform,top,opacity;pointer-events:none}.backdrop-effect-falling-leaves-ambient .reveal-leaf{opacity:.35}.backdrop-effect-falling-leaves-entrance .reveal-leaf{opacity:.85}.lightbeams-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.lightbeams-shaft{position:absolute;transform-origin:top center;border-radius:45%;will-change:transform,opacity,filter}.lightbeams-dapple{position:absolute;inset:-40%;background:radial-gradient(circle at 18% 24%,rgba(255,246,216,.5) 0,transparent 9%),radial-gradient(circle at 42% 12%,rgba(255,238,206,.42) 0,transparent 7%),radial-gradient(circle at 68% 30%,rgba(255,244,214,.46) 0,transparent 8%),radial-gradient(circle at 84% 16%,rgba(255,240,210,.4) 0,transparent 6%),radial-gradient(circle at 30% 48%,rgba(255,246,216,.44) 0,transparent 7%),radial-gradient(circle at 58% 56%,rgba(255,238,206,.38) 0,transparent 6%),radial-gradient(circle at 76% 62%,rgba(255,244,214,.42) 0,transparent 7%);filter:url(#lb-wind) blur(5px);will-change:transform,filter}.lb-ray{position:absolute;transform-origin:top center;border-radius:45%;will-change:transform,opacity,filter}.lb-flare{position:absolute;border-radius:50%;will-change:transform,opacity,filter}.lb-source{position:absolute;border-radius:50%;will-change:opacity,filter}.fireflies-layer{position:fixed;inset:0;z-index:8000;pointer-events:none;opacity:0;transition:opacity .8s ease;mix-blend-mode:screen}.reveal-focus-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 38%,#00000080);will-change:opacity;pointer-events:none}.reveal-intense-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff3c2873,#aa0000eb);will-change:opacity;pointer-events:none}.rain-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.rain-streak{position:absolute;top:0;width:1.5px;border-radius:1px;background:linear-gradient(to bottom,#cddef000,#deeaf6a6,#f0f7fff2);will-change:transform,opacity;pointer-events:none}.rain-storm-tint{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#141c2800 32%,#0e142094)}.rain-storm-flash{position:fixed;inset:0;z-index:56;pointer-events:none;opacity:0;background:linear-gradient(180deg,#d8e6ffeb,#b8d0ff80);mix-blend-mode:screen;will-change:opacity}.rain-storm-bolts{position:fixed;inset:0;width:100%;height:100%;z-index:57;pointer-events:none;overflow:visible}.rain-window-layer{position:fixed;inset:0;z-index:58;pointer-events:none;overflow:hidden}.rain-window-streak{position:absolute;border-radius:2px;background:linear-gradient(to right,#fff0,#ffffff47 38%,#ffffff80,#ffffff47 62%,#fff0);backdrop-filter:blur(1.3px) saturate(.55);-webkit-backdrop-filter:blur(1.3px) saturate(.55);will-change:opacity}.rain-window-drop,.rain-window-runner{position:absolute;border-radius:48%/38% 38% 62% 62%;background:radial-gradient(ellipse 55% 40% at 50% 70%,#ffffff8c,#fff0 62%),#e1e8f00d;border:.75px solid rgba(255,255,255,.5);box-shadow:inset 0 1.5px 2px #00000038,inset 0 -1.5px 2px #ffffff47,0 1px 2px #0000002e;backdrop-filter:blur(1.9px) saturate(.45) brightness(1.03);-webkit-backdrop-filter:blur(1.9px) saturate(.45) brightness(1.03);will-change:transform,opacity,top}.rain-window-runner:before{content:"";position:absolute;left:50%;bottom:55%;transform:translate(-50%);width:36%;height:70px;border-radius:40%;background:linear-gradient(to top,#ffffff52,#fff0);backdrop-filter:blur(1px) saturate(.5);-webkit-backdrop-filter:blur(1px) saturate(.5)}.mist-fog{position:fixed;inset:0;z-index:54;pointer-events:none;overflow:hidden}.mist-veil,.mist-ground{position:absolute;inset:-16%;will-change:transform,opacity}.mist-veil{background:radial-gradient(ellipse 72% 52% at 50% 26%,rgba(212,223,234,.42) 0%,rgba(212,223,234,.12) 40%,transparent 62%),radial-gradient(ellipse 96% 32% at 50% 64%,rgba(206,218,230,.22) 0%,transparent 72%);filter:blur(26px)}.mist-ground{background:linear-gradient(to top,rgba(202,214,228,.66) 0%,rgba(202,214,228,.4) 13%,rgba(204,216,228,.14) 30%,transparent 46%);filter:blur(22px)}.mist-drizzle-layer{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}@media(prefers-reduced-motion:reduce){.backdrop-effect-entrance,.backdrop-effect-ambient,.rain-layer,.rain-storm-tint,.rain-storm-flash,.rain-storm-bolts,.rain-window-layer,.mist-fog,.mist-drizzle-layer{display:none}}.listen-pill{position:fixed;left:16px;bottom:16px;z-index:8500;font:13px/1 var(--font-d);color:var(--ink);background:#141418d1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;cursor:pointer;backdrop-filter:blur(6px)}.listen-pill:hover{background:#24242aeb}.listen-pill[hidden],.listen-bar[hidden]{display:none}.listen-bar{position:fixed;left:16px;bottom:16px;z-index:8500;display:flex;align-items:center;gap:10px;background:#141418e6;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 12px;color:#fff;backdrop-filter:blur(8px);font:12px/1 var(--font-d);max-width:min(92vw,560px)}.listen-bar button{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:5px 9px;cursor:pointer}.listen-bar .la-seek{flex:1;min-width:80px}.listen-bar .la-time{font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap}.speech-bubble:before{content:"";position:absolute;inset:-8px;border-radius:inherit;pointer-events:inherit}.bubble-zoom{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:6vw;background:#08080ac7;opacity:0;pointer-events:none;transition:opacity .2s ease}.bubble-zoom.is-open{opacity:1;pointer-events:auto}.bubble-zoom-card{max-width:min(90vw,34rem);max-height:80vh;overflow-y:auto;background:#fffdf7;color:#14110d;border-radius:18px;padding:clamp(18px,6vw,32px);box-shadow:0 18px 60px #00000080;transform:scale(.96);transition:transform .2s ease}.bubble-zoom.is-open .bubble-zoom-card{transform:scale(1)}.bubble-zoom-speaker{display:block;font:.8rem/1.2 var(--font-m);letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:.5em}.bubble-zoom-line{margin:0;font:clamp(1.25rem,5.2vw,1.82rem)/1.3 var(--font-l)}@media(prefers-reduced-motion:reduce){.bubble-zoom,.bubble-zoom-card{transition:none}}@container beatwrap (min-width: 880px){.beat:not(.beat-no-panels) .beat-stage{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:clamp(24px,3cqi,48px);row-gap:16px;justify-items:stretch}.beat:not(.beat-no-panels) .panel-area{grid-row:1;grid-column:1}.beat:not(.beat-no-panels) .narration-card.placement-above,.beat:not(.beat-no-panels) .narration-card.placement-below{grid-column:2;grid-row:1;align-self:center;margin-inline:auto;max-width:90%;max-height:100%;overflow:visible}.beat:not(.beat-no-panels) .beat-cta-stage{grid-column:1 / -1;grid-row:2}.beat:not(.beat-no-panels) .panel-area.single .subpanel{width:100%}.beat:not(.beat-no-panels) .panel-area.multi,.beat:not(.beat-no-panels) .panel-area.region,.beat:not(.beat-no-panels) .panel-area.gridfit{width:100%}}.beat-stage.canvas{display:block;--screen-w: min(100cqw, calc((100vh - 112px)*1.6) );width:var(--screen-w);max-width:none;height:calc(var(--screen-w) / 1.6);top:calc((100vh - var(--screen-w) / 1.6) / 2);padding:0}.beat-stage.canvas .bubble-body{font-size:1.259cqi;padding:.391cqi .859cqi}.beat-stage.canvas .speech-bubble{max-width:12.5cqi}.beat-stage.canvas .narration-card{font-size:1.016cqi}.beat-stage.canvas .bubble-outline{stroke-width:.172cqi}.beat-stage.canvas .panel-area{display:contents}.beat-stage.canvas .subpanel[data-canvas-desktop],.beat-stage.canvas .narration-card[data-canvas-desktop],.beat-stage.canvas .speech-bubble[data-canvas-desktop]{position:absolute;transform:translate(-50%,-50%)}.beat-stage.canvas .subpanel[data-canvas-desktop]{aspect-ratio:16 / 10}.canvas-camera{display:contents}.beat.beat-cinematic{height:100vh;padding:0}.cinematic-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.cinematic-poster{width:100%;height:100%;object-fit:contain}.cinematic-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 30px;border:1px solid var(--accent);background:#0000008c;color:var(--ink);font:400 22px/1 var(--font-d);text-transform:uppercase;letter-spacing:.2em;cursor:pointer}.cinematic-overlay{position:fixed;inset:0;z-index:9800;background:#000;display:none}.cinematic-overlay.is-open{display:block}.cinematic-overlay:focus{outline:none}.cinematic-overlay video{width:100%;height:100%;object-fit:contain;display:block}.cinematic-overlay .cinematic-play{display:none}.cinematic-overlay[data-phase=blocked] .cinematic-play,.cinematic-overlay[data-phase=paused] .cinematic-play{display:block}.cinematic-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));padding:10px 18px;border:1px solid rgba(239,231,218,.35);background:#00000073;color:var(--ink);font:400 16px/1 var(--font-d);text-transform:uppercase;letter-spacing:.2em;cursor:pointer}html.cinematic-lock{overflow:hidden}html.cinematic-lock .progress{visibility:hidden}@media(pointer:coarse){.beat.beat-cinematic,.cinematic-stage{height:100dvh}}.phone-strip{display:none}html.phone-read .phone-strip{display:block}html.phone-read main>section.beat{display:none}html.phone-read{scroll-snap-type:y mandatory;overflow:hidden;height:100%;overscroll-behavior:none;touch-action:pinch-zoom}html.phone-read body{touch-action:pinch-zoom}html.phone-read.phone-zoomed body{touch-action:auto}.phone-strip{position:relative;container-type:inline-size;user-select:none;-webkit-user-select:none}.pcard-img{-webkit-user-drag:none}.pcard{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:var(--card-h, 100svh);scroll-snap-align:start;scroll-snap-stop:always}.pcard-frame{width:100%;display:flex;flex-direction:column;justify-content:center;gap:3.6cqi;padding:15cqi 0 12cqi}.pzone{display:flex;flex-wrap:wrap;align-items:flex-end;gap:3cqi;padding:0 4.5cqi}.pzone-below{align-items:flex-start}.pzone:empty{display:none}.pcard-art{position:relative;z-index:1;transition:transform .25s ease;transform-origin:var(--zx, 50%) var(--zy, 50%)}.pcard-art.is-zoomed{transform:scale(var(--zoom, 2.2));z-index:3}.pcard-img{display:block;width:100%;height:auto;box-shadow:0 0 0 .5cqi #000}.pcard-art.border-none .pcard-img{box-shadow:none}.pcard-img.pcard-front{position:absolute;inset:0;height:100%;box-shadow:none;pointer-events:none}.pcard-art--video{background:#000}.pcard-standin{position:absolute;inset:0;display:grid;place-items:center;padding:6cqi;text-align:center;font:3.4cqi/1.5 var(--font-d);color:#c9c2b6}.pcard-title{margin:0;text-align:center;font:400 12cqi/1 var(--font-d);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.pc{position:relative;margin:0;color:#17110b;text-wrap:balance;transition:opacity .3s ease,visibility .3s}.pc-text{margin:0}.pc-cap{flex-basis:100%;padding:2cqi 2.67cqi;border:.3cqi solid #17110B;background:#f1e3c4;font:400 3.26cqi/1.25 var(--font-l);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 .6cqi 1.4cqi #00000080}.pc-bal{max-width:60%;isolation:isolate;filter:drop-shadow(0 .6cqi 1.2cqi rgba(0,0,0,.5))}.pc-bal:not(.pc-drawn){opacity:0}.pc.pc-wait,.pc.pc-past,.pcard-art.pic-wait{opacity:0;visibility:hidden}.pcard-art[data-pic-step]{transition:transform .25s ease,opacity .3s ease,visibility .3s}.pc-bal .bubble-body{font:3.72cqi/1.12 var(--font-l);letter-spacing:.01em;padding:1.3cqi 2.76cqi}.pc-bal .bubble-outline{stroke-width:.55cqi}.pc-bal.pc-r{margin-left:auto}.pc-bal.pc-c{margin-inline:auto}.pcard-pic{position:relative}.pcard-on-art{position:absolute;inset:0;z-index:2;pointer-events:none}.pcard-on-art .pc{position:absolute;left:var(--ux, var(--ax));top:var(--uy, var(--ay));transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px)));margin:0;pointer-events:auto}.pcard-on-art .pc-cap{width:var(--uw, 92%)}.pcard-on-art .pc-bal{width:var(--uw, max-content);max-width:var(--uw, 60%)}.pcard-on-art .pc.art-word{transform:translate(var(--dx, 0px),var(--dy, 0px));transition:opacity .3s ease,visibility .3s;font-size:calc(var(--word-up, var(--word-size)) * var(--pic-w, 100cqi) / 100)}.phone-side .pcard-on-art .pc.art-word{font-size:calc(var(--word-side, var(--word-size)) * var(--pic-w, 100cqi) / 100)}.phone-count{position:sticky;top:0;height:0;z-index:50;padding-right:5cqi;transform:translateY(52px);text-align:right;pointer-events:none;font:600 2.9cqi/1 var(--font-m);letter-spacing:.2em;color:#c9c2b6;text-shadow:0 1px 3px #000,0 0 6px #000}.pcard-hint{position:absolute;left:0;right:0;bottom:24cqi;text-align:center;pointer-events:none;font:600 2.8cqi/1 var(--font-m);letter-spacing:.24em;text-transform:uppercase;color:#45a8c4;animation:pcard-bob 1.8s ease-in-out infinite;width:fit-content;margin-inline:auto;padding:.55em .9em .5em 1.15em;background:#06090ddb}@keyframes pcard-bob{50%{transform:translateY(-1.4cqi)}}.pcard-dots{position:absolute;left:0;right:0;bottom:17cqi;display:flex;justify-content:center;gap:1.6cqi;pointer-events:none;z-index:4}.pcard-dots i{width:1.8cqi;height:1.8cqi;border-radius:50%;background:#efe7da73;box-shadow:0 0 0 .35cqi #06090dcc;transition:background .3s}.pcard-dots i.on{background:#45a8c4}.pcard .cinematic-play{font-size:6cqi;padding:3cqi 6cqi}.phone-full{position:fixed;left:12px;bottom:12px;z-index:9400;width:40px;height:40px;padding:0;border:1px solid rgba(239,231,218,.35);border-radius:999px;background:#0c0c0eb3;color:var(--ink);font:18px/1 var(--font-d);cursor:pointer}:is(html.phone-read,.pp-chrome) .chapter-header{padding:4px 10px}:is(html.phone-read,.pp-chrome) .header-logo{width:26px;height:26px}:is(html.phone-read,.pp-chrome) .logo-img{filter:drop-shadow(0 0 6px rgba(204,0,0,.8))}:is(html.phone-read,.pp-chrome) .header-back{gap:6px;padding:6px 10px 6px 8px;font-size:13px;line-height:1.2;letter-spacing:.1em}:is(html.phone-read,.pp-chrome) .back-to{display:none}:is(html.phone-read,.pp-chrome) .header-badge{font-size:10px;padding:3px 7px}.phone-side .pcard{height:var(--card-h, 100svh)}.phone-side .pcard{--words-top: 40px}.phone-side .pcard-frame{position:relative;display:block;padding:0;width:min(100%,calc(var(--card-h, 100svh) * var(--ar)));aspect-ratio:var(--ar)}.phone-side .pzone{display:contents}.phone-side .pcard-pic,.phone-side .pcard-art{position:absolute;inset:0}.phone-side .pcard-img{width:100%;height:100%;object-fit:contain}.phone-side .pc{position:absolute;left:var(--ax);top:var(--ay);transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px)));z-index:2;margin:0}.phone-side .pc-cap{width:var(--aw, 30%);padding:.84cqi 1.17cqi;border-width:.15cqi;font-size:1.42cqi}.phone-side .pc-bal{width:max-content;max-width:28%}.phone-side .pc-bal .bubble-body{font-size:1.73cqi;padding:.61cqi 1.3cqi}.phone-side .pc-bal .bubble-outline{stroke-width:.26cqi}.phone-side .pc.pc-sp{left:var(--sx);top:var(--sy)}.phone-side .pc-cap.pc-sp{width:var(--sw, 40%)}.phone-side .pc-bal.pc-sp{width:var(--sw, max-content);max-width:var(--sw, 28%)}.phone-side .pcard-hint,.phone-side .phone-count{font-size:1.4cqi}:is(html.phone-read.phone-side,.pp-chrome.pp-side) .header-logo{visibility:hidden}:is(html.phone-read.phone-side,.pp-chrome.pp-side) .header-logo:after{animation:none}.phone-side .pcard-hint{bottom:7cqi}.phone-side .pcard-dots{bottom:2.2cqi;gap:.8cqi}.phone-side .pcard-dots i{width:.9cqi;height:.9cqi;box-shadow:0 0 0 .18cqi #06090dcc}.phone-side .pcard .cinematic-play{font-size:3cqi;padding:1.4cqi 3cqi}.pcard--stack .pcard-frame{padding-bottom:21cqi;gap:3cqi}.pcard--stack .pcard-pic{display:flex;flex-direction:column;gap:3cqi}.pcard--stack .pcard-picbox{position:relative;width:var(--stack-w, 100%);margin:0 auto}.phone-side .pcard--stack .pcard-frame{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.2cqi;width:100%;height:100%;padding:0 1.2cqi;aspect-ratio:auto}.phone-side .pcard--stack .pcard-pic{position:relative;inset:auto;display:block;margin:0;width:min(calc(50% - .6cqi),calc(var(--card-h, 100svh) * var(--ar, 1.7778)));aspect-ratio:var(--ar, 1.7778)}.phone-side .pcard--stack .pcard-picbox,.phone-side .pcard--stack .pcard-art{position:absolute;inset:0}.phone-side .pcard--stack .pc-cap{width:calc(var(--aw, 30%) * 2)}.phone-side .pcard--stack .pc-cap.pc-sp{width:calc(var(--sw, 40%) * 2)}.phone-side .pcard--stack .pc-bal{max-width:56%}.phone-side .pcard--stack .pc-bal.pc-sp{--sw2: calc(var(--sw) * 2);width:var(--sw2, max-content);max-width:var(--sw2, 56%)}html.phone-side .phone-count,html.phone-side .phone-full,html.phone-side .audio-pill{transition:opacity .5s ease}html.phone-side.phone-quiet .phone-count,html.phone-side.phone-quiet .phone-full,html.phone-side.phone-quiet .audio-pill{opacity:0;pointer-events:none}html.phone-side .phone-full{left:max(12px,calc(var(--band, 0px) / 2 - 20px))}html.phone-side .audio-pill{right:max(22px,calc(var(--band, 0px) / 2 - 24px))}html.phone-side .phone-count{padding-right:max(5cqi,calc(var(--band, 0px) / 2 - 2em))}@media(prefers-reduced-motion:reduce){.pcard-hint{animation:none}.pcard-art{transition:none}}.subpanel:is(.border-ink,.border-heavy,.border-jagged,.border-torn,.border-soft,.border-bleed,.border-glow,.border-glow-soft){background:none;padding:0;box-shadow:none;border-radius:0}.subpanel-frame{width:100%;height:100%}.acc-frame,.pcard-clip{position:relative}.phone-side .pcard-clip{position:absolute;inset:0}.pcard-art.acc-frame .pcard-img{box-shadow:none}.acc-frame.border-ink{filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.acc-frame.border-ink:after{content:"";position:absolute;inset:-1.5px;z-index:2;pointer-events:none;border:4px solid #0E0B08;box-shadow:0 0 0 1.6px #efe7da;filter:url(#acc-frame-rough)}html.phone-read .pcard .acc-frame:is(.border-ink,.border-jagged,.has-shape.border-heavy,.has-shape.border-glow,.has-shape.border-glow-soft):not(.is-zoomed){will-change:transform}.acc-frame.border-heavy{box-shadow:0 0 0 14px #0e0b08,0 0 0 17px #efe7da,16px 18px 0 6px #000}.acc-frame.border-jagged{filter:drop-shadow(3px 0 0 #0E0B08) drop-shadow(-3px 0 0 #0E0B08) drop-shadow(0 3px 0 #0E0B08) drop-shadow(0 -3px 0 #0E0B08) drop-shadow(0 0 1.5px #EFE7DA) drop-shadow(0 10px 14px rgba(0,0,0,.55))}.acc-frame.border-jagged .acc-frame-pic,.acc-frame.border-torn .acc-frame-pic{clip-path:var(--frame-clip, none)}.acc-frame.border-torn{rotate:var(--frame-tilt, 0deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.acc-frame.border-torn:before{content:"";position:absolute;inset:-5px;z-index:-1;background:#efe4cf;clip-path:var(--frame-paper, none)}.acc-frame.border-soft .acc-frame-pic{-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 87%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 87%,transparent);mask-composite:intersect}.subpanel-frame.border-bleed{box-shadow:0 0 0 2px #0e0b08}.acc-frame.border-glow{box-shadow:0 0 0 1.6px #f6ecff,0 0 16px 3px #b060ffb3,0 0 56px #b060ff73}.acc-frame.border-glow-soft{box-shadow:0 0 6px 1px #c88cffe6,0 0 24px 5px #b060ff99,0 0 70px #b060ff61}.acc-frame:is(.border-glow,.border-glow-soft):after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;animation:frame-glow 3.4s ease-in-out infinite}.acc-frame.border-glow:after{box-shadow:0 0 0 1.6px #fff,0 0 22px 5px #be78ff80,0 0 80px #b060ff2e}.acc-frame.border-glow-soft:after{box-shadow:0 0 8px 2px #d7a0ff99,0 0 32px 8px #be78ff40,0 0 96px #b060ff30}@keyframes frame-glow{50%{opacity:.999}}.pcard-pic--framed{margin-inline:4%}.pcard-art.border-heavy{box-shadow:0 0 0 8px #0e0b08,0 0 0 10px #efe7da,9px 10px 0 3px #000}.pcard--stack .pcard-picbox--framed{width:calc(var(--stack-w, 100%) * .92)}.phone-side .pcard-pic--framed{margin-inline:0}.phone-side .pcard--stack .pcard-picbox--framed{width:auto}.pcard-art.has-shape{aspect-ratio:var(--ar);box-shadow:none}.pcard-art.has-shape .pcard-clip{position:absolute;inset:0;overflow:hidden;container-type:size}.pcard-art.has-shape .pcard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--crop-x) var(--crop-y);transform-origin:var(--crop-x) var(--crop-y);transform:scale(var(--crop-zoom))}.pcard-art.has-shape .pcard-img[data-pa]{left:var(--crop-x);top:var(--crop-y);width:max(100cqw,100cqh * var(--pa));height:max(100cqh,100cqw / var(--pa));transform:translate(calc(-1 * var(--crop-x)),calc(-1 * var(--crop-y))) scale(var(--crop-zoom))}.pcard-art.has-shape .pcard-img:not(.pcard-front)[data-pa]{box-shadow:0 0 0 clamp(0px,(1 - var(--crop-zoom)) * 100000px,100vmax / var(--crop-zoom)) #0e0b08}.pcard-art.has-shape>:is(.frame-under,.frame-over){position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}@media(prefers-reduced-motion:reduce){.acc-frame:is(.border-glow,.border-glow-soft):after{animation:none}}.subpanel.has-shape{background:none;border-color:transparent;box-shadow:none}.subpanel.has-shape:before{display:none}.acc-frame.has-shape{box-shadow:none}.acc-frame.has-shape:after{display:none}.acc-frame.has-shape .acc-frame-pic{clip-path:var(--shape-clip)}.acc-frame.has-shape:is(.border-jagged,.border-torn) .acc-frame-pic{clip-path:var(--frame-clip, var(--shape-clip))}.acc-frame.has-shape>:is(.frame-under,.frame-over){position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.acc-frame.has-shape>.frame-over{z-index:2}.acc-frame.has-shape>.shape-pins{position:absolute;inset:0;z-index:1;clip-path:var(--shape-clip);pointer-events:none}.acc-frame.has-shape>.shape-pins>*{pointer-events:auto}.subpanel-frame.has-shape:is(.border-default,.border-emotional){filter:drop-shadow(1px 2px 0 #1a1a1a) drop-shadow(0 8px 14px rgba(0,0,0,.45))}.acc-frame.has-shape.border-heavy{filter:drop-shadow(16px 18px 0 #000)}.pcard-art.has-shape.border-heavy{filter:drop-shadow(9px 10px 0 #000)}.acc-frame.has-shape.border-soft .acc-frame-pic{-webkit-mask-image:var(--shape-mask, none);-webkit-mask-size:100% 100%;-webkit-mask-composite:source-over;mask-image:var(--shape-mask, none);mask-size:100% 100%;mask-composite:add}.acc-frame.has-shape.border-glow{filter:drop-shadow(0 0 16px rgba(176,96,255,.7)) drop-shadow(0 0 56px rgba(176,96,255,.45));animation:frame-glow-shape 3.4s ease-in-out infinite}.acc-frame.has-shape.border-glow-soft{filter:drop-shadow(0 0 6px rgba(200,140,255,.9)) drop-shadow(0 0 24px rgba(176,96,255,.6)) drop-shadow(0 0 70px rgba(176,96,255,.38));animation:frame-glow-soft-shape 3.4s ease-in-out infinite}@keyframes frame-glow-shape{50%{filter:drop-shadow(0 0 22px rgba(190,120,255,.85)) drop-shadow(0 0 80px rgba(176,96,255,.55))}}@keyframes frame-glow-soft-shape{50%{filter:drop-shadow(0 0 8px rgba(215,160,255,1)) drop-shadow(0 0 32px rgba(190,120,255,.75)) drop-shadow(0 0 96px rgba(176,96,255,.5))}}@media(prefers-reduced-motion:reduce){.acc-frame.has-shape:is(.border-glow,.border-glow-soft){animation:none}}html.phone-read .pcard:not([data-shown]) .acc-frame:after,html.phone-read .pcard:not([data-shown]) .acc-frame.has-shape,html.phone-read .pcard:not([data-shown]) .art-word>.lit,html.phone-read .pcard:not([data-shown]) :is(.opening-hint,.pcard-hint){animation-play-state:paused}.bubble-ink{fill:none;stroke:#17110b;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.bubble-paper{fill:#efe7da;stroke:none}.beat-stage.canvas .bubble-ink{stroke-width:.172cqi}.pc-bal .bubble-ink{stroke-width:.55cqi}.phone-side .pc-bal .bubble-ink{stroke-width:.26cqi}.bubble-line.size-sm{--ts: .82}.bubble-line.size-lg{--ts: 1.3}.bubble-line.size-xl{--ts: 1.65}[data-balloon=shout]>*>.bubble-line{font-size:calc(1.2258em * var(--ts, 1));text-transform:uppercase;letter-spacing:.03em;-webkit-text-stroke:.026em #17110B}[data-balloon=whisper]>*>.bubble-line{font-size:calc(.871em * var(--ts, 1));color:#5d5248}.speech-bubble[data-balloon=shout]{max-width:min(54.5cqw,190px)}.beat-stage.canvas .speech-bubble[data-balloon=shout]{max-width:14.84cqi}[data-balloon=whisper]>svg .bubble-ink{stroke-linecap:butt}.pc-bal[data-balloon=shout]{max-width:40%;margin-inline:auto;margin-block:5.4cqi}.pcard-on-art .pc-bal[data-balloon=shout]{max-width:min(var(--uw, 40%),40%);margin:0}.phone-side .pc-bal[data-balloon=shout]{max-width:18.5%;margin:0}.phone-side .pc-bal.pc-sp[data-balloon=shout]{max-width:min(var(--sw, 18.5%),18.5%)}.phone-side .pcard--stack .pc-bal[data-balloon=shout]{max-width:37%}.phone-side .pcard--stack .pc-bal.pc-sp[data-balloon=shout]{max-width:min(var(--sw2, 37%),37%)}.speech-bubble[data-joined=first]{z-index:31}.speech-bubble[data-chain-step="1"]{z-index:30}.speech-bubble[data-chain-step="2"]{z-index:29}.speech-bubble[data-chain-step]:where(:not([data-chain-step="1"],[data-chain-step="2"])){z-index:28}.pc-bal[data-joined=first]{z-index:3}.pc-bal[data-chain-step="1"]{z-index:2}.pc-bal[data-chain-step]:where(:not([data-chain-step="1"])){z-index:1}.phone-side .pc-bal[data-joined=first]{z-index:4}.phone-side .pc-bal[data-chain-step="1"]{z-index:3}.phone-side .pc-bal[data-chain-step]:where(:not([data-chain-step="1"])){z-index:2}.narration-text.size-sm{--ts: .82}.narration-text.size-lg{--ts: 1.3}.narration-text.size-xl{--ts: 1.65}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption]{background:none;border:0;border-radius:0;box-shadow:none;padding:0}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption]>:is(.narration-text,.pc-text){margin:0}:is(.narration-card,.pc-cap,.cp-thumb)>:is(.narration-text,.pc-text){font-size:calc(1.16em * var(--ts, 1))}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=strip]{background:#f1e3c4;border-bottom:.154em solid #17110B;box-shadow:0 .23em .615em #0006;padding:.54em 1.08em}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=torn]{rotate:var(--cap-tilt, 0deg);filter:drop-shadow(0 .308em .462em rgba(0,0,0,.6))}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=torn]>:is(.narration-text,.pc-text){background:#f3ead6;padding:1.077em 1.231em .923em;clip-path:var(--frame-clip, none)}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=torn]:before{content:"";position:absolute;z-index:1;left:50%;top:-.54em;width:4.15em;height:1.23em;translate:-50% 0;rotate:3deg;background:#e8dec4b8;box-shadow:0 0 0 .046em #00000014;pointer-events:none}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=tag]{text-align:left}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=tag]>:is(.narration-text,.pc-text){display:inline-block;padding:.25em .6em .2em .55em;background:#17110b;border-left:.2em solid #CC0000;box-shadow:0 .15em .5em #0000008c;font:400 calc(1.538em * var(--ts, 1))/1 var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:#f1e3c4}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=voice]{background:var(--voice-paper, #EFE7DA);border:max(1px,.092em) solid var(--voice, #17110B);box-shadow:0 .12em .35em #00000080;padding:.5em .75em}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=voice]>.cap-tab{position:absolute;left:calc(-1*max(1px,.0613em));bottom:100%;padding:.154em .615em .077em;white-space:nowrap;background:var(--voice, #17110B);color:var(--voice-paper, #EFE7DA);font:400 1.5em/1.1 var(--font-d);letter-spacing:.12em;text-transform:uppercase}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=storybook]{background:linear-gradient(180deg,#f7e9cb,#efd9ac);border:max(1px,.123em) solid #6C4830;border-radius:.54em;padding:.6em .85em;box-shadow:0 0 1.69em #f5a62347,0 .23em .69em #00000080}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=storybook]>:is(.narration-text,.pc-text){font:400 calc(1.249em * var(--ts, 1))/1.35 var(--font-l);color:#3c2418;text-transform:none;letter-spacing:normal}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=dossier]>:is(.narration-text,.pc-text){padding:.846em 1.077em .769em;background:#0f151bed;border:max(1px,.077em) solid rgba(135,148,158,.5);clip-path:polygon(0 0,calc(100% - .923em) 0,100% .923em,100% 100%,0 100%);font:400 calc(.962em * var(--ts, 1))/1.45 var(--font-m);text-transform:uppercase;letter-spacing:.06em;color:#efe7da}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=dossier]:before{content:"";position:absolute;z-index:1;left:0;top:0;width:2em;height:.23em;background:#c00;pointer-events:none}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=typed]{rotate:var(--cap-tilt, 0deg);padding:.769em 1.077em .769em 1.692em;box-shadow:0 .23em .69em #00000080;background:#f4eee1 linear-gradient(90deg,transparent .923em,rgba(204,0,0,.55) .923em,rgba(204,0,0,.55) 1.015em,transparent 1.015em)}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=typed]>:is(.narration-text,.pc-text){font:400 calc(1.038em * var(--ts, 1))/1.4 "Special Elite","Courier New",monospace;color:#1d1a16;text-transform:none;letter-spacing:normal}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=subtitle]{padding:1.077em 12%;text-align:center;background:linear-gradient(180deg,transparent,rgba(5,4,3,.62) 30%,rgba(5,4,3,.62) 70%,transparent)}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=subtitle]>:is(.narration-text,.pc-text){font:400 calc(1.339em * var(--ts, 1))/1.35 var(--font-l);color:#efe7da;text-transform:none;letter-spacing:normal;text-shadow:0 .077em .23em #000}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=burnt]{filter:drop-shadow(0 0 .69em rgba(245,166,35,.45)) drop-shadow(0 .23em .46em rgba(0,0,0,.6))}:is(.narration-card,.pc-cap,.cp-thumb)[data-caption=burnt]>:is(.narration-text,.pc-text){padding:1em 1.231em;clip-path:var(--frame-clip, none);color:#17110b;background:radial-gradient(ellipse at center,#eeddb9 45%,#d9b985 72%,#8a5a2c 92%,#3c2418)}:is(.narration-card,.pc-cap)[data-caption=strip],:is(.narration-card,.pc-cap)[data-caption=subtitle]{position:absolute;z-index:1;left:0;right:0;width:auto;max-width:none;transform:none;margin:0}:is(.narration-card,.pc-cap)[data-caption=strip]{top:0}:is(.narration-card,.pc-cap)[data-caption=subtitle]{top:auto;bottom:6%}.pcard-on-art .pc-cap:is([data-caption=strip],[data-caption=subtitle]){left:0;width:auto;transform:none}.pcard-on-art .pc-cap[data-caption=strip]{top:0}.pcard-on-art .pc-cap[data-caption=subtitle]{top:auto}.beat-stage.canvas .subpanel{font-size:1.016cqi}.beat-stage.canvas .subpanel .narration-card{font-size:inherit}.art-word{position:absolute;translate:-50% -50%;rotate:var(--word-tilt, 0deg);font-size:calc(var(--word-size) * var(--pic-w, 860px) / 100);white-space:nowrap;text-transform:uppercase;line-height:.9;pointer-events:none;transition:opacity .4s ease}.art-word>span{display:block}.art-word>.front{position:absolute;inset:0}.art-word[data-word=stamped]{font-family:Oswald,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.01em}.art-word[data-word=stamped]>.back{color:#efe7da;-webkit-text-stroke:.094em #EFE7DA;filter:drop-shadow(.0625em .0625em 0 #0A0A0A)}.art-word[data-word=stamped]>.front{color:#c00;-webkit-text-stroke:.0125em #8f0000;filter:url(#worn)}.art-word[data-word=ember]{font-family:Oswald,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.02em}.art-word[data-word=ember]>.back{color:#f5a623;-webkit-text-stroke:.052em #7a0000;text-shadow:0 0 .104em #F5A623,0 0 .271em #CC0000,0 0 .583em rgba(204,0,0,.7)}.art-word[data-word=ember]>:is(.front,.lit){background:linear-gradient(180deg,#fff6d8 10%,#ffd37a,#f5a623 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.art-word>.lit{display:none}.art-word[data-word=ember]>.lit{display:block;position:absolute;inset:0;filter:brightness(1.18);opacity:0;animation:word-breathe 4.2s ease-in-out infinite}@keyframes word-breathe{50%{opacity:.999}}.art-word[data-word=readout]{font-family:Oswald,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.14em}.art-word[data-word=readout]>.back{color:#0f151bc7;-webkit-text-stroke:.041em #8FD8DE;filter:drop-shadow(0 0 .103em #45A8C4) drop-shadow(0 0 .256em rgba(69,168,196,.55))}.art-word[data-word=readout]>.front{color:#8fd8de;clip-path:inset(47% 0 45% 0);transform:translate(.09em);opacity:.85}.art-word[data-word^=screen-]{font-family:Share Tech Mono,Consolas,monospace;font-weight:400;line-height:1;letter-spacing:.32em}.art-word[data-word^=screen-]>.back{padding:.231em .385em .231em .615em;border:max(1px,.058em) solid var(--screen-line);background:var(--screen-fill);color:var(--screen-ink);text-shadow:0 0 .231em rgb(var(--screen-glow)),0 0 .615em rgb(var(--screen-glow));box-shadow:0 0 .538em rgba(var(--screen-glow),.55),inset 0 0 .462em rgba(var(--screen-glow),.35);animation:word-blink 1.6s steps(1) infinite}.art-word[data-word^=screen-]>.front{display:none}.art-word[data-word=screen-red]{--screen-ink: #ffd9d4;--screen-fill: rgba(60, 4, 8, .62);--screen-line: rgba(255, 70, 60, .85);--screen-glow: 255, 59, 48}.art-word[data-word=screen-blue]{--screen-ink: #dff6f8;--screen-fill: rgba(15, 21, 27, .66);--screen-line: rgba(143, 216, 222, .85);--screen-glow: 69, 168, 196}.art-word[data-word=screen-amber]{--screen-ink: #fff3d6;--screen-fill: rgba(40, 22, 4, .64);--screen-line: rgba(255, 211, 122, .85);--screen-glow: 245, 166, 35}@keyframes word-blink{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.art-word[data-word=ember]>.lit,.art-word[data-word^=screen-]>.back{animation:none}}.subpanel-words{position:absolute;inset:0;padding:inherit;box-sizing:border-box;z-index:7;pointer-events:none}.subpanel-words-box{position:relative;width:100%;height:100%}.meteor-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.meteor-layer:not([data-meteors]){display:none}.beat-stage>.meteor-screen{z-index:20}.pcard>.meteor-screen{z-index:1}.pcard:has(>.meteor-screen[data-meteors]) :is(.pzone,.pcard-on-art,.pcard-title,.beat-cta-link){position:relative;z-index:2}.pcard:has(>.meteor-screen[data-meteors]) .pcard-on-art{position:absolute}.beat-title-stage:has(>.meteor-layer) :is(.title-logo,.title-text){position:relative;z-index:2}.story-effect-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.story-effect-layer:not([data-story-effects]){display:none}.beat-stage>.story-effect-screen{z-index:20}.pcard>.story-effect-screen{z-index:1}.pcard:has(>.story-effect-screen[data-story-effects]) :is(.pzone,.pcard-on-art,.pcard-title,.beat-cta-link){position:relative;z-index:2}.pcard:has(>.story-effect-screen[data-story-effects]) .pcard-on-art{position:absolute}.beat-title-stage:has(>.story-effect-layer) :is(.title-logo,.title-text){position:relative;z-index:2}