/* Menu di gioco di Worms 2: stile da videogioco (carta e fumetto dell'originale, controlli moderni), responsive e senza dipendenze. */
@font-face{font-family:"Noto Sans W2";src:url(assets/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans W2";src:url(assets/fonts/NotoSans-SemiBold.ttf) format("truetype");font-weight:600 800;font-display:swap}

:root{
  --paper:#f4d96a; --paper-2:#fbeaa3; --cream:#fff8dc; --cream-2:#fdf0bd; --ink:#2b170e; --ink-2:#6b4a2b;
  --red:#e0283f; --red-2:#a8142b; --green:#2e9f4c; --blue:#2f6fdd; --shadow:rgba(60,30,0,.35);
  --r:16px; --gap:clamp(8px,1.6vmin,16px); --fs:clamp(14px,1.05vmin + 10px,18px);
  --focus:#1c5cff;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body.menu{
  font:400 var(--fs)/1.35 "Noto Sans W2","Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);
  /* carta della pagina 249 senza cornice, specchiata 2x2 (assets/menu/paper.png): ripetuta alla dimensione originale, mai stirata */
  background:var(--paper-2) url(assets/menu/paper.png) 0 0 repeat;overflow:hidden;
  -webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;
}
body.menu::before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,252,230,.28),rgba(255,252,230,.28)),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.3),rgba(255,180,40,.12) 70%,rgba(200,110,0,.22));pointer-events:none}
#menu{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button,input,select,textarea{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:10px}
[hidden]{display:none!important}

/* ---- barra superiore ---- */
.top{display:flex;align-items:center;gap:var(--gap);padding:var(--gap) calc(var(--gap)*1.5);min-height:3.2em}
.top h1{margin:0;flex:1;font-size:1.7em;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;font-weight:800;
  color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink),0 .16em .3em var(--shadow);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .sp{flex:1}
#menu.notitle .top h1{visibility:hidden}
.iconbtn{width:2.6em;height:2.6em;border-radius:50%;border:.14em solid var(--ink);background:var(--cream);cursor:pointer;display:grid;place-items:center;
  box-shadow:0 .2em 0 var(--ink);padding:0;font-weight:800;font-size:1em}
