:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#10171c;color:#f0e5c8}button,select,input{font:inherit}button{cursor:pointer}#mondo{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#testata{height:64px;position:fixed;top:0;left:0;right:0;padding:10px 24px;display:flex;align-items:center;gap:26px;background:linear-gradient(#10181bed,#131c1de0);border-bottom:1px solid #b58b4c55;box-shadow:0 5px 24px #0006;z-index:3}.marchio b{font-size:22px;letter-spacing:3px;color:#e9d49b}.marchio small{display:block;letter-spacing:5px;font-size:8px;color:#bca67c;margin-top:1px}.marchio{line-height:1.2}#mondo-nome{color:#c9b68e;font-style:italic}#testata nav{margin-left:auto;display:flex;gap:8px}#testata button,#mappa-controlli button,#mappa-controlli select{color:#e3d3ae;background:#1c2828dd;border:1px solid #77654480;border-radius:3px;padding:9px 13px}#testata button:hover{border-color:#d3b679;background:#344039}#mini{position:fixed;left:22px;top:85px;width:220px;padding:8px;background:#121e20df;border:1px solid #aa895769;border-radius:6px;box-shadow:0 8px 25px #0006;z-index:2}.mini-titolo{font-size:13px;display:flex;justify-content:space-between;margin:1px 2px 8px;color:#e0cea7}#orologio{color:#b7b498;font-size:11px}#data-mondo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;margin:-4px 2px 7px;font-size:11px;color:#cdbf98;cursor:default}#data-stagione{color:#a9b39a}#data-stagione .luna{font-size:12px;margin-left:4px;filter:grayscale(1) brightness(1.3)}#minimappa{width:100%;height:auto;display:block;border:1px solid #6a735777;border-radius:3px}#stato-rete{font:10px system-ui;padding:7px 3px 0;color:#9ea98e}#comandi{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font:11px system-ui;color:#cbd1b8c9;white-space:nowrap;text-shadow:0 2px 2px #000;pointer-events:none}#comandi i{color:#c3a26a;padding:0 8px;font-size:8px}#hud-base{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:3}#pannelli{position:fixed;right:22px;top:82px;max-height:calc(100vh - 175px);max-width:calc(100vw - 40px);overflow:auto;z-index:5;scrollbar-width:thin}#pannelli:empty{display:none}#pannelli>.pannello{margin:0;max-height:none;width:390px}#pannelli>#banca,#pannelli>#bottega{width:710px;max-width:calc(100vw - 40px)}#etichette{position:fixed;inset:0;pointer-events:none;overflow:hidden}.etichetta-mondo{position:absolute;transform:translate(-50%,-100%);font:11px Georgia;color:#efdfb6;text-align:center;text-shadow:0 2px 3px #000;white-space:nowrap}.etichetta-mondo .salute{width:52px;height:3px;background:#241a14c9;margin:4px auto;border:1px solid #6e7353}.etichetta-mondo .salute i{display:block;height:100%;background:#b6cf76}.detto{padding:5px 9px;background:#192024da;border:1px solid #a19b7270;border-radius:8px;max-width:260px;white-space:normal;margin-bottom:8px}#messaggio{position:fixed;top:78px;left:50%;transform:translateX(-50%);max-width:65vw;padding:11px 22px;background:#202821ed;border:1px solid #c4a86a88;border-radius:4px;font-size:14px;z-index:8;opacity:0;transition:opacity .18s;pointer-events:none}#messaggio.visibile{opacity:1;pointer-events:auto}#messaggio .avviso-wiki{color:#e7c77a;text-decoration:underline;white-space:nowrap;cursor:pointer}#messaggio .avviso-wiki:hover{color:#fff0c0}#parlata-base{position:fixed;bottom:145px;left:50%;transform:translateX(-50%);width:440px;max-width:90vw;background:#161d21eb;border:1px solid #b19460;padding:12px;color:#f3e4c0;z-index:8}#accesso{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 35% 28%,#55715b55,transparent 45%),linear-gradient(145deg,#101d26,#15252be6 50%,#0d111bed)}#accesso[hidden],[hidden]{display:none!important}.ingresso{width:480px!important;max-width:95vw;padding:36px!important;text-align:center}.ingresso h1{font-size:30px;letter-spacing:4px;margin:12px -10px}.ingresso p{color:#8b7558;font-style:italic}.sopratitolo{letter-spacing:3px;font-size:10px;color:#96713e}.sigillo-mondo{font-size:55px;color:#ae803d;text-shadow:0 3px #fff5}.ingresso label{display:block;text-align:left;font-size:12px;margin:15px 0}.ingresso input,.ingresso select{display:block;width:100%;margin-top:7px;background:#382b1922;border:1px solid #886c4077;color:#382d20;padding:11px;border-radius:4px}.ingresso .riga{gap:10px;margin-top:22px;justify-content:center}.ingresso a{font-size:11px;color:#766344}.ingresso #accesso-esito{min-height:18px;color:#8b322a}#mappa-controlli{position:fixed;top:85px;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:16px;align-items:center;background:#141c22e8;border:1px solid #9f844a88;padding:12px;white-space:nowrap}#mappa-controlli span{font-size:12px;color:#b7b6a5}#mappa-nome{position:absolute;top:76px;left:50%;transform:translateX(-50%);font-size:13px;color:#e6d29f}body.mappamondo #mini,body.mappamondo #hud-base,body.mappamondo #etichette,body.mappamondo #comandi{display:none}@media(max-width:800px){#testata{padding:10px;gap:8px}.marchio b{font-size:15px}.marchio small{font-size:6px}#mondo-nome{display:none}#testata button{font-size:11px;padding:7px}#testata nav{gap:3px}#mini{width:145px;left:10px;top:75px}#pannelli{right:10px;top:75px;max-width:calc(100vw - 20px)}#pannelli>.pannello{width:min(390px,calc(100vw - 20px))}#mappa-controlli span{display:none}#comandi{font-size:8px}#comandi i{padding:0 2px}}

#accesso{overflow:auto;padding:20px 0}.ingresso{flex-shrink:0}@media(max-width:620px){#testata .marchio{flex:0 0 120px}#testata nav{min-width:0;overflow-x:auto}#testata button{white-space:nowrap}#hud-base{width:100%;display:flex;justify-content:center}#comandi{max-width:94vw;white-space:normal;text-align:center}#mini{width:125px}}

