:root{--bg:#080812;--panel:#11111e;--panel2:#171728;--fg:#f4f4fb;--muted:rgba(244,244,251,.68);--border:rgba(255,255,255,.13);--accent:#cf2030;--accent2:#00dcff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#22203f,#07070d 54%,#020205);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app-header,.app-footer{max-width:1500px;margin:0 auto;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem}.brand img{max-height:52px}.brand h1{margin:0;font-size:clamp(1.4rem,2.3vw,2.3rem)}.brand p{margin:.25rem 0 0;color:var(--muted)}.version{border:1px solid var(--border);border-radius:999px;padding:.4rem .75rem;color:var(--muted)}.layout{max-width:1500px;margin:0 auto 1.5rem;padding:0 1.25rem;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1rem}.stage-card,.panel-box,.content-page{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.32);overflow:hidden}.stage-toolbar{padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(0,0,0,.22);border-bottom:1px solid var(--border)}.stage-toolbar strong{display:block}.stage-toolbar span{color:var(--muted);font-size:.92rem}.toolbar-buttons{display:flex;flex-wrap:wrap;gap:.45rem}button{border:1px solid var(--border);background:#1b1b2d;color:var(--fg);border-radius:12px;padding:.55rem .75rem;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}.primary-action{background:linear-gradient(135deg,var(--accent),#ff7a18);border-color:rgba(255,255,255,.18)}.plasma-stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;background:#020208;cursor:pointer;isolation:isolate}#plasmaCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.layer{position:absolute;inset:0;pointer-events:none}.layer-glass{z-index:2;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 22%,transparent 62%,rgba(255,255,255,.08));mix-blend-mode:screen;opacity:.55}.layer-vignette{z-index:3;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.58) 100%)}.layer-scanlines{z-index:4;background:repeating-linear-gradient(180deg,rgba(0,0,0,.30) 0 1px,transparent 1px 4px);opacity:.48}.start-overlay{position:absolute;inset:0;z-index:10;display:grid;place-content:center;text-align:center;background:rgba(0,0,0,.36)}.start-overlay strong{font-family:Arial Black,Impact,sans-serif;font-size:clamp(40px,7vw,110px);color:#ffe65a;-webkit-text-stroke:3px #080808;text-shadow:0 0 34px rgba(255,230,90,.45)}.start-overlay span{font-weight:800;color:rgba(255,255,255,.82)}.running .start-overlay{display:none}.no-scanlines .layer-scanlines,.no-vignette .layer-vignette,.no-glow .layer-glass{display:none}.pixelated #plasmaCanvas{image-rendering:pixelated}.control-panel{display:flex;flex-direction:column;gap:1rem}.panel-box{padding:1rem}.panel-box h2{font-size:1rem;margin:.1rem 0 .7rem}label{display:block;margin:.72rem 0;color:rgba(255,255,255,.87)}select,textarea,input[type=range]{width:100%;margin-top:.35rem}select{background:#151522;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:.55rem}input[type=range]{accent-color:var(--accent)}output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.switch{display:flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:12px;padding:.55rem;background:rgba(0,0,0,.16);margin:0}.switch input{accent-color:var(--accent)}.info p{color:var(--muted);line-height:1.45}.app-footer{border-top:1px solid var(--border);color:var(--muted)}.app-footer nav{display:flex;gap:.85rem;flex-wrap:wrap}.app-footer a{color:var(--fg);text-decoration:none}.content-page{max-width:980px;margin:1rem auto;padding:1.25rem;line-height:1.6}@media(max-width:1050px){.layout{grid-template-columns:1fr}.stage-toolbar{align-items:flex-start;flex-direction:column}.app-header,.app-footer{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.switch-grid{grid-template-columns:1fr}.toolbar-buttons{width:100%}button{flex:1}.layout{padding:0 .65rem}.app-header,.app-footer{padding:.9rem .65rem}}