.iconbtn:hover{background:#fff}.iconbtn:active{transform:translateY(.15em);box-shadow:0 .05em 0 var(--ink)}
.iconbtn svg{width:1.3em;height:1.3em;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---- area schermata ---- */
#screen{overflow:auto;padding:var(--gap) calc(var(--gap)*1.5) calc(var(--gap)*2);scroll-behavior:smooth;overscroll-behavior:contain;min-height:0}
.wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.screen-in{animation:in .22s ease-out}
@keyframes in{from{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- pulsanti ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:.15em solid var(--ink);border-radius:.9em;padding:.55em 1.1em;min-height:2.6em;max-width:100%;text-align:center;
  background:linear-gradient(#ff5468,var(--red) 55%,var(--red-2));color:#fff;font-weight:800;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 .25em 0 var(--ink),0 .5em .8em var(--shadow);text-shadow:0 .08em 0 rgba(0,0,0,.45);transition:transform .08s,filter .12s;white-space:nowrap}
.btn:hover{filter:brightness(1.1);transform:translateY(-.08em)}
.btn:active{transform:translateY(.2em);box-shadow:0 .05em 0 var(--ink)}
.btn.alt{background:linear-gradient(#fffdf0,var(--cream-2));color:var(--ink);text-shadow:none}
.btn.green{background:linear-gradient(#52d27a,var(--green) 55%,#1f7a37)}
.btn.small{min-height:2.1em;padding:.3em .8em;font-size:.85em;box-shadow:0 .18em 0 var(--ink)}
.btn.big{font-size:1.5em;padding:.6em 1.6em;white-space:normal}
.btn[disabled],.btn.off{filter:grayscale(1) brightness(1.15);opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 .15em 0 var(--ink)}

/* ---- schede (card) ---- */
.card{background:var(--cream);border:.17em solid var(--ink);border-radius:var(--r);box-shadow:0 .3em 0 var(--ink),0 .8em 1.4em var(--shadow);padding:calc(var(--gap)*1.2);min-width:0;container-type:inline-size}
.card>h2,.card .hd{margin:0 0 .6em;font-size:1.05em;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--red-2);display:flex;align-items:center;gap:.5em}
.card .hd .sp{flex:1}
.card .hd{flex-wrap:wrap}
.hdart{flex:none;max-height:4.5em;width:auto;margin:-.4em 0 -.2em}
.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,22em),1fr))}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,26em),1fr))}
.row{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}
.muted{color:var(--ink-2)}
.note{font-size:.85em;color:var(--ink-2)}
.err{color:#b00020;font-weight:600}

/* ---- menu principale (dialogo 209: logo a sinistra, pulsanti a destra) ---- */
/* Le figure (assets/menu) restano alla dimensione originale in px CSS: si possono solo rimpicciolire (max-width/max-height),
   mai ingrandire, cosi' non si sgranano e mantengono le proporzioni relative dell'originale. */
.wrap.home,.wrap.multi{min-height:100%;justify-content:center;align-content:center;align-items:center}
.home-logo{display:flex;justify-content:center;min-width:0}
.logo{display:block;max-width:100%;height:auto;max-height:min(322px,30vh);width:auto;margin:0 auto;filter:drop-shadow(0 .3em .4em var(--shadow))}
.home-main{display:flex;flex-direction:column;gap:calc(var(--gap)*1.4);width:100%;max-width:40em;min-width:0}
.tiles{display:grid;gap:calc(var(--gap)*1.4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.tile,.quick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4em;cursor:pointer;color:inherit;font:inherit;text-align:center;min-width:0;
  background:var(--cream);border:.17em solid var(--ink);border-radius:var(--r);box-shadow:0 .3em 0 var(--ink),0 .8em 1.2em var(--shadow);transition:transform .12s,box-shadow .12s}
.tile{padding:.8em .6em .7em}
.tile:hover,.tile:focus-visible,.quick:hover,.quick:focus-visible{transform:translateY(-.2em);box-shadow:0 .5em 0 var(--ink),0 1.1em 1.5em var(--shadow)}
.tile:active,.quick:active{transform:translateY(.15em);box-shadow:0 .1em 0 var(--ink)}
.art{position:relative;display:block;width:100%;flex:none}
.art img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-width:100%;max-height:100%;width:auto;height:auto;transition:opacity .15s}
.art img.hi{opacity:0}
.tile:hover .art img.hi,.tile:focus-visible .art img.hi,.quick:hover .art img.hi,.quick:focus-visible .art img.hi{opacity:1}
.tile .art{height:clamp(64px,17vh,138px)}             /* 138 px = figura piu' alta della pagina principale */
.multi .tile .art{height:clamp(80px,26vh,198px)}      /* 198 px = figura "Internet" */
.multi .tiles{max-width:44em}
.tile .lbl,.quick .lbl{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:1.05em;line-height:1.15}
.tile .sub{font-size:.8em;color:var(--ink-2)}
.quicks{display:grid;gap:calc(var(--gap)*1.4);grid-template-columns:repeat(2,minmax(0,1fr))}
.quick{flex-direction:row;justify-content:center;flex-wrap:wrap;padding:.5em .7em;min-height:44px;border-radius:2em}
.quick .art{width:116px;max-width:100%;height:53px}   /* pillole Quick dell'originale (116x52, 115x53) */
.quick .lbl{font-size:.95em}
.credits-screen .logo{max-height:min(200px,22vh)}
@media (min-width:56em){   /* schermo largo: logo a sinistra come nella pagina originale */
  .wrap.home{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--gap)*2.5)}
  .wrap.home .logo{max-height:min(322px,62vh)}
}
@media (orientation:landscape) and (max-height:34em) and (min-width:34em){   /* telefono orizzontale */
  .wrap.home{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:var(--gap)}
  .wrap.home .logo{max-height:min(322px,58vh)}
  .tiles,.quicks{gap:var(--gap)}
  .tile{padding:.4em .4em .35em;gap:.2em}
  .tile .art{height:clamp(44px,15vh,138px)}
  .multi .tile .art{height:clamp(60px,34vh,198px)}
  .tile .lbl{font-size:.9em}
  .quick{padding:.25em .6em}
  .quick .art{width:80px;height:37px}
}

