*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#020a14;--color-panel:#021020d1;--color-border:#00c8ff2e;--color-accent:#0cf;--color-accent2:#0fc;--color-text:#b0d8f0;--color-muted:#4a6a80;--font-mono:"Share Tech Mono", monospace;--font-ui:"Exo 2", sans-serif}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-ui);overflow:hidden}#main-canvas{cursor:grab;display:block;position:fixed;inset:0;width:100%!important;height:100%!important}#main-canvas:active{cursor:grabbing}#app-header{z-index:10;background:var(--color-panel);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);align-items:center;height:52px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:.75rem;width:100%;display:flex}.header-icon{color:var(--color-accent);font-size:1.4rem;animation:3s ease-in-out infinite pulse}.header-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase;text-shadow:0 0 12px #00ccff80;flex:1;font-size:1rem;font-weight:400}.header-badge{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--color-accent2);color:var(--color-accent2);opacity:.75;border-radius:2px;padding:.15rem .5rem;font-size:.65rem}#hud-overlay{z-index:10;width:min(340px,100vw - 2rem);position:fixed;top:70px;right:1.25rem}#hud-stats{background:var(--color-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);border-radius:4px;width:100%;padding:.75rem 1rem;box-shadow:0 0 30px #0096ff14}.hud-row{font-family:var(--font-mono);border-bottom:1px solid #00c8ff14;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 0;font-size:.7rem;display:flex}.hud-row:last-child{border-bottom:none}.hud-row-divider{margin-top:.25rem;padding-top:.35rem;border-top:1px solid #0f83!important}.hud-label{color:var(--color-muted);letter-spacing:.08em;white-space:nowrap}.hud-value{color:var(--color-accent2);letter-spacing:.05em;text-align:right;font-weight:600}#left-rail{z-index:10;flex-direction:column;gap:.85rem;width:calc(220px + 1.7rem);display:flex;position:fixed;top:70px;left:1.25rem}#scale-note{width:220px;color:var(--color-text);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);background:#080a1cb8;border:1px solid #aa66ff42;border-radius:4px;padding:.65rem .85rem;font-size:.72rem;line-height:1.45;position:static}#scale-note strong{color:#a6f;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:600}#explore-controls{background:var(--color-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);width:220px;font-family:var(--font-mono);border-radius:4px;padding:.65rem .85rem;position:static;box-shadow:0 0 30px #0096ff14}.ec-btn-grid{flex-direction:column;gap:.3rem;margin-top:.35rem;display:flex}.ec-btn{text-align:center;letter-spacing:.06em;white-space:nowrap;padding:.28rem .5rem;font-size:.58rem}#app-footer{z-index:10;background:var(--color-panel);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.disclaimer{color:var(--color-muted);letter-spacing:.04em;font-size:.65rem;line-height:1.4}.version-info{font-family:var(--font-mono);color:#00c8ff66;white-space:nowrap;letter-spacing:.06em;font-size:.62rem}@media (width<=760px){#app-header{padding:0 1rem}.header-title{font-size:.78rem}#hud-overlay{width:min(280px,100vw - 6rem);top:62px;right:.75rem}#hud-stats{padding:.6rem .75rem}.hud-row{font-size:.62rem}#scale-note{display:none}#left-rail{width:auto;inset:auto .75rem 4.75rem}#layer-controls{width:auto}#app-footer{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .75rem}}#layer-controls{background:var(--color-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);width:220px;font-family:var(--font-mono);border-radius:4px;padding:.65rem .85rem;position:static;box-shadow:0 0 30px #0096ff14}.lc-header{border-bottom:1px solid var(--color-border);margin-bottom:.35rem;padding-bottom:.45rem}.lc-title{letter-spacing:.12em;color:var(--color-accent);text-transform:uppercase;font-size:.65rem}.lc-section{padding:.28rem 0}.lc-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.lc-toggle input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:1px solid #00c8ff80;border-radius:2px;flex-shrink:0;width:13px;height:13px}.lc-toggle input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.lc-toggle-label{letter-spacing:.08em;color:var(--color-text);font-size:.65rem}.lc-sub{align-items:center;gap:.5rem;margin-top:.25rem;padding-left:1.3rem;display:flex}.lc-range-label{letter-spacing:.06em;color:var(--color-muted);white-space:nowrap;font-size:.58rem}#layer-controls input[type=range]{appearance:none;cursor:pointer;background:#00c8ff2e;border-radius:2px;outline:none;flex:1;min-width:0;height:3px}#layer-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:10px;height:10px}#layer-controls input[type=range]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.lc-divider{background:var(--color-border);height:1px;margin:.35rem 0}.lc-anim-row{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.lc-speed-row{grid-template-columns:repeat(4,1fr);display:grid}.lc-speed-row .lc-btn{padding-inline:.25rem}.lc-btn{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-accent);cursor:pointer;background:0 0;border:1px solid #00c8ff73;border-radius:2px;padding:.22rem .5rem;font-size:.62rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.lc-btn:hover{background:#00ccff1f}#lc-pause{text-align:center;width:100%}.lc-btn-paused{border-color:var(--color-accent2);color:var(--color-accent2);background:#00ffcc14}.lc-speed-active{border-color:var(--color-accent);background:#00ccff26}.mode-toggle{gap:.3rem;margin-left:.5rem;display:flex}.mode-btn{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #00c8ff59;border-radius:2px;padding:.2rem .6rem;font-size:.62rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.mode-btn:hover{color:var(--color-text);background:#00ccff14}.mode-btn-active{border-color:var(--color-accent);color:var(--color-accent);background:#00ccff1a}#story-panel{background:var(--color-panel);-webkit-backdrop-filter:blur(6px);width:220px;font-family:var(--font-mono);border:1px solid #00c8ff47;border-radius:4px;padding:.65rem .85rem;position:static;box-shadow:0 0 30px #0096ff14}.story-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.45rem;padding-bottom:.45rem;display:flex}.story-mode-label{letter-spacing:.12em;color:var(--color-accent);text-transform:uppercase;font-size:.62rem}.story-exit-btn{color:var(--color-muted);border-color:#00c8ff40;padding:.15rem .4rem;font-size:.58rem}.story-exit-btn:hover{color:var(--color-text)}.story-chapter-title{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-accent2);text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:400;line-height:1.3}.story-chapter-body{font-family:var(--font-ui);color:var(--color-text);letter-spacing:.02em;margin-bottom:.6rem;font-size:.7rem;line-height:1.5}.story-nav{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.1rem;padding-top:.45rem;display:flex}.story-counter{letter-spacing:.08em;color:var(--color-muted);white-space:nowrap;font-size:.6rem}.story-nav-btns{gap:.3rem;display:flex}.story-nav-btn{text-align:center;min-width:2.8rem}.story-nav-btn:disabled{opacity:.3;cursor:default}.story-nav-btn:disabled:hover{background:0 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}