@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:Cormorant;src:url(/Cormorant-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/Cormorant-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-ui:"IBM Plex Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--font-display:"Cormorant", "Didot", "Georgia", serif;--color-lavender:#bc90ff;--color-magenta:#ff5dd4;--color-pink:#ff54b0;--color-mint:#38ff9c;--color-cyan:#08d3bc;--color-gold:#ffc247;--color-purple:#7064b4;--color-light-purple:#c4a0ff;--color-bg:#0d0e17;--color-bg-elevated:#0d0e17eb;--color-bg-glass:#0d0e17e0;--color-fg:#ebddf4;--ui-accent:var(--color-lavender);--ui-accent-dim:#7064b4;--ui-accent-muted:#4a4270;--ui-accent-subtle:#2a2540;--ui-active:var(--color-mint);--ui-hot:var(--color-magenta);--ui-text:var(--color-fg);--ui-text-secondary:#ebddf499;--ui-text-muted:#ebddf466;--ui-border:#7064b426;--ui-border-hover:#bc90ff66;--ui-border-active:#38ff9c4d;--ui-glow-accent:#bc90ff66;--ui-glow-active:#38ff9c4d;--ui-icon:var(--ui-accent-dim);--ui-icon-hover:var(--color-lavender);--ui-icon-inactive:var(--ui-accent-muted);--ui-btn-bg:#7064b40d;--ui-btn-bg-hover:#bc90ff1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-ui);color:#ebddf4;background:#000;overflow:hidden}:focus{outline:none}.app,.canvas-container{width:100%;height:100%;position:relative}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border);z-index:100;background:#0d0e17eb;border-radius:8px;flex-direction:column;width:300px;display:flex;position:fixed;top:20px;bottom:20px;left:20px;overflow:hidden;box-shadow:0 4px 24px #00000080}.sidebar.collapsed{background:#0d0e17b3;border:1px solid #7064b433;border-radius:50%;width:auto;height:auto;padding:0;top:20px;bottom:auto;left:20px;box-shadow:0 4px 20px #00000080}.sidebar-header{border-bottom:1px solid #7064b41f;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sidebar-title{font-family:var(--font-display);letter-spacing:4px;color:#ff5dd4;text-shadow:0 0 8px #ff5dd466;font-size:18px;font-weight:300}.collapse-btn{color:var(--ui-icon);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:flex}.collapse-btn:hover{color:var(--ui-icon-hover)}.sidebar.collapsed .collapse-btn{width:28px;height:28px;color:var(--ui-icon)}.sidebar.collapsed .collapse-btn:hover{color:var(--ui-icon-hover)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#bc90ff26 transparent;flex:1;overflow:hidden auto}.sidebar-section{border-bottom:1px solid #7064b40f}.section-header{color:#bc90ff;letter-spacing:1.5px;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.section-header:hover{color:#ff5dd4}.section-chevron{opacity:.5;font-size:8px}.section-content{padding:2px 14px 12px}.control-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.control-row label{color:#ebddf499;letter-spacing:.5px;min-width:65px;font-size:10px}.slider-group{flex:1;align-items:center;gap:6px;display:flex}.slider-group input[type=range]{appearance:none;cursor:pointer;background:#7064b426;border-radius:2px;outline:none;flex:1;height:3px}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#bc90ff;border:none;border-radius:3px;width:4px;height:14px;box-shadow:0 0 6px #bc90ff80,0 0 0 4px #0000}.slider-value{color:#bc90ff;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:9px}.color-group{align-items:center;gap:6px;display:flex}.color-group input[type=color]{cursor:pointer;background:0 0;border:1px solid #bc90ff33;border-radius:2px;width:24px;height:18px;padding:0}.color-hex{color:#ebddf480;font-variant-numeric:tabular-nums;font-size:9px}.toggle-btn{color:#958da0;cursor:pointer;letter-spacing:.5px;background:#7064b40d;border:1px solid #7064b433;border-radius:2px;padding:2px 8px;font-family:inherit;font-size:9px}.toggle-btn.active{color:#38ff9c;background:#38ff9c26;border-color:#38ff9c66;box-shadow:0 0 6px #38ff9c26}select{color:#bc90ff;cursor:pointer;background:#7064b40d;border:1px solid #7064b426;border-radius:2px;outline:none;padding:3px 6px;font-family:inherit;font-size:10px}select:focus{border-color:#bc90ff66}.preset-browser{flex-direction:column;gap:8px;display:flex}.preset-categories{flex-wrap:wrap;gap:3px;display:flex}.cat-btn{color:#ebddf499;cursor:pointer;letter-spacing:.3px;background:0 0;border:1px solid #7064b41a;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:9px}.cat-btn.active{color:#bc90ff;background:#bc90ff1f;border-color:#bc90ff4d}.preset-list{scrollbar-width:thin;scrollbar-color:#bc90ff1a transparent;flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.preset-card{cursor:pointer;background:#7064b408;border:1px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;padding:5px 8px;transition:all .15s;display:flex}.preset-card:hover{background:#7064b414;border-color:#bc90ff26}.preset-info{align-items:center;gap:6px;display:flex}.preset-name{color:#ebddf4;font-size:10px}.preset-cat-badge{color:#bc90ff;letter-spacing:.3px;background:#bc90ff14;border-radius:2px;padding:1px 4px;font-size:8px}.preset-actions{gap:4px;display:flex}.fav-btn,.del-btn{cursor:pointer;color:#ebddf499;background:0 0;border:none;padding:1px 3px;font-size:11px}.fav-btn.active{color:#ffc247}.del-btn:hover{color:#ff5dd4}.preset-controls{padding-top:4px}.preset-buttons{gap:4px;display:flex}.preset-buttons button,.save-actions button{color:#bc90ff;cursor:pointer;letter-spacing:.3px;background:#7064b40d;border:1px solid #bc90ff33;border-radius:2px;padding:3px 8px;font-family:inherit;font-size:9px}.preset-buttons button:hover,.save-actions button:hover{color:#bc90ff;background:#bc90ff1f}.save-form{flex-direction:column;gap:4px;display:flex}.save-form input[type=text]{color:#ebddf4;background:#7064b40d;border:1px solid #bc90ff33;border-radius:2px;outline:none;padding:4px 6px;font-family:inherit;font-size:10px}.save-form input[type=text]:focus{border-color:#bc90ff80}.save-actions{gap:4px;display:flex}.osc-panel{flex-direction:column;gap:6px;display:flex}.mic-btn{color:#958da0;cursor:pointer;letter-spacing:1px;background:#7064b408;border:1px solid #7064b426;border-radius:2px;width:100%;padding:5px;font-family:inherit;font-size:10px;transition:all .15s}.mic-btn.active{color:#ff5dd4;background:#ff5dd426;border-color:#ff5dd466;box-shadow:0 0 8px #ff5dd426}.osc-slot{border:1px solid #7064b40f;border-radius:2px;padding:4px 6px}.osc-slot.active{background:#7064b405;border-color:#bc90ff26}.osc-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.osc-toggle{color:#958da0;cursor:pointer;letter-spacing:.5px;background:0 0;border:1px solid #7064b426;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:9px}.osc-toggle.active{color:#38ff9c;background:#38ff9c14;border-color:#38ff9c4d}.wave-selector{gap:2px;display:flex}.wave-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #7064b41a;border-radius:1px;padding:2px 5px;font-family:inherit;font-size:8px}.wave-btn.active{color:#bc90ff;background:#bc90ff14;border-color:#bc90ff4d}.osc-controls{flex-direction:column;gap:3px;margin-top:4px;display:flex}.osc-control{align-items:center;gap:4px;display:flex}.osc-control label{color:#ebddf499;min-width:38px;font-size:9px}.osc-control input[type=range]{appearance:none;cursor:pointer;background:#7064b426;border-radius:1px;outline:none;flex:1;height:2px}.osc-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#bc90ff;border:none;border-radius:2px;width:3px;height:12px;box-shadow:0 0 0 4px #0000}.osc-control span{color:#ebddf480;text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:8px}.transport-bar{background:#0000004d;border-top:1px solid #7064b41f;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.transport-group{align-items:center;gap:4px;display:flex}.transport-btn{color:#bc90ff;cursor:pointer;background:#7064b40a;border:1px solid #7064b426;border-radius:2px;justify-content:center;align-items:center;width:28px;height:24px;font-family:inherit;font-size:12px;display:flex}.transport-btn:hover{color:#bc90ff;background:#bc90ff1a}.upload-btn,.screenshot-btn{letter-spacing:.3px;width:auto;padding:0 8px;font-size:9px}.speed-btn{width:auto;min-width:28px;padding:0 4px;font-size:10px}.transport-btn.active{color:#bc90ff;background:#bc90ff33;border-color:#bc90ff66}.aspect-select{height:24px;padding:2px 4px;font-size:9px}.transport-scrubber{flex:1;align-items:center;gap:8px;min-width:120px;max-width:320px;padding:0 8px;display:flex}.transport-counter{font-family:var(--font-mono);color:#bc90ff99;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;min-width:72px;font-size:10px}.scrubber-slider{appearance:none;background:linear-gradient(to right, #bc90ff80 var(--progress,0%), #7064b426 var(--progress,0%));cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.scrubber-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#bc90ff;border:1px solid #bc90ff99;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #bc90ff66}.scrubber-slider::-webkit-slider-thumb:active{cursor:grabbing;background:#d4b3ff;box-shadow:0 0 10px #bc90ff99}.scrubber-slider::-moz-range-thumb{cursor:grab;background:#bc90ff;border:1px solid #bc90ff99;border-radius:50%;width:10px;height:10px}.transport-speed-select{font-family:var(--font-mono);color:#bc90ff;cursor:pointer;background:#7064b414;border:1px solid #7064b433;border-radius:2px;outline:none;height:22px;padding:0 4px;font-size:10px}.transport-speed-select:hover{border-color:#bc90ff66}.transport-speed-select option{color:#ebddf4;background:#151623}.transport-overlay{z-index:100;background:var(--color-bg-glass);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.transport-overlay.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(4px)}.transport-overlay .transport-group{align-items:center;gap:3px;display:flex}.transport-overlay .transport-scrubber{gap:6px;min-width:220px;max-width:420px;padding:0}.transport-overlay .transport-btn{color:#bc90ff;background:0 0;border:1px solid #7064b41a;border-radius:3px;width:26px;height:22px;font-size:12px}.transport-overlay .transport-btn:hover{color:#d4b3ff;background:#bc90ff1a}.transport-overlay .transport-counter{color:#bc90ff73;min-width:60px;font-size:9px}.transport-overlay .transport-speed-select{color:#bc90ff99;background:0 0;border:1px solid #7064b41f;border-radius:3px;height:20px;padding:0 3px;font-size:9px}.transport-overlay .transport-speed-select:hover{color:#bc90ff;border-color:#bc90ff4d}.loop-btn.active{color:#38ff9c;border-color:#38ff9c40}.transport-divider{background:#7064b426;flex-shrink:0;width:1px;height:16px}.toggle-btn{color:var(--ui-icon-inactive);position:relative}.toggle-btn.active{color:var(--ui-active);border-color:var(--ui-border-active)}.kb-help-trigger{z-index:90;color:#bc90ff;width:28px;height:28px;font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0e17b3;border:1px solid #7064b433;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:border-color .3s,color .3s;display:flex;position:fixed;bottom:20px;right:20px}.kb-help-trigger:hover{color:#d4b3ff;border-color:#bc90ff66}.kb-help-modal{z-index:100;border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0e17eb;border-radius:8px;width:300px;padding:0;position:fixed;bottom:56px;right:20px;box-shadow:0 4px 24px #00000080}.kb-help-header{font-family:var(--font-ui);color:#ebddf4;letter-spacing:.5px;border-bottom:1px solid #7064b41f;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.kb-help-close{color:var(--ui-icon);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.kb-help-close:hover{color:var(--ui-icon-hover)}.kb-help-section{padding:8px 14px}.kb-help-section-label{font-family:var(--font-mono);color:#bc90ff59;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:500}.kb-help-divider{background:#7064b41a;height:1px;margin:0 14px}.kb-help-row{align-items:center;gap:12px;padding:3px 0;display:flex}.kb-help-keys{flex-shrink:0;align-items:center;gap:3px;min-width:80px;display:flex}.kb-help-key{font-family:var(--font-mono);color:#bc90ff;text-align:center;white-space:nowrap;background:#7064b41a;border:1px solid #7064b433;border-radius:3px;min-width:20px;padding:2px 6px;font-size:10px;line-height:1.3}.kb-help-action{font-family:var(--font-ui);color:#ebddf48c;white-space:nowrap;font-size:11px}.kb-help-toggles{grid-template-columns:1fr 1fr;gap:3px 10px;display:grid}.kb-help-toggle{align-items:center;gap:6px;padding:2px 0;display:flex}.kb-help-toggle .kb-help-key{min-width:18px;padding:1px 5px;font-size:10px}.kb-help-toggle .kb-help-action{font-size:10px}.kb-help-footer{font-family:var(--font-ui);color:#bc90ff4d;text-align:center;border-top:1px solid #7064b414;padding:8px 14px;font-size:10px}.kb-help-footer kbd{font-family:var(--font-mono);color:#bc90ff80;background:#7064b41a;border:1px solid #7064b426;border-radius:2px;padding:1px 4px;font-size:10px}.timestamp-overlay{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0d0e17b3;border:1px solid #7064b41f;border-radius:4px;flex-direction:column;gap:2px;padding:6px 10px;display:flex;position:fixed;bottom:20px;left:20px}.timestamp-date{font-family:var(--font-mono);color:#ebddf4b3;font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:11px}.timestamp-project{font-family:var(--font-ui);color:#bc90ff73;text-transform:uppercase;letter-spacing:.5px;font-size:9px}@keyframes feed-slide-in{0%{opacity:0;transform:translate(-12px)translateY(4px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes hud-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes hud-glitch{0%{clip-path:inset(0 0 98%);transform:translate(0)}5%{clip-path:inset(30% 0 60%);transform:translate(-3px)}10%{clip-path:inset(70% 0 10%);transform:translate(2px)}15%{clip-path:inset(0 0 98%);transform:translate(0)}to{clip-path:inset(0 0 98%);transform:translate(0)}}@keyframes hud-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}.hud-overlay{pointer-events:none;z-index:20;font-family:var(--font-mono);position:absolute;inset:0}.hud-panel{background:#0000009e;border:1px solid #bc90ff38;min-width:160px;padding:8px 10px;position:absolute;box-shadow:0 0 12px #bc90ff14,inset 0 0 20px #0006}.hud-panel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#bc90ff05 2px 4px);position:absolute;inset:0}.hud-panel--tl{top:14px;left:14px}.hud-panel--tr{top:14px;right:14px}.hud-panel--br{bottom:14px;right:14px}.hud-panel--bl{bottom:14px;left:14px}.hud-label{letter-spacing:2px;color:#bc90ff73;text-transform:uppercase;margin-bottom:4px;font-size:8px}.hud-value{color:#bc90ff;text-shadow:0 0 6px #bc90ff99;letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:11px}.hud-mono{letter-spacing:.5px;font-size:10px}.hud-key{color:#ebddf466;letter-spacing:1px;text-transform:uppercase;font-size:8px}.hud-row{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.hud-status{letter-spacing:2px;margin-bottom:5px;font-size:12px;font-weight:700}.hud-status--active{color:#38ff9c;text-shadow:0 0 8px #38ff9cb3}.hud-status--paused{color:#ffc247;text-shadow:0 0 8px #ffc247b3;animation:1.2s ease-in-out infinite hud-blink}.hud-glitch{letter-spacing:2px;margin-bottom:6px;font-size:13px;font-weight:700;animation:8s linear infinite hud-flicker;position:relative}.hud-glitch:before{content:attr(data-text);color:#ff5dd4;text-shadow:none;opacity:.6;animation:6s linear infinite hud-glitch;position:absolute;top:0;left:0}.hud-audio-bar-track{vertical-align:middle;background:#7064b41a;border-radius:1px;width:70px;height:4px;display:inline-block;overflow:hidden}.hud-audio-bar-fill{border-radius:1px;height:100%;transition:width 50ms linear;display:block;box-shadow:0 0 4px}.hud-cursor{color:#bc90ff;text-shadow:0 0 6px #bc90ff99;min-height:14px;margin-top:2px;font-size:11px}.hud-waveform-canvas{background:0 0;border:1px solid #bc90ff1a;margin-top:4px;display:block}.hud-divider{background:#7064b41a;height:1px;margin:6px 0}.hud-agent-bar-track{background:#7064b414;border-radius:1px;width:100%;height:2px;margin-top:2px;display:block;overflow:hidden}.hud-agent-bar-fill{border-radius:1px;height:100%;transition:width .3s;display:block;box-shadow:0 0 4px}.hud-agent-row{border-top:1px solid #7064b40f;margin-top:6px;padding-top:5px}.hud-agent-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.hud-agent-name{letter-spacing:1px;text-shadow:0 0 6px;font-size:9px;font-weight:700}.hud-agent-tool{color:#ebddf480;letter-spacing:.5px;font-size:8px}.hud-event-row{align-items:baseline;gap:6px;margin-top:4px;transition:opacity .5s;display:flex}.hud-event-time{color:#bc90ff59;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:24px;font-size:7px}.hud-event-text{letter-spacing:.3px;word-break:break-all;font-size:8px;line-height:1.3}.sim-stats{background:#7064b408;border:1px solid #7064b40f;border-radius:2px;flex-direction:column;gap:3px;margin-top:8px;padding:6px 8px;display:flex}.sim-stat-row{justify-content:space-between;align-items:center;display:flex}.sim-stat-val{font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.5px}@keyframes about-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes about-accent-draw{0%{height:0}to{height:100%}}@keyframes about-backdrop-in{0%{opacity:0}to{opacity:1}}.about-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05050cd9;justify-content:center;align-items:center;animation:.4s ease-out about-backdrop-in;display:flex;position:fixed;inset:0}.tour-vignette{z-index:201;pointer-events:none;opacity:1;background:#05050c;animation:2s ease-out 2s forwards vignette-reveal;position:fixed;inset:0}@keyframes vignette-reveal{0%{opacity:1}to{opacity:0}}.tour-warp-flash{z-index:202;pointer-events:none;opacity:0;background:radial-gradient(#bc90ff4d 0%,#38ff9c14 40%,#0000 70%);animation:2.8s ease-out 1.6s forwards warp-flash;position:fixed;inset:0}@keyframes warp-flash{0%{opacity:0;filter:blur(20px);transform:scale(.3)}15%{opacity:1;filter:blur(6px);transform:scale(1)}35%{opacity:.7;filter:blur(2px);transform:scale(1.3)}to{opacity:0;filter:blur();transform:scale(2)}}.tour-exit-hint{z-index:95;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;font-family:var(--font-mono);color:#ebddf480;letter-spacing:1.5px;text-transform:uppercase;background:#0d0e1799;border:1px solid #bc90ff26;border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;transition:color .2s,border-color .2s;animation:1s ease-out 5s both tour-hint-fade-in;display:flex;position:fixed;bottom:24px;right:24px}.tour-exit-hint:hover{color:#ebddf4;border-color:#bc90ff59}.tour-exit-sub{opacity:.4;border:1px solid #bc90ff26;border-radius:2px;padding:1px 4px;font-size:8px}@keyframes tour-hint-fade-in{0%{opacity:0}to{opacity:1}}.about-panel{background:#0d0e17f2;border:1px solid #7064b42e;border-radius:4px;width:calc(100% - 40px);max-width:clamp(520px,55vw,720px);max-height:calc(100vh - 60px);position:relative;overflow:hidden;box-shadow:0 0 60px #bc90ff0f,0 8px 32px #0009}@media (width<=560px){.about-panel{max-width:calc(100% - 24px)}}.about-accent{background:linear-gradient(#ff5dd4,#bc90ff 40%,#38ff9c);width:3px;height:100%;animation:.8s ease-out about-accent-draw;position:absolute;top:0;left:0;overflow:visible;box-shadow:0 0 12px #ff5dd44d}.about-accent:after{content:"";mix-blend-mode:screen;filter:blur(6px);opacity:0;pointer-events:none;background:radial-gradient(at 40%,#fff9 0%,#ffffff26 30%,#0000 70%);width:24px;height:33%;animation:7s ease-in-out 1.5s infinite accent-pulse-up;position:absolute;left:-10px}@keyframes accent-pulse-up{0%{opacity:0;background:radial-gradient(at 40%,#38ff9cb3 0%,#38ff9c26 35%,#0000 70%);bottom:-33%}5%{opacity:1}35%{background:radial-gradient(at 40%,#bc90ffb3 0%,#bc90ff26 35%,#0000 70%)}70%{opacity:.7;background:radial-gradient(at 40%,#ff5dd4b3 0%,#ff5dd426 35%,#0000 70%)}to{opacity:0;background:radial-gradient(at 40%,#ff5dd480 0%,#ff5dd41a 35%,#0000 70%);bottom:100%}}.about-close{color:var(--ui-icon);cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;line-height:1;transition:color .2s;position:absolute;top:12px;right:12px}.about-close:hover{color:var(--ui-icon-hover)}.about-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#bc90ff03 3px 6px);position:absolute;inset:0}.about-content{z-index:2;scrollbar-width:thin;scrollbar-color:#bc90ff1a transparent;max-height:calc(100vh - 60px);padding:24px 24px 20px 28px;position:relative;overflow-y:auto}.about-header,.about-prose,.about-footer{opacity:0;animation:.5s ease-out forwards about-fade-in}.about-panel--no-delay .about-header,.about-panel--no-delay .about-prose,.about-panel--no-delay .about-data-grid,.about-panel--no-delay .about-footer{opacity:1;animation-delay:0s!important}.about-tag{font-family:var(--font-mono);letter-spacing:3px;color:#6a4f8e;margin-bottom:6px;font-size:8px}.about-title{font-family:var(--font-display);letter-spacing:10px;color:#ebddf4;text-shadow:0 0 20px #bc90ff4d;margin:0 0 8px;font-size:42px;font-weight:300}.about-subtitle{font-family:var(--font-display);color:#b8a8c8;letter-spacing:1px;margin-bottom:4px;font-size:15px;font-style:italic;font-weight:400}.about-stats-summary{font-family:var(--font-mono);letter-spacing:1.5px;color:#5a4578;text-transform:uppercase;margin-top:8px;font-size:9px}.about-prose{scrollbar-width:thin;scrollbar-color:#bc90ff1f transparent;opacity:0;max-height:120px;margin-top:14px;padding-right:8px;animation:.5s ease-out forwards about-fade-in;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.about-prose:hover{-webkit-mask-image:none;mask-image:none}.about-data-grid{opacity:0;flex-direction:column;gap:14px;margin-top:16px;animation:.5s ease-out forwards about-fade-in;display:flex}.about-data-section{min-width:0}.about-data-2col{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}@media (width<=560px){.about-data-2col{grid-template-columns:1fr}}.about-text{font-family:var(--font-ui);color:#a99bb4;letter-spacing:.2px;margin:0;font-size:12px;line-height:1.7}.about-hl{color:#bc90ff;font-weight:500}.about-hl-mint{color:#38ff9c;font-weight:500}.about-section-label{font-family:var(--font-mono);letter-spacing:2.5px;color:#ff5dd4;text-shadow:0 0 8px #ff5dd44d;margin-bottom:10px;font-size:8px}.about-districts{flex-direction:column;gap:3px;display:flex}.about-district{align-items:flex-start;gap:8px;padding:2px 0;display:flex}.about-district-dot{border-radius:1px;flex-shrink:0;width:6px;height:6px;margin-top:5px;box-shadow:0 0 6px}.about-district-info{flex-direction:column;gap:1px;display:flex}.about-district-name{font-family:var(--font-display);color:#c0b0ce;letter-spacing:.5px;font-size:13px;font-weight:300}.about-district-stats{font-family:var(--font-mono);color:#5a4578;font-variant-numeric:tabular-nums;font-size:9px}.about-filetypes{flex-direction:column;gap:3px;display:flex}.about-filetype{align-items:flex-start;gap:7px;padding:2px 0;display:flex}.about-filetype-dot{border-radius:1px;flex-shrink:0;width:5px;height:5px;margin-top:4px;box-shadow:0 0 5px}.about-filetype-info{flex-direction:column;gap:1px;display:flex}.about-filetype-label{font-family:var(--font-ui);color:#b5a5c4;letter-spacing:.2px;font-size:10px}.about-filetype-exts{font-family:var(--font-mono);color:#504068;font-size:8px}.about-shortcuts{grid-template-columns:1fr 1fr;gap:5px 16px;display:grid}.about-shortcut{align-items:center;gap:8px;display:flex}.about-kbd{font-family:var(--font-mono);color:#bc90ff;text-align:center;background:#7064b41a;border:1px solid #7064b433;border-radius:3px;min-width:24px;padding:2px 6px;font-size:10px}.about-shortcut-desc{font-family:var(--font-ui);color:#8a7a98;font-size:10px}.about-footer{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.about-buttons{gap:10px;width:100%;max-width:400px;display:flex}.about-enter,.about-explore{font-family:var(--font-mono);letter-spacing:3px;cursor:pointer;text-align:center;border-radius:2px;width:100%;padding:12px 28px;font-size:11px;transition:all .3s;position:relative;overflow:hidden}.about-enter{color:#38ff9c;text-shadow:0 0 10px #38ff9c66;background:#38ff9c0a;border:1px solid #38ff9c26}.about-enter:before{content:"";background:conic-gradient(from var(--laser-angle,0deg) at 50% 50%, transparent 0deg, transparent 340deg, #38ff9c 350deg, #38ff9c99 355deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.9;border-radius:2px;padding:1px;animation:2.5s linear infinite laser-trace;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}@keyframes laser-trace{0%{--laser-angle:0deg}to{--laser-angle:360deg}}@property --laser-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.about-enter:hover{text-shadow:0 0 14px #38ff9c99;background:#38ff9c14;border-color:#38ff9c66}.about-enter:hover:before{opacity:1;animation-duration:1.5s}.about-explore{color:#9b7ed8;text-shadow:0 0 8px #bc90ff26;background:linear-gradient(135deg,#bc90ff0f,#7064b408);border:1px solid #7064b440}.about-explore:hover{color:#bc90ff;text-shadow:0 0 12px #bc90ff4d;background:linear-gradient(135deg,#bc90ff1f,#7064b40f);border-color:#bc90ff73;box-shadow:0 0 16px #bc90ff0f}.about-hint{font-family:var(--font-ui);color:#4a4270;font-size:9px}.about-reset-tips{z-index:2;padding:0 28px 16px 32px;position:relative}.about-reset-btn{font-family:var(--font-ui);color:#4a4270;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;padding:4px 0;font-size:9px;transition:color .2s}.about-reset-btn:hover{color:#bc90ff}@keyframes nudge-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge-out{0%{opacity:1}to{opacity:0;transform:translateY(4px)}}.nudge-toast{z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0d0e17e0;border:1px solid #7064b433;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:6px 12px 4px;animation:.3s ease-out nudge-in,.4s ease-in 5.4s forwards nudge-out;display:flex;position:fixed;bottom:56px;right:20px}.nudge-text{font-family:var(--font-ui);color:#7064b4;white-space:nowrap;font-size:10px}.nudge-text kbd{font-family:var(--font-mono);color:#bc90ff;background:#7064b41a;border:1px solid #7064b433;border-radius:2px;padding:1px 4px;font-size:10px}.nudge-arrow{color:#4a4270;font-size:8px;line-height:1}.scene-options{z-index:90;position:fixed;bottom:20px;right:96px}.scene-options-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0e17eb;border:1px solid #7064b433;border-radius:6px;min-width:180px;padding:6px 0;animation:.15s ease-out menu-in;position:absolute;bottom:36px;right:0;box-shadow:0 4px 20px #00000080}@keyframes menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.scene-options-section-label{font-family:var(--font-mono);color:#4a4270;letter-spacing:.08em;padding:4px 12px 2px;font-size:9px}.scene-options-row{color:#6a5a8e;cursor:pointer;width:100%;font-family:var(--font-ui);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:5px 12px;font-size:11px;transition:background .15s,color .15s;display:flex}.scene-options-row:hover{color:#d4b3ff;background:#bc90ff0f}.scene-options-row.active{color:#38ff9c}.scene-options-label{flex:1}.scene-options-hint{font-family:var(--font-mono);color:#433d6c;text-align:right;min-width:14px;font-size:9px}.scene-options-divider{background:#7064b41f;height:1px;margin:4px 8px}.scene-options-cam-modes{gap:3px;padding:2px 8px 4px;display:flex}.scene-options-cam-btn{color:#6a5f80;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:#7064b40f;border:1px solid #7064b41f;border-radius:3px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 2px 4px;font-size:7px;transition:all .15s;display:flex}.scene-options-cam-btn:hover{color:#bc90ff;background:#7064b41f;border-color:#bc90ff40}.scene-options-cam-btn.active{color:#38ff9c;background:#38ff9c14;border-color:#38ff9c4d}.scene-options-switch{background:#7064b426;border:1px solid #7064b433;border-radius:6px;flex-shrink:0;width:24px;height:12px;transition:background .2s,border-color .2s;position:relative}.scene-options-switch.on{background:#38ff9c33;border-color:#38ff9c59}.scene-options-switch-thumb{background:#433d6c;border-radius:50%;width:8px;height:8px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.scene-options-switch.on .scene-options-switch-thumb{background:#38ff9c;transform:translate(12px)}.scene-toggle-btn{color:#433d6c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0e17b3;border:1px solid #7064b433;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .2s,color .2s,background .2s;display:flex}.scene-toggle-btn:hover{color:#d4b3ff;border-color:#bc90ff66}.scene-toggle-btn.active{color:#38ff9c;background:#38ff9c0f;border-color:#38ff9c59}.about-trigger{z-index:90;color:#bc90ff;width:28px;height:28px;font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0e17b3;border:1px solid #7064b433;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-style:italic;font-weight:700;transition:border-color .3s,color .3s;display:flex;position:fixed;bottom:20px;right:56px}.about-trigger:hover{color:#d4b3ff;border-color:#bc90ff66}.minimap-container{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:.9;background:#0d0e17b3;border:1px solid #7064b41f;border-radius:8px;width:160px;height:160px;position:fixed;top:20px;right:20px;overflow:hidden}.minimap-canvas{width:160px;height:160px;image-rendering:pixelated;border-radius:7px;display:block}.minimap-label{font-family:var(--font-mono);letter-spacing:2px;color:#7064b4;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7px;position:absolute;top:3px;right:6px}.minimap-hotkey{font-family:var(--font-mono);color:#7064b4;opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7px;position:absolute;bottom:2px;left:6px}