/* ---- fumetto di aiuto (come la barra in basso dell'originale) ---- */
.bubble{display:flex;align-items:flex-end;gap:.6em;padding:0 calc(var(--gap)*1.5) calc(var(--gap)*.8)}
.bubble{flex-wrap:wrap}
.bubble .worm{flex:none;width:84px;height:66px;background:url(assets/menu/helper.png) no-repeat 0 100%}   /* worm del fumetto (pagina 227), 84x66 */
.bubble .txt{flex:1 1 12em;min-width:0;position:relative;background:#fff;border:.17em solid var(--ink);border-radius:1.2em;padding:.6em 1.1em;min-height:3.4em;max-height:6.4em;overflow:auto;
  display:flex;align-items:center;white-space:pre-line;font-size:.95em;box-shadow:0 .25em 0 var(--ink)}
.bubble .txt::before{content:"";position:absolute;left:-.62em;bottom:.9em;width:.9em;height:.9em;background:#fff;border-left:.17em solid var(--ink);border-bottom:.17em solid var(--ink);transform:rotate(45deg)}
.bubble .status{flex:none;font-size:.75em;color:var(--ink-2);align-self:center;max-width:14em;text-align:right}
@media (max-width:40em){.bubble .status{order:-1;flex-basis:100%;max-width:none;margin-bottom:-.3em}.bubble .worm{width:60px;height:47px;background-size:60px 47px}}
@media (max-height:34em){.bubble .txt{min-height:2.6em;max-height:3.6em;font-size:.85em}.bubble .worm{display:none}.bubble .status{display:none}}

/* ---- controlli ---- */
.field{display:grid;grid-template-columns:minmax(7em,12em) minmax(0,1fr) auto;align-items:center;gap:.4em .8em;padding:.25em 0}
.field>label,.field>.lab{font-weight:600}
.field output{min-width:4em;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
@media (max-width:34em){.field{grid-template-columns:1fr auto}.field>input[type=range]{grid-column:1/-1;order:3}}
/* campi in schede strette (colonne del setup, finestre): etichetta sopra, controllo a tutta larghezza */
@container (max-width:28em){
  .field{grid-template-columns:minmax(0,1fr) auto}
  .field>input[type=range]{grid-column:1/-1;order:3}
  .field:not(:has(>output))>.lab{grid-column:1/-1}
  .field:not(:has(>output))>:nth-child(2):last-child{grid-column:1/-1}
}
.item>.field{flex:1 1 100%}
.row>select{flex:1 1 10em;width:auto;min-width:0}
.row>.lab{font-weight:600}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1.8em;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:.7em;border-radius:.5em;border:.12em solid var(--ink);background:linear-gradient(90deg,var(--red) var(--p,0%),#fff var(--p,0%))}
input[type=range]::-moz-range-track{height:.7em;border-radius:.5em;border:.12em solid var(--ink);background:#fff}
input[type=range]::-moz-range-progress{height:.7em;border-radius:.5em;background:var(--red)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.5em;height:1.5em;border-radius:50%;border:.15em solid var(--ink);background:var(--cream);margin-top:-.55em;box-shadow:0 .12em 0 var(--ink)}
input[type=range]::-moz-range-thumb{width:1.2em;height:1.2em;border-radius:50%;border:.15em solid var(--ink);background:var(--cream)}
input[type=range]:focus-visible{outline-offset:0}
.switch{display:flex;align-items:center;gap:.7em;padding:.35em 0;cursor:pointer;font-weight:600}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch .sw{flex:none;width:2.8em;height:1.55em;border-radius:1em;border:.14em solid var(--ink);background:#fff;position:relative;transition:background .15s}
.switch .sw::after{content:"";position:absolute;left:.12em;top:.1em;width:1.05em;height:1.05em;border-radius:50%;background:var(--cream);border:.12em solid var(--ink);transition:transform .15s}
.switch input:checked+.sw{background:var(--green)}
.switch input:checked+.sw::after{transform:translateX(1.2em)}
.switch input:focus-visible+.sw{outline:3px solid var(--focus);outline-offset:2px}
.text,select{width:100%;min-height:2.4em;padding:.35em .7em;border-radius:.7em;border:.14em solid var(--ink);background:#fff;user-select:text;-webkit-user-select:text}
select{cursor:pointer;appearance:auto}
.text:focus-visible,select:focus-visible{outline-offset:1px}
.seg{display:inline-flex;border:.15em solid var(--ink);border-radius:.9em;overflow:hidden;background:#fff;flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:.45em 1em;font-weight:700;cursor:pointer;border-right:.1em solid var(--ink);min-height:2.4em}
.seg button:last-child{border-right:0}
.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--red);color:#fff;text-shadow:0 .08em 0 rgba(0,0,0,.4)}
.seg button:hover:not([aria-pressed=true]):not([aria-selected=true]){background:var(--cream-2)}
.tabs{display:flex;gap:.4em;overflow-x:auto;padding:.2em .2em .5em;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;border:.15em solid var(--ink);background:var(--cream-2);border-radius:.9em .9em .5em .5em;padding:.5em 1.1em;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 .2em 0 var(--ink);display:flex;gap:.5em;align-items:center}
.tab[aria-selected=true]{background:var(--red);color:#fff;transform:translateY(-.1em);text-shadow:0 .08em 0 rgba(0,0,0,.4)}
.tab .n{background:var(--ink);color:#fff;border-radius:1em;font-size:.75em;padding:0 .55em}

/* ---- elenchi ---- */
.list{display:flex;flex-direction:column;gap:.35em;max-height:min(46vh,26em);overflow:auto;padding:.2em;margin:-.2em}
.list.tall{max-height:min(60vh,40em)}
.item{display:flex;align-items:center;gap:.6em;padding:.45em .7em;border:.13em solid var(--ink);border-radius:.8em;background:#fff;min-height:2.6em;cursor:pointer;text-align:left;width:100%}
.item:hover{background:var(--cream-2)}
.item[aria-selected=true],.item.sel{background:#ffe9a8;box-shadow:inset 0 0 0 .15em var(--red)}
.item .nm{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item .ic{flex:none}
.dot{flex:none;width:1.1em;height:1.1em;border-radius:50%;border:.13em solid var(--ink)}
.ctrl{font-size:.75em;text-transform:uppercase;font-weight:800;background:var(--ink);color:#fff;border-radius:.6em;padding:.1em .6em}
.ctrl.cpu{background:var(--blue)}
.mini{border:.12em solid var(--ink);background:var(--cream);border-radius:.6em;min-width:2.1em;height:2.1em;cursor:pointer;font-weight:800;padding:0 .5em;line-height:1}
.mini:hover{background:#fff}.mini:disabled{opacity:.35;cursor:default}
.empty{padding:1.2em;text-align:center;color:var(--ink-2);border:.15em dashed var(--ink-2);border-radius:.8em}

/* ---- squadre ---- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.4em .8em;font-size:.9em}
.stats b{display:block;font-size:1.2em}
.wnames{display:grid;grid-template-columns:repeat(auto-fit,minmax(11em,1fr));gap:.5em}
.wn{display:flex;gap:.3em}

/* ---- terreno ---- */
.preview{position:relative;border:.17em solid var(--ink);border-radius:.8em;overflow:hidden;background:#222;aspect-ratio:480/174;width:100%}
.preview canvas{width:100%;height:100%;display:block;image-rendering:auto}
.preview .tag{position:absolute;left:.5em;bottom:.4em;background:rgba(0,0,0,.6);color:#fff;font-size:.7em;padding:.1em .6em;border-radius:.6em}
.chips{display:flex;flex-wrap:wrap;gap:.4em}
.chip{border:.13em solid var(--ink);border-radius:2em;background:#fff;padding:.3em .9em;font-weight:700;cursor:pointer}
.chip[aria-pressed=true]{background:var(--red);color:#fff}

/* ---- missioni ---- */
.missions{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.2em,1fr));gap:.5em}
.mis{aspect-ratio:1;border:.15em solid var(--ink);border-radius:.9em;background:#fff;font-weight:800;font-size:1.3em;cursor:pointer;box-shadow:0 .18em 0 var(--ink)}
.mis:hover{background:var(--cream-2)}
.mis[aria-pressed=true]{background:var(--red);color:#fff;transform:translateY(-.1em)}
.mis:disabled{opacity:.4;cursor:not-allowed}

/* ---- armi ---- */
.weapons{display:grid;grid-template-columns:minmax(11em,15em) 1fr;gap:var(--gap)}
@media (max-width:42em){.weapons{grid-template-columns:1fr}}

/* ---- video detail ---- */
.vd{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12em),1fr));gap:.7em}
.vd button{display:flex;flex-direction:column;gap:.3em;border:.15em solid var(--ink);border-radius:.8em;background:#fff;padding:.4em;cursor:pointer;text-align:left}
.vd img{width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:.5em;display:block}   /* anteprime 320x240: mai ingrandite */
.vd button[aria-pressed=true]{background:#ffe9a8;box-shadow:inset 0 0 0 .18em var(--red)}
.vd .t{font-weight:700;font-size:.9em}

/* ---- crediti / risultati ---- */
.credits{white-space:pre-wrap;line-height:1.6;max-height:min(62vh,44em);overflow:auto;user-select:text;-webkit-user-select:text;text-align:center}
.credits .h{font-weight:800;color:var(--red-2);letter-spacing:.08em}
.winner{text-align:center;overflow-wrap:anywhere;font-size:2em;font-weight:800;text-transform:uppercase;color:#fff;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink)}
table.res{width:100%;border-collapse:separate;border-spacing:0 .3em}
.res th{font-size:.8em;text-transform:uppercase;letter-spacing:.06em;text-align:right;padding:0 .7em;color:var(--ink-2)}
.res th:nth-child(2),.res td:nth-child(2){text-align:left}
.res td{background:#fff;padding:.5em .7em;text-align:right;border-top:.13em solid var(--ink);border-bottom:.13em solid var(--ink);font-variant-numeric:tabular-nums}
.res td:first-child{border-left:.13em solid var(--ink);border-radius:.7em 0 0 .7em;text-align:center}
.res td:last-child{border-right:.13em solid var(--ink);border-radius:0 .7em .7em 0}
.awards{display:grid;gap:.4em}
.award{display:flex;gap:.7em;align-items:baseline;padding:.4em .7em;background:#fff;border:.13em solid var(--ink);border-radius:.7em}
.award b{flex:1}

/* ---- finestre modali ---- */
.veil{position:fixed;inset:0;background:rgba(40,20,0,.55);display:grid;place-items:center;padding:var(--gap);z-index:20;animation:in .15s}
.modal{width:min(46em,100%);max-height:calc(100dvh - 2*var(--gap));overflow:auto;background:var(--cream);border:.17em solid var(--ink);border-radius:var(--r);box-shadow:0 .4em 0 var(--ink),0 1.4em 3em rgba(0,0,0,.5);padding:calc(var(--gap)*1.4)}
.modal{container-type:inline-size}
.modal h2{margin:0 0 .6em;text-transform:uppercase;letter-spacing:.06em;color:var(--red-2)}
.modal h3.sub{margin:1em 0 .4em;font-size:.9em;text-transform:uppercase;letter-spacing:.06em;color:var(--red-2)}
.modal .btns{display:flex;gap:var(--gap);justify-content:flex-end;flex-wrap:wrap;margin-top:var(--gap)}
.toast{position:fixed;left:50%;bottom:7em;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:1em;padding:.6em 1.2em;z-index:30;max-width:90vw;box-shadow:0 .5em 1.5em var(--shadow);animation:in .2s}

/* ---- pulsante Menu sopra il canvas durante la partita ---- */
.backtomenu{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:10;opacity:.0;transition:opacity .25s;
  background:rgba(0,0,0,.65);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:.4em .9em;font:600 13px sans-serif;cursor:pointer}
.backtomenu:hover,.backtomenu:focus-visible{opacity:1}
@media (hover:none){.backtomenu{opacity:.55}}
body.menu .backtomenu{display:none}

/* ---- ottimizzazioni per schermi piccoli ---- */
@media (max-width:40em){
  .top h1{font-size:1.3em}
  .card{padding:var(--gap)}
  .btn.big{font-size:1.2em}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-height:30em) and (orientation:landscape){
  .top{padding-block:.3em;min-height:2.6em}
}

/* ---- touch: bersagli >= 44px, niente zoom accidentale ---- */
html{touch-action:manipulation}
@media (pointer:coarse){
  .btn,.btn.small,.mini,.item,.tab,.seg button,.text,select,.iconbtn,.backtomenu,.chip,.switch{min-height:44px}
  .mini,.iconbtn{min-width:44px}
  .iconbtn{width:max(2.6em,44px);height:max(2.6em,44px)}
  .backtomenu{padding:.7em 1.1em}
  .tile,.quick,.item,.btn,.seg button,.tab,.mis,.vd button,.chip{touch-action:manipulation}
  .text,select{font-size:max(1em,16px)}   /* iOS: sotto 16px il campo fa zoom al fuoco */
  .list{gap:.5em}
}

.zoomrow{flex-wrap:wrap;gap:.5em}
.zoombtn{border:.15em solid var(--ink);border-radius:.8em;background:#fff;padding:.4em .9em;cursor:pointer;font:inherit}
.zoombtn[aria-pressed=true]{background:var(--ink);color:#fff}