.foglio-presa { display:block; width:100%; margin-top:20px; padding:16px; border:2px dashed #a77b31; background:#f4ebd6; color:#392b18; font:600 17px/1.4 'Archivo',sans-serif; cursor:grab; touch-action:none; user-select:none; }
.foglio-presa:active { cursor:grabbing; }
.foglio-presa:focus-visible { outline:3px solid #ad7310; outline-offset:3px; }
.foglio-comandi { display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; margin:18px 0 24px; }
.foglio-comandi .foglio-presa { flex:1 1 220px; width:auto; margin:0; padding:12px; }
.foglio-gira { margin:0; min-height:48px; }
.lettura__foglio--oggetto { background:transparent; box-shadow:none; padding:48px 0 0; overflow:visible; }
.lettura__foglio--oggetto .lettura__chiudi { top:0; right:0; background:#f4efe4; }
.carta-fedele { display:block; width:100%; height:auto; max-height:55vh; object-fit:contain; filter:drop-shadow(0 12px 22px #0006); touch-action:none; }
.lettura__foglio--oggetto .foglio-comandi { margin:0 0 16px; }
.carta-spiegazione { background:#f4efe4; padding:14px 18px; margin:16px 0 0; font-size:16px; line-height:1.5; }
.lettura__foglio--oggetto > .doc__suggerimento { background:#f4efe4; padding:12px 18px; }
.foglio-retro { min-height:350px; background:repeating-linear-gradient(5deg,#ede4d2,#eee6d6 3px); }
.lettura--trascinata { visibility:hidden; pointer-events:none; }
.foglio-trasporto { position:fixed; inset:0; z-index:1000; cursor:grabbing; touch-action:none; user-select:none; }
.foglio-volante { position:fixed; left:0; top:0; width:150px; height:190px; padding:24px 16px; margin:-40px 0 0 -65px; background:#eee5d4; border:1px solid #b9a580; box-shadow:0 14px 28px #0007; font:600 13px/1.5 'IBM Plex Mono',monospace; overflow-wrap:anywhere; pointer-events:none; }
.foglio-bersaglio { position:fixed; left:0; top:0; margin:-85px 0 0 -85px; width:170px; height:170px; display:grid; align-items:end; padding-bottom:12px; text-align:center; border:3px dashed #ffda83; border-radius:50%; background:#e9b44c22; color:white; text-shadow:0 1px 4px black; font:600 15px 'Archivo',sans-serif; pointer-events:none; }
.foglio-bersaglio[hidden] { display:none; }
.foglio-bersaglio--pronto { border-style:solid; background:#f3d08066; box-shadow:0 0 24px #ffcf6488; }
.foglio-trasporto__guida { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); width:max-content; max-width:90vw; padding:12px 20px; background:#181612ee; color:#fff2d7; border-radius:8px; font:500 17px/1.4 'Archivo',sans-serif; text-align:center; }