:root{color-scheme:dark;--bg: #14171c;--panel: #1c2027;--panel-border: #2c313a;--text: #e6e9ef;--muted: #8b93a1;--accent: #4fd1c5;--danger: #e35d5d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:260px 1fr 300px;grid-template-rows:auto 1fr;gap:12px;height:100vh;padding:12px}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px}.header h1{font-size:16px;margin:0;font-weight:600}.header .sub{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:12px;overflow-y:auto}.palette-group{margin-bottom:14px}.palette-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 6px}.palette-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:13px}.palette-item:hover{background:#262b34}.palette-item.selected{border-color:var(--accent);background:#223330}.swatch{width:16px;height:16px;border-radius:3px;flex-shrink:0}.fuel-select{width:100%;margin-top:6px;background:#14171c;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:4px;font-size:12px}.grid-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:auto}.controls-bar{display:flex;gap:8px;align-items:center}.controls-bar button{background:#262b34;border:1px solid var(--panel-border);color:var(--text);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px}.controls-bar button.primary{background:var(--accent);color:#05201d;font-weight:600;border-color:var(--accent)}.controls-bar button:hover{filter:brightness(1.15)}.stats-row{display:flex;gap:16px;font-size:12px;color:var(--muted)}.stats-row b{color:var(--text)}.grid-table{display:grid;gap:2px;background:#05070a;padding:8px;border-radius:8px;border:1px solid var(--panel-border)}.cell{width:34px;height:34px;border-radius:3px;border:1px solid #232830;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:9px;color:#0a0d10;font-weight:700}.cell.empty{background:#0d0f13;border-style:dashed;border-color:#262b34;cursor:default}.cell.selected{outline:2px solid var(--accent);outline-offset:1px}.cell .cover-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:#fffa}.cell .cover-dot.glass{background:#7fd6ff}.cell .heat-bar{position:absolute;left:2px;bottom:2px;right:2px;height:3px;background:#000a;border-radius:2px;overflow:hidden}.cell .heat-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4fd1c5,#f5d76e,#e35d5d)}.cell.textured{background-size:cover;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges}.cell.meltdown{outline:2px solid var(--danger);animation:pulse .6s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 #e35d5d66}to{box-shadow:0 0 8px #e35d5de6}}.inspector dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px;margin:0}.inspector dt{color:var(--muted)}.inspector dd{margin:0;text-align:right}.inspector h3{font-size:13px;margin:0 0 8px}.legend{font-size:11px;color:var(--muted);line-height:1.5}.control-slider{width:100%}.home{min-height:100vh;padding:60px 24px;max-width:900px;margin:0 auto}.home-hero h1{font-size:32px;margin:0 0 6px}.home-hero .sub{color:var(--muted);font-size:15px;margin-bottom:40px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tool-card{display:block;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:18px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-card h2{margin:0 0 6px;font-size:16px}.tool-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.home-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:12px;margin-bottom:4px}.home-link:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ab3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:20px;width:420px;max-width:90vw;display:flex;flex-direction:column}.modal h3{margin:0 0 10px}.share-text{width:100%;min-height:70px;resize:vertical;background:#0d0f13;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:8px;font-family:Consolas,monospace;font-size:11px;margin:4px 0 8px}select.tiny{background:#14171c;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:2px 6px;font-size:12px}button.tiny{background:#262b34;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:3px 8px;font-size:12px;cursor:pointer}button.tiny:hover{filter:brightness(1.15)}button.tiny:disabled{opacity:.4;cursor:default;filter:none}.pwr-app{display:grid;grid-template-columns:380px 1fr;grid-template-rows:auto 1fr;gap:12px;height:100vh;padding:12px}.pwr-app.pwr-app-3col{grid-template-columns:220px 1fr 340px}.pwr-config,.pwr-palette,.pwr-stats{overflow-y:auto}.field-group{margin-bottom:18px}.field-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px}.field{margin-bottom:10px}.field label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.field input[type=number],.field select{width:100%;background:#14171c;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:6px 8px;font-size:13px}.field input[type=range]{width:100%}.pwr-stats{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.meltdown-banner{background:#3a1414;border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:10px 14px;font-weight:600;text-align:center}.stat-bar{height:8px;border-radius:4px;background:#0d0f13;overflow:hidden;margin-top:4px}.stat-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4fd1c5,#f5d76e,#e35d5d)}.ghost-mark{position:absolute;width:9px;height:9px;border-radius:2px;opacity:.55;pointer-events:none}.ghost-mark.ghost-below{left:2px;bottom:2px}.ghost-mark.ghost-above{right:2px;top:2px}.layer-strip{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.layer-thumb{display:flex;align-items:center;gap:8px;background:#14171c;border:1px solid var(--panel-border);border-radius:6px;padding:5px 8px;cursor:pointer;color:var(--text);text-align:left}.layer-thumb:hover{filter:brightness(1.15)}.layer-thumb.active{border-color:var(--accent);background:#223330}.layer-thumb-grid{display:grid;gap:1px;background:#05070a;padding:2px;border-radius:2px;flex-shrink:0}.layer-thumb-cell{background:#0d0f13}.layer-thumb-label{font-size:12px;display:flex;flex-direction:column;line-height:1.3}.layer-thumb-label b{font-size:13px}.layer-thumb-label span{color:var(--muted);font-size:11px}