:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#d8d8e0;background:#05060a;height:100%;margin:0}#app{height:100%}body{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.txt-glitch{text-shadow:1px 0 #ff283ccc,-1px 0 #28c8ffcc;animation:.18s steps(2,end) infinite txt-glitch}.txt-fade{opacity:.35;animation:2.4s ease-in-out infinite txt-fade}.txt-shake{animation:.12s linear infinite txt-shake;display:inline-block}@keyframes txt-glitch{0%{transform:translate(0)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,-1px)}}@keyframes txt-fade{0%,to{opacity:.25}50%{opacity:.6}}@keyframes txt-shake{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}.atmosphere{z-index:0;display:block;position:fixed;inset:0}.css-fallback .atmosphere{display:none}.css-fallback{background:radial-gradient(at 50% 40%,#16263f 0%,#05060a 70%)}.content{z-index:1;justify-content:center;align-items:center;height:100%;padding:5vmin;display:flex;position:relative}.title-wrap{text-align:center;max-width:640px}.app-title{letter-spacing:.3em;color:#e8e8f0;text-shadow:0 0 24px #78a0dc66;margin:0 0 .5em;font-size:clamp(2.5rem,7vmin,5rem);font-weight:300}.app-sub{letter-spacing:.2em;color:#8a8aa0;margin:0 0 3em;font-size:.95rem}.story-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c168c;border:1px solid #b4c8e626;max-width:420px;margin:0 auto 2em;padding:1.6em 1.2em}.story-card-title{color:#d8d8e0;margin:0 0 .3em;font-size:1.5rem}.story-card-sub{color:#9aa0b0;margin:0 0 .8em;font-size:.85rem}.story-card-meta{letter-spacing:.1em;color:#6a6a7e;margin:0;font-size:.75rem}.story-screen{flex-direction:column;justify-content:center;align-items:stretch}.story-text{letter-spacing:.05em;color:#e0e0e8;text-align:left;cursor:pointer;text-shadow:0 0 12px #0009;white-space:pre-wrap;max-width:640px;min-height:6em;margin:0 auto;font-size:clamp(1.05rem,2.4vmin,1.5rem);line-height:2}.story-choices{flex-direction:column;gap:.6em;max-width:560px;margin:2.5em auto 0;display:flex}.btn-row{flex-wrap:wrap;justify-content:center;gap:.8em;display:flex}button{letter-spacing:.1em;color:#c8c8d8;cursor:pointer;background:#141a2899;border:1px solid #a0b4dc40;padding:.7em 1.4em;font-family:inherit;font-size:.95rem;transition:background .2s,border-color .2s,color .2s}button:hover{color:#fff;background:#28344eb3;border-color:#b4c8f080}.choice{text-align:left;width:100%;line-height:1.5}.choice-label{display:block}.choice-hint{opacity:.55;letter-spacing:.03em;margin-top:.3em;font-size:.82em;font-weight:400;display:block}.ending-wrap{text-align:center;max-width:560px}.ending-title{letter-spacing:.25em;color:#d8b8b8;margin:0 0 1.5em;font-size:clamp(1.6rem,4vmin,2.4rem);font-weight:300}.ending-text{color:#c8c8d0;white-space:pre-wrap;margin:0 0 2.5em;font-size:1.1rem;line-height:2}.gallery-wrap{text-align:center;max-width:760px}.gallery-title{letter-spacing:.25em;color:#d8d8e0;margin:0 0 1.5em;font-size:1.6rem;font-weight:300}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1em;margin:0 0 2.5em;display:grid}.gallery-card{text-align:left;background:#080c168c;border:1px solid #a0b4dc2e;min-height:120px;padding:1.2em}.gallery-card.locked{opacity:.45}.gallery-card .g-title{color:#d0d0dc;margin:0 0 .5em;font-size:1.05rem}.gallery-card .g-preview{color:#8a8a9c;margin:0;font-size:.8rem;line-height:1.6}