:root{--larghezza-pannello:290px;--sfondo-pannello:#16181d}*{box-sizing:border-box}html,body{color:#e6e8ec;background:#0f1115;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{display:flex}#scena{flex:auto;min-width:0;position:relative}#scena canvas{display:block}#pannello{flex:0 0 var(--larghezza-pannello);width:var(--larghezza-pannello);background:var(--sfondo-pannello);border-left:1px solid #262a32;height:100%;padding:12px;overflow-y:auto}#pannello .lil-gui{--width:100%;--background-color:transparent;max-width:none;position:relative;top:0;right:0}#contatore{z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-variant-numeric:tabular-nums;background:#0a0c109e;border:1px solid #ffffff17;border-radius:8px;padding:8px 12px 7px;position:absolute;top:12px;left:12px}#contatore .riga-fps{align-items:baseline;gap:5px;line-height:1;display:flex}#contatore #valore-fps{font-size:26px;font-weight:700}#contatore .unita{color:#8b93a1;font-size:12px}#contatore .riga-dettagli{color:#8b93a1;margin-top:5px;font-size:11px}#contatore #valore-fps.buono{color:#6ee7a8}#contatore #valore-fps.medio{color:#f2cc60}#contatore #valore-fps.scarso{color:#f2766a}#contatore #valore-fps.neutro{color:#8b93a1}#zona-rilascio{z-index:20;color:#6ee7a8;letter-spacing:.2px;pointer-events:none;background:#6ee7a812;border:2px dashed #6ee7a8;border-radius:14px;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:none;position:absolute;inset:16px}#zona-rilascio.attiva{display:flex}#messaggio{z-index:15;text-align:center;pointer-events:none;opacity:0;color:#c9cfda;background:#0a0c10d9;border:1px solid #ffffff1a;border-radius:8px;max-width:80%;padding:9px 16px;font-size:13px;line-height:1.45;transition:opacity .25s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#messaggio.visibile{opacity:1}#messaggio.errore{color:#f2a79e;border-color:#f2766a8c}#registratore{z-index:20;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}#bottone-rec{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#e6e8ec;font:inherit;cursor:pointer;background:#0a0c10b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:9px 15px 9px 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}#bottone-rec:hover{background:#141820e0;border-color:#ffffff47}#bottone-rec .pallino{background:#f2766a;border-radius:50%;flex:none;width:12px;height:12px}#registratore.in-corso #bottone-rec{background:#962822d9;border-color:#f2766a99}#registratore.in-corso #bottone-rec .pallino{background:#fff;border-radius:2px;animation:1.1s ease-in-out infinite pulsa-rec}@keyframes pulsa-rec{0%,to{opacity:1}50%{opacity:.35}}.tempo-rec{font-variant-numeric:tabular-nums;color:#8b93a1;padding-right:4px;font-size:12px}#registratore.in-corso .tempo-rec{color:#f2a79e}.scarico-rec{color:#6ee7a8;text-align:right;background:#6ee7a824;border:1px solid #6ee7a873;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;text-decoration:none}.scarico-rec:hover{background:#6ee7a83d}