:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-width:1180px;--panel:#0b1019c7;--panel-strong:#0f1622eb;--line:#ebf1f71f;--line-strong:#f3c17861;--accent:#f3c178;--accent-cool:#8cc5f4;--accent-soft:#d7e3f7;--shadow:0 24px 80px #00000057;background:radial-gradient(circle at 0 0,#f3c17829,#0000 28%),radial-gradient(circle at 100% 0,#6ba3cf29,#0000 24%),linear-gradient(#0c0f16 0%,#121725 52%,#0a0d14 100%);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,code{font:inherit}code{word-break:break-all;font-family:Cascadia Code,JetBrains Mono,monospace}img{max-width:100%;display:block}.site-shell{min-height:100vh;position:relative;overflow:hidden}.site-backdrop{pointer-events:none;background:linear-gradient(135deg,#0c111a26,#0000 34%),linear-gradient(320deg,#8cc5f414,#0000 28%);position:fixed;inset:0}.page-shell{z-index:1;width:min(calc(100% - 32px), var(--page-width));margin:0 auto;padding:0 0 48px;position:relative}.page-shell-play{width:min(100% - 20px,1680px)}.page-shell-immersive{width:100%;padding:0}.site-header,.site-footer{z-index:1;width:min(calc(100% - 32px), var(--page-width));margin:0 auto;position:relative}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:24px 0 20px;display:flex}.brand-block{gap:2px;display:grid}.brand-block strong,.hero-card h1,.page-intro h1,.info-card h1,.info-card h2,.play-stage h2,.timeline-card h2,.gallery-card h2{font-family:Noto Serif SC,Source Han Serif SC,Songti SC,Georgia,serif}.brand-kicker,.eyebrow,.section-label,.timeline-meta,.log-date,.meta-kv span,.meta-line strong,.play-state{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.brand-block strong{font-size:clamp(1.3rem,1.1rem + .8vw,1.85rem)}.brand-block small{color:#edf1f7b3}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-link,.button,.pill-link{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s,border-color .18s,background-color .18s,color .18s}.nav-link{color:#edf1f7d9;background:#ffffff05;border-radius:999px;padding:10px 14px}.nav-link:hover,.nav-link.router-link-active{color:#fff;border-color:#f3c1787a;transform:translateY(-1px)}.nav-link-accent{background:linear-gradient(135deg,#f3c17833,#f3c17814)}.page-grid{gap:24px;display:grid}.page-grid-home,.page-grid-play,.page-grid-about{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr)}.page-stack{gap:20px;display:grid}.hero-card,.info-card,.play-stage,.timeline-card,.page-intro,.stack-panel,.gallery-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.hero-card,.play-stage,.page-intro,.stack-panel,.timeline-card{padding:28px}.info-card,.gallery-card{padding:22px}.story-glow{position:relative;overflow:hidden}.story-glow:before,.compact-glow:before{content:"";pointer-events:none;background:linear-gradient(120deg,#f3c17814,#0000 32%,#8cc5f41a);position:absolute;inset:0}.hero-card>*,.play-stage>*,.page-intro>*,.info-card>*,.timeline-card>*,.gallery-card>*{position:relative}.hero-card h1,.page-intro h1,.info-card h1{margin:0;font-size:clamp(2.4rem,2rem + 1.8vw,4rem);line-height:1.04}.hero-subtitle{color:#edf1f7d1;margin:0;font-size:1.16rem}.hero-copy,.page-intro p,.info-card p,.timeline-body p,.timeline-summary,.gallery-copy p{color:#edf1f7cc;margin:0}.hero-actions,.stack-actions,.link-pills,.footer-links{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;display:inline-flex}.button-primary{color:#11131a;background:linear-gradient(135deg,#f3c178f2,#dd9b5ef2);border-color:#0000}.button-secondary{background:#ffffff0d}.button-ghost{background:#ffffff05}.button:hover,.pill-link:hover{transform:translateY(-1px)}.notice-banner,.state-banner{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin:0;padding:14px 16px}.notice-banner{border-color:#f3c17847}.state-error{color:#ffd2d2;border-color:#ff71716b}.state-warning{color:#d8ebff;border-color:#8cc5f46b}.section-header-inline,.play-stage-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-header-inline h2,.info-card h2,.play-stage h2,.gallery-copy h2{margin:4px 0 0;font-size:1.5rem}.text-link{color:var(--accent)}.log-preview-list,.timeline-list{gap:14px;display:grid}.log-preview-card,.timeline-card{background:#ffffff08;border:1px solid #ffffff14}.log-preview-card{border-radius:20px;padding:16px}.log-preview-card h3,.timeline-card h2{margin:4px 0 8px}.play-meta-panel{align-content:start}.meta-kv,.meta-line{gap:4px;margin:0;display:grid}.page-stack-play{gap:18px}.play-hero{padding:22px 24px}.play-hero-layout{gap:18px;display:grid}.play-title-cluster{gap:10px;display:grid}.play-title-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.play-title-row h1{margin:0;font-size:clamp(2.5rem,2rem + 1.8vw,4.3rem);line-height:.98}.play-version-chip{color:#fff4dfeb;white-space:nowrap;background:#f3c17814;border:1px solid #f3c17847;border-radius:999px;padding:8px 14px;font-size:.92rem}.play-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.about-creator-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:22px;display:grid}.about-avatar-shell{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:28px;width:168px;overflow:hidden;box-shadow:inset 0 0 0 1px #f3c17814}.about-avatar{object-fit:cover;width:100%;height:100%}.about-creator-copy{align-content:start;gap:10px;display:grid}.play-stage{gap:18px;display:grid}.play-stage-wide{padding:clamp(16px,1.6vw,24px)}.play-stage-shell{justify-items:center;width:100%;display:grid}.iframe-shell{border:1px solid var(--line);background:#000;border-radius:22px;width:100%;max-width:100%;overflow:hidden}.iframe-shell-landscape{min-height:0}.game-frame,.iframe-placeholder{border:0;width:100%;min-height:0;display:block}.game-frame-landscape,.iframe-placeholder-landscape{height:100%;min-height:0}.iframe-placeholder{text-align:center;color:#edf1f7b8;place-items:center;padding:24px;display:grid}.iframe-placeholder-error{color:#ffd2d2}.play-window-page{background:#000;min-height:100vh;position:relative}.play-window-overlay{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:12px;left:12px;right:12px}.play-window-badge,.play-window-actions{pointer-events:auto}.play-window-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e16b8;border:1px solid #ffffff1f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.play-window-badge strong{font-family:Noto Serif SC,Source Han Serif SC,Songti SC,Georgia,serif;font-size:1.05rem}.play-window-badge span{color:#edf1f7c7}.play-window-actions{flex-wrap:wrap;gap:10px;display:flex}.play-window-banner{z-index:9;margin:0;position:fixed;top:84px;left:12px;right:12px}.play-window-stage{place-items:center;min-height:100vh;padding:12px;display:grid}.play-window-shell{background:#000;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:100%;overflow:hidden;box-shadow:0 20px 80px #0000006b}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:20px;display:grid}.gallery-card{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:14px;min-height:430px;max-height:430px;display:grid}.gallery-image-button{cursor:zoom-in;background:0 0;border:0;padding:0}.gallery-image-shell{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;min-height:220px;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:220px;transition:transform .22s}.gallery-copy{grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.gallery-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.gallery-description{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gallery-image-button:hover .gallery-image{transform:scale(1.03)}.lightbox-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a12d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-panel{background:var(--panel-strong);border:1px solid var(--line);width:min(100%,1040px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:18px;padding:22px;display:grid;overflow:auto}.lightbox-close{border:1px solid var(--line);color:#edf1f7;cursor:pointer;background:#ffffff0d;border-radius:999px;justify-self:end;min-height:42px;padding:0 16px}.lightbox-image-shell{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;grid-column:1/2;overflow:hidden}.lightbox-image{object-fit:contain;background:#0b1018;width:100%;max-height:72vh}.lightbox-copy{align-content:start;gap:10px;display:grid}.lightbox-copy h2{margin:0;font-size:clamp(1.5rem,1.2rem + .8vw,2.1rem)}.lightbox-copy p{color:#edf1f7d6;margin:0}.timeline-meta{color:#f3c178e6;flex-wrap:wrap;gap:10px;display:flex}.site-footer{color:#edf1f7ad;justify-content:space-between;align-items:center;gap:16px;padding:0 0 36px;display:flex}.footer-title,.footer-copy{margin:0}.pill-link{background:#ffffff0a;border-radius:999px;padding:10px 14px}.shell-warning{background:#ff71711f;border:1px solid #ff71714d;border-radius:16px;margin:0 0 18px;padding:12px 16px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .18s,transform .18s}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(8px)}@media (width<=960px){.site-header,.site-footer,.page-shell{width:min(calc(100% - 24px), var(--page-width))}.page-shell-play{width:min(100% - 16px,1680px)}.play-window-overlay{flex-direction:column;align-items:flex-start}.page-grid-home,.page-grid-play,.page-grid-about{grid-template-columns:1fr}.play-title-row{flex-direction:column;align-items:flex-start}.about-creator-card{grid-template-columns:1fr}.site-header,.site-footer,.play-stage-header,.section-header-inline{flex-direction:column;align-items:flex-start}.lightbox-panel{grid-template-columns:1fr}.lightbox-image-shell{grid-column:auto}}@media (width<=640px){.site-header{padding-top:18px}.hero-card,.play-stage,.page-intro,.stack-panel,.timeline-card{padding:22px}.info-card,.gallery-card{padding:18px}.hero-card h1,.page-intro h1,.info-card h1{font-size:clamp(2rem,1.8rem + 1.5vw,2.8rem)}.button,.nav-link,.pill-link{width:100%}.play-hero,.play-stage-wide{padding:18px}.page-shell-play{width:min(100% - 12px,1680px)}.play-window-overlay{top:10px;left:10px;right:10px}.play-window-banner{top:126px;left:10px;right:10px}.play-window-badge,.play-window-actions,.play-hero-actions,.site-nav,.hero-actions,.stack-actions,.link-pills,.footer-links{width:100%}.gallery-image-shell,.gallery-image{height:180px;min-height:180px}.gallery-card{min-height:380px;max-height:380px}.about-avatar-shell{width:132px}.lightbox-overlay{padding:16px}.lightbox-panel{padding:18px}}