:root{--deep: #0d0a24;--mid: #2b1d5e;--violet: #6d5bd0;--star: #cfd6ff;--text: #e8eaff;--accent: #9d8cff}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--deep);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;user-select:none;-webkit-tap-highlight-color:transparent}.stage,.title-screen{position:absolute;inset:0;background:radial-gradient(1px 1px at 12% 22%,#fff 100%,transparent),radial-gradient(1px 1px at 34% 8%,#cdd4ff 100%,transparent),radial-gradient(2px 2px at 57% 30%,#fff 100%,transparent),radial-gradient(1px 1px at 76% 14%,#aeb8ff 100%,transparent),radial-gradient(1.5px 1.5px at 88% 40%,#fff 100%,transparent),radial-gradient(1px 1px at 25% 55%,#dfe4ff 100%,transparent),radial-gradient(2px 2px at 45% 70%,#fff 100%,transparent),radial-gradient(1px 1px at 66% 82%,#b9c2ff 100%,transparent),radial-gradient(1.5px 1.5px at 8% 78%,#fff 100%,transparent),radial-gradient(1px 1px at 92% 66%,#d5dbff 100%,transparent),linear-gradient(180deg,#0d0a24,#1d1445 55%,#2b1d5e)}.bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease}.bg-layer.visible{opacity:1}.bg-layer.instant{transition:none}.bg-layer.ph,.cg-overlay.ph{background:radial-gradient(2px 2px at 30% 25%,#fff 100%,transparent),radial-gradient(1px 1px at 70% 60%,#cdd4ff 100%,transparent),radial-gradient(1.5px 1.5px at 50% 80%,#fff 100%,transparent),linear-gradient(160deg,#1b1040,#3b2a6d 60%,#101c3f)}.ph-mark{position:absolute;right:12px;bottom:10px;font-size:13px;letter-spacing:.5px;color:#cfd6ff8c;text-shadow:0 1px 3px rgba(0,0,0,.6)}.chara{position:absolute;top:0;bottom:28vh;width:38vw;max-width:560px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease,left .4s ease,transform .4s ease;pointer-events:none}.chara.visible{opacity:1}.chara.instant{transition:none}.chara.pos-left{left:4vw}.chara.pos-center{left:50%;transform:translate(-50%)}.chara.pos-right{left:auto;right:4vw}.chara img{height:96%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.chara.ph{width:min(30vw,260px);align-items:center;flex-direction:column;justify-content:center;gap:8px;border:1px solid rgba(157,140,255,.5);border-radius:12px;background:linear-gradient(170deg,#3d2b7ad9,#18123ae6)}.ph-chara-name{font-size:22px;color:var(--star);writing-mode:vertical-rl;letter-spacing:6px}.ph-chara-expr{font-size:12px;color:#cfd6ff80}.cg-overlay{position:absolute;inset:0;z-index:30;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#050310f5;cursor:pointer}.dialog{position:absolute;left:0;right:0;bottom:0;min-height:28vh;padding:20px 5vw 28px;z-index:20;cursor:pointer;background:linear-gradient(180deg,#0d0a248c,#0d0a24eb 32%);border-top:1px solid rgba(157,140,255,.35);backdrop-filter:blur(3px);transition:opacity .25s ease}.dialog.hidden-soft{opacity:0;pointer-events:none}.dialog-name{display:inline-block;margin-bottom:8px;padding:3px 16px;font-size:17px;font-weight:600;color:var(--accent);border:1px solid rgba(157,140,255,.55);border-radius:999px;background:#2b1d5eb3}.dialog-text{font-size:18px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.dialog-text.long{font-size:16px;line-height:1.6}.dialog-text.xlong{font-size:14px;line-height:1.5}.dialog-next{position:absolute;right:4vw;bottom:12px;font-size:14px;color:var(--accent);opacity:0}.dialog-next.on{opacity:1;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}.choices{position:absolute;left:50%;bottom:34vh;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;gap:14px;width:min(520px,86vw)}.choice-btn{padding:14px 22px;font-size:17px;color:var(--text);background:#2b1d5ee0;border:1px solid rgba(157,140,255,.6);border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease}.choice-btn:hover{background:#543ea0f2;transform:translateY(-1px)}.toolbar{position:absolute;top:10px;right:10px;z-index:26;display:flex;gap:8px}.toolbar-btn{padding:6px 12px;font-size:13px;color:var(--star);background:#0d0a2499;border:1px solid rgba(157,140,255,.4);border-radius:999px;cursor:pointer}.toolbar-btn:hover{background:#543ea0cc}.fin-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;font-size:42px;letter-spacing:12px;color:var(--star);background:#050310d9;animation:fadein .8s ease}@keyframes fadein{0%{opacity:0}}.screen{position:absolute;inset:0;z-index:100}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6vh;background-size:cover;background-position:center}.title-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#05031040,#050310b8);z-index:-1}.title-head{text-align:center}.game-title{font-size:clamp(40px,9vw,72px);letter-spacing:14px;color:var(--star);text-shadow:0 0 24px rgba(157,140,255,.8)}.game-subtitle{margin-top:12px;font-size:15px;letter-spacing:4px;color:#cfd6ff99}.title-menu,.endings-panel{display:flex;flex-direction:column;gap:14px;width:min(320px,78vw)}.menu-btn{padding:13px 0;font-size:18px;letter-spacing:6px;color:var(--text);background:#2b1d5ebf;border:1px solid rgba(157,140,255,.5);border-radius:12px;cursor:pointer;transition:background .15s ease}.menu-btn:hover:not(:disabled){background:#543ea0e6}.menu-btn:disabled{opacity:.35;cursor:default}.panel-title{margin-bottom:6px;font-size:20px;letter-spacing:4px;color:var(--accent);text-align:center}.ending-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid rgba(157,140,255,.4);border-radius:10px;background:#18123ab3}.ending-row.locked{opacity:.5}.ending-mark{font-size:13px;color:var(--accent)}.overlay-root{position:absolute;inset:0;z-index:200;pointer-events:none}.overlay-root>*{pointer-events:auto}.modal-wrap{position:absolute;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#050310b3}.modal{display:flex;flex-direction:column;gap:12px;width:min(460px,92vw);max-height:82vh;padding:22px;overflow-y:auto;border:1px solid rgba(157,140,255,.5);border-radius:14px;background:linear-gradient(170deg,#221755,#120d33)}.save-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;color:var(--text);text-align:left;background:#2b1d5e99;border:1px solid rgba(157,140,255,.35);border-radius:10px;cursor:pointer}.save-row:disabled{cursor:default}.save-row:not(:disabled):hover{background:#543ea0cc}.save-row.empty .save-info{color:#cfd6ff66}.save-info{font-size:13px;color:#cfd6ffbf}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 2px}.settings-label{flex-shrink:0;letter-spacing:2px}.settings-row input[type=range]{flex:1;max-width:240px;accent-color:var(--violet)}.settings-row select{padding:6px 10px;color:var(--text);background:#2b1d5ecc;border:1px solid rgba(157,140,255,.5);border-radius:8px}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--violet)}.tts-note{font-size:12px;color:#cfd6ff80}.history-modal{width:min(560px,94vw)}.history-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.history-item{font-size:15px;line-height:1.6}.history-name{margin-right:8px;color:var(--accent);font-weight:600}.history-empty{text-align:center;color:#cfd6ff80}@media (max-width: 600px),(orientation: portrait) and (max-width: 900px){.dialog{min-height:34vh;padding:16px 5vw 24px}.dialog-text{font-size:17px}.chara{bottom:34vh}.chara.ph{width:38vw}.choices{bottom:40vh;width:92vw}.choice-btn{padding:15px 18px;font-size:16px}.toolbar{top:6px;right:6px;gap:5px}.toolbar-btn{padding:5px 9px;font-size:12px}}