/* La scena rimane libera: soltanto contorni, salvo richiesta di aiuto. */
.contorni { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; pointer-events:none !important; }
.contorno { fill:transparent; stroke:#FFD274; stroke-width:2.5; stroke-linejoin:round; vector-effect:non-scaling-stroke; pointer-events:all; cursor:pointer; filter:drop-shadow(0 1px 2px #000); }
.contorno:hover { stroke:#fff0c2; stroke-width:4; }
.contorno--extra { display:none !important; pointer-events:none; }
.scena:not(.aiuti-visibili) .hot:not(:focus-visible) { opacity:0; pointer-events:none; }
.scena:not(.aiuti-visibili) .hot:not(:focus-visible) > * { pointer-events:none; }
.aiuti-visibili .hot__anello { display:block; }
.aiuti-visibili .hot--bordo .hot__anello { display:none; }
.aiuti-visibili .hot__badge { animation:none; }
.aiuti-visibili .hot:not(.hot--prossimo) { opacity:0; pointer-events:none; }
.aiuti-visibili .hot:not(.hot--prossimo) > * { pointer-events:none; }
.chrome__audio { display:none; }
.tel-widget--timer { background:#dce6cf; color:#20372c; display:flex; flex-direction:column; justify-content:space-between; }
.tel-timer__valore { font:700 26px 'IBM Plex Mono',monospace; }
.strato--spento .contorni, .strato--passaggio .contorni, .strato--chicca .contorni { visibility:hidden; pointer-events:none; }
.interfaccia-guidata .guida { display:none; }
.lettura button:focus-visible { outline:3px solid #b88013; outline-offset:4px; }
.demo-prosegui { margin-top:20px; }
@media(max-width:700px) { .interfaccia-guidata { width:100%; } .chrome { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .hot * { animation:none !important; } }