[hidden]{display:none!important}
.opening-cover{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background:#0a1c27;color:#f6ead5;display:flex;align-items:center;padding:clamp(32px,7vw,110px);}
.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center;z-index:-5;animation:cover-drift 22s ease-in-out infinite alternate;}
.cover-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#051522a6 0,#061d274a 43%,transparent 74%),linear-gradient(0deg,#03131dc2,transparent 35%,#0718241c);}
.cover-glow{position:absolute;z-index:-3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 40%,#ffc46d26,transparent 42%);mix-blend-mode:screen;animation:lamp-breathe 6s ease-in-out infinite;}
.cover-tools{position:absolute;right:clamp(16px,3vw,44px);top:max(18px,env(safe-area-inset-top));z-index:5;}
.cover-tools .music-toggle{background:#102b3a9c;backdrop-filter:blur(10px);}
.cover-content{position:relative;width:min(480px,48vw);padding:45px 0;}
.cover-kicker{font-size:.88rem;letter-spacing:.4em;color:#e2c79e;margin:0 0 22px;animation:cover-reveal 1.2s ease both .15s;}
.cover-content h1{font-family:"Songti SC","SimSun","Noto Serif CJK SC",serif;font-weight:400;font-size:clamp(64px,7.2vw,106px);line-height:1.15;letter-spacing:.15em;margin:0;text-shadow:0 5px 30px #061c27b8;animation:cover-reveal 1.7s ease both .4s;}
.cover-content h1 span{display:block;margin-top:7px;padding-left:.6em;color:#eecb9b;}
.cover-rule{width:72px;height:1px;background:linear-gradient(90deg,#ddb77e,transparent);margin:28px 0;animation:cover-reveal 1.2s ease both .7s;}
.cover-description{font-family:"Songti SC","SimSun",serif;font-size:1.02rem;line-height:2.1;letter-spacing:.12em;color:#d4d9d1;margin:0 0 28px;animation:cover-reveal 1.2s ease both .95s;}
.cover-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;animation:cover-reveal 1.2s ease both 1.2s;}
.cover-enter{font-family:inherit;display:flex;align-items:center;gap:40px;min-height:52px;padding:13px 22px;border:1px solid #d6b481aa;border-radius:5px;background:#163c46a8;backdrop-filter:blur(8px);color:#f2dcc0;letter-spacing:.15em;font-size:1rem;transition:background .25s,border-color .25s,transform .25s;}
.cover-enter span{font-size:1.3rem;transition:transform .25s;}
.cover-enter:hover{background:#3b5b55;border-color:#f1d1a1;transform:translateY(-2px);}
.cover-enter:hover span{transform:translateX(4px);}
.cover-enter:disabled{cursor:default;}
.cover-new{min-height:46px;padding:9px 5px;border:0;background:none;color:#cbd1c8;font-size:.86rem;letter-spacing:.12em;text-decoration:underline;text-underline-offset:6px;}
.cover-motes{position:absolute;inset:0;z-index:-2;pointer-events:none;}
.cover-motes i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f9d7a7;box-shadow:0 0 10px #f5bb6688;opacity:0;animation:cover-mote var(--duration) ease-in-out infinite var(--delay);}
.intro-veil{position:absolute;inset:0;z-index:6;background:#06121a;opacity:0;pointer-events:none;transition:opacity 1.4s;}
.intro-text{position:absolute;z-index:7;left:18px;right:18px;top:46%;text-align:center;pointer-events:none;font-family:"Songti SC","SimSun",serif;font-size:clamp(20px,3vw,30px);letter-spacing:.13em;line-height:1.9;opacity:0;transform:translateY(8px);transition:opacity .65s,transform .8s;}
.intro-text.visible{opacity:1;transform:translateY(0);}
.intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:8;min-height:44px;padding:10px 4px;border:0;background:none;color:#b5c5c6;font-size:.83rem;letter-spacing:.1em;}
.departing .cover-content{opacity:0;transform:translateY(-10px);transition:opacity .55s,transform .65s;animation:none;pointer-events:none;}
.departing .cover-art{animation:cover-approach 7s ease-in-out forwards;}
.departing .cover-tools{opacity:0;pointer-events:none;transition:opacity .4s;}
.departing .intro-veil{opacity:1;}
.intro-ending .intro-veil{opacity:.3;}
.journey-entering{animation:journey-reveal .85s ease both;}
@keyframes cover-drift{from{transform:scale(1.02) translateX(-.4%)}to{transform:scale(1.065) translateX(.3%)}}
@keyframes lamp-breathe{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes cover-reveal{from{opacity:0;transform:translateY(15px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes cover-mote{0%,100%{opacity:0;transform:translate(0,16px)}30%{opacity:.45}70%{opacity:.15}100%{transform:translate(14px,-40px)}}
@keyframes cover-approach{from{transform:scale(1.05);filter:blur(0)}to{transform:scale(1.2);filter:blur(3px)}}
@keyframes journey-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.opening-cover{align-items:flex-end;padding:84px 27px max(38px,env(safe-area-inset-bottom));min-height:100svh;}.cover-art{object-position:76% center;}.cover-shade{background:linear-gradient(0deg,#061621f5 0,#071c26d9 27%,#07182428 70%,#06192538);}.cover-content{width:100%;padding:0;}.cover-kicker{font-size:.75rem;margin-bottom:15px;}.cover-content h1{font-size:clamp(54px,16vw,72px);line-height:1.12;}.cover-content h1 span{display:inline;margin:0;padding:0;}.cover-rule{margin:19px 0;}.cover-description{font-size:.94rem;margin-bottom:22px;}.cover-actions{gap:14px;}.cover-enter{min-height:52px;padding:12px 19px;gap:35px;}.intro-text{font-size:1.16rem;letter-spacing:.08em;}.intro-skip{bottom:max(22px,env(safe-area-inset-bottom));}}
@media(max-height:520px) and (min-width:621px){.cover-content{padding:24px 0;}.cover-content h1{font-size:58px;}.cover-kicker{margin-bottom:10px;}.cover-rule{margin:14px 0;}.cover-description{margin-bottom:15px;}.opening-cover{padding:28px 6vw;}}
@media(prefers-reduced-motion:reduce){.opening-cover *,.journey-entering{animation:none!important;transition:none!important;}.cover-motes{display:none;}.cover-art{transform:none;}}