.opening{display:grid;place-items:center;padding:30px 20px;isolation:isolate;background:radial-gradient(ellipse 80% 70% at 50% 110%,#17364c 0%,#0b1727 37%,#060c15 78%)}.opening:before,.opening:after{content:"";position:absolute;inset:0;z-index:-1}.opening:before{background:linear-gradient(90deg,transparent 49.85%,rgba(134,213,240,.08) 50%,transparent 50.15%),linear-gradient(0deg,transparent 49.85%,rgba(134,213,240,.06) 50%,transparent 50.15%);background-size:62px 62px;mask-image:linear-gradient(transparent,black 55%,transparent)}.opening:after{background:linear-gradient(90deg,rgba(0,0,0,.65),transparent 25%,transparent 75%,rgba(0,0,0,.65))}.projector{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 12% 7% at 50% 2%,rgba(255,236,180,.3),transparent 72%)}.projector:before{content:"";position:absolute;width:145vw;height:110svh;left:-22vw;top:-8svh;background:conic-gradient(from 84deg at 50% 0%,transparent 0 12deg,rgba(255,233,176,.10) 16deg,rgba(119,199,226,.09) 34deg,transparent 45deg);transform-origin:50% 0;animation:projection 2.2s .1s ease-out both}.projector:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03070d 0 8%,transparent 22% 78%,#03070d 92% 100%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.02) 6px 7px)}.opening-inner{width:min(880px,100%);text-align:center;animation:reel-focus 1.15s .25s cubic-bezier(.2,.75,.25,1) both}.opening h1{font-family:'Songti SC','STSong','Noto Serif SC','Source Han Serif SC','Noto Sans SC',serif;font-size:clamp(2.25rem,5.7vw,4.65rem);letter-spacing:.035em;line-height:1.16;margin:18px 0 12px;font-weight:700;background:linear-gradient(180deg,#fff 0%,#dfe7f2 52%,#aebed0 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 18px 44px rgba(0,0,0,.55)}.opening h1 em{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:-.02em;color:var(--gold);-webkit-text-fill-color:var(--gold);text-shadow:0 0 30px rgba(215,167,93,.22)}.subtitle{font-size:clamp(.92rem,1.8vw,1.08rem);letter-spacing:.22em;color:#b8c9d4;margin:0 0 26px}.opening-copy{margin:0 auto;max-width:660px;text-align:left;color:#d4dce1;font-size:clamp(.9rem,1.7vw,1.03rem);line-height:1.72}.opening-copy p{margin:.34em 0;opacity:0;animation:line-in .78s cubic-bezier(.22,.68,.2,1) both}.line-1{animation-delay:1s!important}.line-2{animation-delay:1.55s!important}.stake{margin-top:1em!important;font-weight:800;font-size:clamp(1.12rem,2.5vw,1.58rem);color:#a52f36;letter-spacing:.025em;animation:stake-in .9s 2.45s cubic-bezier(.16,.8,.25,1) both!important;text-shadow:0 0 24px rgba(151,28,36,.22)}.wipeout{font-family:'Songti SC','STSong','Noto Serif SC','Source Han Serif SC','Noto Sans SC',serif;font-weight:700;font-size:clamp(1rem,2.15vw,1.28rem);animation-delay:3.35s!important;overflow:visible!important}.sentence-fragments{position:relative;display:inline-flex!important;align-items:baseline;color:#b53a42;white-space:nowrap;transform-origin:center}.sentence-fragment{position:relative;display:inline-block!important;color:#bd3c44!important;font-weight:900;letter-spacing:.035em;text-shadow:0 0 25px rgba(164,35,43,.38);animation:fragment-core 1.75s 4.18s cubic-bezier(.2,.72,.25,1) both!important;transform-origin:center}.sentence-fragment:before,.sentence-fragment:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;color:#d65a60;opacity:0;text-shadow:0 0 18px rgba(178,42,50,.55)}.sentence-fragment:before{clip-path:polygon(0 0,100% 0,88% 47%,4% 39%);animation:fragment-top 1.75s 4.18s cubic-bezier(.15,.75,.2,1) both}.sentence-fragment:after{clip-path:polygon(4% 44%,88% 52%,100% 100%,0 100%);animation:fragment-bottom 1.75s 4.18s cubic-bezier(.15,.75,.2,1) both}.fragment-a{--burst-x:-72px;--burst-y:-34px;--twist:-12deg}.fragment-b{--burst-x:18px;--burst-y:48px;--twist:9deg}.fragment-c{--burst-x:76px;--burst-y:-18px;--twist:14deg}.aftermath{margin-top:1em!important;animation-delay:5.95s!important}.aftermath.delay{margin-top:.2em!important;animation-delay:6.42s!important}.dear{margin:18px 0 24px;font:italic 700 clamp(1.9rem,4.5vw,3.1rem)/1 'Playfair Display','Songti SC',serif;letter-spacing:.035em;color:var(--gold);text-shadow:0 0 28px rgba(215,167,93,.3);opacity:0;animation:line-in .75s 7s cubic-bezier(.22,.68,.2,1) both}.enter{border:1px solid rgba(215,167,93,.7);border-radius:999px;color:#e8c889;background:linear-gradient(180deg,rgba(215,167,93,.2),rgba(215,167,93,.07));padding:13px 32px;font-weight:600;letter-spacing:.2em;box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 32px rgba(215,167,93,.12);transition:.25s;opacity:0;animation:line-in .7s 7.45s both}.enter:hover{transform:translateY(-2px);border-color:#ebc77f;background:linear-gradient(180deg,rgba(215,167,93,.32),rgba(215,167,93,.11));box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 40px rgba(215,167,93,.25)}.sound-hook{position:absolute;right:22px;bottom:20px;border:0;background:none;color:#8292a0;font:400 .72rem 'DM Mono';letter-spacing:.1em}.sound-hook[aria-pressed="true"]{color:var(--cyan)}
@keyframes line-in{from{opacity:0;transform:translateY(14px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes projection{from{opacity:0;transform:scaleX(.2)}to{opacity:.75;transform:scaleX(1)}}@keyframes reel-focus{from{opacity:0;filter:blur(10px);transform:scale(1.035)}to{opacity:1;filter:none;transform:none}}@keyframes stake-in{0%{opacity:0;transform:translateY(18px) scale(.96);letter-spacing:.08em}65%{opacity:1;transform:translateY(0) scale(1.025)}100%{opacity:1;transform:none;letter-spacing:.025em}}@keyframes fragment-core{0%,18%{opacity:1;transform:none;filter:none}27%{transform:scale(1.38);filter:brightness(1.65) contrast(1.2)}36%{transform:scale(1.56);letter-spacing:.1em;filter:brightness(1.25) contrast(1.35)}49%{opacity:.14;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--twist)) scale(.9);filter:blur(1.6px)}61%{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--twist)) scale(.72);filter:blur(4px)}75%{opacity:0;transform:scale(.92);filter:blur(2px)}88%{opacity:.86;transform:scale(1.03);filter:none}100%{opacity:1;transform:none;filter:none;letter-spacing:.035em}}@keyframes fragment-top{0%,22%{opacity:0;transform:none}29%{opacity:.9;transform:scale(1.4)}55%{opacity:.42;transform:translate(-13px,-21px) rotate(-15deg) scale(1.03)}68%,100%{opacity:0;transform:translate(-27px,-44px) rotate(-26deg) scale(.72)}}@keyframes fragment-bottom{0%,22%{opacity:0;transform:none}30%{opacity:.72;transform:scale(1.42)}55%{opacity:.34;transform:translate(15px,22px) rotate(12deg) scale(.96)}68%,100%{opacity:0;transform:translate(32px,46px) rotate(24deg) scale(.7)}}
@media(max-width:720px){.opening{padding:22px}.opening h1{margin-top:14px;font-size:clamp(1.95rem,9vw,3rem);letter-spacing:.02em}.subtitle{margin-bottom:18px}.opening-copy{font-size:.9rem;line-height:1.55}.stake{font-size:1.08rem!important}.fragment-a{--burst-x:-34px;--burst-y:-26px}.fragment-b{--burst-x:8px;--burst-y:36px}.fragment-c{--burst-x:38px;--burst-y:-16px}.dear{margin:16px 0 18px}.sound-hook{right:12px;bottom:12px}}
.opening-inner{width:min(960px,100%)}.opening h1{font-size:clamp(2.15rem,4.15vw,3.35rem);white-space:nowrap}
@media(max-width:720px){.opening h1{font-size:clamp(1.72rem,7.4vw,2.45rem);white-space:normal}}
@keyframes fragment-core{0%,18%{opacity:1;transform:none;filter:none}27%{transform:scale(1.38);filter:brightness(1.65) contrast(1.2)}36%{transform:scale(1.56);letter-spacing:.1em;filter:brightness(1.25) contrast(1.35)}49%{opacity:.55;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--twist)) scale(.9);filter:blur(.7px)}61%{opacity:.18;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--twist)) scale(.72);filter:blur(2.4px)}75%{opacity:0;transform:scale(.92);filter:blur(2px)}88%{opacity:.86;transform:scale(1.03);filter:none}100%{opacity:1;transform:none;filter:none;letter-spacing:.035em}}
.opening-copy{text-align:center}.aftermath.final-lead{margin-top:.7em!important;color:#cbd4df;letter-spacing:.06em;animation-delay:6.9s!important}.dear{display:inline-flex;align-items:center;justify-content:center;animation-delay:7.55s}.dear-text{background:linear-gradient(180deg,#fff6e2 0%,#e8cd90 44%,#b58c42 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(201,163,92,.42));animation:dear-glow 4.6s ease-in-out 8.2s infinite}.dear-caret{display:inline-block;width:2px;height:.82em;margin-left:7px;background:#e8cd90;box-shadow:0 0 12px rgba(232,205,144,.85);animation:dear-caret 1.05s steps(1,end) 8.15s infinite}.enter{animation-delay:8.05s}
@keyframes dear-glow{0%,100%{opacity:.78;filter:drop-shadow(0 0 18px rgba(201,163,92,.26))}50%{opacity:1;filter:drop-shadow(0 0 34px rgba(201,163,92,.58))}}@keyframes dear-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-height:720px){.opening h1{margin-top:12px}.subtitle{margin-bottom:19px}.opening-copy{line-height:1.58}.aftermath.final-lead{margin-top:.45em!important}.dear{margin:12px 0 17px}}
.opening-inner,.opening-finale{grid-area:1/1}.opening-inner{transition:opacity .85s ease,transform .85s ease,filter .85s ease}.opening-inner.leaving{opacity:0;transform:scale(.985);filter:blur(7px)}.opening-inner.hidden-act{visibility:hidden}.opening-finale{z-index:2;width:min(960px,100%);min-height:min(460px,72svh);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transform:scale(1.018);filter:blur(10px);transition:opacity 1s ease,transform 1s ease,filter 1s ease}.opening-finale.active{opacity:1;visibility:visible;transform:none;filter:none}.finale-kicker{min-height:1.7em;margin:0 0 12px;color:#8e9aa7;font:500 clamp(.88rem,1.35vw,1.05rem)/1.7 'Noto Sans SC',sans-serif;letter-spacing:.16em}.finale-lead{min-height:1.8em;margin:0;color:#dbe3ea;font-family:'Songti SC','STSong','Noto Serif SC','Source Han Serif SC',serif;font-size:clamp(1.18rem,2.25vw,1.72rem);font-weight:600;line-height:1.65;letter-spacing:.11em}.finale-dear{min-height:1.15em;margin:22px 0 30px;font:italic 700 clamp(3rem,7vw,5.6rem)/1 'Playfair Display','Songti SC',serif;letter-spacing:.035em;background:linear-gradient(180deg,#fff6e2 0%,#e8cd90 44%,#b58c42 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(201,163,92,.38))}.finale-caret{display:inline-block;width:2px;height:.88em;margin-left:.11em;vertical-align:-.06em;background:#e8cd90;box-shadow:0 0 12px rgba(232,205,144,.72);animation:finale-caret-blink .92s steps(1,end) infinite}.finale-enter{margin:0;opacity:0;animation:none;pointer-events:none;transform:translateY(10px);transition:opacity .65s ease,transform .65s ease,border-color .25s,background .25s,box-shadow .25s}.finale-enter.visible{opacity:1;pointer-events:auto;transform:none}.finale-enter.visible:hover{transform:translateY(-2px)}
@keyframes finale-caret-blink{0%,52%{opacity:1}53%,100%{opacity:0}}
@media(max-width:720px){.opening-finale{min-height:58svh}.finale-kicker{margin-bottom:9px;font-size:clamp(.78rem,3.5vw,.92rem);letter-spacing:.12em}.finale-lead{font-size:clamp(1rem,5vw,1.3rem);line-height:1.75;letter-spacing:.07em}.finale-dear{margin:20px 0 26px;font-size:clamp(2.8rem,15vw,4.4rem)}.finale-enter{padding:12px 28px}}
@media(prefers-reduced-motion:reduce){.opening-inner,.opening-finale,.finale-enter{transition:none!important}.finale-caret{animation:none}}
.opening-inner.leaving{animation:none}
.opening-continue{margin-top:18px;padding:10px 28px;border:1px solid rgba(215,167,93,.52);border-radius:999px;background:rgba(215,167,93,.06);color:#d9bb7e;font:600 .78rem 'Noto Sans SC',sans-serif;letter-spacing:.18em;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease,border-color .25s,background .25s}.opening-continue.visible{opacity:1;pointer-events:auto;transform:none}.opening-continue.visible:hover{border-color:#ebc77f;background:rgba(215,167,93,.15);transform:translateY(-2px)}.opening-continue:disabled{cursor:default}
@media(max-width:720px){.opening-continue{margin-top:15px;padding:10px 26px}}