@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&family=Playfair+Display:ital,wght@1,400&display=swap";:root{--bg: #06060e;--bg2: #0a0a18;--neon: #39ff14;--neon2: rgba(57,255,20,.12);--neon3: rgba(57,255,20,.06);--cyan: #00e5ff;--pink: #ff2d78;--amber: #ffb300;--border: rgba(57,255,20,.15);--border2: rgba(57,255,20,.07);--text: rgba(57,255,20,.75);--text-dim: rgba(57,255,20,.45);--text-hi: rgba(57,255,20,.95);--glow: 0 0 8px rgba(57,255,20,.4)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:300;overflow:hidden;height:100vh;width:100vw}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999}body:before{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);animation:crt-flicker .08s infinite}body:after{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}@keyframes crt-flicker{0%{opacity:.96}50%{opacity:1}to{opacity:.97}}#pages{text-shadow:.4px 0 0 rgba(255,0,0,.06),-.4px 0 0 rgba(0,255,255,.06)}body.no-crt:before,body.no-crt:after{display:none}body.no-crt #pages{text-shadow:none}#tab-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:34px;display:flex;align-items:center;padding:0 16px;gap:2px;background:#06060ef7;border-bottom:1px solid var(--border2)}.tab{padding:5px 14px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:none;border:1px solid transparent;font-family:JetBrains Mono,monospace;transition:color .2s,border-color .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--neon);border-color:var(--border);background:var(--neon3);text-shadow:var(--glow)}#tab-right{margin-left:auto;display:flex;align-items:center;gap:10px}#phase-row{display:flex;align-items:center;gap:7px}#phase-dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:var(--glow);animation:pdot 2s ease-in-out infinite}@keyframes pdot{0%,to{opacity:.3}50%{opacity:1}}#phase-text{font-family:Playfair Display,serif;font-style:italic;font-size:12px;color:var(--text-dim);letter-spacing:2px}#conn{font-size:9px;display:flex;align-items:center;gap:5px;letter-spacing:1px}#conn-dot{width:5px;height:5px;border-radius:50%}#conn.connected #conn-dot{background:var(--neon);box-shadow:var(--glow)}#conn.connected span{color:var(--text-dim)}#conn.disconnected #conn-dot{background:#f22}#conn.disconnected span{color:#f226}#pages{position:fixed;top:34px;right:0;bottom:0;left:0}.page{display:none;width:100%;height:100%}.page.active{display:flex}#page-main{grid-template-columns:240px minmax(0,1.2fr) minmax(0,1.8fr);grid-template-rows:1fr 52px}#page-main.active{display:grid}#spine-col{grid-row:1;grid-column:1;padding:10px 10px 8px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border2)}#spine-title{font-family:Playfair Display,serif;font-style:italic;font-size:11px;color:var(--text-dim);letter-spacing:3px;margin-bottom:6px;flex-shrink:0}#spine-scroll{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.layer-wrap{display:flex;align-items:stretch;gap:6px;flex:1;min-height:0}.layer-heatmap{flex:1;min-height:0}.layer-heatmap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;border:1px solid var(--border2);background:#030308}.layer-meta{font-size:8px;color:var(--text-dim);display:flex;flex-direction:column;justify-content:center;gap:0;min-width:32px;flex-shrink:0}.layer-name{color:var(--text);font-size:8px}.layer-connector{height:4px;position:relative;flex-shrink:0}.layer-connector:before{content:"";position:absolute;left:20px;right:20px;top:50%;height:1px;background:var(--border2)}.particle-track{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--neon);opacity:0;animation:drift-down 1.8s linear infinite;top:0}@keyframes drift-down{0%{top:0;opacity:0}25%{opacity:.7}75%{opacity:.7}to{top:100%;opacity:0}}#embed-section{margin-top:6px;flex-shrink:0;display:flex;align-items:center;gap:8px}#embed-label{font-size:7px;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;writing-mode:vertical-lr;transform:rotate(180deg)}#embed-canvas{display:block;width:80px;height:80px;image-rendering:pixelated;border:1px solid var(--border2)}#specimen-col{grid-row:1;grid-column:2;padding:10px 12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--border2);overflow:hidden}.section-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);align-self:flex-start;flex-shrink:0}#best-wrap{position:relative;border:1px solid var(--border);padding:4px;background:var(--neon3);box-shadow:0 0 20px #39ff140a;transition:box-shadow .5s;flex:1 1 0;min-height:0;max-width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}#best-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;background:linear-gradient(135deg,rgba(57,255,20,.08),transparent 50%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#best-piece{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;background:#000;display:block}#confidence-overlay{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);image-rendering:pixelated;opacity:0;pointer-events:none;transition:opacity .3s;mix-blend-mode:screen}#best-wrap:hover #confidence-overlay{opacity:.45}#best-meta{display:flex;gap:16px;font-size:10px;flex-shrink:0}#best-meta .lbl{color:var(--text-dim)}#best-meta .val{color:var(--neon);text-shadow:var(--glow);font-weight:400}#elite-strip{display:flex;gap:4px;flex-shrink:0;width:100%;justify-content:center}#elite-strip canvas{flex:1;max-width:80px;aspect-ratio:1;image-rendering:pixelated;background:#000;border:1px solid var(--border2);display:block}.flash{animation:nflash .9s ease-out}@keyframes nflash{0%{box-shadow:0 0 30px #39ff1480,0 0 60px #39ff1433}to{box-shadow:0 0 20px #39ff140a}}#colony-col{grid-row:1;grid-column:3;padding:8px 0 0;display:flex;flex-direction:column;gap:4px;overflow:hidden;background:#000}#gallery{flex:0 1 auto;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,minmax(0,1fr));gap:0;min-height:0;aspect-ratio:1;max-width:100%;max-height:100%}#gallery canvas{width:100%;height:100%;image-rendering:pixelated;background:#000;border:none;transition:box-shadow .3s;display:block}#gallery canvas:hover{box-shadow:inset 0 0 0 1px #39ff144d}#gallery canvas.selected{box-shadow:inset 0 0 0 1px var(--neon),0 0 8px #39ff144d}#main-bottom{grid-row:2;grid-column:1/-1;display:flex;align-items:center;border-top:1px solid var(--border2);background:#06060ef7}.chart-cell{flex:1;padding:6px 16px;display:flex;flex-direction:column;gap:2px}.chart-cell+.chart-cell{border-left:1px solid var(--border2)}.chart-title{font-size:8px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}.chart-cell svg{width:100%;height:32px}.sparkline{fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sl-loss{stroke:var(--cyan)}.sl-grad{stroke:var(--neon)}.sl-glow{stroke-width:3;opacity:.15}#stats-cell{min-width:150px;padding:6px 16px;display:grid;grid-template-columns:auto auto;gap:0 10px;align-content:center;border-left:1px solid var(--border2)}#stats-cell .label{font-size:8px;color:var(--text-dim);text-align:right;letter-spacing:1px;text-transform:uppercase}#stats-cell .value{font-size:10px;color:var(--neon);text-shadow:var(--glow);font-variant-numeric:tabular-nums}#page-mural{flex-direction:column;position:relative}#page-mural.active{display:flex}#mural-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:10;pointer-events:none}#mural-toolbar>*{pointer-events:auto}#mural-mode-btn{height:32px;padding:0 16px;border:1px solid var(--border);background:#06060ebf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font-size:9px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:JetBrains Mono,monospace;display:flex;align-items:center;justify-content:center;transition:color .2s,box-shadow .2s,border-color .2s}#mural-mode-btn:hover{color:var(--neon)}#mural-mode-btn.kaleido{color:var(--neon);border-color:var(--neon);box-shadow:var(--glow)}.tool-icon-btn{width:32px;height:32px;border:1px solid var(--border);background:#06060ebf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-dim);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;transition:color .2s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.tool-icon-btn:hover{color:var(--neon);box-shadow:var(--glow)}.tool-icon-btn.active{color:var(--neon);border-color:var(--neon);box-shadow:var(--glow)}#mural-crt-btn{font-size:8px;letter-spacing:1px;width:auto;padding:0 10px}#mural-sound-toolbar-btn{font-size:15px}#mural-settings-toggle{font-size:16px}#mural-settings-toggle.open{color:var(--neon);border-color:var(--neon);box-shadow:var(--glow)}#mural-status{position:absolute;bottom:12px;left:14px;display:flex;align-items:center;gap:12px;z-index:10;pointer-events:none}#mural-gen-info{font-size:9px;color:var(--text-dim);letter-spacing:1px}#mural-phase{font-family:Playfair Display,serif;font-style:italic;font-size:11px;color:var(--text-dim)}#mural-settings{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:10;overflow:hidden;background:#06060ee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border2);border-radius:4px;max-height:300px;width:min(92vw,640px);transition:max-height .3s ease,padding .3s ease,opacity .25s ease;padding:14px 18px;opacity:1}#mural-settings.collapsed{max-height:0;padding:0 18px;opacity:0;border-color:transparent;pointer-events:none}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-group{display:flex;flex-direction:column;gap:8px}.group-title{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);padding-bottom:4px;border-bottom:1px solid var(--border2)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;cursor:default}.setting-label{font-size:10px;color:var(--text-dim);letter-spacing:1px;white-space:nowrap;flex-shrink:0}.setting-control{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.setting-value{font-size:10px;color:var(--text);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.toggle-btn{padding:4px 12px;border:1px solid var(--border);background:var(--neon3);color:var(--text-dim);font-size:8px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:JetBrains Mono,monospace;transition:color .2s,box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent;min-height:28px}.toggle-btn:hover{color:var(--neon)}.toggle-btn.active{color:var(--neon);border-color:var(--neon);box-shadow:var(--glow)}.setting-select{padding:4px 8px;border:1px solid var(--border);background:var(--neon3);color:var(--text);font-size:9px;letter-spacing:1px;font-family:JetBrains Mono,monospace;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;min-height:28px}.setting-select:hover,.setting-select:focus{border-color:var(--neon);box-shadow:var(--glow)}.setting-select option{background:var(--bg);color:var(--text)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:120px;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--neon);border:2px solid var(--bg);box-shadow:0 0 6px #39ff1466;cursor:pointer;transition:box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px #39ff14b3}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--neon);border:2px solid var(--bg);box-shadow:0 0 6px #39ff1466;cursor:pointer}input[type=range]::-moz-range-track{height:4px;background:var(--border);border-radius:2px}body.fullscreen #tab-bar,body.fullscreen #mural-toolbar,body.fullscreen #mural-settings,body.fullscreen #mural-status{display:none}body.fullscreen #pages{top:0;right:0;bottom:0;left:0}#mural-canvas-wrap{flex:1;overflow:hidden;position:relative;cursor:crosshair;background:#030308}#mural-canvas{position:absolute;top:0;left:0;image-rendering:pixelated}#mural-overlay{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim);letter-spacing:1px;pointer-events:none;white-space:nowrap}#perf-monitor{position:absolute;bottom:12px;right:14px;z-index:10;pointer-events:none;background:#06060ed1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border2);border-radius:3px;padding:8px 10px;min-width:160px;font-variant-numeric:tabular-nums}.perf-title{font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;border-bottom:1px solid var(--border2);padding-bottom:3px}.perf-row{display:flex;justify-content:space-between;align-items:center;gap:8px;height:16px}.perf-label{font-size:8px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.perf-val{font-size:9px;color:var(--text);text-align:right}.perf-ok{color:var(--neon)}.perf-warn{color:var(--amber)}.perf-bad{color:var(--pink)}#perf-fps-graph{display:block;width:100%;height:32px;margin-top:6px;border-top:1px solid var(--border2);padding-top:4px}@media(max-width:640px){#mural-toolbar{top:8px;gap:5px}.tool-icon-btn{width:44px;height:44px;font-size:18px}#mural-crt-btn{font-size:9px;padding:0 8px}#mural-sound-toolbar-btn{font-size:20px}#mural-mode-btn{height:44px;padding:0 12px;font-size:9px}#mural-status{bottom:8px;left:10px}#mural-gen-info{display:none}#mural-phase{font-size:10px}#mural-settings{top:58px;width:min(96vw,640px);padding:14px 12px;max-height:400px}#mural-settings.collapsed{max-height:0;padding:0 12px}.settings-grid{grid-template-columns:1fr;gap:14px}.setting-row{min-height:44px}input[type=range]{max-width:none;height:6px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.toggle-btn{min-height:36px;padding:6px 16px;font-size:9px}.setting-label{font-size:11px}.setting-value{font-size:11px;min-width:42px}}@media(min-width:641px)and (max-width:900px){.settings-grid{grid-template-columns:repeat(2,1fr)}.tool-icon-btn{width:36px;height:36px}}