/* ═══════════════════════════════════════════════════════════════════
   BIBLIOTECA DI DAVIDE — motore Bosco Magico v10 — grafica
   Quaderno a righe (ritmo 28px), Caveat per i titoli, Nunito per il testo.
   Ogni materia cambia solo le variabili --accent / --accent-dark / --accent-soft.
   ═══════════════════════════════════════════════════════════════════ */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#fffdf5;
  --paper-line:#c8d8f0;
  --desk:#e8e0d0;
  --ink:#3a2a1a;
  --ink-soft:#7a6a5a;
  --margin:#e8b4a0;
  --ok:#3D8B6E;
  --ok-soft:#e3f2ea;
  --bad:#c0392b;
  --bad-soft:#fdeaea;
  --gold:#e8a920;
  --orange:#E8752A;
  --violet:#4a1a8a;
  --accent:#3D8B6E;
  --accent-dark:#24604a;
  --accent-soft:#e3f2ea;
  --font-scale:1;
}
body[data-subject="storia"]{--accent:#b5651d;--accent-dark:#7a3e0c;--accent-soft:#fbeedd}
body[data-subject="geografia"]{--accent:#2f7fb8;--accent-dark:#1b5480;--accent-soft:#e1effa}
body[data-subject="scienze"]{--accent:#3f9a3a;--accent-dark:#286b24;--accent-soft:#e5f5e2}
body[data-subject="matematica"]{--accent:#d0453a;--accent-dark:#932a22;--accent-soft:#fde6e3}
body[data-subject="italiano"]{--accent:#7b3fb0;--accent-dark:#4a1a8a;--accent-soft:#f0e6fa}
body[data-subject="ripasso"]{--accent:#E8752A;--accent-dark:#a84e14;--accent-soft:#fdeedd}
body.big-text{--font-scale:1.15}

html{font-size:calc(16px * var(--font-scale))}
body{
  font-family:'Nunito',system-ui,sans-serif;
  color:var(--ink);
  min-height:100vh;
  padding:16px 16px 40px;
  background:var(--desk);
  background-image:repeating-linear-gradient(transparent,transparent 27px,#d8cfbd 27px,#d8cfbd 28px);
  -webkit-tap-highlight-color:transparent;
}
button{font-family:inherit;color:inherit}
#app{max-width:720px;margin:0 auto}

/* ── Quaderno ─────────────────────────────────────────────────────── */
.notebook{
  background:var(--paper);
  background-image:repeating-linear-gradient(transparent,transparent 27px,var(--paper-line) 27px,var(--paper-line) 28px);
  border-radius:6px;
  border-left:6px solid var(--margin);
  box-shadow:3px 3px 18px rgba(60,30,10,.18);
  padding:24px 22px 28px 30px;
  position:relative;
  min-height:560px;
}
.notebook.arrive{animation:pageArrive .45s ease-out}
@keyframes pageArrive{
  0%{transform:perspective(1200px) rotateY(-14deg) translateX(-10px);opacity:.3;transform-origin:left center}
  100%{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){.notebook.arrive{animation:none}}
@media (min-width:600px){.notebook{padding:28px 32px 36px 56px}}

h1,h2,h3,.hand{font-family:'Caveat',cursive;font-weight:700;line-height:1.1}

/* ── Barra in alto (hub) ──────────────────────────────────────────── */
.topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #d6c8b0;border-radius:20px;padding:4px 12px;font-weight:800;font-size:.9rem;color:var(--ink-soft)}
.icon-btn{background:#fff;border:1.5px solid #d6c8b0;border-radius:20px;min-width:40px;height:36px;padding:0 10px;font-size:1rem;cursor:pointer;color:var(--ink-soft)}
.icon-btn:hover{border-color:var(--ink-soft)}
.icon-btn.on{color:var(--ok);border-color:var(--ok)}

/* ── HUB: intestazione ────────────────────────────────────────────── */
.hub-head{display:flex;align-items:center;gap:12px;margin:4px 0 6px}
.hub-head svg{flex-shrink:0}
.hub-title{font-size:2.6rem;color:#6a2018;text-shadow:2px 2px 0 #f2d58a}
.hub-sub{font-size:1rem;color:var(--ink-soft);margin-bottom:18px}
.bubble{position:relative;background:#fff;border:2px solid #d6c8b0;border-radius:16px;padding:10px 14px;font-size:.98rem;margin:6px 0 18px;box-shadow:2px 2px 0 rgba(0,0,0,.05)}
.bubble::before{content:'';position:absolute;left:28px;top:-10px;border:9px solid transparent;border-top:0;border-bottom-color:#d6c8b0}
.bubble::after{content:'';position:absolute;left:30px;top:-7px;border:7px solid transparent;border-top:0;border-bottom-color:#fff}

/* ── HUB: scaffale con i libri ────────────────────────────────────── */
.shelf{position:relative;padding:14px 10px 0;margin-bottom:26px}
.shelf-row{display:flex;gap:8px;align-items:flex-end;justify-content:center;flex-wrap:nowrap;padding:0 4px 0;min-height:200px}
.shelf-plank{height:18px;margin-top:-2px;border-radius:4px;background:linear-gradient(#a8743e,#7b4f24);box-shadow:0 6px 10px rgba(60,30,10,.25)}
.book{
  --c:#888;--cd:#555;
  flex:1 1 0;min-width:0;max-width:66px;border:none;cursor:pointer;position:relative;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(90deg,var(--cd) 0 7px,var(--c) 7px calc(100% - 5px),var(--cd) calc(100% - 5px));
  color:#fff;padding:10px 4px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  box-shadow:2px 0 0 rgba(0,0,0,.15),inset 0 -6px 0 rgba(0,0,0,.12);
  transition:transform .18s ease;
}
.book:hover,.book:focus-visible{transform:translateY(-10px) rotate(-2deg)}
.book .b-ico{font-size:1.5rem}
.book .b-name{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Caveat',cursive;font-weight:700;font-size:1.4rem;letter-spacing:.02em;margin:6px 0;white-space:nowrap}
.book .b-stars{font-size:.72rem;font-weight:900;background:rgba(255,255,255,.22);border-radius:8px;padding:2px 5px}
.book.h1{height:190px}.book.h2{height:176px}.book.h3{height:200px}.book.h4{height:182px}.book.h5{height:194px}
@media (max-width:400px){.book .b-name{font-size:1.25rem}.book .b-ico{font-size:1.25rem}}

/* ── Card generiche ───────────────────────────────────────────────── */
.card{background:#fff;border:1.5px solid #e0d6c4;border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:1px 2px 0 rgba(0,0,0,.04)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.stat{background:#fff;border:1.5px solid #e0d6c4;border-radius:10px;padding:8px;text-align:center}
.stat b{display:block;font-family:'Caveat',cursive;font-size:1.9rem;line-height:1;color:var(--accent-dark)}
.stat span{font-size:.78rem;color:var(--ink-soft);font-weight:700}

.big-action{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:var(--accent-soft);border:2px dashed var(--accent);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:1rem;font-weight:800;color:var(--accent-dark)}
.big-action small{display:block;font-weight:600;color:var(--ink-soft);font-size:.85rem}
.big-action .ico{font-size:1.8rem}
.big-action[disabled]{opacity:.5;cursor:default}

/* ── Pagina materia: elenco unità ─────────────────────────────────── */
.subject-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.subject-head .ico{font-size:2.2rem}
.subject-title{font-size:2.4rem;color:var(--accent-dark)}
.stamp{display:inline-block;font-family:'Caveat',cursive;font-size:1rem;padding:2px 10px;border:2px solid var(--accent);color:var(--accent);border-radius:3px;transform:rotate(-1.5deg);margin-bottom:12px;background:var(--accent-soft)}
.group-title{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--ink-soft);margin:18px 0 8px}
.unit{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e0d6c4;border-left:8px solid var(--accent);border-radius:10px;padding:12px 12px;margin-bottom:10px;transition:transform .15s,box-shadow .15s}
.unit:hover{transform:translateY(-2px);box-shadow:2px 5px 12px rgba(0,0,0,.1)}
.unit .u-ico{font-size:1.7rem;width:38px;text-align:center;flex-shrink:0}
.unit .u-body{flex:1;min-width:0}
.unit .u-title{font-weight:900;font-size:1.02rem}
.unit .u-sub{font-size:.84rem;color:var(--ink-soft)}
.unit .u-stars{font-size:1rem;white-space:nowrap;letter-spacing:-1px}
.unit.soon{border-left-color:#cfc6b6;cursor:default;opacity:.65}
.unit.soon:hover{transform:none;box-shadow:none}
.tag-soon{font-size:.7rem;font-weight:800;background:#efe9de;color:#8a7a6a;border-radius:8px;padding:2px 7px;white-space:nowrap}

/* ── Menu del quiz (3 sezioni) ────────────────────────────────────── */
.quiz-title{font-size:2.3rem;color:var(--accent-dark);margin-bottom:2px}
.quiz-sub{color:var(--ink-soft);font-size:.95rem;margin-bottom:16px}
.section-card{display:flex;width:100%;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e0d6c4;border-radius:10px;overflow:hidden;margin-bottom:12px;transition:transform .15s,box-shadow .15s;padding:0}
.section-card:hover{transform:translateY(-2px);box-shadow:2px 5px 12px rgba(0,0,0,.1)}
.section-card .sc-tab{width:12px;background:var(--accent);flex-shrink:0}
.section-card .sc-body{padding:12px 14px;flex:1}
.section-card .sc-num{font-family:'Caveat',cursive;font-size:1.1rem;color:var(--accent)}
.section-card .sc-title{font-weight:900;font-size:1.05rem}
.section-card .sc-desc{font-size:.86rem;color:var(--ink-soft);margin-top:2px}
.section-card .sc-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
.pill{font-size:.72rem;font-weight:800;border-radius:10px;padding:2px 8px;background:#f2ede4;color:#7a6a5a}
.pill.best{background:var(--ok-soft);color:var(--ok)}

/* ── Barra del quiz ───────────────────────────────────────────────── */
.q-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.prog{flex:1;height:10px;background:#e8e0d2;border-radius:6px;overflow:hidden}
.prog > i{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .4s ease}
.q-count{font-weight:900;font-size:.85rem;color:var(--ink-soft);white-space:nowrap}
.lives{display:flex;gap:2px;font-size:1.15rem}
.life{transition:opacity .3s,transform .3s}
.life.lost{opacity:.2;transform:scale(.7);filter:grayscale(1)}
.life.pop{animation:lifePop .5s ease}
@keyframes lifePop{0%{transform:scale(1)}40%{transform:scale(1.6) rotate(-10deg)}100%{transform:scale(.7)}}

.bloom{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:900;padding:3px 10px;border-radius:10px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.bloom::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7}
.bloom-1{background:#f0ebe0;color:#7a6a5a}
.bloom-2{background:#e0eaf8;color:#1a4a7a}
.bloom-3{background:#e8f2e0;color:#3a6a1a}
.bloom-4{background:#fff3cd;color:#7a5a00}
.bloom-5{background:#fde8e8;color:#8a2020}

.q-text{font-size:1.22rem;font-weight:800;line-height:1.45;margin-bottom:16px}
.q-hint{font-size:.9rem;color:var(--ink-soft);margin:-8px 0 14px}

/* ── Opzioni ──────────────────────────────────────────────────────── */
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;align-items:center;gap:10px;text-align:left;width:100%;cursor:pointer;background:#fff;border:2px solid #ddd2c0;border-radius:12px;padding:12px 14px;font-size:1.03rem;font-weight:700;line-height:1.35;min-height:52px;transition:border-color .15s,background .15s,transform .1s}
.opt:hover:not([disabled]){border-color:var(--accent);background:var(--accent-soft)}
.opt:active:not([disabled]){transform:scale(.99)}
.opt .letter{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f0e9dc;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:var(--ink-soft)}
.opt.sel{border-color:var(--accent);background:var(--accent-soft)}
.opt.sel .letter{background:var(--accent);color:#fff}
.opt.correct{border-color:var(--ok);background:var(--ok-soft)}
.opt.correct .letter{background:var(--ok);color:#fff}
.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}
.opt.wrong .letter{background:var(--bad);color:#fff}
.opt[disabled]{cursor:default}
.tf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tf-row .opt{justify-content:center;font-size:1.15rem;min-height:64px}

.sentence{background:#fff;border:1.5px dashed #cdbfa6;border-radius:10px;padding:12px 14px;font-size:1.12rem;line-height:1.6;margin-bottom:14px}
.fe-sentence{line-height:2.4}
.fe-w{font-family:inherit;font-size:1.08rem;font-weight:700;color:var(--ink);background:#fffdf5;border:2px dashed #cdbfa6;border-radius:9px;padding:4px 8px;margin:2px 0;min-height:40px;min-width:40px;cursor:pointer;line-height:1.2;vertical-align:middle;transition:background .15s,border-color .15s}
.fe-w:hover:not([disabled]){border-color:var(--accent);background:var(--accent-soft)}
.fe-w[disabled]{cursor:default;border-color:transparent;background:transparent}
.fe-w.found{background:#fde0dc;color:#a0281c;border:2px solid #d9534f;text-decoration:underline wavy #d9534f}
.fe-w.no{background:#fff1e4;color:#b65c00;border:2px solid #e8a04a;text-decoration:line-through}
.fe-p{font-weight:700}
.fe-step2{margin-top:6px}
.err{background:#fde0dc;color:#a0281c;font-weight:900;border-bottom:3px wavy #d9534f;padding:0 3px;border-radius:3px}

/* ── Abbina ───────────────────────────────────────────────────────── */
.match{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.match .col{display:flex;flex-direction:column;gap:8px}
.m-item{cursor:pointer;background:#fff;border:2px solid #ddd2c0;border-radius:10px;padding:9px 10px;font-weight:700;font-size:.95rem;line-height:1.3;text-align:left;min-height:46px;transition:border-color .15s,background .15s}
.m-item:hover:not([disabled]){border-color:var(--accent)}
.m-item.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}
.m-item.paired{border-style:solid}
.m-item .m-badge{display:inline-block;min-width:22px;height:22px;border-radius:50%;color:#fff;font-size:.75rem;font-weight:900;text-align:center;line-height:22px;margin-right:6px}
.m-item.ok{border-color:var(--ok);background:var(--ok-soft)}
.m-item.no{border-color:var(--bad);background:var(--bad-soft)}
.m-help{font-size:.85rem;color:var(--ink-soft);margin-bottom:10px}

/* ── Linea del tempo / ordina ─────────────────────────────────────── */
.tl-slots{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;position:relative;padding-left:22px}
.tl-slots::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:4px;border-radius:2px;background:linear-gradient(var(--accent),var(--accent-dark))}
.tl-slot{position:relative;min-height:42px;border:2px dashed #d6cab4;border-radius:10px;padding:8px 10px;font-weight:700;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7)}
.tl-slot::before{content:'';position:absolute;left:-19px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.tl-slot.filled{border-style:solid;border-color:var(--accent);background:#fff;cursor:pointer}
.tl-slot .n{font-family:'Caveat',cursive;font-size:1.2rem;color:var(--accent);width:18px}
.tl-slot .d{margin-left:auto;font-size:.8rem;color:var(--ink-soft);font-weight:800}
.tl-slot.ok{border-color:var(--ok);background:var(--ok-soft)}
.tl-slot.no{border-color:var(--bad);background:var(--bad-soft)}
.tl-pool{display:flex;flex-wrap:wrap;gap:8px}
.tl-card{cursor:pointer;background:#fff;border:2px solid #ddd2c0;border-radius:10px;padding:8px 12px;font-weight:700;font-size:.95rem;box-shadow:2px 2px 0 rgba(0,0,0,.05)}
.tl-card:hover{border-color:var(--accent)}
.tl-ends{display:flex;justify-content:space-between;font-size:.78rem;font-weight:800;color:var(--ink-soft);margin:-4px 0 6px 22px}

/* ── Analisi (menu a tendina parola per parola) ───────────────────── */
.an-wrap{display:flex;flex-wrap:wrap;gap:10px 8px;margin-bottom:6px}
.an-word{display:flex;flex-direction:column;gap:4px;align-items:stretch;background:#fff;border:1.5px solid #e0d6c4;border-radius:10px;padding:6px 8px;min-width:96px}
.an-word .w{font-weight:900;font-size:1.05rem;text-align:center}
.an-word select{font-family:inherit;font-size:.85rem;border:1.5px solid #cdbfa6;border-radius:8px;padding:5px 4px;background:#fffdf5;max-width:150px}
.an-word select.ok{border-color:var(--ok);background:var(--ok-soft)}
.an-word select.no{border-color:var(--bad);background:var(--bad-soft)}
.an-word .sol{font-size:.72rem;color:var(--ok);font-weight:800;text-align:center}
.an-plain{align-self:flex-end;font-weight:700;color:var(--ink-soft);padding-bottom:8px}

/* ── Scrivi la risposta (conj / input) ────────────────────────────── */
.verb-card{display:flex;gap:10px;align-items:center;background:var(--accent-soft);border:2px solid var(--accent);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.verb-card .vb{font-family:'Caveat',cursive;font-size:1.9rem;color:var(--accent-dark);line-height:1}
.verb-card .vt{font-size:.85rem;font-weight:800;color:var(--ink-soft)}
.in-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1.15rem;font-weight:800}
.in-row input{font-family:inherit;font-size:1.15rem;font-weight:800;border:2px solid #cdbfa6;border-radius:10px;padding:9px 12px;min-width:0;width:220px;max-width:100%;background:#fff;color:var(--ink)}
.in-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.in-row input.ok{border-color:var(--ok);background:var(--ok-soft)}
.in-row input.no{border-color:var(--bad);background:var(--bad-soft)}
.keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.keys button{border:1.5px solid #cdbfa6;background:#fff;border-radius:8px;min-width:38px;height:38px;font-weight:900;cursor:pointer}

/* ── Feedback ─────────────────────────────────────────────────────── */
.fb{margin-top:16px;border-radius:12px;padding:12px 14px;font-size:.98rem;line-height:1.5;display:none}
.fb.show{display:block;animation:fbIn .3s ease}
@keyframes fbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fb.ok{background:var(--ok-soft);border:2px solid var(--ok)}
.fb.no{background:#fff4e5;border:2px solid #e8a04a}
.fb .fb-title{font-family:'Caveat',cursive;font-size:1.6rem;line-height:1;margin-bottom:6px}
.fb.ok .fb-title{color:var(--ok)}
.fb.no .fb-title{color:#b65c00}
.fb .fb-why{background:rgba(255,255,255,.65);border-radius:8px;padding:6px 10px;margin:6px 0;font-weight:700}
.fb .fb-right{font-weight:800;margin:4px 0}

/* ── Barra di navigazione in fondo ────────────────────────────────── */
.nav-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-top:22px;align-items:center}
.nav-btn{cursor:pointer;border-radius:24px;padding:11px 14px;font-weight:900;font-size:1rem;border:2px solid transparent;white-space:nowrap}
.nav-btn[disabled]{opacity:.35;cursor:default}
.nav-back{background:#fff;border-color:var(--orange);color:var(--orange);justify-self:start}
.nav-menu{background:#fff;border-color:#cdbfa6;color:var(--ink-soft)}
.nav-go{background:var(--ok);color:#fff;justify-self:end;box-shadow:0 3px 0 #24604a}
.nav-go:active:not([disabled]){transform:translateY(2px);box-shadow:0 1px 0 #24604a}
@media (max-width:420px){.nav-btn{padding:10px 11px;font-size:.92rem}}

.readonly-note{font-size:.82rem;font-weight:800;color:var(--orange);background:#fff1e4;border-radius:8px;padding:4px 10px;display:inline-block;margin-bottom:10px}

/* ── Risultati ────────────────────────────────────────────────────── */
.res-head{text-align:center;margin-bottom:10px}
.res-title{font-size:2.4rem;color:var(--accent-dark)}
.ring{display:block;margin:6px auto 4px}
.ring .bg{stroke:#ebe3d4}
.ring .fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}
.res-stars{font-size:2.2rem;text-align:center;letter-spacing:4px;margin-bottom:6px}
.res-stars .off{filter:grayscale(1);opacity:.25}
.res-msg{text-align:center;font-size:1.05rem;font-weight:700;margin-bottom:16px}
.bars{margin:10px 0 16px}
.bar-row{display:grid;grid-template-columns:110px 1fr 44px;gap:8px;align-items:center;font-size:.82rem;font-weight:800;margin-bottom:6px}
.bar{height:10px;border-radius:6px;background:#ebe3d4;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent)}
.review-item{border-left:4px solid var(--bad);background:#fff;border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:.9rem}
.review-item .rq{font-weight:900;margin-bottom:4px}
.review-item .rg{color:var(--bad);font-weight:700}
.review-item .rc{color:var(--ok);font-weight:800}
.review-item .re{color:var(--ink-soft);margin-top:3px}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.btn{cursor:pointer;border-radius:24px;padding:11px 18px;font-weight:900;font-size:1rem;border:2px solid var(--accent);background:#fff;color:var(--accent-dark)}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark)}

/* ── Copertina del quiz (libro) ───────────────────────────────────── */
.cover{position:relative;overflow:hidden;border-radius:6px;border:3px double var(--accent-dark);border-left:10px solid var(--accent-dark);background:#f6ecd2;padding:34px 18px 30px;text-align:center;margin-bottom:18px;
  background-image:radial-gradient(circle at 15% 85%,rgba(0,0,0,.05) 0,transparent 40%),radial-gradient(circle at 85% 15%,rgba(212,168,80,.15) 0,transparent 40%)}
.cover .ed{font-family:'Caveat',cursive;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-dark)}
.cover .ti{font-size:2.7rem;color:var(--accent-dark);text-shadow:2px 2px 0 #f2d58a;margin:4px 0}
.cover .st{font-family:'Caveat',cursive;font-size:1.4rem;color:#4a6a3a;font-weight:700}
.cover .pg{font-size:.8rem;font-weight:800;color:var(--ink-soft);margin-top:8px}
.cover .deco{position:absolute;pointer-events:none}

/* ── Mascotte ─────────────────────────────────────────────────────── */
.dino-bob{animation:dinoBob 2.4s ease-in-out infinite}
@keyframes dinoBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.twinkle{animation:twinkle 2s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.dino-bob,.twinkle{animation:none}}

.mascot-line{display:flex;gap:10px;align-items:flex-end;margin-top:14px}
.mascot-line .bubble{margin:0 0 12px;flex:1}
.mascot-line .bubble::before{left:-10px;top:50%;margin-top:-9px;border:9px solid transparent;border-left:0;border-right-color:#d6c8b0}
.mascot-line .bubble::after{left:-7px;top:50%;margin-top:-7px;border:7px solid transparent;border-left:0;border-right-color:#fff}

/* ── Varie ────────────────────────────────────────────────────────── */
.back-link{cursor:pointer;background:none;border:none;font-family:'Caveat',cursive;font-size:1.3rem;font-weight:700;color:var(--ink-soft);padding:2px 0;margin-bottom:6px}
.back-link:hover{color:var(--ink)}
.muted{color:var(--ink-soft);font-size:.9rem}
.center{text-align:center}
.dev-banner{background:#fff3cd;border:2px solid #e8c840;border-radius:8px;padding:8px 10px;font-size:.8rem;margin-bottom:10px;white-space:pre-wrap;font-family:monospace}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#3a2a1a;color:#fff;padding:10px 18px;border-radius:24px;font-weight:800;z-index:70;opacity:0;transition:opacity .3s;pointer-events:none}
.toast.show{opacity:.95}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:40}

/* ── Menu ⚙️ Impostazioni ─────────────────────────────────────────── */
.settings{position:fixed;inset:0;z-index:60;background:rgba(40,30,20,.45);display:flex;align-items:flex-end;justify-content:center;animation:setFade .2s ease-out}
.set-box{width:min(520px,100%);max-height:88vh;overflow:auto;background:var(--paper);border-radius:22px 22px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,0,0,.2);animation:setUp .25s ease-out}
@media (min-width:600px){.settings{align-items:center}.set-box{border-radius:22px}}
@keyframes setFade{from{opacity:0}}
@keyframes setUp{from{transform:translateY(40px)}}
@media (prefers-reduced-motion:reduce){.settings,.set-box{animation:none}}
.set-box h2{font-size:2rem;margin:0 0 10px;color:var(--ink)}
.set-close{float:right;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink-soft)}
.set-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:10px 0;padding:12px 14px;border:2px solid #e6dcc8;border-radius:16px;background:#fff;cursor:pointer;font:inherit;color:var(--ink)}
.set-row:hover{border-color:#cdbb9a}
.set-ico{width:36px;flex-shrink:0;text-align:center;font-size:1.4rem;font-weight:800;color:var(--ink-soft)}
.set-txt{flex:1;display:flex;flex-direction:column}
.set-txt small,.set-danger small{color:var(--ink-soft);font-size:.85rem;font-weight:600}
.set-go{font-size:1.6rem;color:var(--ink-soft)}
.switch{width:50px;height:28px;border-radius:14px;background:#d8ccb4;position:relative;flex-shrink:0;transition:background .2s}
.switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.switch.on{background:var(--ok)}
.switch.on i{left:25px}
.set-danger{margin:18px 0 4px;padding:14px;border:2px dashed #e0b0a8;border-radius:16px;background:#fff8f6;display:flex;flex-direction:column;gap:4px}
.set-confirm{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:.95rem}
.set-confirm input{font:800 1.1rem 'Nunito',sans-serif;letter-spacing:.1em;padding:10px 12px;border:2px solid #d6c8b0;border-radius:12px;text-transform:uppercase}
.set-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.set-btn{padding:10px 16px;border-radius:14px;border:2px solid var(--bad);background:var(--bad);color:#fff;font:800 1rem 'Nunito',sans-serif;cursor:pointer}
.set-btn.sec{background:#fff;color:var(--ink-soft);border-color:#d6c8b0}
.set-btn.bad.sec{color:var(--bad);border-color:#e0b0a8}
.set-btn:disabled{opacity:.45;cursor:not-allowed}
.set-msg{margin-top:8px;color:var(--bad);font-weight:800}
.footer-note{text-align:center;font-size:.78rem;color:#9a8a76;margin-top:18px}