/* One presentation layer. No sizes, grid tracks, page copy or character hit paths change. */
body.impact-mode{--impact-slam:cubic-bezier(.16,1.35,.3,1)}
.impact-mode #main.enter .hero-copy,.impact-mode #main.enter .art,.impact-mode #main.enter .v2-title-make,.impact-mode #main.enter .v2-title-your,.impact-mode #main.enter .v2-title-own,.impact-mode #main.enter .hero-cut,.impact-mode #main.enter .frost-character-body,.impact-mode #main.enter .frost-character-front,.impact-mode #main .moment-type,.impact-mode #main .chapter-giant,.impact-mode #main .moment-type span,.impact-mode #main .project,.impact-mode #main .note{animation:none!important}
.impact-mode #main .reveal{opacity:1!important;transform:none!important;transition:none!important}
.impact-mode #main .chapter-title,.impact-mode #main .section-head,.impact-mode #main .project,.impact-mode #main .note{transform-origin:50% 35%}
.impact-mode #main .chapter-title h1,.impact-mode #main .section-head h2{text-shadow:4px 4px 0 var(--red),8px 8px 0 var(--black);paint-order:stroke fill;-webkit-text-stroke:1px currentColor}
.impact-mode #main .moment-type>span:nth-child(2){paint-order:stroke fill;-webkit-text-stroke:1.2px currentColor;text-shadow:5px 4px 0 var(--red)}
.impact-mode #main .section{position:relative;isolation:isolate}
.impact-mode #main .section:after{content:'';position:absolute;right:0;top:0;width:30%;height:min(44vw,330px);pointer-events:none;z-index:-1;background-image:radial-gradient(currentColor .9px,transparent 1.2px),repeating-linear-gradient(125deg,transparent 0 15px,currentColor 15px 17px,transparent 17px 30px);background-size:8px 8px,100% 100%;opacity:.09;clip-path:polygon(30% 0,100% 0,100% 100%,0 70%)}
.impact-mode #main .chapter-title:after{content:'';position:absolute;right:3%;bottom:6%;width:clamp(45px,8vw,110px);aspect-ratio:1;pointer-events:none;background:var(--red);clip-path:polygon(50% 0,61% 34%,100% 25%,72% 55%,90% 95%,54% 76%,24% 100%,30% 65%,0 48%,36% 37%);transform:rotate(12deg);box-shadow:7px 7px 0 var(--black);z-index:-1}
.impact-mode #drawer{inset:0;padding-top:calc(100px + env(safe-area-inset-top));padding-bottom:calc(50px + env(safe-area-inset-bottom));z-index:60;overscroll-behavior:contain;isolation:isolate}
.impact-mode:has(#drawer:not([hidden]))>header{z-index:70}
.impact-mode #drawer,.impact-mode #drawer *{animation:none!important;transition:none!important}
.impact-mode #drawer.opening,.impact-mode #drawer.closing{translate:0 0}
.impact-mode #drawer:after{background-image:repeating-linear-gradient(125deg,transparent 0 18px,#f5f1e817 18px 21px,transparent 21px 37px),radial-gradient(#f5f1e844 1px,transparent 1.5px);background-size:auto,9px 9px;pointer-events:none}
.impact-mode #drawer .menu-signature{display:block;position:absolute;right:4%;top:14%;width:32%;height:55%;color:var(--red);opacity:.24;pointer-events:none;z-index:0}
.impact-mode #drawer .poster-selected:before{box-shadow:7px 6px 0 var(--red);transform:scaleX(1.04) skewX(-7deg)}
#impact-wipe{position:fixed;inset:0;z-index:9900;pointer-events:auto;overflow:hidden;contain:paint;isolation:isolate}#impact-wipe[hidden],#impact-burst[hidden]{display:none!important}
#impact-wipe i{position:absolute;inset:0 -25%;transform:skewX(-16deg);translate:125% 0;pointer-events:none}.impact-wipe-red{background:var(--red)}.impact-wipe-ink{background:var(--black)}
.impact-routing #main,.impact-routing>header{pointer-events:none}
#impact-burst{position:fixed;z-index:9950;width:64px;height:64px;margin:-32px 0 0 -32px;color:var(--red);pointer-events:none;filter:drop-shadow(3px 3px 0 var(--paper))}#impact-burst svg{width:100%;height:100%}
.impact-mode :is(button,.project,.note,.text-link,.v2-cta):not(#enter,#skip,#retry,#intro-motion,#motion){transition:box-shadow 90ms,outline-color 90ms}
.impact-mode :is(button,.project,.note,.text-link,.v2-cta):active:not(#enter,#skip,#retry,#intro-motion,#motion){scale:1.025;box-shadow:7px 7px 0 var(--red)}
@media(hover:hover) and (pointer:fine){.impact-mode :is(button,.project,.note,.text-link,.v2-cta):hover:not(#enter,#skip,#retry,#intro-motion,#motion){scale:1.035;box-shadow:8px 7px 0 var(--red)}.impact-mode .v2-cta:hover{background:var(--red);outline:2px solid var(--paper);outline-offset:3px}.impact-mode #drawer a:hover{scale:1.035}}
/* Expose only decorative art; never widen ChiQi's actual SVG hit geometry. */
.impact-mode .contact-letter,.impact-mode .contact-conversation,.impact-mode .profile-cut{overflow:visible}
@media(max-width:600px){.impact-mode #drawer{padding-top:calc(98px + env(safe-area-inset-top))}.impact-mode #drawer a{margin:9px 0;min-height:54px}.impact-mode #main .chapter-title h1{ -webkit-text-stroke:.7px currentColor;text-shadow:3px 3px 0 var(--red),5px 5px 0 var(--black)}}
@media(prefers-reduced-motion:reduce){.impact-mode *{scroll-behavior:auto!important}.impact-mode :is(button,.project,.note,a):hover,.impact-mode :is(button,.project,.note,a):active{scale:1!important}#impact-burst{display:none!important}}
.impact-mode.reduced :is(button,.project,.note,a):hover,.impact-mode.reduced :is(button,.project,.note,a):active{scale:1!important}
@media(hover:hover) and (pointer:fine){.impact-mode .v2-cta:hover .v2-cta-face{background:var(--red);outline:2px solid var(--paper);outline-offset:2px}}
/* Preserve one formal portrait instance while its surrounding typography slams. */
.impact-mode #character-bridge{display:none!important}
.impact-mode.portrait-transferring #main .frost-character,.impact-mode.portrait-transferring #live-poster .composition-character{visibility:visible}
.impact-mode .frost-character-body,.impact-mode .frost-character-front{transform-origin:50% 50%}
.impact-mode #ink-impact{display:none!important}