html,body{margin:0;overflow:hidden;background:#000;font-family:Georgia,serif;touch-action:none}
canvas{display:block}
.title{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:20;color:#e9fff4;font-size:11px;letter-spacing:.45em;text-transform:uppercase;text-shadow:0 0 28px rgba(120,255,200,.9),0 0 42px rgba(255,100,220,.35);pointer-events:none}
.panel{position:fixed;left:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 28px);z-index:30;opacity:.84}
button,select,label{background:rgba(0,8,10,.72);border:1px solid rgba(130,255,205,.28);color:rgba(230,255,244,.92);border-radius:999px;padding:8px 10px;font:10px Georgia;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(12px);box-shadow:0 0 18px rgba(0,255,170,.1)}
label{display:flex;align-items:center;gap:6px}
input[type=range]{width:88px;accent-color:#7dffc0}
.status{position:fixed;right:18px;bottom:18px;z-index:20;color:rgba(220,255,238,.55);font:10px Georgia;letter-spacing:.16em;text-transform:uppercase}
.hidden .panel,.hidden .title,.hidden .status{opacity:0;pointer-events:none}