html,body,#app{background:#050812;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}.scene-note{color:#e6f0ffeb;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:20;background:#050812b8;border:1px solid #b4d2ff59;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.35;position:fixed;bottom:16px;left:18px}.scene-info{box-sizing:border-box;color:#e6f0ffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:10;background:#050812b8;border:1px solid #b4d2ff59;border-radius:8px;width:260px;padding:10px 13px;font-size:13px;line-height:1.45;position:fixed;top:16px;left:18px}.overlay-panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.overlay-panel-title{font-weight:700}.overlay-collapse-button{color:#e6f0ffe6;min-width:68px;font:inherit;cursor:pointer;background:#14213ac7;border:1px solid #b4d2ff57;border-radius:7px;flex:none;padding:4px 7px;font-size:11px}.overlay-collapse-button:hover{background:#233758e0}.overlay-panel-body{scrollbar-width:thin;max-height:calc(100vh - 96px);margin-top:8px;overflow:auto}.is-collapsed .overlay-panel-body{display:none}.is-collapsed{width:auto;min-width:220px}.state-counts-title{color:#a5f3fcf2;margin-top:7px;font-size:12px;font-weight:700}.scene-info-mode{color:#a5f3fcf2;font-size:12px;font-weight:700}.scene-info-caveat{color:#e6f0ffb8;margin-top:3px;font-size:11px;line-height:1.3}.state-counts{gap:4px;margin-top:5px;display:grid}.state-count-row{grid-template-columns:82px 1fr 34px;align-items:center;gap:7px;display:grid}.state-count-label,.state-count-value{font-size:12px}.state-count-value{text-align:right;font-variant-numeric:tabular-nums}.state-count-track{background:#b4d2ff24;border-radius:999px;height:6px;overflow:hidden}.state-count-bar{border-radius:inherit;background:linear-gradient(90deg,#67e8f994,#fee08ad1);height:100%}.scene-controls{box-sizing:border-box;color:#e6f0ffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#050812b8;border:1px solid #b4d2ff59;border-radius:8px;width:236px;padding:10px 13px;font-size:13px;line-height:1.35;position:fixed;top:16px;right:18px}.scene-control-row{gap:6px;margin-top:8px;display:grid}.scene-mode-control{gap:6px;display:grid}.scene-mode-label{color:#a5f3fcf2;font-size:12px;font-weight:700}.scene-mode-buttons{gap:6px;display:grid}.scene-mode-button{color:#e6f0ffe0;width:100%;font:inherit;text-align:left;cursor:pointer;background:#14213a9e;border:1px solid #b4d2ff57;border-radius:8px;padding:7px 9px}.scene-mode-button.is-active{color:#f0fdfafa;background:#12465cd1;border-color:#67e8f9c7}.scene-mode-button:hover{background:#233758e0}.scene-control-range{grid-template-columns:1fr auto;align-items:center}.scene-control-range input{accent-color:#67e8f9;grid-column:1/-1;width:100%}.scene-control-checkbox{grid-template-columns:auto 1fr;align-items:center}.scene-control-checkbox input{accent-color:#67e8f9}.scene-control-value{color:#a5f3fcf2;font-variant-numeric:tabular-nums}.scene-control-button{color:#e6f0fff2;width:100%;font:inherit;cursor:pointer;background:#14213ad1;border:1px solid #b4d2ff61;border-radius:8px;margin-top:10px;padding:7px 9px}.scene-control-button-group{gap:6px;margin-top:10px;display:grid}.scene-control-button-group .scene-control-button{text-align:left;margin-top:0}.scene-control-button:hover{background:#233758e0}.scene-control-feedback{color:#a5f3fce6;min-height:15px;margin-top:4px;font-size:11px;line-height:1.25}.story-panel{box-sizing:border-box;color:#e6f0fff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#050812c2;border:1px solid #b4d2ff59;border-radius:8px;width:min(360px,100vw - 36px);padding:12px 14px;font-size:13px;line-height:1.45;position:fixed;bottom:16px;right:18px}.story-title{font-weight:700}.story-section{color:#a5f3fcf2;border:1px solid #a5f3fc59;border-radius:999px;margin-bottom:5px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.story-text{margin:7px 0 8px}.story-counter{color:#e6f0ffad;font-variant-numeric:tabular-nums}.story-caveat{color:#e6f0ffad;margin-bottom:8px;font-size:11px;line-height:1.3}.story-controls{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.story-button{text-align:center;margin-top:0;padding-inline:6px}.story-button:disabled{cursor:default;opacity:.45}.welcome-overlay{box-sizing:border-box;color:#e6f0fff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#05081285;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.welcome-overlay[hidden]{display:none}.welcome-panel{box-sizing:border-box;background:#050812e0;border:1px solid #b4d2ff61;border-radius:8px;width:min(440px,100vw - 36px);padding:16px;box-shadow:0 20px 70px #0000005c}.welcome-title{color:#f0fdfafa;font-size:17px;font-weight:700}.welcome-text{margin:8px 0 0;font-size:13px;line-height:1.45}.welcome-actions{gap:8px;margin-top:14px;display:grid}.welcome-action-button,.welcome-close,.help-about-button{color:#e6f0fff2;font:inherit;cursor:pointer;background:#14213ad1;border:1px solid #b4d2ff61;border-radius:8px}.welcome-action-button{text-align:left;width:100%;padding:9px 10px}.welcome-close{width:100%;margin-top:12px;padding:8px 10px}.welcome-action-button:hover,.welcome-close:hover,.help-about-button:hover{background:#233758e6}.welcome-caveat{color:#e6f0ffb8;margin-top:12px;font-size:11px;line-height:1.35}.help-about-button{z-index:21;padding:7px 10px;font-size:12px;position:fixed;bottom:78px;left:18px}.presentation-toolbar{z-index:22;grid-template-columns:auto auto;align-items:center;gap:6px;display:none;position:fixed;top:16px;right:18px}.presentation-toolbar-button{color:#e6f0ffe0;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05081294;border:1px solid #b4d2ff57;border-radius:8px;padding:7px 10px;font-size:12px}.presentation-toolbar-button:hover{background:#233758d1}.presentation-toolbar-feedback{color:#a5f3fce6;text-align:right;grid-column:1/-1;min-height:14px;font-size:11px;line-height:1.2}body.presentation-mode .scene-info,body.presentation-mode .scene-controls,body.presentation-mode .story-panel{display:none}body.presentation-mode .presentation-toolbar{display:grid}body.presentation-mode .help-about-button{opacity:.68}body.presentation-mode .help-about-button:hover{opacity:1}@media (width<=760px){.scene-info,.scene-controls,.story-panel{width:min(320px,100vw - 20px);padding:9px 11px;left:10px;right:auto}.scene-info{top:10px}.scene-controls{top:58px}.story-panel{top:106px;bottom:auto}.scene-note{font-size:12px;bottom:10px;left:10px;right:10px}.help-about-button{bottom:72px;left:10px}.presentation-toolbar{top:10px;right:10px}.overlay-panel-body{max-height:min(58vh,420px)}}@media (height<=760px) and (width>=761px){.scene-info .overlay-panel-body,.scene-controls .overlay-panel-body{max-height:calc(100vh - 92px)}.story-panel .overlay-panel-body{max-height:34vh}}