:root{--ink:#11172b;--muted:#51586f;--glass:#ffffffa8;--glass-strong:#ffffffd6;--glass-border:#ffffff94;--shadow:0 1.6rem 4rem #11172b3d, inset 0 1px 0 #ffffffbf;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 6%,#80d7ffd1,#0000 24rem),radial-gradient(circle at 86% 14%,#b877ffb8,#0000 25rem),radial-gradient(circle at 48% 92%,#ffde60ad,#0000 23rem),linear-gradient(145deg,#eef7ff 0%,#f6f2ff 42%,#fff8de 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}img{max-width:100%;display:block}h1,h2,p{margin:0}.app-shell{min-height:100vh;padding:1rem;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{pointer-events:none;content:"";position:fixed;inset:0}.app-shell:before{z-index:-2;filter:blur(10px);background:radial-gradient(circle at 18% 20%,#ffffffb8,#0000 12rem),radial-gradient(circle at 80% 36%,#73cdff6b,#0000 16rem),radial-gradient(circle at 22% 78%,#a46eff57,#0000 16rem)}.app-shell:after{z-index:-1;background:linear-gradient(115deg,#ffffff94,#0000 24% 72%,#ffffff5c),radial-gradient(circle at 50% 0,#ffffff7a,#0000 36rem)}.scroll-sparks{z-index:0;pointer-events:none;position:fixed;inset:0}.scroll-bubble{width:var(--size);height:var(--size);background:linear-gradient(145deg, #ffffff6b, #ffffff14), radial-gradient(circle at 70% 76%, var(--glow), transparent 66%), #ffffff38;color:#0000;opacity:var(--opacity);-webkit-backdrop-filter:blur(18px)saturate(1.35);animation:bubble-float var(--duration) ease-in-out infinite alternate, bubble-drift linear both;border:1px solid #ffffff94;border-radius:50%;font-size:0;animation-timeline:auto,scroll(root);position:absolute;box-shadow:0 1.2rem 3rem #11172b24,inset 0 1px #ffffffdb,inset -.8rem -1rem 2rem #fff3}.scroll-bubble--one{--duration:9s;--glow:#80d7ff94;--opacity:.72;--size:6.5rem;top:9%;left:-2.2rem}.scroll-bubble--two{--duration:12s;--glow:#b877ff8c;--opacity:.62;--size:4rem;animation-delay:-2s;top:24%;right:1.1rem}.scroll-bubble--three{--duration:10s;--glow:#ffde6094;--opacity:.66;--size:5.2rem;animation-delay:-4s;top:48%;left:.2rem}.scroll-bubble--four{--duration:14s;--glow:#ff9fd180;--opacity:.52;--size:8.2rem;animation-delay:-6s;bottom:18%;right:-3.6rem}.scroll-bubble--five{--duration:11s;--glow:#aee9ff80;--opacity:.5;--size:3rem;animation-delay:-3s;top:68%;right:18%}.scroll-bubble--six{--duration:15s;--glow:#ffde606b;--opacity:.46;--size:10rem;animation-delay:-8s;bottom:-4.2rem;left:18%}.comic-hero,.continuous-comic,.final-callout{isolation:isolate;z-index:1;border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffffdb, #ffffff85), var(--glass);width:min(100%,29rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35);border-radius:2rem;margin-inline:auto;position:relative;overflow:hidden}.comic-hero:before,.continuous-comic:before,.final-callout:before{z-index:0;border-radius:inherit;pointer-events:none;content:"";opacity:.62;background:linear-gradient(135deg,#ffffffc7,#0000 30%),radial-gradient(circle at 82% 12%,#ffffff94,#0000 15rem);position:absolute;inset:1px}.comic-hero>*,.continuous-comic>*,.final-callout>*{z-index:1;position:relative}.comic-hero{gap:1rem;padding:1rem;display:grid}.comic-hero__copy{gap:.85rem;display:grid}.comic-hero__kicker,.final-callout span,.frame-popup span{width:fit-content;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);background:#ffde3bbd;border:1px solid #ffffffb8;border-radius:999px;padding:.35rem .7rem;font-size:.74rem;font-weight:950;line-height:1;box-shadow:0 .8rem 1.7rem #ffbe2838,inset 0 1px #ffffffb8}h1,h2{letter-spacing:-.055em;font-weight:1000;line-height:.94}h1{text-transform:uppercase;text-shadow:0 .08em #ffde3bc7,0 .55rem 1.6rem #6348a047;text-wrap:balance;max-width:100%;font-size:clamp(2.55rem,12.5vw,6.4rem)}.comic-hero p,.final-callout p{color:var(--muted);font-size:clamp(1rem,3.5vw,1.18rem);font-weight:750;line-height:1.55}.comic-hero__poster{background:#28a4ff;border:1px solid #ffffffa3;border-radius:1.55rem;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 1rem 2.5rem #23305a38}.comic-hero__poster img{object-fit:cover;object-position:center;width:100%;height:21rem}.final-callout h2{font-size:clamp(2rem,9vw,4rem)}.continuous-comic{border-radius:2rem;gap:0;margin-top:1.3rem;padding:.45rem;display:grid}.comic-frame{aspect-ratio:9/16;background:#ffffff7a;min-height:0;scroll-margin-top:1rem;animation:linear both frame-rise;animation-timeline:view();animation-range:entry cover 38%;position:relative;overflow:hidden}.comic-frame:first-child{border-radius:1.55rem 1.55rem 0 0}.comic-frame:last-child{border-radius:0 0 1.55rem 1.55rem}.comic-frame+.comic-frame{border-top:1px solid #ffffff85;margin-top:-1px}.comic-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.comic-frame:after{pointer-events:none;content:"";background:linear-gradient(#11172b2e,#0000 24% 62%,#11172b47),linear-gradient(90deg,#fff3,#0000 22% 78%,#ffffff2e);position:absolute;inset:0}.frame-popup{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffffdb,#ffffff94),#ffffffb3;border:1px solid #ffffff9e;border-radius:1.25rem;gap:.45rem;max-width:min(78%,22rem);padding:.78rem;animation:linear both popup-drift;animation-timeline:view();animation-range:entry 5% cover 40%;display:grid;position:absolute;box-shadow:0 1rem 2.5rem #11172b33,inset 0 1px #ffffffd1}.frame-popup--top-left{top:1rem;left:1rem}.frame-popup--top-right{top:1rem;right:1rem}.frame-popup--bottom-left{bottom:1rem;left:1rem}.frame-popup--bottom-right{bottom:1rem;right:1rem}.frame-popup--center{max-width:min(86%,24rem);top:50%;left:50%;transform:translate(-50%,-50%)}.frame-popup--upper-center{max-width:min(86%,24rem);top:12%;left:50%;transform:translate(-50%)}.frame-popup h2{letter-spacing:-.04em;font-size:clamp(1.25rem,6vw,2rem)}.frame-popup p{color:var(--ink);font-size:clamp(.9rem,3.4vw,1.05rem);font-weight:820;line-height:1.35}.frame-popup strong{font-weight:1000}.final-callout{color:#fff;background:radial-gradient(circle at 100% 0,#80d7ff4d,#0000 13rem),radial-gradient(circle at 0 100%,#ffde3b33,#0000 12rem),linear-gradient(145deg,#11172beb,#2d2247c7);border-color:#ffffff4d;gap:1rem;margin-top:1.4rem;margin-bottom:1.4rem;padding:1.2rem;display:grid}.final-callout h2,.final-callout p{color:#fff}.final-callout p{text-shadow:0 2px #11172bb3}.restart-link{width:fit-content;color:var(--ink);-webkit-backdrop-filter:blur(12px);background:#ffde3bd6;border:1px solid #ffffffb8;border-radius:999px;padding:.75rem 1rem;font-size:.95rem;font-weight:1000;text-decoration:none;transition:box-shadow .18s,transform .18s;box-shadow:0 1rem 2rem #0000002e,inset 0 1px #ffffffbf}.restart-link:hover,.restart-link:focus-visible{transform:translateY(-2px);box-shadow:0 1.2rem 2.4rem #00000038,inset 0 1px #ffffffd1}@keyframes frame-rise{0%{transform:translateY(1.5rem)scale(.992)}to{transform:translate(0,0)scale(1)}}@keyframes popup-drift{0%{opacity:.88;translate:0 .9rem}to{opacity:1;translate:0}}@keyframes bubble-float{0%{translate:0 -.8rem;scale:.96}to{translate:.65rem .9rem;scale:1.04}}@keyframes bubble-drift{0%{transform:translateY(-8vh)rotate(-8deg)}to{transform:translateY(36vh)rotate(12deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=48rem){.app-shell{padding:2rem}.comic-hero,.continuous-comic,.final-callout{width:min(100%,66rem)}.comic-hero{grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr);align-items:center;padding:1.4rem}h1{max-width:8ch;font-size:clamp(3.6rem,6.6vw,5.8rem)}.comic-hero__poster img{height:30rem}.final-callout{padding:1.6rem}.continuous-comic{width:min(100%,36rem);padding:.65rem}.frame-popup{padding:.95rem}}@media (width>=76rem){.app-shell{padding:3rem 4rem}.comic-hero{grid-template-columns:minmax(26rem,.95fr) minmax(26rem,1.05fr);gap:2rem;width:min(100%,72rem);padding:1.8rem}.comic-hero h1{max-width:7.4ch;font-size:clamp(4.5rem,5.4vw,5.9rem)}.comic-hero__copy{gap:1.1rem}.comic-hero p{max-width:32rem;font-size:1.15rem}.comic-hero__poster img{height:34rem}.continuous-comic{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,56rem);margin-top:2rem;padding:.55rem}.comic-frame,.comic-frame:first-child,.comic-frame:last-child{border-radius:1.35rem}.comic-frame+.comic-frame{border-top:0;margin-top:0}.frame-popup{max-width:min(70%,23rem);padding:1rem}.frame-popup h2{font-size:clamp(1.6rem,2.2vw,2.25rem)}.frame-popup p{font-size:1.02rem}.final-callout{width:min(100%,52rem);padding:2rem}.scroll-bubble--one{--size:9rem;left:6%}.scroll-bubble--two{--size:6rem;right:10%}.scroll-bubble--three{--size:7rem;left:13%}.scroll-bubble--four{--size:12rem;right:6%}.scroll-bubble--five{--size:4.2rem;right:27%}.scroll-bubble--six{--size:14rem;left:8%}}@media (width>=100rem){.comic-hero{width:min(100%,82rem)}.comic-hero h1{max-width:8ch;font-size:clamp(5rem,5vw,6.4rem)}.continuous-comic{width:min(100%,64rem)}.comic-hero__poster img{height:38rem}}