/* Big Tino Games — componenti condivisi: fine partita, classifica, Crew, firma K-Leader */
.bt-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;
  padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));
  background:rgba(12,8,16,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff6e8;box-sizing:border-box}
.bt-modal[hidden]{display:none!important}
.bt-modal *{box-sizing:border-box}
.bt-card{width:100%;max-width:440px;margin:auto 0;background:linear-gradient(170deg,#241634 0%,#3a1f4d 60%,#6b2a4a 100%);border:3px solid #0f0b10;
  box-shadow:0 0 0 3px #f2c14e,8px 8px 0 #0f0b10;border-radius:6px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px;animation:bt-in .28s ease-out}
@keyframes bt-in{from{transform:translateY(16px) scale(.98);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.bt-card{animation:none}}
.bt-eyebrow{font-weight:900;letter-spacing:.2em;font-size:.68rem;color:#f2c14e;text-transform:uppercase;margin:0}
.bt-big{font-family:"Anton",Impact,"Arial Narrow Bold",sans-serif;font-size:2.6rem;line-height:1;margin:2px 0 0;color:#5fd35a;transform:skew(-7deg);
  -webkit-text-stroke:.08em #0f0b10;paint-order:stroke fill;text-shadow:3px 3px 0 #0f0b10;font-variant-numeric:tabular-nums}
.bt-sec{background:rgba(0,0,0,.32);border:2px solid #0f0b10;border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:9px}
.bt-h{font-family:"Anton",Impact,sans-serif;font-size:1.25rem;letter-spacing:.03em;margin:0;text-transform:uppercase;line-height:1.05}
.bt-p{margin:0;font-size:.86rem;line-height:1.4;opacity:.9}
.bt-row{display:flex;gap:8px;flex-wrap:wrap}
.bt-row>*{flex:1 1 140px;min-width:0}
.bt-in{width:100%;font:inherit;font-size:16px;padding:.55em .7em;border-radius:4px;border:2px solid #0f0b10;background:#fff6e8;color:#0f0b10}
.bt-in:focus-visible{outline:3px solid #f2c14e;outline-offset:1px}
.bt-btn{font-family:"Anton",Impact,sans-serif;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;background:#f2c14e;color:#0f0b10;border:3px solid #0f0b10;
  border-radius:4px;padding:.38em 1em;cursor:pointer;box-shadow:4px 4px 0 #0f0b10;text-decoration:none;text-align:center;display:inline-block}
.bt-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #0f0b10}
.bt-btn:focus-visible{outline:3px solid #fff6e8;outline-offset:2px}
.bt-btn.alt{background:#fff6e8}
.bt-btn.wa{background:#25d366}
.bt-btn.fb{background:#4c8dff;color:#fff}
.bt-btn[disabled]{opacity:.6;cursor:wait}
.bt-check{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;line-height:1.35;opacity:.92}
.bt-check input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#f2c14e}
.bt-check a,.bt-p a{color:#f2c14e}
.bt-msg{font-size:.84rem;font-weight:600;margin:0;min-height:1em}
.bt-msg.err{color:#ff8a7a}.bt-msg.ok{color:#5fd35a}
.bt-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;counter-reset:r;font-variant-numeric:tabular-nums}
.bt-board li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:3px;background:rgba(255,255,255,.05);font-size:.9rem}
.bt-board li::before{counter-increment:r;content:counter(r);font-family:"Anton",Impact,sans-serif;color:#f2c14e}
.bt-board li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-board li b{color:#5fd35a}
.bt-board li.me{background:rgba(242,193,78,.22);outline:2px solid #f2c14e}
.bt-board .empty{display:block;opacity:.7;background:none}
.bt-board .empty::before{content:none}
.bt-tabs{display:flex;gap:6px}
.bt-tab{font:inherit;font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.35em .7em;border-radius:3px;border:2px solid #0f0b10;background:transparent;color:#fff6e8;cursor:pointer}
.bt-tab[aria-pressed="true"]{background:#f2c14e;color:#0f0b10}
.bt-games{display:flex;gap:8px;flex-wrap:wrap}
.bt-games a{flex:1 1 120px;font-weight:800;font-size:.82rem;color:#fff6e8;text-decoration:none;border:2px solid #0f0b10;background:rgba(255,255,255,.08);border-radius:4px;padding:.55em .6em;text-align:center}
.bt-games a:hover{background:rgba(242,193,78,.25)}
.bt-back{display:inline-block;margin-top:4px;font-weight:800;font-size:.8rem;letter-spacing:.06em;color:#f2c14e;text-decoration:none;border-bottom:2px solid currentColor}
.bt-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Firma K-Leader con corona sulla K */
.kl-sign{display:inline-flex;align-items:flex-end;gap:.4em;font-weight:600;font-size:.8rem;letter-spacing:.08em;color:#fff6e8;text-decoration:none}
.kl-word{font-family:"Anton",Impact,sans-serif;font-size:1.65em;letter-spacing:.03em;color:#f2c14e;line-height:1;-webkit-text-stroke:.05em #0f0b10;paint-order:stroke fill}
.kl-k{position:relative;display:inline-block}
.kl-k svg{position:absolute;left:50%;bottom:86%;width:1.15em;height:.68em;transform:translateX(-50%) rotate(-8deg);overflow:visible}

/* Telefono: gioco a tutto schermo, niente zoom o selezioni accidentali */
body[data-game]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}
body[data-game] input,body[data-game] .bt-modal{-webkit-user-select:text;user-select:text}
body[data-game] canvas{-webkit-touch-callout:none}
body[data-game] .overlay{overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px),(max-height:600px){
  body[data-game]{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important}
  body[data-game] #stage{border-radius:0;box-shadow:none}
}
@media (max-height:470px){
  body[data-game] .overlay{gap:6px;padding-block:8px}
  body[data-game] .overlay .title .a{font-size:2.5em!important}
  body[data-game] .overlay .title .b{font-size:1.6em!important}
  body[data-game] .overlay > p:not(.small){font-size:.92em;max-width:60ch}
  body[data-game] .overlay .btn{font-size:1.5em}
}
.bt-fs{font-family:"Rubik",system-ui,sans-serif;font-weight:800;font-size:.78em;letter-spacing:.08em;text-transform:uppercase;color:#fff6e8;background:rgba(15,11,16,.55);
  border:2px solid rgba(255,246,232,.5);border-radius:4px;padding:.45em .9em;cursor:pointer}
.bt-rotate{display:none}
@media (orientation:landscape) and (max-height:520px) and (pointer:coarse){
  body[data-orient="portrait"] .bt-rotate{display:flex;position:fixed;inset:0;z-index:900;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    background:#170f22;color:#fff6e8;font-family:"Rubik",system-ui,sans-serif;text-align:center;padding:20px}
}
.bt-rotate svg{width:72px;height:72px;animation:bt-rot 2.2s ease-in-out infinite}
@keyframes bt-rot{0%,30%{transform:rotate(-90deg)}60%,100%{transform:rotate(0deg)}}
@media (prefers-reduced-motion:reduce){.bt-rotate svg{animation:none}}
.bt-rotate b{font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:1.8rem;text-transform:uppercase;letter-spacing:.02em}