.st-lobby{
  --st-ink:#2c1730;--st-paper:#f7e8bb;--st-paper-deep:#dfbe79;--st-cinnabar:#a7332d;--st-gold:#f0bd55;--st-jade:#497b70;--st-night:#101630;
  position:fixed;inset:0;z-index:90;overflow:auto;color:var(--st-ink);font-family:"FZKai-Z03","KaiTi","STKaiti",serif;
  background:
    radial-gradient(circle at 77% 17%,rgba(255,236,169,.19) 0 11%,transparent 25%),
    linear-gradient(158deg,#162141 0%,#0d1228 58%,#24162c 100%);
  isolation:isolate;
}
.st-lobby[hidden],.st-lobby [hidden]{display:none!important}.st-lobby *{box-sizing:border-box}.st-lobby button{font:inherit}.st-lobby button:focus-visible{outline:3px solid #ffe5a1;outline-offset:4px}
.st-lobby:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.st-lobby__moon{position:fixed;z-index:-2;right:7vw;top:4vh;width:min(33vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff8d1,#efd584 62%,#bd875b);box-shadow:0 0 70px #f9cf6f66,0 0 150px #f1c16322;animation:st-moon-arrive 1.3s cubic-bezier(.2,.8,.2,1) both}
.st-lobby__moon:after{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 35% 31%,#bb95644a 0 3%,transparent 4%),radial-gradient(circle at 67% 58%,#aa7d4d3b 0 7%,transparent 8%),radial-gradient(circle at 42% 73%,#aa7d4d2d 0 10%,transparent 11%)}
.st-lobby__moon i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff8d1;box-shadow:48px 22px #fff8d1,88px -12px #fff8d1,-54px 30px #fff8d1,-108px 2px #fff8d1}.st-lobby__moon i:nth-child(1){left:-12%;top:26%}.st-lobby__moon i:nth-child(2){left:5%;top:91%;transform:scale(.6)}.st-lobby__moon i:nth-child(3){right:0;top:78%;transform:scale(.8)}
.st-lobby__mist{position:fixed;z-index:-1;left:-10%;right:-10%;bottom:-7vh;height:34vh;background:radial-gradient(ellipse at 20% 100%,#d4b78444 0 38%,transparent 39%),radial-gradient(ellipse at 68% 110%,#d4b7843b 0 43%,transparent 44%),linear-gradient(transparent,#11142c);filter:blur(8px)}
.st-lobby__view{min-height:100%;position:relative}.st-lobby__home{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);grid-template-rows:1fr auto;align-items:center;gap:2vw;max-width:1440px;margin:auto;padding:clamp(42px,7vh,92px) clamp(28px,7vw,112px) 28px}
.st-lobby__brand{align-self:end;max-width:650px;animation:st-rise .7s .12s both}.st-lobby__eyebrow{margin:0 0 12px;color:#f2ca79;font-size:clamp(14px,1.5vw,20px);letter-spacing:.34em}.st-lobby__title{margin:0;color:#fff3cf;font-family:"FZShuTi","STKaiti",serif;font-size:clamp(48px,7vw,104px);font-weight:600;letter-spacing:-.06em;line-height:.93;text-shadow:0 7px 0 #641f2c,0 15px 40px #0009}.st-lobby__subtitle{max-width:540px;margin:28px 0 0;color:#e5d6bf;font-family:"FangSong","STFangsong",serif;font-size:clamp(17px,1.45vw,23px);line-height:1.9}
.st-lobby__hero-stage{position:relative;align-self:end;justify-self:center;width:min(46vw,650px);height:min(65vh,670px);animation:st-rise .8s .22s both}.st-lobby__hero-stage:before{content:"";position:absolute;left:7%;right:7%;bottom:4%;height:18%;border-radius:50%;background:radial-gradient(ellipse,#f5be594f 0 18%,#0d112888 60%,transparent 72%)}
.st-lobby__hero-sprite,.st-lobby__sprite,.st-lobby__card-art{background-repeat:no-repeat;background-size:500% 100%;background-position:0 center}.st-lobby__hero-sprite{position:absolute;inset:0;background-position:0 center;filter:drop-shadow(0 24px 20px #050617aa);animation:st-character-breathe 3.2s ease-in-out infinite}
.st-lobby__lantern{position:absolute;top:17%;display:grid;place-items:center;width:74px;height:90px;color:#ffe7a1;font-size:25px;border-radius:42% 42% 48% 48%;background:linear-gradient(90deg,#7f221c,#d24a32 48%,#801d1a);border:3px solid #e2a34d;box-shadow:0 0 35px #df743777}.st-lobby__lantern:before,.st-lobby__lantern:after{content:"";position:absolute;left:12%;right:12%;height:6px;background:#dca856;border-radius:4px}.st-lobby__lantern:before{top:-8px}.st-lobby__lantern:after{bottom:-8px}.st-lobby__lantern--left{left:2%;transform:rotate(-6deg);animation:st-sway 3s ease-in-out infinite}.st-lobby__lantern--right{right:3%;top:31%;transform:rotate(5deg);animation:st-sway 3.4s -.8s ease-in-out infinite}
.st-lobby__seal{position:absolute;right:0;bottom:10%;width:116px;height:116px;display:grid;place-content:center;text-align:center;color:#ffeab5;background:#9f302b;border:4px double #efbd63;transform:rotate(7deg);box-shadow:7px 9px 0 #38172999}.st-lobby__seal span{font-size:14px;letter-spacing:.22em}.st-lobby__seal b{font-size:22px;letter-spacing:.12em}
.st-lobby__home-actions{align-self:start;animation:st-rise .7s .34s both}.st-lobby__start{position:relative;min-width:min(100%,390px);padding:19px 58px;border:2px solid #ffd988;border-radius:5px;color:#fff3c7;background:linear-gradient(#b43c31,#84231f);box-shadow:0 8px 0 #4e1921,0 18px 35px #0007;font-size:clamp(22px,2vw,30px);letter-spacing:.18em;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}.st-lobby__start:before,.st-lobby__start:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);color:#ffd77e}.st-lobby__start:before{left:22px}.st-lobby__start:after{right:22px}.st-lobby__start:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 11px 0 #4e1921,0 22px 40px #0007}.st-lobby__start:active{transform:translateY(5px);box-shadow:0 3px 0 #4e1921,0 10px 20px #0006}
.st-lobby__minor-actions{display:flex;gap:12px;margin-top:23px}.st-lobby__soft-button,.st-lobby__replay{padding:12px 22px;border:1px solid #e8c98288;color:#f7e8c2;background:#f7e7bd12;box-shadow:inset 0 0 0 1px #1c1734;border-radius:3px;cursor:pointer;transition:.2s}.st-lobby__soft-button:hover,.st-lobby__replay:hover{color:#2d1b2d;background:#f0ce83;transform:translateY(-2px)}.st-lobby__footnote{grid-column:1/-1;margin:8px 0 0;color:#b9a989;text-align:center;letter-spacing:.18em}
.st-lobby__book,.st-lobby__guide{--st-page-inset:clamp(22px,4vw,52px);width:min(1180px,calc(100% - 40px));min-height:calc(100% - 56px);margin:28px auto;padding:var(--st-page-inset);border:1px solid #8f5f37;border-radius:9px;background:linear-gradient(90deg,#e3c98f 0 1%,transparent 1% 49.5%,#9e6c3c55 49.7%,#fff1c9 50.2% 99%,#d6b775 99%),radial-gradient(circle at 20% 15%,#fff7dc,#ead4a0 70%);box-shadow:0 26px 70px #02040dbb,inset 0 0 45px #92632c33;animation:st-book-open .55s cubic-bezier(.2,.9,.3,1) both}.st-lobby__book-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.st-lobby__book-header .st-lobby__eyebrow{color:#916128;font-size:14px}.st-lobby__book-header h2{margin:0;color:#672c2c;font-size:clamp(34px,5vw,62px);font-weight:500;letter-spacing:.12em}.st-lobby__close{width:46px;height:46px;border:1px solid #815331;border-radius:50%;color:#6a372b;background:#f4dfaa;font-family:serif;font-size:32px;line-height:1;cursor:pointer;transition:.2s}.st-lobby__close:hover{color:#fff5d6;background:#9c312b;transform:rotate(8deg)}
.st-lobby__filters{display:flex;gap:8px;margin-bottom:16px}.st-lobby__filter{border:0;border-bottom:2px solid transparent;color:#735437;background:transparent;padding:8px 18px;cursor:pointer}.st-lobby__filter.is-active{color:#902f2b;border-color:#a53a31;background:#b7563020}
.st-lobby__cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:10px;overflow-x:auto;padding:4px 4px 13px;scrollbar-color:#a56e3c transparent}.st-lobby__card{display:flex;align-items:center;gap:8px;min-height:88px;padding:6px;border:1px solid #9a6b3a66;border-radius:5px;color:#4c2a2e;background:#f4dfad99;text-align:left;cursor:pointer;transition:.2s}.st-lobby__card:hover{transform:translateY(-3px);box-shadow:0 8px 14px #76502b22}.st-lobby__card.is-active{color:#fff3ce;background:#7d3030;border-color:#bd753d;box-shadow:inset 0 0 0 2px #edc879}.st-lobby__card-art{flex:0 0 62px;width:62px;height:72px;background-color:#d7bc8399;filter:drop-shadow(0 5px 4px #3a241a55)}.st-lobby__card-copy{display:grid;gap:5px}.st-lobby__card-copy b{font-size:19px}.st-lobby__card-copy small{line-height:1.35}
.st-lobby__spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:430px;margin-top:18px;border-top:1px dashed #9e7547;padding-top:18px}.st-lobby__portrait{position:relative;display:grid;grid-template-rows:1fr;place-items:center;min-height:420px;border-right:1px solid #9b703f55;overflow:hidden}.st-lobby__portrait-moon{position:absolute;z-index:0;top:7%;width:min(65%,290px);aspect-ratio:1;border-radius:50%;background:#e2b85988;box-shadow:0 0 0 17px #9e613015,0 0 0 35px #9e61300d}.st-lobby__sprite{z-index:1;width:min(96%,416px);height:auto;aspect-ratio:416/480;filter:drop-shadow(0 18px 12px #5535224c);transition:filter .2s}.st-lobby__details{min-width:0;padding:var(--st-page-inset);padding-right:0}.st-lobby__chapter{margin:0;color:#9b3a2e;font-size:15px;letter-spacing:.28em}.st-lobby__details h3{margin:8px 0 0;color:#48212b;font-size:clamp(36px,4.7vw,66px);font-weight:500;line-height:1}.st-lobby__role{margin:10px 0;color:#8e6035}.st-lobby__story{font-family:"FangSong","STFangsong",serif;font-size:17px;line-height:1.85}.st-lobby__ink-box{display:grid;grid-template-columns:66px 1fr;gap:4px 14px;padding:11px 0;border-top:1px solid #a67a4c55}.st-lobby__ink-box span{grid-row:1/3;color:#a03b31;letter-spacing:.18em}.st-lobby__ink-box b{font-size:17px}.st-lobby__ink-box p{margin:3px 0 0;white-space:pre-line;line-height:1.55}.st-lobby__ink-box--bond{border-bottom:1px solid #a67a4c55}
.st-lobby__guide{display:block}.st-lobby__guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(15px,2vw,28px);margin-top:7vh}.st-lobby__guide-card{position:relative;min-height:300px;padding:74px 28px 28px;border:1px solid #9b6c3c;background:linear-gradient(145deg,#fff1c9,#e7ca8d);box-shadow:8px 10px 0 #7b4c2c24;transform:rotate(-1deg)}.st-lobby__guide-card:nth-child(2){transform:translateY(-20px) rotate(1deg)}.st-lobby__guide-card:nth-child(3){transform:rotate(-.5deg)}.st-lobby__chapter-number{position:absolute;top:-28px;left:24px;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;color:#f9e9bb;background:#96352e;border:5px double #e7be67;font-size:36px}.st-lobby__guide-card h3{margin:0;color:#5d2b2e;font-size:29px}.st-lobby__guide-card p{font-family:"FangSong","STFangsong",serif;font-size:17px;line-height:1.9}.st-lobby__tip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin:38px auto 0;padding:18px 22px;max-width:920px;border-block:1px solid #9f7342}.st-lobby__tip b{color:#a0352d;font-size:20px}.st-lobby__tip p{margin:0}.st-lobby__replay{color:#5a2c2c;background:#e9c77d80;border-color:#8b5f35}
@keyframes st-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes st-moon-arrive{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes st-character-breathe{50%{transform:translateY(-8px) scale(1.012)}}@keyframes st-sway{50%{translate:0 5px;rotate:4deg}}@keyframes st-book-open{from{opacity:0;transform:perspective(1200px) rotateX(8deg) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:800px){.st-lobby__home{grid-template-columns:1fr;grid-template-rows:auto minmax(310px,45vh) auto auto;padding:36px 20px 22px;text-align:center}.st-lobby__brand{align-self:auto}.st-lobby__subtitle{margin-inline:auto}.st-lobby__hero-stage{grid-row:2;width:100%;height:100%}.st-lobby__home-actions{justify-self:center}.st-lobby__minor-actions{justify-content:center;flex-wrap:wrap}.st-lobby__book,.st-lobby__guide{width:calc(100% - 16px);margin:8px auto;padding:22px 14px}.st-lobby__details{padding:22px 14px}.st-lobby__spread{grid-template-columns:1fr}.st-lobby__portrait{min-height:370px;border-right:0;border-bottom:1px solid #9b703f55}.st-lobby__sprite{width:auto;height:330px}.st-lobby__guide-grid{grid-template-columns:1fr;margin-top:40px}.st-lobby__guide-card,.st-lobby__guide-card:nth-child(2){min-height:0;transform:none}.st-lobby__tip{grid-template-columns:1fr;text-align:center}.st-lobby__moon{top:34vh;right:-34vw;width:86vw;opacity:.78}.st-lobby__title{letter-spacing:-.03em}}
@media(max-width:480px){.st-lobby__title{font-size:48px}.st-lobby__lantern{width:54px;height:68px;font-size:18px}.st-lobby__seal{width:86px;height:86px}.st-lobby__seal b{font-size:16px}.st-lobby__start{width:100%;min-width:0}.st-lobby__book-header h2{font-size:38px}.st-lobby__cards{grid-auto-columns:145px}.st-lobby__details{padding-inline:8px}.st-lobby__sprite{height:290px}.st-lobby__book-header .st-lobby__eyebrow{letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.st-lobby *,.st-lobby *:before,.st-lobby *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}