*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1d1b26;color:#eee;font:14px/1.5 system-ui,Noto Sans CJK SC,PingFang SC,sans-serif}button{font:inherit;cursor:pointer;border:1px solid #6a5f8a;background:#3a3354;color:#fff;border-radius:6px;padding:6px 10px}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):hover{background:#4d4470}#app{display:flex;flex-direction:column;height:100vh}#hud{display:flex;gap:16px;align-items:center;padding:8px 14px;background:#2a2639;border-bottom:1px solid #443d5e;flex-wrap:wrap}#hud .title{font-weight:700;color:#f5a3c7}#hud .slots .slot{padding:1px 6px;margin-right:2px;border-radius:4px;color:#888}#hud .slots .slot.now{background:#f5a3c7;color:#222}#hud .pip{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid #f5d76e;margin:0 2px}#hud .pip.on{background:#f5d76e}#hud .stat{margin-right:10px}#main{flex:1;display:flex;min-height:0}#stage{position:relative;flex:1;overflow:hidden;background:#000}#stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#clip-host{position:absolute;left:50%;bottom:4%;height:80%;transform:translate(-50%);aspect-ratio:192 / 320;cursor:pointer}.clip-stage{position:relative;width:100%;height:100%}.clip-layer{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;object-fit:fill}.clip-layer.visible{visibility:visible}#outfit-badge{position:absolute;left:12px;bottom:12px;background:#0008;padding:2px 8px;border-radius:4px}#side{width:300px;padding:10px;background:#24212f;overflow-y:auto;border-left:1px solid #443d5e}#side h3{margin:10px 0 4px;font-size:13px;color:#b9addb}.act{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:6px;text-align:left}.act small{color:#c9c0e6;font-size:11px}.act .reason{color:#ff9f9f}.advance{width:100%;margin-top:8px;background:#2f5a4a;border-color:#4f8a70}#inventory ul{margin:0;padding-left:18px}#sys{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.dim{color:#888}#toasts{position:fixed;top:52px;right:316px;align-items:flex-end;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:30}.toast{background:#000c;padding:4px 12px;border-radius:14px;transition:opacity .5s;text-align:center}.toast.fade{opacity:0}.toast-up{color:#9f9}.toast-down{color:#f99}.toast-cg{color:#f5d76e;font-weight:700}.toast-note{background:#fff6c4;color:#333}.toast-dim{color:#aaa}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20}.event-box{position:relative;width:min(900px,92vw);min-height:300px;background:#2b2740;border:1px solid #6a5f8a;border-radius:10px;padding:16px;overflow:hidden}.event-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.event-title{position:relative;color:#f5a3c7;font-weight:700;margin-bottom:8px}.dialog{position:relative;display:flex;gap:12px;align-items:flex-end;min-height:120px}.portrait{height:180px}.speech{flex:1;background:#0007;border-radius:8px;padding:10px 14px}.speaker{color:#f5d76e}.choices{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:12px}.next{position:relative;float:right;margin-top:10px}.modal.note .event-box{background:#fff6c4;color:#333;border-color:#d8c25a;transform:rotate(-1deg)}.cg-view{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;margin-bottom:8px;background:#000}.cg-layer{position:absolute;width:100%;height:100%}.cg-big{width:min(1100px,94vw)}.panel-box{width:min(900px,92vw);max-height:88vh;overflow:auto;background:#2b2740;border-radius:10px;padding:16px 20px}.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0}.cg-card{margin:0;cursor:pointer}.cg-thumb.locked{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-size:48px;background:#15131c;border-radius:6px;color:#555}.save-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #443d5e}.save-row span{flex:1}.ending-box{text-align:center;padding:40px;background:#15131c;border-radius:12px;min-width:420px}.ending-bad .ending-box{border:2px solid #a33}.ending-normal .ending-box,.ending-good .ending-box{border:2px solid #f5d76e}.ending h1{margin:8px 0 16px}#debug{position:fixed;right:0;top:0;bottom:0;width:460px;background:#111e;color:#cfc;font:12px/1.4 ui-monospace,monospace;overflow-y:auto;padding:8px;z-index:40;border-left:1px solid #3a3}#debug section{border-top:1px solid #333;padding:4px 0}#debug h4{margin:2px 0;color:#8f8}#debug input[type=number]{width:70px}#debug button{padding:1px 6px;font-size:12px;margin:1px}#debug pre{max-height:220px;overflow:auto;background:#000;padding:4px}#debug .vars td{padding:0 6px;border-bottom:1px solid #222;vertical-align:top}#debug .sim-result.ok{color:#8f8}#debug .sim-result.fail,#debug .err{color:#f88}#debug a{color:#9cf}.dbg-head{display:flex;justify-content:space-between;align-items:center}.fatal{color:#f88;padding:20px;white-space:pre-wrap}.hotspot{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:0;z-index:5}.hotspot.flash{animation:hotspot-flash .28s ease-out}@keyframes hotspot-flash{0%{opacity:1}to{opacity:0}}.tap-ring{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid #fff;border-radius:50%;pointer-events:none;z-index:6;animation:tap-ring .42s ease-out forwards}@keyframes tap-ring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.emote{position:absolute;transform:translate(-50%,-100%);font:700 28px sans-serif;color:#fff;text-shadow:0 0 4px #000;pointer-events:none;z-index:6;animation:emote .9s ease-out forwards}@keyframes emote{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-30px}}#version{position:fixed;right:6px;bottom:4px;font:10px/1.2 ui-monospace,monospace;color:#fff8;pointer-events:auto;user-select:all;z-index:20}