:root{
  --ink:#13182c; --ink-2:#1b2240; --ink-line:#2c345a;
  --parch:#efe6d2; --parch-2:#e7dcc2; --parch-edge:#d6c9a6;
  --paper-text:#312b22; --paper-soft:#6a614c;
  --seal:#9d2b24; --seal-2:#7c1e19;
  --gold:#c6a14c; --gold-soft:#e0c98a;
  --muted:#8b93b8; --muted-2:#5d6595; --ok:#3f7d52;
}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{
  background:radial-gradient(120% 80% at 50% -10%, #1d2444 0%, var(--ink) 55%, #0f1322 100%) fixed;
  color:#e9ebf5;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  line-height:1.5;min-height:100dvh;
}
.wrap{max-width:460px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}

.top{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 22px}
.mark{display:flex;align-items:center;gap:9px}
.mark .glyph{width:26px;height:26px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:13px;flex:none}
.mark .wm{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.28em;color:var(--gold-soft);text-transform:uppercase}
.me{display:flex;align-items:center;gap:8px;color:var(--muted)}
.me .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#39406c,#262c4d);border:1px solid var(--ink-line);display:grid;place-items:center;font-size:12px;font-weight:600;color:#cdd2ee}

.lede{margin:0 2px 16px}
.lede h1{font-family:Fraunces,serif;font-weight:600;font-size:25px;line-height:1.12;letter-spacing:-.01em;margin:0 0 6px;color:#fff}
.lede p{margin:0;color:var(--muted);font-size:13.5px;max-width:38ch}
.count{font-family:"Space Mono",monospace;color:var(--gold-soft);font-size:11px;letter-spacing:.1em}

/* install banner */
.install{display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,#1c2342,#161c36);border:1px solid var(--ink-line);border-left:3px solid var(--gold);border-radius:12px;padding:11px 12px;margin:0 2px 20px}
.install.hide{display:none}
.install .ic{width:30px;height:30px;border-radius:8px;background:#0000;border:1px solid var(--gold);color:var(--gold-soft);display:grid;place-items:center;font-size:15px;flex:none}
.install .it{flex:1;min-width:0;line-height:1.25}
.install .it b{display:block;font-size:13px;color:#eef0fb;font-weight:600}
.install .it span{font-size:11.5px;color:var(--muted)}
.install .add{border:none;border-radius:8px;padding:8px 12px;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#241a18;font:inherit;font-weight:600;font-size:12.5px;cursor:pointer;flex:none}
.install .x{border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px;flex:none}

.entry{position:relative;background:linear-gradient(180deg,var(--parch) 0%,var(--parch-2) 100%);color:var(--paper-text);border-radius:13px;margin:0 0 18px;box-shadow:0 1px 0 #fff6 inset, 0 18px 40px -18px #000a, 0 2px 0 var(--parch-edge);overflow:hidden;border:1px solid #00000014}
.entry.fresh{animation:rise .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

.ec-head{padding:15px 16px 12px;position:relative;border-bottom:1px dashed #b9a980}
.eyebrow{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--seal);font-weight:700;display:flex;align-items:center;gap:7px}
.eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--seal)}
.title{font-family:Fraunces,serif;font-weight:600;font-size:22px;line-height:1.1;margin:7px 0 3px;color:#26201a;letter-spacing:-.01em}
.sub{font-size:13px;color:var(--paper-soft)}
.sub b{color:#4a4231;font-weight:600}
/* clickable game system -> publisher (sponsor hook) */
.gamelink{color:var(--seal);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--gold);padding-bottom:1px;cursor:pointer}
.gamelink .arr{font-size:10px;vertical-align:1px;margin-left:1px}
.gamelink:hover{background:#9d2b240d}

.meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c9bb95;border-top:1px solid #c9bb95}
.meta div{background:linear-gradient(180deg,#ece2cc,#e6dac0);padding:9px 14px}
.meta .k{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a7c5b}
.meta .v{font-size:13px;color:#3a3326;font-weight:500;margin-top:1px}
.meta .v .mono{font-family:"Space Mono",monospace;font-size:12.5px}

.party{display:flex;align-items:center;gap:9px;padding:11px 16px;border-top:1px solid #d8caa4}
.party .lbl{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a7c5b;margin-right:2px}
.stack{display:flex}
.stack span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;border:2px solid var(--parch);margin-left:-7px;box-shadow:0 1px 2px #0003}
.stack span:first-child{margin-left:0}

.mem{padding:14px 16px 16px;border-top:1px solid #d8caa4;background:#f1e9d7}
.mem .ml{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9a8a64;display:flex;align-items:center;gap:6px;margin-bottom:9px}
.mem-empty{display:flex;gap:10px}
.addbtn{flex:1;text-align:left;border:1.5px dashed #c0ad81;background:#0000;border-radius:10px;padding:11px 13px;color:#7c6f52;font:inherit;font-size:13.5px;cursor:pointer;transition:.18s}
.addbtn:hover{border-color:var(--seal);color:var(--seal);background:#9d2b240a}
.photo{width:46px;height:46px;border-radius:10px;border:1.5px dashed #c0ad81;background:#0000;display:grid;place-items:center;color:#a8966c;cursor:pointer;flex:none;font-size:18px;transition:.18s}
.photo:hover{border-color:var(--seal);color:var(--seal)}
.quote{font-family:Fraunces,serif;font-style:italic;font-size:16px;line-height:1.4;color:#352e23;margin:0 0 8px}
.moods-out{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.mood{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6a614c;font-family:"Space Mono",monospace;letter-spacing:.05em}
.mood .pip{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.ratesum{margin-top:12px;border-top:1px solid #ddcfa9;padding-top:10px}
.rs-h{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#9a8a64;margin-bottom:7px}
.rs{display:flex;align-items:center;justify-content:space-between;margin:3px 0}
.rs .cn{font-size:12px;color:#5a503b}
.rs .dots{font-size:11px;letter-spacing:2px;color:var(--seal)}
.rs .dots .o{color:#c9bb95}

.gmnote{padding:11px 16px;border-top:1px solid #d8caa4;display:flex;gap:9px;align-items:flex-start;background:#ebe1cb}
.gmnote .ic{font-size:14px;flex:none;margin-top:1px;opacity:.6}
.gmnote .tx{font-size:12px;color:#8a7c5b;line-height:1.45}

.seal{position:absolute;top:11px;right:12px;z-index:4;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-13deg);color:#fff;background:radial-gradient(circle at 35% 30%, #c1463e, var(--seal) 55%, var(--seal-2));box-shadow:0 4px 10px -2px #7c1e1955, 0 1px 0 #fff3 inset;border:2px solid #ffffff22}
.seal::after{content:"";position:absolute;inset:5px;border:1px dashed #ffffff70;border-radius:50%}
.seal .st{font-family:"Space Mono",monospace;font-weight:700;font-size:9.5px;letter-spacing:.06em;line-height:1.15;z-index:1}
.seal .sn{font-family:"Space Mono",monospace;font-size:7.5px;letter-spacing:.05em;opacity:.85;margin-top:2px;z-index:1}
.seal.drop{animation:stamp .5s cubic-bezier(.3,1.4,.5,1) both .15s}
@keyframes stamp{0%{opacity:0;transform:rotate(-13deg) scale(2.4)}60%{opacity:1}100%{opacity:1;transform:rotate(-13deg) scale(1)}}

.past-h{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:26px 4px 12px;display:flex;align-items:center;gap:10px}
.past-h::after{content:"";flex:1;height:1px;background:var(--ink-line)}
.mini{display:flex;gap:12px;background:#1a2140;border:1px solid var(--ink-line);border-radius:12px;padding:12px 13px;margin-bottom:10px;align-items:center}
.mini .spine{width:4px;align-self:stretch;border-radius:3px;background:linear-gradient(var(--gold),#8a6f2c)}
.mini .mt{flex:1;min-width:0}
.mini .me1{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}
.mini .mt h4{font-family:Fraunces,serif;font-weight:500;font-size:15.5px;margin:2px 0 1px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .mt p{margin:0;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .badge{font-family:"Space Mono",monospace;font-size:8.5px;letter-spacing:.05em;color:#cdb87a;border:1px solid #5a4d2a;border-radius:20px;padding:3px 7px;flex:none}

.scanbar{position:fixed;left:0;right:0;bottom:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0f132200,#0f1322 38%);display:flex;justify-content:center}
.scan{max-width:428px;width:100%;border:none;border-radius:14px;padding:15px;cursor:pointer;font:inherit;font-weight:600;font-size:15px;color:#241a18;background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 8px 24px -8px #c6a14c66, 0 1px 0 #fff8 inset;display:flex;align-items:center;justify-content:center;gap:9px;transition:.15s}
.scan:hover{transform:translateY(-1px)}
.scan:disabled{opacity:.55;cursor:default;transform:none}

.flash{position:fixed;inset:0;background:#000c;backdrop-filter:blur(2px);display:none;place-items:center;z-index:40}
.flash.on{display:grid}
.scanner{width:210px;height:210px;border-radius:18px;position:relative;border:2px solid #ffffff22;overflow:hidden;background:#0a0d18}
.scanner .corner{position:absolute;width:26px;height:26px;border:3px solid var(--gold)}
.scanner .c1{top:10px;left:10px;border-right:none;border-bottom:none;border-radius:8px 0 0 0}
.scanner .c2{top:10px;right:10px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}
.scanner .c3{bottom:10px;left:10px;border-right:none;border-top:none;border-radius:0 0 0 8px}
.scanner .c4{bottom:10px;right:10px;border-left:none;border-top:none;border-radius:0 0 8px 0}
.scanner .line{position:absolute;left:14px;right:14px;height:2px;background:linear-gradient(90deg,#0000,var(--gold),#0000);top:14px;box-shadow:0 0 12px var(--gold);animation:scanline 1.05s ease-in-out infinite alternate}
@keyframes scanline{to{top:194px}}
.flash .cap{position:absolute;bottom:24%;color:var(--gold-soft);font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.12em}

.editor{position:fixed;inset:0;background:#0b0e1ad9;display:none;place-items:end center;z-index:50}
.editor.on{display:grid}
.sheet{background:var(--parch);width:100%;max-width:460px;border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));color:var(--paper-text);animation:up .3s ease both;max-height:92dvh;overflow:auto}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
.sheet h3{font-family:Fraunces,serif;font-weight:600;font-size:19px;margin:0 0 3px;color:#2a241c}
.sheet .hint{font-size:12.5px;color:var(--paper-soft);margin:0 0 14px}
.sheet textarea{width:100%;border:1.5px solid #cdbd92;border-radius:11px;background:#fbf6e8;padding:11px 12px;font:inherit;font-size:16px;color:#2a241c;resize:none;min-height:64px}
.sheet textarea:focus{outline:none;border-color:var(--seal)}
.lblrow{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a8a64;margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.lblrow .tag{margin-left:auto;text-transform:none;letter-spacing:0;font-size:10px;color:#a8966c;border:1px solid #d3c39a;border-radius:20px;padding:2px 8px}
.moods{display:flex;gap:8px}
.moods button{flex:1;border:1.5px solid #cdbd92;background:#fbf6e8;border-radius:10px;padding:9px 4px;font:inherit;font-size:12px;color:#6a614c;cursor:pointer;transition:.15s}
.moods button[aria-pressed=true]{border-color:var(--seal);background:#9d2b2410;color:var(--seal);font-weight:600}
.cat{display:flex;align-items:center;justify-content:space-between;margin:8px 0}
.cat .cl{font-size:13px;color:#4a4231}
.dotrow{display:flex;gap:7px}
.dotrow button{width:22px;height:22px;border-radius:50%;border:1.5px solid #c9b88c;background:#fbf6e8;cursor:pointer;padding:0;transition:.12s}
.dotrow button.on{background:var(--seal);border-color:var(--seal)}
.save{width:100%;border:none;border-radius:11px;padding:13px;background:var(--seal);color:#fff;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;margin-top:18px}
.save:hover{background:var(--seal-2)}

.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(12px);background:#0d1124;border:1px solid var(--ink-line);border-left:3px solid var(--gold);color:#eef0fb;font-size:12.5px;padding:10px 14px;border-radius:11px;box-shadow:0 12px 30px -10px #000a;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:90vw}
.toast .g{color:var(--gold-soft);font-family:"Space Mono",monospace}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ============ Schermate dell'app (Home, Crea, Master, Scan) ============ */
.topbar{max-width:460px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));display:flex;align-items:center}
.topbar .mark{display:flex;align-items:center;gap:9px;text-decoration:none}
.acctbtn{margin-left:auto;text-decoration:none;border:1px solid var(--gold);color:var(--gold-soft);border-radius:20px;padding:6px 15px;font-size:12.5px;font-weight:600;flex:none}
.acctbtn:hover{background:#c6a14c14}
.acctbtn.logged{border:none;padding:0}
.acctbtn .accav{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#39406c,#262c4d);border:1px solid var(--ink-line);display:grid;place-items:center;font-size:14px;font-weight:600;color:#cdd2ee}
.backlink,.masterlink{display:inline-block;color:var(--muted);font-size:13px;text-decoration:none;margin:4px 2px 10px}
.backlink:hover,.masterlink:hover{color:var(--gold-soft)}
.masterlink{display:block;background:#1a2140;border:1px solid var(--ink-line);border-left:3px solid var(--gold);border-radius:11px;padding:11px 13px;color:#dfe3f5;margin:2px 0 20px;font-size:13px}

.loading{color:var(--muted);text-align:center;padding:50px 0;font-family:"Space Mono",monospace;font-size:13px}
.muted{color:var(--muted)}.small{font-size:11.5px}

/* azioni Home */
.actions{display:flex;flex-direction:column;gap:11px;margin:4px 0 18px}
.act{display:flex;align-items:center;gap:13px;text-decoration:none;border-radius:13px;padding:15px 16px;border:1px solid var(--ink-line);transition:.15s}
.act .ai{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;flex:none}
.act b{display:block;font-size:15px;color:#fff}
.act i{font-style:normal;font-size:12.5px;color:var(--muted)}
.act-scan{background:linear-gradient(180deg,#1c2342,#161c36)}
.act-scan .ai{background:#0000;border:1px solid var(--gold);color:var(--gold-soft)}
.act-create{background:linear-gradient(180deg,#23284a,#1a1f3c)}
.act-create .ai{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#241a18}
.act:hover{transform:translateY(-1px);border-color:var(--muted-2)}

.empty{text-align:center;padding:34px 12px}
.empty .emoji{font-size:42px;margin-bottom:8px}
.empty h2{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:21px;margin:0 0 6px}
.empty p{color:var(--muted);font-size:14px;max-width:34ch;margin:0 auto 16px}

.giocate{font-size:12.5px;color:#7a6f54}.giocate b{color:#4a4231}
.seal.pending{background:radial-gradient(circle at 35% 30%,#6a7290,#3c456b 55%,#2a3152);box-shadow:0 4px 10px -2px #00000040,0 1px 0 #fff2 inset}
.editmem{margin-top:11px;border:none;background:none;color:var(--seal);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}

/* card sessione: il bottone scanbar qui è "aggiungi ricordo" */
.scanbar .scan[data-edit]{position:relative}

/* ============ Form Crea sessione ============ */
.formhead{margin:6px 2px 16px}
.formhead h1{font-family:Fraunces,serif;font-weight:600;font-size:24px;color:#fff;margin:0 0 6px}
.formhead p{color:var(--muted);font-size:13.5px;margin:0;max-width:42ch}
.form{display:flex;flex-direction:column;gap:13px}
.fld{display:flex;flex-direction:column;gap:6px}
.fl{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fl i{color:var(--seal);font-style:normal}
.form input{border:1px solid var(--ink-line);background:#161c33;border-radius:10px;padding:12px;font:inherit;font-size:16px;color:#eef0fb}
.form input:focus{outline:none;border-color:var(--gold)}
.frow{display:flex;gap:11px}.frow .fld{flex:1;min-width:0}
.form input{width:100%;min-width:0}
/* su telefono impila i campi affiancati: la casella data nativa iOS non si stringe abbastanza */
@media (max-width:480px){.frow{flex-direction:column;gap:13px}}
.privacy{background:#161c33;border:1px solid var(--ink-line);border-radius:11px;padding:13px}
.consent{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.consent input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--gold)}
.consent span{font-size:12px;color:var(--muted);line-height:1.5}.consent b{color:#cdd2ee;font-weight:600}
.save.big{margin-top:6px;font-size:15px;padding:15px}

/* ============ Sessione creata + QR ============ */
.created{text-align:center;padding:10px 4px 30px}
.okmark{width:54px;height:54px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:28px;margin:6px auto 12px}
.created h1{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:24px;margin:0 0 6px}
.created p{color:var(--muted);font-size:13.5px;max-width:38ch;margin:0 auto 16px}
.qrbox{background:#fff;border-radius:16px;padding:16px;width:230px;margin:0 auto;box-shadow:0 12px 30px -12px #000a}
.qrbox svg{display:block;width:100%;height:auto}
.qrcap{font-family:"Space Mono",monospace;font-size:12px;color:var(--gold-soft);margin:11px 0 16px}
.linkrow{display:flex;gap:8px;max-width:380px;margin:0 auto 18px}
.linkrow input{flex:1;min-width:0;border:1px solid var(--ink-line);background:#161c33;border-radius:9px;padding:10px;font-family:"Space Mono",monospace;font-size:11.5px;color:#cdd2ee}
.linkrow button{border:1px solid var(--gold);background:#0000;color:var(--gold-soft);border-radius:9px;padding:0 14px;font:inherit;font-size:13px;cursor:pointer}
.cta-col{display:flex;flex-direction:column;gap:10px;max-width:380px;margin:0 auto}
.btn-ghost{display:block;text-align:center;border:1px solid var(--ink-line);background:#0000;color:#cdd2ee;border-radius:11px;padding:13px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.btn-ghost:hover{border-color:var(--muted-2)}
.tip{font-size:12px;color:var(--muted);max-width:38ch;margin:18px auto 0;line-height:1.5}

/* ============ Profilo master ============ */
.mprofile{text-align:center;padding:6px 0 4px}
.mavatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#39406c,#262c4d);border:1px solid var(--ink-line);display:grid;place-items:center;font-family:Fraunces,serif;font-size:28px;color:#cdd2ee;margin:0 auto 10px}
.mprofile h1{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:23px;margin:0 0 10px}
.mstats{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:12.5px}
.mstats b{color:var(--gold-soft);font-size:16px;font-family:"Space Mono",monospace;display:block}
.repcard{background:linear-gradient(180deg,var(--parch),var(--parch-2));color:var(--paper-text);border-radius:13px;padding:14px 16px;margin:18px 0;box-shadow:0 18px 40px -18px #000a}
.repcard .rs-h{margin-bottom:11px}
.repline{display:flex;align-items:center;justify-content:space-between;margin:9px 0}
.repline .rc{font-size:14px;color:#4a4231;font-weight:500}
.stars{font-size:14px;letter-spacing:2px;color:var(--gold)}
.stars .o{color:#c9bb95}.stars .avgnum{font-family:"Space Mono",monospace;font-size:12px;color:#6a614c;letter-spacing:0;margin-left:4px}
.msess{display:flex;align-items:center;gap:10px;background:#1a2140;border:1px solid var(--ink-line);border-radius:11px;padding:11px 13px;margin-bottom:9px}
.msx{flex:1;min-width:0}
.mst{font-family:Fraunces,serif;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msm{font-size:11.5px;color:var(--muted);margin-top:2px}.msm .ok{color:var(--gold-soft)}.msm .pend{color:#8b93b8}
.msa{display:flex;gap:8px;flex:none}
.tiny{font-size:11.5px;color:var(--muted);text-decoration:none;border:1px solid var(--ink-line);border-radius:7px;padding:5px 9px;background:#0000;cursor:pointer;font:inherit}
.tiny:hover{border-color:var(--muted-2);color:#cdd2ee}.tiny.del:hover{border-color:var(--seal);color:#e98}

/* ============ Scanner fotocamera ============ */
.camwrap{position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:8px auto;border-radius:18px;overflow:hidden;background:#0a0d18;border:1px solid var(--ink-line)}
.camwrap video{width:100%;height:100%;object-fit:cover}
.camframe{position:absolute;inset:0;pointer-events:none}
.camframe .corner{position:absolute;width:30px;height:30px;border:3px solid var(--gold)}
.camframe .c1{top:16px;left:16px;border-right:none;border-bottom:none;border-radius:8px 0 0 0}
.camframe .c2{top:16px;right:16px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}
.camframe .c3{bottom:16px;left:16px;border-right:none;border-top:none;border-radius:0 0 0 8px}
.camframe .c4{bottom:16px;right:16px;border-left:none;border-top:none;border-radius:0 0 8px 0}
.camhint{text-align:center;color:var(--gold-soft);font-family:"Space Mono",monospace;font-size:12.5px;margin:6px 0}

/* ============ Chip umore scorrevoli (editor) ============ */
.moodscroll{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.moodscroll::-webkit-scrollbar{height:5px}.moodscroll::-webkit-scrollbar-thumb{background:#cdbd92;border-radius:3px}
/* selettore aggettivi a tema + ricerca */
.moodsearch{width:100%;border:1.5px solid #cdbd92;border-radius:10px;background:#fbf6e8;padding:11px 12px;font:inherit;font-size:16px;color:#2a241c;margin-bottom:11px}
.moodsearch:focus{outline:none;border-color:var(--seal)}
.moodsel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.moodsel-chip{border:none;background:var(--seal);color:#fff;border-radius:20px;padding:6px 11px;font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.moodsel-chip .x{opacity:.85;font-size:10px}
.moodtabs{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:9px;margin-bottom:3px;-webkit-mask-image:linear-gradient(90deg,#000 93%,transparent);mask-image:linear-gradient(90deg,#000 93%,transparent)}
.moodtab{flex:none;border:1px solid #cdbd92;background:#0000;border-radius:20px;padding:7px 14px;font:inherit;font-size:12.5px;color:#8a7c5b;cursor:pointer;white-space:nowrap;transition:.12s}
.moodtab[aria-selected=true]{background:var(--seal);border-color:var(--seal);color:#fff;font-weight:600}
.moodchips{display:flex;flex-wrap:wrap;gap:7px;min-height:38px}
.moodnone{font-size:12.5px;color:#9a8a64;padding:6px 0}
.moodchip{flex:none;border:1.5px solid #cdbd92;background:#fbf6e8;border-radius:20px;padding:8px 13px;font:inherit;font-size:12.5px;color:#6a614c;cursor:pointer;white-space:nowrap;transition:.12s}
.moodchip[aria-pressed=true]{border-color:var(--seal);background:#9d2b2410;color:var(--seal);font-weight:600}
.skip{width:100%;border:none;background:none;color:var(--paper-soft);font:inherit;font-size:13px;cursor:pointer;margin-top:9px;text-decoration:underline}
.errbox{text-align:center;padding:34px 12px}
.errbox h2{font-family:Fraunces,serif;color:#fff;font-size:21px;margin:0 0 8px}
.errbox p{color:var(--muted);margin:0 auto 16px;max-width:34ch}
.feed{margin-top:4px}

/* ============ Contenuti master nella card sessione ============ */
.cover{position:relative;line-height:0}
.cover img{width:100%;max-height:210px;object-fit:cover;display:block}
.badges{margin-top:8px}
.neofiti{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#2f6b41;background:#3f7d5218;border:1px solid #3f7d5240;border-radius:20px;padding:4px 10px}
.ambrow{padding:9px 16px;border-top:1px solid #d8caa4;background:#ece2cc;font-size:13px;color:#5a503b}
.ambrow .lbl{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a7c5b;margin-right:4px}
.ambrow .ambv{color:#3a3326;font-weight:500}
.intro,.mnote{padding:13px 16px;border-top:1px solid #d8caa4;background:#f1e9d7}
.intro .ml,.mnote .ml{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a8a64;margin-bottom:6px}
.intro p,.mnote p{margin:0;font-size:13.5px;color:#3a3326;line-height:1.5}
.intro p{font-family:Fraunces,serif;font-style:italic;font-size:14.5px;color:#352e23}
.mnote{background:#efe4c9}.mnote p{font-size:12.5px;color:#6a5f44}
.memphoto{width:100%;max-height:240px;object-fit:cover;border-radius:9px;margin-bottom:9px;display:block}
.memmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#5a503b;margin-bottom:8px}
.memmeta .sep{color:#bdae88}

/* ============ Editor: campi extra del ricordo ============ */
.memrow{display:flex;gap:10px;margin-top:14px}
.memrow .minifld{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.minifld input{width:100%;min-width:0}
.minifld .fl{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9a8a64}
.minifld input{border:1.5px solid #cdbd92;border-radius:9px;background:#fbf6e8;padding:9px 10px;font:inherit;font-size:16px;color:#2a241c}
.minifld input:focus{outline:none;border-color:var(--seal)}
.photorow{display:flex;gap:10px;align-items:center}
.photoadd{border:1.5px dashed #c0ad81;background:#0000;border-radius:10px;padding:11px 14px;color:#7c6f52;font:inherit;font-size:13.5px;cursor:pointer}
.photoadd:hover{border-color:var(--seal);color:var(--seal)}
.photoprev{position:relative;display:inline-block}
.photoprev img{width:88px;height:88px;object-fit:cover;border-radius:10px;border:1px solid #cdbd92}
.photox{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;border:none;background:var(--seal);color:#fff;font-size:13px;cursor:pointer;display:grid;place-items:center;line-height:1}
.votelock{font-size:11.5px;color:#7c6f52;font-family:"Space Mono",monospace;margin-top:6px}
#cats.locked{opacity:.55;pointer-events:none}
.dotrow button{width:26px;height:26px}

/* ============ Form: sezione "Dettagli" ============ */
.moreblock{border:1px solid var(--ink-line);border-radius:11px;background:#161c33;overflow:hidden}
.moreblock>summary{cursor:pointer;padding:13px 14px;font-size:13.5px;color:var(--gold-soft);font-weight:600;list-style:none;user-select:none}
.moreblock>summary::-webkit-details-marker{display:none}
.moreblock[open]>summary{border-bottom:1px solid var(--ink-line)}
.moreinner{padding:14px;display:flex;flex-direction:column;gap:13px}
.formta{border:1px solid var(--ink-line);background:#0f1428;border-radius:10px;padding:11px;font:inherit;font-size:16px;color:#eef0fb;resize:vertical;min-height:64px}
.formta:focus{outline:none;border-color:var(--gold)}
.consent.toggle{background:#0f1428;border:1px solid var(--ink-line);border-radius:10px;padding:11px}
.consent.toggle span{font-size:13px;color:#cdd2ee}
.coverpick{margin-top:2px}
.coveradd{border:1.5px dashed var(--muted-2);background:#0000;border-radius:10px;padding:13px 14px;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer;width:100%}
.coveradd:hover{border-color:var(--gold);color:var(--gold-soft)}
.coverprev{position:relative}
.coverprev img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;display:block}
.privacy a,.consent a{color:var(--gold-soft)}

/* ============ Pagina informativa privacy ============ */
.legal{padding:4px 2px 20px}
.legal h1{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:24px;margin:6px 0 4px}
.legalnote{background:#3a2e12;border:1px solid #6a5524;color:#e0c98a;font-size:12px;border-radius:9px;padding:9px 11px;margin:0 0 14px}
.legal h3{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:16px;margin:18px 0 6px}
.legal p,.legal li{color:var(--muted);font-size:13.5px;line-height:1.6}
.legal b{color:#cdd2ee;font-weight:600}
.legal ul{margin:6px 0;padding-left:18px}
.footer{text-align:center;margin:30px 0 0}
.footer a{color:var(--muted-2);font-size:12px;text-decoration:none}
.footer a:hover{color:var(--gold-soft)}

/* sfumatura per invitare a scorrere i tag umore */
.moodscroll{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}

/* ============ Login / Account ============ */
.okbox{text-align:center;padding:18px 6px}
.okbox h3{font-family:Fraunces,serif;font-weight:600;color:#fff;font-size:19px;margin:8px 0 6px}
.okbox p{color:var(--muted);font-size:13.5px;max-width:36ch;margin:0 auto}
.devlink{margin:16px auto 0;max-width:380px;background:#3a2e12;border:1px solid #6a5524;border-radius:11px;padding:13px;color:#e0c98a;font-size:12.5px;line-height:1.6}
.devlink a{display:inline-block;margin-top:6px;color:#241a18;background:linear-gradient(180deg,var(--gold-soft),var(--gold));padding:8px 14px;border-radius:9px;text-decoration:none;font-weight:600}
.accountemail{font-family:"Space Mono",monospace;font-size:13px;color:var(--gold-soft);background:#161c33;border:1px solid var(--ink-line);border-radius:9px;padding:9px 12px;display:inline-block;margin-top:4px}
.btn-ghost.danger{border-color:#5a2a2a;color:#e08a8a}
.btn-ghost.danger:hover{border-color:var(--seal);color:#f0a}
.masterlink.acc{margin-top:-8px}

/* ============ Sistema icone + pass visivo ============ */
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:none}

/* hero atmosferico della Home */
.hero{text-align:center;padding:12px 6px 4px;margin-bottom:6px}
.hero-sigil{display:flex;justify-content:center;margin-bottom:4px}
.hero-sigil .ic{width:44px;height:44px;color:var(--gold);opacity:.55}
.hero h1{font-family:Fraunces,serif;font-weight:600;font-size:26px;line-height:1.08;letter-spacing:-.01em;margin:0 0 6px;color:#fff}
.tagline{font-family:Fraunces,serif;font-style:italic;font-size:14px;color:var(--gold-soft);margin:0 0 14px}
.ledger{display:inline-flex;gap:15px;background:#161c33;border:1px solid var(--ink-line);border-radius:12px;padding:9px 15px;max-width:100%}
.ledger span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}
.ledger .ic{width:15px;height:15px;color:var(--gold-soft)}
.ledger b{color:#fff;font-family:"Space Mono",monospace;font-size:14px}

/* azioni con icone */
.act .ai .ic{width:22px;height:22px}

/* logbook compatto: "indice del tomo" */
.past-h .ic{width:13px;height:13px;vertical-align:-.18em;margin-right:5px;color:var(--gold-soft)}
.tomes{display:flex;flex-direction:column;gap:9px}
.tome{display:flex;align-items:center;gap:11px;background:#1a2140;border:1px solid var(--ink-line);border-radius:12px;padding:12px 13px;text-decoration:none;transition:.15s}
.tome:hover{border-color:var(--muted-2);transform:translateX(2px)}
.tome-spine{width:4px;align-self:stretch;border-radius:3px;background:var(--ink-line);flex:none}
.tome.is-cert .tome-spine{background:linear-gradient(var(--gold),#8a6f2c)}
.tome-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tome-ev{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}
.tome-title{font-family:Fraunces,serif;font-size:16.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tome-snip{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tome-badge{flex:none;display:grid;place-items:center}
.tome-badge.cert .ic{width:21px;height:21px;color:var(--gold)}
.tome-badge.pend{font-family:"Space Mono",monospace;font-size:9px;color:var(--muted-2);border:1px solid var(--ink-line);border-radius:20px;padding:3px 7px}
.tome-arrow{flex:none;color:var(--muted-2);font-size:20px;line-height:1}

/* empty state */
.empty-ic{display:flex;justify-content:center;margin-bottom:10px}
.empty-ic .ic{width:42px;height:42px;color:var(--gold);opacity:.6}

/* icone nelle etichette/card */
.ml .ic{width:12px;height:12px;vertical-align:-.16em;margin-right:3px}
.ambrow .lbl .ic{width:12px;height:12px;vertical-align:-.18em;margin-right:3px}
.giocate .ic{width:15px;height:15px;vertical-align:-.22em;margin-right:4px;color:#7a6f54}
.neofiti .ic{width:13px;height:13px;vertical-align:-.16em}
.fl .ic{width:13px;height:13px;vertical-align:-.2em;margin-right:2px}
.gmnote .ic{width:16px;height:16px;color:#8a7c5b;opacity:.7;flex:none;margin-top:1px}
.masterlink .ic{width:14px;height:14px;vertical-align:-.2em;margin-right:5px;color:var(--gold-soft)}
.mavatar .ic{width:26px;height:26px}
.okmark .ic{width:26px;height:26px}
.minifld .fl .ic,.lblrow .ic{width:13px;height:13px;vertical-align:-.2em;margin-right:2px}

/* spinner a tema (dado che ruota) */
.loading{display:flex;flex-direction:column;align-items:center;gap:13px}
.spinner{color:var(--gold);display:inline-flex}
.spinner .ic{width:34px;height:34px;animation:spin 1.5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* capolettera sull'aggancio */
.intro .dropcap::first-letter{font-family:Fraunces,serif;font-weight:600;font-size:2.7em;line-height:.78;float:left;margin:.04em .09em -.04em 0;color:var(--seal)}

/* texture carta leggerissima sulla pergamena */
.entry::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:13px;
  background-image:radial-gradient(#5a4a2810 1px, transparent 1.6px);background-size:9px 9px;opacity:.45;mix-blend-mode:multiply}

/* banner installa più compatto */
.install{padding:9px 11px;margin:0 2px 14px}
.install .it b{font-size:12.5px}.install .it span{font-size:11px}

/* ============ Pagina memory-first ============ */
.ml{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9a8a64;display:flex;align-items:center;gap:6px;margin-bottom:9px}
.entry.mfirst{padding:0}
.hero-wrap{position:relative;line-height:0}
.hero-media{width:100%;height:232px;object-fit:cover;display:block}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(to top,#000000b0 0%,#0000004d 30%,transparent 55%);pointer-events:none;z-index:1}
.hero-cap{position:absolute;left:0;right:64px;bottom:0;padding:14px 16px;z-index:2;line-height:1.12}
.hero-ev{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:5px}
.hero-title{font-family:Fraunces,serif;font-weight:600;font-size:23px;color:#fff;margin:0;text-shadow:0 2px 14px #000b}
/* card procedurale di fallback (mai stock uguale per tutti) */
.proccover{position:relative;width:100%;height:232px;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(120% 120% at 25% 10%, hsl(var(--h) 48% 30%), transparent 55%), linear-gradient(160deg, hsl(var(--h) 38% 20%), hsl(var(--h2) 44% 13%))}
.pc-glyph{font-family:Fraunces,serif;font-weight:600;font-size:132px;color:#ffffff1c;line-height:1}
.pc-label{position:absolute;top:14px;left:16px;font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffcc;z-index:2}

/* IL TUO RICORDO (il cuore) */
.ricordo-zone{padding:15px 16px 17px;background:#f3ead0;color:var(--paper-text)}
.ricordo-invite{font-family:Fraunces,serif;font-style:italic;font-size:16px;color:#7c6f52;margin:0 0 12px}
.quote.big{font-size:18px;line-height:1.42}

/* COM'ERA IL TAVOLO (collassabile, secondario) */
.tavolo{background:#ece2cc;color:var(--paper-text);border-top:1px solid #d8caa4}
.tavolo>summary{cursor:pointer;list-style:none;padding:12px 16px;font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a7c5b;display:flex;align-items:center;gap:7px;user-select:none}
.tavolo>summary::-webkit-details-marker{display:none}
.tavolo>summary::after{content:"\25BE";margin-left:auto;font-size:11px}
.tavolo[open]>summary::after{content:"\25B4"}
.tavolo>summary .ic{width:13px;height:13px}
.tavolo-in{padding:2px 16px 16px}
.trows{display:flex;flex-direction:column}
.trow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #ddcfa9;font-size:13px}
.trow:last-child{border-bottom:none}
.tk{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9a8a64;flex:none;padding-top:2px}
.tv{color:#3a3326;text-align:right;min-width:0}.tv .mono{font-family:"Space Mono",monospace;font-size:12.5px}
.tavolo-in .intro,.tavolo-in .mnote{border-top:none;border-radius:10px;margin-top:11px}
.mnote.reso{background:#e8e4d6}
.edit-link{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--seal);border:1px solid #cdbd92;border-radius:9px;padding:8px 12px;font-size:12.5px;text-decoration:none}
.edit-link:hover{border-color:var(--seal)}.edit-link .ic{width:13px;height:13px}

/* VOTO demoto */
.voto-demo{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;border-top:1px solid #d8caa4;background:#efe6d2;color:#6a5f44;font:inherit;padding:13px 16px;cursor:pointer}
.voto-demo.cta:hover{background:#e9dec5}
.voto-demo .ic{width:19px;height:19px;color:var(--gold);flex:none}
.voto-demo b{display:block;font-size:13.5px;color:#4a4231}
.voto-demo i{font-style:normal;font-size:11.5px;color:#8a7c5b}
.voto-demo.done{cursor:default;color:#8a7c5b;font-size:12px;font-family:"Space Mono",monospace;letter-spacing:.04em}
.voto-demo.done .ic{color:#9a8a64;width:16px;height:16px}

/* CATTURA leggera allo scan */
.capture{text-align:center}
.cap-head{position:relative;padding:26px 0 16px}
.cap-head .seal{position:static;margin:0 auto 16px}
.cap-head .okmark{margin:0 auto 12px}
.cap-head h1{font-family:Fraunces,serif;font-weight:600;font-size:24px;color:#fff;margin:0 0 6px}
.cap-head p{color:var(--muted);font-size:14px;max-width:32ch;margin:0 auto}
.cap-shot{width:100%;border:1.5px dashed var(--gold);background:#1a2140;border-radius:16px;padding:26px;color:var(--gold-soft);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;margin:8px 0 4px;overflow:hidden}
.cap-shot .ic{width:34px;height:34px}
.cap-shot>span{font-size:17px;font-weight:600;color:#fff}
.cap-shot i{font-style:normal;font-size:12.5px;color:var(--muted)}
.cap-shot.has{padding:0;border-style:solid;position:relative}
.cap-shot.has img{width:100%;max-height:300px;object-fit:cover;display:block}
.cap-shot .re{position:absolute;bottom:10px;right:10px;background:#000a;color:#fff;font-size:12px;padding:6px 11px;border-radius:8px}
.lblrow.center{justify-content:center;margin-top:18px}
.skip.center{display:block;text-align:center;color:var(--muted);text-decoration:none;margin-top:4px}
.skip.danger-link{color:#b06a6a}

/* ============ Diario vivo: timeline dei momenti ============ */
.timeline{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.momento{position:relative}
.momento.foto img{width:100%;max-height:280px;object-fit:cover;border-radius:11px;display:block}
.momento.frase{background:#fbf6e8;border-left:3px solid var(--seal);border-radius:8px;padding:11px 13px;padding-right:34px}
.momento.frase .mq{font-family:Fraunces,serif;font-style:italic;font-size:15px;line-height:1.4;color:#352e23}
.momdel{position:absolute;top:7px;right:7px;width:24px;height:24px;border-radius:50%;border:none;background:#000000a6;color:#fff;font-size:11px;cursor:pointer;display:grid;place-items:center;line-height:1}
.momento.frase .momdel{background:#d6c39a;color:#3a3326}
.momtag{display:inline-flex;align-items:center;gap:4px;font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8a7c5b}
.momtag .ic{width:11px;height:11px}
.momento.frase .momtag{margin-top:7px}
.momento.foto .momtag{position:absolute;left:8px;bottom:8px;background:#000000a6;color:#fff;padding:3px 9px;border-radius:20px}
.momento.foto .momtag .ic{color:#fff}
.sharenote{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#8a7c5b;margin:-3px 0 14px;line-height:1.45}
.sharenote .ic{width:14px;height:14px;flex:none;margin-top:1px;color:#9a8a64}
.quickadd{display:flex;gap:8px;margin-bottom:14px}
.qa{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #c0ad81;background:#0000;border-radius:11px;padding:12px 6px;color:#7c6f52;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}
.qa:hover{border-color:var(--seal);color:var(--seal);background:#9d2b240a}
.qa .ic{width:16px;height:16px}

/* pannello Disegna */
.sheet.draw{max-width:460px}
.drawcanvas{width:100%;height:300px;border:1.5px solid #cdbd92;border-radius:12px;background:#fbf6e8;touch-action:none;display:block;cursor:crosshair}
.drawtools{display:flex;align-items:center;gap:8px;margin:12px 0 4px}
.drawcolors{display:flex;gap:7px;margin-right:auto}
.drawcolor{width:27px;height:27px;border-radius:50%;border:2px solid #0000;cursor:pointer;padding:0}
.drawcolor[aria-pressed=true]{border-color:#2a241c;box-shadow:0 0 0 2px #fbf6e8 inset}
.drawtool{border:1px solid #cdbd92;background:#0000;border-radius:8px;padding:7px 10px;font:inherit;font-size:12px;color:#7c6f52;cursor:pointer}
.drawtool:hover{border-color:var(--seal);color:var(--seal)}
.addbtn.refl{display:inline-block;margin-top:2px}

/* benvenuto al tavolo (scan iniziale) */
.cap-steps{display:flex;flex-direction:column;gap:14px;margin:8px 4px 24px;text-align:left}
.cap-step{display:flex;align-items:center;gap:13px;color:#cdd2ee;font-size:14px;line-height:1.35}
.cap-step .ic{width:24px;height:24px;color:var(--gold-soft);flex:none}
.cap-step b{color:#fff;font-weight:600}

/* ============ Editor: ricordi multipli + scheda personaggio ============ */
.edricordi{display:flex;flex-direction:column;gap:7px;margin-bottom:9px}
.edricordo{display:flex;align-items:flex-start;gap:9px;background:#fbf6e8;border-left:3px solid var(--seal);border-radius:8px;padding:9px 11px}
.edricordo span{flex:1;font-family:Fraunces,serif;font-style:italic;font-size:14px;color:#352e23;line-height:1.4}
.edricordo button{flex:none;border:none;background:none;color:#b09a6a;font-size:13px;cursor:pointer;padding:2px 4px}
.addricordo{display:flex;flex-direction:column;gap:8px}
.addricordo textarea{min-height:46px}
.addric-btn{align-self:flex-end;border:1px solid var(--seal);background:#0000;color:var(--seal);border-radius:9px;padding:8px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.addric-btn:hover{background:#9d2b240a}
.schedarow{margin-top:14px}
.schedabtn{width:100%;border:1.5px dashed #c0ad81;background:#0000;border-radius:11px;padding:12px;color:#7c6f52;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.schedabtn i{font-style:normal;font-size:11px;font-weight:400;color:#a8966c}
.schedabtn:hover{border-color:var(--seal);color:var(--seal)}
.schedacard{position:relative;margin-top:2px}
.schedacard img{width:100%;max-height:220px;object-fit:cover;border-radius:11px;border:1px solid #cdbd92;display:block}
.schedafile{display:flex;align-items:center;gap:8px;background:#fbf6e8;border:1px solid #cdbd92;border-radius:10px;padding:13px;font-size:13.5px;color:#4a4231}
.schedafile .ic{width:18px;height:18px;color:var(--seal);flex:none}

/* scheda personaggio nella pagina */
.schedashow{display:block;margin-top:11px;text-decoration:none}
.schedashow img{width:100%;max-height:240px;object-fit:cover;border-radius:11px;border:1px solid #d8caa4;display:block}
.schedashow.file{display:flex;align-items:center;gap:9px;background:#ece2cc;border:1px solid #d8caa4;border-radius:10px;padding:12px 13px;color:#4a4231;font-size:13.5px}
.schedashow.file .ic{width:18px;height:18px;color:var(--seal);flex:none}
.schedashow.file i{font-style:normal;font-size:11.5px;color:#8a7c5b;margin-left:auto}

/* ============ Guida installazione iOS ============ */
.iosguide{position:fixed;inset:0;background:#0b0e1ad9;backdrop-filter:blur(2px);display:grid;place-items:end center;z-index:80}
.iosheet{background:var(--parch);color:var(--paper-text);width:100%;max-width:460px;border-radius:18px 18px 0 0;padding:22px 20px 18px;position:relative;animation:up .3s ease both;text-align:center;margin-bottom:64px}
.iosx{position:absolute;top:12px;right:12px;border:none;background:none;color:#9a8a64;font-size:18px;cursor:pointer;padding:6px;line-height:1}
.iosico{width:48px;height:48px;border-radius:13px;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#241a18;display:grid;place-items:center;font-size:24px;margin:0 auto 10px}
.iosheet h3{font-family:Fraunces,serif;font-weight:600;font-size:20px;margin:0 0 6px;color:#2a241c}
.iosheet>p{font-size:13px;color:var(--paper-soft);margin:0 auto 16px;max-width:34ch;line-height:1.5}
.iosteps{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:flex;flex-direction:column;gap:12px}
.iosteps li{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:#3a3326;line-height:1.45}
.iosteps .num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--seal);color:#fff;display:grid;place-items:center;font-family:"Space Mono",monospace;font-size:12px;font-weight:700}
.iosteps b{color:#26201a;font-weight:600}
.shareico{vertical-align:-4px;color:#1a73e8;margin:0 2px}
.iosok{margin-top:2px}
.iospoint{position:fixed;bottom:14px;left:0;right:0;text-align:center;color:var(--gold-soft);font-family:"Space Mono",monospace;font-size:12px;animation:bob 1.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}