.ingresso h1{color:#493522;text-shadow:0 1px #f6e6b6}.ingresso label{color:#57462c}.ingresso select{color-scheme:light}
.audio-controlli{display:inline-flex;align-items:center;gap:6px}.audio-controlli input{width:65px;accent-color:#c8ac6b}
/* Presa e deposito di pile: la sorgente resta visibile fino alla conferma. */
.casella[data-pila]{touch-action:none;cursor:grab}
.inventario-in-presa,.inventario-in-presa *{cursor:grabbing!important}
.inventario-fantasma{position:fixed;z-index:1300;pointer-events:none;width:58px;height:58px;filter:drop-shadow(0 3px 5px #000a)}
.inventario-fantasma svg{width:100%;height:100%;display:block}
.inventario-fantasma>span{position:absolute;right:0;bottom:0;min-width:18px;padding:2px 5px;border-radius:3px;background:#142024ed;color:#fff0bd;font:700 12px sans-serif;text-align:center}
.inventario-quantita{width:min(360px,calc(100vw - 32px));padding:24px;color:#eee7d4;background:#18272b;border:1px solid #92815e;border-radius:8px;box-shadow:0 12px 50px #0009;font-family:inherit}
.inventario-quantita::backdrop{background:#06101575}
.inventario-quantita h2{font:400 23px Georgia,serif;margin:0 0 18px;color:#f4dda8}
.inventario-quantita label{display:block;line-height:1.5}
.inventario-quantita input{display:block;width:100%;box-sizing:border-box;margin:12px 0 18px;padding:10px;font-size:19px;color:#fff0ce;background:#101c20;border:1px solid #847755;border-radius:4px}
.inventario-quantita-azioni{display:flex;gap:8px;flex-wrap:wrap}
.inventario-quantita-azioni button{flex:1}
.inventario-verifica{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);z-index:1250;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:12px 16px;border:1px solid #92815e;border-radius:5px;background:#17282bf5;color:#f0e5c7;box-shadow:0 4px 20px #0008}
.inventario-verifica[hidden],.inventario-verifica button[hidden]{display:none}
.inventario-verifica button{flex-shrink:0}

/* il sistema solare del mappamondo (Claude, 24 settembre notte) */
#mappa-vai{display:flex;gap:6px}#mappa-vai button{padding:9px 11px}
#mappa-spazio{position:fixed;left:18px;top:150px;z-index:7;min-width:270px;max-width:340px;background:#141c22e8;border:1px solid #9f844a88;padding:12px 15px;font:13px/1.55 Georgia,serif;color:#e3d6b4}#mappa-spazio h3{margin:0 0 6px;font-size:15px;color:#f0d796;font-weight:normal}#mappa-spazio .fioco{color:#a9a894;font-size:12px}
@media(max-height:560px){#mappa-spazio{top:165px;max-height:calc(100vh - 325px);overflow:auto}}
#mappa-legenda{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:7;max-width:94vw;text-align:center;background:#141c22dd;border:1px solid #9f844a66;padding:8px 14px;font:12.5px/1.5 Georgia,serif;color:#cfc6aa}#mappa-legenda b{color:#f0d796;font-weight:normal}#mappa-legenda i{color:#9f9d8a}

/* il filtro Biomi e la card del bioma (voce 16, Claude 25 settembre) */
#mini-biomi{margin-top:6px;width:100%;padding:3px 0;font:12px Georgia,serif;background:#1d2a2c;color:#d8cba6;border:1px solid #9f844a66;border-radius:3px}
#mini-biomi[aria-pressed="true"]{background:#5b4a24;color:#fff2c8;border-color:#d8b56a}
#mappa-biomi{display:flex;gap:6px;align-items:center;color:#e3d6b0;font:14px Georgia,serif;cursor:pointer}
#mappa-biomi-legenda{position:fixed;right:16px;top:150px;z-index:7;max-height:calc(100vh - 230px);overflow:auto;background:#141c22e8;border:1px solid #9f844a88;padding:8px;width:210px}
.legenda-biomi24{display:flex;flex-direction:column;gap:2px}
.legenda-biomi24 button{display:flex;gap:8px;align-items:center;text-align:left;background:none;border:0;color:#e6dcc0;font:13px Georgia,serif;padding:3px 4px;border-radius:3px}
.legenda-biomi24 button:hover{background:#ffffff14}
.legenda-biomi24 i,.card-bioma24 .testa i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid #0008;flex:none}
.card-bioma24 .testa{display:flex;gap:10px;align-items:center}.card-bioma24 .testa i{width:22px;height:22px}
.card-bioma24 h3{margin:0}.card-bioma24 h4{margin:12px 0 4px;color:#e0c47a;font-size:14px}
.card-bioma24 ul{margin:0;padding:0;list-style:none}.card-bioma24 li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-bottom:1px solid #ffffff10}
.card-bioma24 li span{color:#bfb495;font-size:12.5px;white-space:nowrap}.card-bioma24 .nota,.card-bioma24 .vuoto{color:#a79d80;font-size:12px;font-style:italic}
.card-bioma24 .descrizione{color:#d7ccad}

/* il Mercato, le botteghe, la posta e l'aiuto (punti 91 e 98, Claude 25 settembre) */
.carta-mercato{min-width:640px;max-width:760px}.mercato-testa{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.mercato-soldi{display:flex;gap:12px;font-size:13px;color:#d9cba5}.mercato-linguette{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.mercato-linguette button{padding:4px 10px;background:#1c2629;color:#d8cba6;border:1px solid #9f844a66;border-radius:3px;font:13px Georgia,serif}
.mercato-linguette button.attiva{background:#5b4a24;color:#fff2c8;border-color:#d8b56a}.mercato-didascalia{font-size:12.5px;line-height:1.45}
.mercato-lista{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:3px}.mercato-lista .riga,.vetrina-bottega .riga,.posta-lista .riga{display:flex;align-items:center;gap:8px;padding:4px;border-bottom:1px solid #ffffff10}
.mercato-lista input.q,.vetrina-bottega input.q{width:64px}.mercato-lista input.prezzo-ordine{width:110px}.mercato-cerca{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}
.mercato-fondo label{display:block;margin:6px 0}.mercato-fondo input{width:140px}.salute-ordine{color:#b9c79a}.netto{min-width:120px}
#posta-conta{display:inline-block;min-width:16px;padding:0 4px;margin-left:4px;border-radius:8px;background:#b33b2e;color:#fff;font-size:11px}
.carta-posta{min-width:460px;max-width:620px}.posta-msg{cursor:pointer}.posta-msg.nuovo b{color:#ffe29a}.posta-testo{padding:6px 10px 10px;background:#0f1618;border-left:2px solid #9f844a}
.posta-testo textarea,.carta-aiuto textarea{width:100%;margin:6px 0;background:#0f1618;color:#eadfbf;border:1px solid #9f844a66}
.carta-aiuto{max-width:620px}.carta-aiuto code{background:#0f1618;padding:1px 5px}.aiuto-browser summary{cursor:pointer;color:#e0c47a;margin:4px 0}.conio-oggi{margin:6px 0}

/* il pannello del game-master (punti 92 e 98, Claude 25 settembre) */
#barra-gm{position:fixed;top:68px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:4px;align-items:center;background:#1a1216e6;border:1px solid #c9453b88;padding:4px 8px;border-radius:4px}
#barra-gm button{padding:3px 9px;background:#2a1a1e;color:#f0d9c0;border:1px solid #c9453b66;border-radius:3px;font:12.5px Georgia,serif}#barra-gm button:hover{background:#4a2426}
#barra-gm .gm-etichetta{margin-left:8px;color:#e56a5d;font:bold 11px Georgia,serif;letter-spacing:.12em}
.carta-gm{min-width:520px;max-width:760px}.gm-lista{max-height:60vh;overflow:auto}.gm-griglia{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}
.gm-modello{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:132px;padding:6px 8px 5px;background:#1b2427;color:#eadfbf;border:1px solid #9f844a55;border-radius:3px;font:12.5px Georgia,serif;text-align:left}
.gm-modello:hover{border-color:#d8b56a}.gm-modello .gm-lvl{position:absolute;top:3px;right:5px;font-size:10.5px;color:#e6c46a}.gm-modello b{padding-right:48px}.gm-modello small{color:#a9a083}
.gm-lvl-grande{font:18px Georgia,serif;margin:4px 0}.gm-lvl-grande b{color:#ffd77a}
.gm-manopola{display:block;margin:8px 0}.gm-manopola>span:first-child{display:flex;justify-content:space-between}.gm-traccia{position:relative;display:block}.gm-traccia input{width:100%}
.tacca-rossa{position:absolute;top:-3px;width:3px;height:22px;background:#e03a2e;border-radius:1px;pointer-events:none;box-shadow:0 0 4px #e03a2e}
.gm-riga{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0}.gm-tempo input{width:58px}.gm-oggetti{display:flex;flex-direction:column;max-height:50vh;overflow:auto}
.gm-oggetto{display:flex;align-items:center;gap:8px;padding:3px 6px;background:none;border:0;border-bottom:1px solid #ffffff10;color:#eadfbf;text-align:left;font:13px Georgia,serif}.gm-oggetto:hover{background:#ffffff10}
.gm-online-pallino{width:9px;height:9px;border-radius:50%;background:#555;flex:none}.gm-online-pallino.si{background:#58d06a;box-shadow:0 0 5px #58d06a}
.gm-pile{display:flex;flex-wrap:wrap;gap:6px}.gm-pila{display:flex;flex-direction:column;align-items:center;width:78px;font-size:11px;text-align:center}
.gm-dungeon{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gm-dungeon button{display:flex;flex-direction:column;padding:6px 10px;border-radius:3px;font:13px Georgia,serif;text-align:left}
.gm-dungeon button.blu{background:#16304a;border:1px solid #4d8ccc;color:#dbeaff}.gm-dungeon button.rosso{background:#4a1616;border:1px solid #cc4d4d;color:#ffdede}
.gm-tabella{width:100%;border-collapse:collapse;font-size:12px}.gm-tabella td,.gm-tabella th{padding:2px 6px;border-bottom:1px solid #ffffff14;text-align:right}.gm-tabella td:first-child,.gm-tabella th:first-child{text-align:left}
.tendina-gm{position:fixed;z-index:40;display:flex;flex-direction:column;min-width:200px;background:#1a1216f2;border:1px solid #c9453b99;border-radius:4px;padding:4px}
.tendina-gm .tendina-titolo{padding:4px 6px;color:#f0d9c0;font:bold 13px Georgia,serif}.tendina-gm small{color:#e56a5d;font-weight:normal}
.tendina-gm button{text-align:left;padding:4px 8px;background:none;border:0;color:#eadfbf;font:13px Georgia,serif}.tendina-gm button:hover{background:#4a2426}

#mini-piani{position:relative;z-index:7;display:flex;gap:3px;align-items:center;margin-top:5px;margin-bottom:5px;font:12px Georgia,serif;color:#d8cba6}#mini-piani[hidden]{display:none}
#mini-piani button{padding:1px 7px;background:#2a1a1e;color:#f0d9c0;border:1px solid #c9453b66;border-radius:3px;font:12px Georgia,serif}#mini-piani button.attiva{background:#6a2a26;border-color:#e56a5d}

/* il trade (punto 44, Claude 25 settembre) */
.finestra-trade{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30}
.carta-trade{width:min(980px,96vw)}.trade-tre{display:grid;grid-template-columns:1.2fr 1.3fr .8fr;gap:12px}
.trade-zaino,.trade-offerta{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:auto}.trade-offerta{min-height:70px;background:#0f1618;border:1px solid #9f844a44;padding:4px;margin-bottom:8px}
.trade-voce{display:flex;align-items:center;gap:6px;background:none;border:0;color:#eadfbf;text-align:left;font:12.5px Georgia,serif;padding:2px 4px}.trade-voce:hover{background:#ffffff12}.trade-voce.offerto{opacity:.55}
.trade-monete{margin-top:6px}.trade-monete input{width:90px}.trade-bottoni{display:flex;gap:8px;margin:8px 0}
.trade-bottoni .scambia{background:#1f4a2a;border:1px solid #5fbf6f;color:#dfffe6;padding:5px 16px}.trade-bottoni .scambia.acceso{background:#3fae57;color:#fff}
.verde{color:#6ee07e}.invito-trade{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);z-index:31;display:flex;gap:10px;align-items:center;background:#141c22ee;border:1px solid #d8b56a;padding:8px 14px;border-radius:4px;color:#eadfbf;font:14px Georgia,serif}
/* le icone nelle righe del trade, del mercato, delle botteghe e della posta (Claude 25 settembre) */
.trade-voce .icona,.mercato-lista .icona,.vetrina-bottega .icona,.posta-lista .icona,.gm-lista .icona{width:26px;height:26px;flex-shrink:0;display:inline-grid;place-items:center}
.trade-voce .icona svg,.trade-voce .icona img,.mercato-lista .icona svg,.mercato-lista .icona img,.vetrina-bottega .icona svg,.vetrina-bottega .icona img,.posta-lista .icona svg,.posta-lista .icona img,.gm-lista .icona svg,.gm-lista .icona img{width:100%;height:100%;display:block}
.trade-figura{display:block;width:100%;height:220px;cursor:grab}.trade-io h3,.trade-lui h3{margin:0 0 2px}
.trade-io .trade-zaino{max-height:26vh}

.cartiglio.male{color:#ffb9a3}
/* la boccetta esplosiva (28 settembre): il bottoncino «usala senza lanciarla» sulla casella della barra e la miccia accesa sopra la barra */
.barra-abilita .casella{position:relative}.opzione-casella{position:absolute;right:-3px;top:-3px;width:17px;height:17px;padding:0;border-radius:50%;border:1px solid #c9a56a;background:#241a12e6;color:#f0dcb0;font:11px/15px Georgia,serif;cursor:pointer;z-index:2}
.opzione-casella.attiva{background:#8e2f1c;color:#fff2d6;border-color:#ffcf8a}
.boccetta-countdown23{position:fixed;left:50%;bottom:146px;transform:translateX(-50%);z-index:30;display:flex;gap:10px;align-items:center;padding:6px 14px;background:#1c140ee8;border:1px solid #b8864a;border-radius:4px;color:#f1e2bf;font:14px Georgia,serif;pointer-events:none}
.boccetta-countdown23 strong,.boccetta-countdown23 .miccia-tempo{display:block}.boccetta-countdown23.accesa .miccia-tempo{color:#ffe093}.boccetta-countdown23 .modello:empty{display:none}
/* le pergamene di creatura (28 settembre): il menu del tasto (clic destro) e le creature da trascrivere alla Torre magica */
.menu-tasto{position:fixed;z-index:60;transform:translateY(-100%);display:flex;flex-direction:column;gap:2px;padding:4px;background:#1c140ef2;border:1px solid #b8864a;border-radius:4px}
.menu-tasto button{font:13px Georgia,serif;color:#f1e2bf;background:#2b2017;border:1px solid #6e5335;padding:4px 10px;text-align:left;cursor:pointer;white-space:nowrap}.menu-tasto button:hover{background:#4a3421}
.trascrivi-creature{margin:-2px 0 8px 36px;border-left:2px solid #6e5335;padding-left:8px}.trascrivi-creature .riga{padding:3px 0}

/* (R8) i poteri nuovi del game-master: il bottone acceso (invisibile, possesso), le caratteristiche e il registro */
#barra-gm button.attiva{background:#8e2f1c;color:#fff2d6}.gm-car{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.gm-car input{width:90px}.gm-registro{max-height:420px;overflow:auto;font-size:13px}.gm-registro .riga{padding:3px 0;border-bottom:1px solid #3a2c1e}
/* (R8) nei campi il livello ha due numeri: il nome gli lascia piu spazio; il tema con la maiuscola */
.gm-modello[data-campo] b{padding-right:70px}.gm-famiglia .etichetta::first-letter{text-transform:uppercase}

/* (R8) quanto e pieno il mondo e le statistiche */
.gm-pieno-barra{position:relative;height:14px;background:#2a2018;border:1px solid #5a4a36;border-radius:3px;margin:8px 0}.gm-pieno-barra i{position:absolute;left:0;top:0;bottom:0;border-radius:2px}.gm-pieno-barra b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#e6a23c}.gm-rosso{color:#e0523f}.gm-giallo{color:#e6a23c}
.carta-gm button.attiva{background:#8e2f1c;color:#fff2d6}.gm-grafico{width:100%;max-width:560px;background:#16100c;border:1px solid #3a2c1e;margin:6px 0}.gm-stat-tipi{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;max-height:220px;overflow:auto;font-size:13px}.gm-stat-tipi i{display:inline-block;width:10px;height:10px;margin:0 4px;border-radius:2px;vertical-align:middle}

/* (R8) la Forgia nella scheda del modello del game-master: la preview e i filtri */
.gm-anteprima{display:flex;justify-content:center;margin:0 0 6px}.gm-anteprima img{width:160px;height:160px;object-fit:contain;background:radial-gradient(#3a2c1e,#1a1216 70%);border:1px solid #5a4a36;border-radius:6px}.gm-filtri{flex-wrap:wrap;gap:4px 12px;font-size:13px;margin:6px 0}.gm-forgia .cavalca{margin:4px 0}.gm-forgia select{margin-left:8px}
/* (R8) la barra del game-master con tutti i poteri: sta fra la minimappa e il bordo destro e va a capo se non ci sta; le finestre
   del game-master scorrono se sono piu alte dello schermo; le scritte verdi e rosse della Forgia */
#barra-gm{left:252px;right:12px;transform:none;margin:0 auto;width:fit-content;max-width:calc(100vw - 264px);flex-wrap:wrap;justify-content:center}
.carta-gm{max-height:calc(100vh - 150px);overflow-y:auto}.gm-forgia .cavalca.si{color:#8fd07a}.gm-forgia .cavalca.no{color:#e86a55}
.carta-gm{max-height:calc(100vh - 230px)}   /* (R8) la scheda non passa sotto il ritratto in basso a destra */

/* (29 settembre) «Nuovo giacimento» del game-master, come la card di CONQUERCUBE (punto 41), e i modelli del piccone (punto 18) */
.gm-giacimento .gm-campo{display:block;margin:8px 0}.gm-giacimento .gm-campo>span,.gm-giacimento .gm-campo>strong{display:flex;justify-content:space-between;margin-bottom:3px}.gm-giacimento input[type=text],.gm-giacimento input[type=number]{width:100%;box-sizing:border-box;background:#120d0b;color:#f0e2c4;border:1px solid #9f844a66;padding:4px 6px;font:13px Georgia,serif}.gm-giacimento input[type=range]{width:100%}
.gm-materiali{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:4px}.gm-materiale{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 3px;background:#1b2427;color:#eadfbf;border:1px solid #9f844a44;border-radius:3px;font:11.5px Georgia,serif;cursor:pointer}.gm-materiale .icona{width:34px;height:34px;display:grid;place-items:center}.gm-materiale .icona svg,.gm-materiale .icona img{width:34px;height:34px}.gm-materiale[aria-checked=true]{border-color:#e6c46a;background:#3a2c14;box-shadow:0 0 0 1px #e6c46a inset}
.gm-numeri{margin:8px 0;padding:6px 8px;background:#16100c;border:1px solid #3a2c1e;font-size:12.5px;line-height:1.5}.gm-modello-miniera{border-bottom:1px solid #3a2c1e;padding:3px 0;flex-wrap:nowrap}.gm-modello-miniera b{white-space:nowrap}.gm-modello-miniera small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gm-modello-miniera button{flex-shrink:0}.gm-modello-miniera small{color:#a9a083}.gm-spazio{flex:1}
#barra-gm button .icona{display:inline-grid;width:28px;height:28px;vertical-align:middle;margin:-6px 3px -6px -4px}#barra-gm button .icona svg,#barra-gm button .icona img{width:28px;height:28px}
/* (punto 116) la card «Economia del mondo»: il bottone «Miniera d'oro» con l'icona piccola, le tabelle larghe che scorrono dentro la card */
.gm-economia-miniera{display:inline-flex;align-items:center;gap:6px}.gm-economia-miniera .icona{width:24px;height:24px;display:inline-flex;flex:0 0 24px}.gm-economia-miniera .icona>svg{width:24px;height:24px}
.gm-scorri{overflow-x:auto;max-width:100%}.gm-scorri .gm-tabella th,.gm-scorri .gm-tabella td:first-child{white-space:nowrap}
.mercato-testa .sottotitolo{margin-left:.5em}
/* (punto 106 voce 42) il numerino rosso dei prelievi del Conquercube sul bottone CONQUERCUBE; la sezione e il cambio del Mercato */
#barra-gm button .gm-conta{display:inline-block;min-width:16px;height:16px;margin-left:5px;padding:0 4px;border-radius:8px;background:#d23a2c;color:#fff;font:bold 11px/16px Georgia,serif;text-align:center;vertical-align:middle}
#barra-gm button[data-gm="conquercube"]{border-color:#2775ca;color:#d6e8ff}   /* (punto 168: il bottone dell'USDC, blu come la moneta; il numerino dei prelievi resta rosso: e un avviso) */
.gm-cq-prelievo code{font-size:11px;word-break:break-all}.gm-cq-prelievo button{margin-left:4px}.gm-cq-tipo.attiva,.carta-gm button.gm-cq-tipo.attiva{background:#2775ca;color:#fff;border-color:#6fb3ff}.gm-cq-tipo .icona{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px}.gm-cq-tipo .icona svg,.gm-cq-tipo .icona img{width:24px;height:24px;display:block}   /* (punto 168) le miniature di Monete, Lingotto e Minerale di USDC nei bottoni del potere USDC */
#pannelli .finestra[data-finestra="conquercube"]>.carta-cq{width:min(560px,calc(100vw - 32px));max-width:none}.cq-apri{margin-top:6px}.cq-banca .riga{gap:8px;align-items:center;flex-wrap:wrap}.cq-banca .riga>.cresce{flex:1 1 270px;min-width:0;overflow-wrap:anywhere}.cq-banca .cq-wallet{flex:1 1 260px;min-width:0}.cq-banca .cq-quanti{width:80px}
.oro-banca.cq-zaino b,.oro-banca.cq-banca-totale b{color:#6fb3ff}   /* (punto 168) i saldi dell'USDC nello zaino e in banca, blu (prima rossi del Conquercube) */
.mercato-cambio .cq-cambia{width:90px}
/* (punto 106 voce 41) le icone di Conquercube battono lente, un battito ogni 2 secondi: un bagliore lieve dietro l'icona (tante pile insieme
   non devono dare fastidio); la cassa o il cadavere che le contiene non batte, solo l'icona quando la si vede. (punto 168, 20 ottobre) Ora sono
   le icone dell'USDC (Minerale, Lingotto e Monete di USDC) e il bagliore e blu come la moneta (#2775ca), non piu rosso */
@keyframes battito-cq{0%,100%{filter:drop-shadow(0 0 1px rgba(39,117,202,.22))}50%{filter:drop-shadow(0 0 5px rgba(64,150,240,.62))}}
.casella[data-oggetto$="di USDC" i] .icona,.icona[title$="di USDC" i]{animation:battito-cq 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.casella[data-oggetto$="di USDC" i] .icona,.icona[title$="di USDC" i]{animation:none;filter:drop-shadow(0 0 3px rgba(64,150,240,.4))}}

/* (30 settembre) gli indirizzi del token nella sezione CONQUERCUBE del game-master: a tutta larghezza, col titolo sopra */
.cq-campo{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:6px 0}
.cq-campo input,.cq-campo textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,Consolas,monospace;font-size:13px}
.cq-campo textarea{min-height:46px;resize:vertical}

/* Minimappa leggibile e spostabile dal titolo (Manuel, 30 settembre). */
#mini{width:min(280px,calc(100vw - 24px));max-height:calc(100vh - 85px);overflow:auto}
#mini .mini-titolo{cursor:grab;touch-action:none;user-select:none;min-height:24px;align-items:center;font-size:15px}
#mini .mini-titolo.in-movimento{cursor:grabbing}
#mini .mini-titolo:focus-visible{outline:2px solid #d9be7e;outline-offset:3px}
@media(max-width:700px){#mini{width:min(220px,calc(100vw - 24px))}}
/* Sul globo soltanto comandi e card della mappa, senza HUD del personaggio. */
body.mappamondo :is(#bersaglio-card,#gruppo-card,#gruppo-cards,#avviso-livello,#bottone-personaggio,#parlata-base,#comandi-acqua,#comandi-forma,#comandi-volo,#barra-gm,#conferma-attacco){display:none!important}
#bottone-personaggio::after{content:"C";position:absolute;right:1px;bottom:0;min-width:15px;height:16px;box-sizing:border-box;border:1px solid #c4a461;border-radius:3px;background:#172025;color:#ffe7a5;font:bold 12px/14px Georgia,serif;text-align:center;pointer-events:none;box-shadow:0 1px 3px #0009}
body.mappamondo #pannelli>.finestra:not([data-finestra="bioma"]){display:none!important}

#chat-globale{position:fixed;left:18px;bottom:22px;width:370px;height:240px;min-width:260px;min-height:140px;max-width:calc(100vw - 24px);max-height:calc(100vh - 90px);resize:both;overflow:hidden;z-index:6;display:flex;flex-direction:column;background:#142023ed;border:1px solid #ac8b52;border-radius:6px;box-shadow:0 6px 24px #0007;font:14px/1.4 Georgia,serif;color:#eee0c5}
#chat-globale.non-in-gioco,body.mappamondo #chat-globale{display:none!important}
.chat-titolo{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #8c734650;cursor:grab;touch-action:none;user-select:none;background:#2c3028}
.chat-titolo strong{flex:1;color:#e1c282;font-size:15px}.chat-titolo small{display:block;font:10px system-ui;color:#b9bdad}
#chat-globale button{background:#2c362f;color:#eadab4;border:1px solid #92794b;border-radius:3px;padding:4px 9px}.chat-titolo button{font-size:17px}
.chat-corpo{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 10px 10px;gap:8px}.chat-messaggi{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin}.chat-messaggi p{margin:0 0 6px}.chat-messaggi b{color:#ccb881;font-weight:normal}
#chat-globale form{display:flex;gap:6px}#chat-testo{min-width:0;flex:1;background:#0b1518;border:1px solid #777557;color:#f4e9ce;padding:7px;font:14px Georgia}.chat-esito{color:#e6a08b;font:12px system-ui;margin:0}.chat-esito:empty{display:none}.chat-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
#chat-globale.ridotta{height:auto!important;min-height:0;resize:none}#chat-globale.ridotta .chat-corpo{display:none}

#mini{height:410px;min-width:200px;min-height:290px;resize:both;overflow:hidden}#minimappa{margin:0 auto}#mini-zoom{display:flex;align-items:center;justify-content:space-between;margin:7px 0 3px;font:12px system-ui;color:#ded4b6}#mini-zoom button{padding:2px 12px;background:#26302b;color:#ead6a6;border:1px solid #8a754c;border-radius:3px;font-size:17px}
@media(max-width:700px){#mini{max-width:min(220px,calc(100vw - 24px))}}
@media(max-width:700px){#hud-base{left:calc(50% - 10px);scale:.97}}
@media(max-height:620px){#mini{min-height:200px;max-height:calc(100vh - 200px)}}

#mappa-io{position:fixed;transform:translateX(-50%);background:#12313bea;color:#d7faff;border:1px solid #a2e1ec;padding:4px 9px;border-radius:3px;font:14px Georgia;pointer-events:none;z-index:5}body:not(.mappamondo) #mappa-io{display:none!important}

/* Manuel, 30 settembre: opzioni sopra la barra, fuori dall'ampolla. */
#hud .configura-barre{right:4px;bottom:calc(100% + 16px);width:28px;height:28px;z-index:5;font-size:20px}
#zoom-combattimento{position:fixed;right:27px;bottom:99px;z-index:4;display:grid;place-items:center;width:52px;height:52px;padding:8px;color:#f1da9e;background:#172125ef;border:2px solid #a88a52;border-radius:9px;box-shadow:inset 0 0 0 2px #232d2d,0 4px 12px #0009;cursor:pointer}
#zoom-combattimento svg{display:block;width:32px;height:32px}
#zoom-combattimento:hover,#zoom-combattimento:focus-visible{color:#fff0bd;border-color:#e0ba72;background:#354039;outline:2px solid #e0ba72;outline-offset:2px}
@media(max-width:800px){#zoom-combattimento{top:322px;bottom:auto;right:25px;width:40px;height:40px;padding:5px}#zoom-combattimento svg{width:28px;height:28px}}
@media(max-width:800px){.avviso-livello{left:50%;right:auto;top:auto;bottom:2px;transform:translateX(-50%);max-width:calc(100vw - 24px);padding:3px 6px;font-size:11px}}
body.mappamondo #zoom-combattimento,body.mappamondo #messaggio{display:none!important}
#pannelli:has(.finestra){z-index:7}
/* Il comando che apre e chiude la scheda resta raggiungibile anche quando una
   finestra trascinata o la paperdoll arriva nell'angolo in basso a destra. */
#bottone-personaggio{z-index:8}

.mini-ridimensiona{position:absolute;z-index:6;touch-action:none}.mini-ridimensiona.n,.mini-ridimensiona.s{height:7px;left:10px;right:10px;cursor:ns-resize}.mini-ridimensiona.n{top:0}.mini-ridimensiona.s{bottom:0}.mini-ridimensiona.e,.mini-ridimensiona.w{width:7px;top:10px;bottom:10px;cursor:ew-resize}.mini-ridimensiona.e{right:0}.mini-ridimensiona.w{left:0}.mini-ridimensiona.ne,.mini-ridimensiona.nw,.mini-ridimensiona.se,.mini-ridimensiona.sw{width:12px;height:12px}.mini-ridimensiona.ne{top:0;right:0;cursor:nesw-resize}.mini-ridimensiona.nw{top:0;left:0;cursor:nwse-resize}.mini-ridimensiona.se{bottom:0;right:0;cursor:nwse-resize}.mini-ridimensiona.sw{bottom:0;left:0;cursor:nesw-resize}
body:has(#accesso:not([hidden])) #zoom-combattimento{display:none}

/* Tomo: dorso di cuoio, due fogli di pergamena e circoli sul taglio. */
#pannelli .finestra[data-finestra="tomo"]{width:min(850px,calc(100vw - 30px));max-width:none}#pannelli .finestra[data-finestra="tomo"]>.pannello{max-width:none;width:100%;box-sizing:border-box;background:#211910;border-color:#846b40}.tomo30{color:#342418;background:linear-gradient(90deg,#3b261a,#1b130f 50%,#38271b);border:5px solid #3d291c;border-radius:8px 12px 12px 8px;padding:8px 10px;box-shadow:0 18px 35px #0009,inset 0 0 0 2px #9c7749}.tomo30-circoli{display:flex;gap:4px;margin:0 0 8px}.tomo30-circoli button{flex:1;border:1px solid #ae8a51;color:#e6cea0;background:#493125;font:700 16px Georgia;padding:7px}.tomo30-circoli button[aria-pressed=true]{background:#dec596;color:#362311}.tomo30-fogli{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.tomo30-pagina{position:relative;padding:24px 26px 36px;background:radial-gradient(ellipse at 30% 35%,#f5e5be88,transparent 65%),repeating-linear-gradient(4deg,#fff1 0px,#fff0 2px,#76562608 3px),linear-gradient(90deg,#b49b70,#e6d2a4 8%,#efdfb8 88%,#aa8c60);box-shadow:inset 0 0 22px #6e442633}.tomo30-pagina.destra{background:radial-gradient(ellipse at 70% 30%,#f5e5be88,transparent 65%),repeating-linear-gradient(-4deg,#fff1 0px,#fff0 2px,#76562608 3px),linear-gradient(90deg,#94744d,#e3cda1 9%,#efdfb8 90%,#ac8c61)}.tomo30-pagina small{letter-spacing:.13em;font-size:10px;color:#806244}.tomo30-pagina h2{font:700 27px Georgia;color:#382416;margin:9px 0 20px}.tomo30-indice{display:grid;gap:8px}.tomo30-indice button{display:flex;align-items:center;text-align:left;gap:10px;position:relative;padding:8px 4px;border:0;border-bottom:1px solid #9d79534d;background:transparent;color:#42291a;font:16px Georgia}.tomo30-indice img,.tomo30-indice svg{width:35px;height:35px;object-fit:contain}.tomo30-indice .non-appresa{opacity:.58}.tomo30-indice small{margin-left:auto;font-size:9px;letter-spacing:0}.tomo30-numero{position:absolute;bottom:12px;left:50%;font:italic 12px Georgia;color:#745837}.tomo30-sigillo{display:flex;justify-content:center;margin:16px 0}.tomo30-sigillo .casella{width:100px;height:100px;background:#3a261619;border:1px solid #8d6a3e;border-radius:50%;box-shadow:0 0 0 5px #6e4d2712}.tomo30-sigillo .icona,.tomo30-sigillo img,.tomo30-sigillo svg{width:88px;height:88px}.tomo30-effetto{font:17px/1.5 Georgia}.tomo30-pagina dl{font-size:13px;display:grid;grid-template-columns:80px 1fr;gap:8px}.tomo30-pagina dd{margin:0}.tomo30-istruzione{font:italic 13px/1.5 Georgia}.tomo30-frontespizio{text-align:center;padding-top:45px;font:16px/1.7 Georgia}.tomo30-frontespizio>span{font-size:65px;color:#886636}.tomo30 footer{display:flex;align-items:center;justify-content:space-between;color:#d1b68b;font:italic 12px Georgia;padding:10px 0 0}.tomo30 footer button{background:#352318;color:#d5bd8c}.tomo30 [data-lancia30]{color:#eed9a6;background:#5b3d25;border:1px solid #947444;padding:8px 16px}@media(max-width:700px){.tomo30-pagina{padding:14px 12px 30px}.tomo30-pagina h2{font-size:21px}.tomo30-indice button{font-size:13px}.tomo30-fogli{min-height:400px}.tomo30-indice small{display:none}}

/* Card chiuse: il comando rimane dove si trovava la card. */
.riapri-card{position:fixed;z-index:6;padding:8px 12px;color:#e7d3a3;background:#162327ed;border:1px solid #ad8b53;border-radius:5px;box-shadow:0 4px 14px #0007;font:14px Georgia}
body.mappamondo .riapri-card,body:has(#accesso:not([hidden])) .riapri-card{display:none!important}
#mini.mini-chiusa{display:none!important}#mini-biomi{display:none!important}#mini .mini-titolo{gap:8px}#mini #orologio{margin-left:auto}.mini-chiudi{color:#dfc99a;background:transparent;border:1px solid #8f794c;border-radius:50%;width:25px;height:25px;padding:0;font:21px Georgia;cursor:pointer}
.apri-bag-barre{display:block;width:90px;height:90px;border:0;background:transparent;margin:8px auto;padding:4px}.apri-bag-barre svg{width:100%;height:100%}.apri-bag-barre:hover{filter:drop-shadow(0 0 8px #d3ad6590)}

#pannelli .finestra[data-finestra="venditore"]>.pannello{width:min(650px,calc(100vw - 40px))}.card-venditore .vetrina-bottega .divisorio:first-child{display:none}

#segnaposti-banchi{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2}.segnaposto-banco{position:absolute;top:0;left:0;pointer-events:auto;padding:5px 10px;color:#f5e5b6;background:#1b251fef;border:1px solid #b49a60;border-radius:4px;box-shadow:0 2px 9px #0008;text-align:center;min-width:125px;font:11px Georgia}.segnaposto-banco strong,.segnaposto-banco span{display:block}.segnaposto-banco strong{font-size:12px;letter-spacing:.08em}.segnaposto-banco:hover{background:#4b492b;border-color:#f5d887}body.mappamondo #segnaposti-banchi,body:has(#accesso:not([hidden])) #segnaposti-banchi{display:none!important}

.mercato-soldi{flex-wrap:wrap;align-items:center}.mercato-soldi .saldo-zaino{display:inline-flex;align-items:center;gap:7px}.saldo-zaino>.icona,.saldo-zaino>.icona svg{width:36px;height:40px}.saldo-zaino>span:last-child{display:flex;flex-direction:column;font-size:11px}.saldo-zaino b{font-size:17px;color:#ebcd76}

/* Nei viewport compatti i comandi rimangono leggibili e raggiungibili. La
   testata conserva la sua altezza, quindi non sposta le card aperte. */
#testata nav{flex:1 1 auto;min-width:0;max-height:100%;overflow-x:auto;overflow-y:hidden;align-items:center;scrollbar-width:thin}
#testata nav>*{flex:0 0 auto;white-space:nowrap}
#testata nav .audio-controlli{position:sticky;right:0;z-index:2;flex:0 0 auto;padding-left:8px;background:linear-gradient(90deg,#152022dd 0,#152022 10px);box-shadow:-7px 0 10px #10181bb3}
@media(max-width:1100px){
  #testata{gap:12px;padding:8px 12px}
  #testata button{font-size:12px;line-height:1.2;padding:8px 10px}
}
@media(max-width:760px){
  #mappa-controlli{left:8px;right:8px;transform:none;max-width:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  #mappa-controlli>*{flex:0 0 auto;white-space:nowrap}
}

/* Creazione: la mappa delle città resta leggibile accanto all'anteprima del personaggio. */
#accesso:has(#form-personaggio:not([hidden])){overflow:auto;display:block;padding:14px 0}
#accesso:has(#form-personaggio:not([hidden])) .ingresso.pannello{width:min(660px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px);margin:0 auto}
#form-personaggio .nascita-mappa{width:100%;margin:12px auto 14px;padding:8px;border:1px solid #a18a585c;border-radius:5px;background:#0d191cbf;box-shadow:inset 0 0 12px #0006}
#mappa-nascita-canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;border:1px solid #937c4b8c;border-radius:3px;background:#0b2534}
#mappa-nascita-dettaglio{min-height:20px;margin-top:6px;color:#e7d6ae;font:13px/1.4 Georgia,serif;text-align:center}
#form-personaggio #aspetto-scelta{min-height:0;text-align:left}
@media(max-width:550px){#accesso:has(#form-personaggio:not([hidden])) .ingresso.pannello{padding:18px!important}#form-personaggio #aspetto-scelta>div:first-child{float:none!important;margin:auto auto 10px}#form-personaggio #aspetto-scelta label{margin-left:0!important}#form-personaggio #aspetto-scelta>div[aria-hidden]{margin-left:0!important}}

/* Il promemoria del fantasma resta sopra il gioco finché la resurrezione è confermata. */
#avviso-morte{position:fixed;top:74px;left:50%;transform:translateX(-50%);z-index:8;width:min(620px,calc(100vw - 330px));max-height:calc(100vh - 220px);overflow:auto;padding:11px 16px;color:#f1e5d1;background:#202821f2;border:1px solid #c4a86a;border-radius:5px;box-shadow:0 5px 20px #0009;font:14px/1.5 Georgia,serif;text-align:center}
#avviso-morte a{color:#f5d786;text-decoration:underline}
body.mappamondo #avviso-morte,body:has(#accesso:not([hidden])) #avviso-morte{display:none!important}
@media(max-width:900px){#avviso-morte{left:auto;right:10px;transform:none;width:calc(100vw - 335px);font-size:12px;line-height:1.35;padding:8px 10px}}
@media(max-width:700px){#avviso-morte{width:calc(100vw - 260px)}}
@media(max-width:480px){#avviso-morte{right:5px;width:calc(100vw - 245px);font-size:11px}}

/* Quattro scale rapide e rotella sopra la carta, senza una riga di raggio duplicata. */
#mini-zoom{justify-content:center;gap:4px;margin:7px 0 3px}
#mini-zoom>.mini-livelli{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:center;gap:3px;min-width:0}
#mini-zoom button{min-width:0;padding:4px 5px;font:11px/1.15 Georgia,serif;white-space:nowrap}
#mini-zoom button.attivo,#mini-zoom button[aria-pressed="true"]{color:#fff0c4;background:#68532d;border-color:#dbbb75;box-shadow:inset 0 0 0 1px #f0d39166}
/* Decisione 119: partenza corta e suggerimenti restano nel mondo, senza
   aprire una finestra né coprire le barre delle azioni. */
.guida10{position:fixed;z-index:42;left:50%;bottom:150px;width:min(720px,calc(100vw - 36px));transform:translateX(-50%);pointer-events:none;color:#eef4e8;font-size:14px;filter:drop-shadow(0 10px 22px #0009)}
.guida10[hidden],#guida-indicatore10[hidden]{display:none!important}
.guida10-corpo{position:relative;pointer-events:none;padding:14px 16px;border:1px solid #71975c;border-radius:8px;background:linear-gradient(145deg,#13251beF,#0d1812f2);box-shadow:inset 0 1px #b7df8b2b}
.guida10-testa,.guida10-piede{display:flex;align-items:center;gap:12px;justify-content:space-between}.guida10-testa strong{font-size:17px}.guida10-numero{font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:#b9dc8d}.guida10 p{margin:8px 0;line-height:1.45}.guida10-piede{margin-top:8px;color:#c3d1bc;font-size:12px}.guida10-wiki{color:#cce991;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.guida10-progresso{height:5px;overflow:hidden;border-radius:9px;background:#07100b;box-shadow:inset 0 0 0 1px #91a28738}.guida10-progresso i{display:block;height:100%;background:linear-gradient(90deg,#81b25f,#c4ec8d);transition:width .25s ease}.guida10-tasti{display:flex;align-items:center;gap:8px;color:#dce7d6}.guida10-tasti kbd{padding:2px 7px;border:1px solid #96ad89;border-bottom-width:2px;border-radius:4px;background:#0a120d;color:#fff}
.guida10-corpo a,.guida10-corpo button,.suggerimento10 .guida10-wiki{pointer-events:auto}.guida10-chiudi{position:absolute;top:7px;right:8px;z-index:1;width:28px;height:28px;padding:0;border:0;background:transparent;color:#dbe6d7;font-size:22px;line-height:1;cursor:pointer}.guida10-corpo>.bottone{margin-top:6px}.suggerimento10{bottom:104px;width:min(640px,calc(100vw - 36px));color:#e9f7e6}.suggerimento10>.guida10-suggerimento-corpo{position:relative;pointer-events:none;display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:10px 44px 10px 14px;border:1px solid #67a85b;border-radius:7px;background:#102619ed;box-shadow:inset 4px 0 #8ed46f}.suggerimento10 strong{display:block;color:#bdeba8}.suggerimento10 p{margin:3px 0}.suggerimento10 .guida10-wiki{align-self:center}.suggerimento10 .guida10-chiudi{pointer-events:auto}
#guida-indicatore10{position:fixed;z-index:39;left:0;top:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;color:#c8f48d;text-shadow:0 2px 5px #000,0 0 12px #78e051;font:800 12px/1 ui-monospace,monospace;will-change:transform}#guida-indicatore10::after{content:"";width:30px;height:12px;border:2px solid #bff184;border-radius:50%;box-shadow:0 0 13px #75e14e,inset 0 0 8px #75e14e55;animation:guida10-pulse 1.2s ease-in-out infinite}.guida10-freccia{font-size:25px;animation:guida10-freccia .8s ease-in-out infinite alternate}#guida-indicatore10.fuori .guida10-freccia{transform:rotate(-90deg)}
.guida10-illumina{outline:3px solid #baf280!important;outline-offset:3px;box-shadow:0 0 18px #7ee65a!important;animation:guida10-pulse .9s ease-in-out infinite alternate}.casella.guida10-illumina{position:relative;z-index:43!important}
/* (4 ottobre notte, Opus) il bottone «Apri la scheda Account» del passo finale e del corpo scaduto; position:relative solo sulle caselle: l'ingranaggio e il ritratto sono posizionati e non vanno spostati */
.guida10-azioni{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:6px}.guida10-azioni>.bottone{margin:0}.guida10-account{pointer-events:auto;margin-top:6px;padding:5px 11px;border:1px solid #8fbf6d;border-radius:5px;background:#1d3a25;color:#e4f6d6;font-size:13px;cursor:pointer}.guida10-azioni>.guida10-account{margin-top:0}.guida10-account:hover,.guida10-account:focus-visible{background:#2a5236;outline:2px solid #c4ec8d;outline-offset:1px}
.account30-guida{margin:16px 0;padding:12px;border:1px solid #435b40;border-radius:6px}.account30-guida legend{padding:0 7px;font-weight:800;color:#dce9d1}.account30-interruttore{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:9px 0}.account30-interruttore+ .account30-interruttore{border-top:1px solid #31432f}.account30-interruttore input{width:38px;height:20px;margin-top:2px;accent-color:#a9d879}.account30-interruttore span{display:grid;gap:2px}.account30-interruttore small,.account30-guida-stato{color:#aebca8;line-height:1.35}.account30-guida-stato{margin:8px 0 0}
@keyframes guida10-pulse{from{opacity:.66}to{opacity:1}}@keyframes guida10-freccia{from{transform:translateY(-4px)}to{transform:translateY(1px)}}
@media(max-width:650px){.guida10{bottom:132px;width:calc(100vw - 18px);font-size:12px}.suggerimento10{bottom:84px}.guida10-corpo{padding:10px 12px}.guida10-piede{align-items:flex-start;flex-direction:column;gap:5px}.guida10-wiki{white-space:normal}.guida10-testa strong{font-size:15px}}
/* (5 ottobre, Opus) passo e suggerimento della guida sotto le finestre del giocatore quando una finestra li copre (#pannelli con finestre: z-index 7) */
.guida10.sotto-finestre10{z-index:6}

/* Punti vicino al ritratto; nome/vita del bersaglio sotto i messaggi. */
#avviso-livello { left:auto; top:auto; right:24px; bottom:96px; transform:none; width:58px; max-width:none; min-height:30px; padding:5px 3px; text-align:center; font:bold 14px/1.2 Georgia,serif; z-index:8; }
#avviso-livello:hover { color:#fff5d1; border-color:#f1d185; }
#bersaglio-card { top:164px; }

/* Caricamento del passaggio richiesto, sopra le righe della barra rapida. */
#barra-dungeon13c{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;width:min(390px,calc(100vw - 24px));padding:9px 12px;background:#131f20f2;border:1px solid #b3995e;border-radius:5px;box-shadow:0 3px 14px #0008;color:#efe2be;font:12px/1.35 Georgia,serif;text-align:center;pointer-events:none;z-index:7}
.titolo-dungeon13c{font-weight:bold}.dettaglio-dungeon13c{margin:4px 0;color:#c9c6a5;font-size:11px}
.traccia-dungeon13c{height:7px;overflow:hidden;background:#080e10;border:1px solid #887349;border-radius:4px}
.traccia-dungeon13c i{display:block;height:100%;background:linear-gradient(90deg,#917842,#e9d795);width:0}
.traccia-dungeon13c.indeterminata i{width:30%;animation:dungeon-attesa13c 1.4s ease-in-out infinite alternate}
@keyframes dungeon-attesa13c{from{transform:translateX(0)}to{transform:translateX(230%)}}
@media(prefers-reduced-motion:reduce){.traccia-dungeon13c.indeterminata i{animation:none;width:100%;opacity:.45}}