:root{--ink: #1b1033;--night0: #0e0724;--night1: #2a1458;--night2: #4a2280;--parch: #fff3d6;--parch2: #f2dcac;--text: #2b1a40;--muted: #7c6a92;--me: #3dc8ff;--op: #ff8a1f;--gold: #ffd23a;--purple: #7a3fc0;--green: #59d14f;--red: #ff4d5e;--sticker: 0 5px 0 var(--ink);--title: "Lilita One", "Fredoka", system-ui, sans-serif;--body: "Fredoka", system-ui, sans-serif}*{box-sizing:border-box}.hidden{display:none!important}html,body{height:100%}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--night0) 0%,var(--night1) 55%,var(--night2) 100%) fixed;color:var(--text);font-family:var(--body);font-weight:500;overflow-x:hidden;-webkit-user-select:none;user-select:none}#bg,#fx{position:fixed;inset:0;pointer-events:none}#bg{z-index:0}#fx{z-index:50}.screen{position:relative;z-index:1}.outlined{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.btn{font-family:var(--title);font-size:18px;letter-spacing:.5px;padding:10px 22px 12px;border-radius:14px;border:3px solid var(--ink);box-shadow:var(--sticker);cursor:pointer;color:#fff;background:var(--purple);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(.8) brightness(.8);cursor:default}.btn.primary{background:linear-gradient(180deg,#ffab4a,var(--op) 60%,#e86d00)}.btn.big{font-size:24px;padding:12px 36px 14px}.btn.ghost{background:var(--parch);color:var(--text);-webkit-text-stroke:0;font-size:16px;padding:8px 16px 10px}.btn.on{background:linear-gradient(180deg,#8ff07f,var(--green) 60%,#34a82c)}input{font:inherit;font-size:17px;font-weight:600;width:100%;padding:10px 14px;border-radius:12px;border:3px solid var(--ink);background:#fff;color:var(--text);outline:none;box-shadow:inset 0 3px #1b10331f}input:focus{border-color:var(--purple);box-shadow:inset 0 3px #1b10331f,0 0 0 4px #7a3fc059}.card,.box,.pcard,.scoreboard,.toast{background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:18px;box-shadow:var(--sticker)}.card{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.card-title,.box-title{font-family:var(--title);font-size:20px;color:var(--purple);display:flex;align-items:center;gap:8px}.box-title{font-size:15px;text-transform:uppercase;letter-spacing:1px}.box-title.gold{color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:22px}.pagina{position:relative;z-index:1;padding:24px 16px 40px;display:flex;flex-direction:column;align-items:center}.hero{text-align:center;margin-bottom:22px}.logo{display:inline-flex;flex-direction:column;align-items:center}.logo-tiles{display:flex;gap:6px}.logo-tiles span{--c: #fff;width:64px;height:64px;display:grid;place-items:center;font-family:var(--title);font-size:46px;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;background:var(--c);border:4px solid var(--ink);border-radius:14px;box-shadow:0 6px 0 var(--ink),inset 0 -10px #0003,inset 6px 6px #ffffff59;animation:tile-bob 2.4s ease-in-out infinite}.logo-tiles span:nth-child(2){animation-delay:-.3s}.logo-tiles span:nth-child(3){animation-delay:-.6s}.logo-tiles span:nth-child(4){animation-delay:-.9s}.logo-tiles span:nth-child(5){animation-delay:-1.2s}.logo-tiles span:nth-child(6){animation-delay:-1.5s}@keyframes tile-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.logo-sub{font-family:var(--title);font-size:58px;line-height:1;margin-top:6px;color:var(--gold);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);transform:rotate(-2deg);letter-spacing:3px}.tagline{color:#e9dcff;font-size:17px;margin:14px 0 8px;text-shadow:0 2px 0 var(--ink)}.conn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e9dcff;background:#1b10338c;border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:4px 12px}.conn i{width:10px;height:10px;border-radius:50%;background:#aaa;border:2px solid var(--ink)}.conn.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}.conn.err i{background:var(--red)}.lobby-grid{width:min(920px,100%);display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}.lobby-grid .col{display:flex;flex-direction:column;gap:18px}@media(max-width:760px){.lobby-grid{grid-template-columns:1fr}}.name-row{display:flex;gap:12px;align-items:center}.avatar{flex:none;width:44px;height:44px;border-radius:50%;border:3px solid var(--ink);background:var(--purple);color:#fff;font-family:var(--title);font-size:22px;display:grid;place-items:center;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.avatar.big{width:52px;height:52px;font-size:26px}.how ul{margin:0;padding-left:20px;line-height:1.5;font-size:15px}.how b{color:var(--purple)}.mini-orb{display:inline-block;width:13px;height:13px;vertical-align:-1px;border-radius:50%;border:2px solid var(--ink);background:radial-gradient(circle at 35% 35%,#fff6c2,#ffd23a 50%,#f09a00)}.rooms{min-height:320px}.count{font-size:14px;background:var(--purple);color:#fff;border:2px solid var(--ink);border-radius:10px;padding:0 8px}#room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}#room-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);animation:pop-in .35s cubic-bezier(.3,1.6,.5,1)}#room-list .avs{display:flex}#room-list .avs .avatar{width:36px;height:36px;font-size:17px}#room-list .avs .avatar+.avatar{margin-left:-10px;background:var(--op)}#room-list .avs .avatar.empty{background:#ddd;color:#999;-webkit-text-stroke:0}#room-list .info{flex:1;min-width:0}#room-list .rname{font-family:var(--title);font-size:19px}#room-list .rplayers{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#room-list .btn{font-size:16px;padding:7px 16px 9px}.badge{font-family:var(--title);font-size:13px;padding:3px 10px;border-radius:10px;border:2px solid var(--ink);background:#ddd}.badge.open{background:var(--green);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.badge.playing{background:var(--op);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.empty{text-align:center;color:var(--muted);padding:30px 10px;line-height:1.5}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pagina-partita{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:1212px;margin:0 auto;padding:12px 16px 6px}.topbar #leave{justify-self:start}.topbar-sinistra{justify-self:start;display:flex;align-items:center;gap:8px}.room-name{justify-self:end;font-family:var(--title);font-size:18px;color:#e9dcff;text-shadow:0 2px 0 var(--ink)}.scoreboard{display:flex;align-items:center;gap:14px;padding:4px 18px 6px}.sb-name{font-family:var(--title);font-size:18px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-name.me{color:#1593c9}.sb-name.op{color:#e06a00}.sb-score{font-family:var(--title);font-size:32px;color:var(--gold);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;display:flex;gap:6px;align-items:center}.sb-score i{font-style:normal;color:#fff}#stage-wrap{position:relative;display:flex;justify-content:center;flex:1}#stage{display:flex;align-items:flex-start;gap:18px;padding:10px 8px;transform-origin:top center}.player{display:flex;gap:14px;align-items:flex-start}.player.op{flex-direction:row-reverse}.side{width:176px;display:flex;flex-direction:column;gap:12px}.box{padding:8px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.box canvas{display:block}.pcard{padding:6px 8px 8px;display:flex;flex-direction:column;align-items:center;position:relative}.pcard .char{display:block;margin-top:-6px}.pcard .pinfo{text-align:center;margin-top:-4px;width:100%}.pcard .name{font-family:var(--title);font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me .pcard .name{color:#1593c9}.op .pcard .name{color:#e06a00}.ptag{display:inline-block;font-family:var(--title);font-size:12px;letter-spacing:1px;color:#fff;border:2px solid var(--ink);border-radius:8px;padding:0 8px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.me .ptag{background:var(--me)}.op .ptag{background:var(--op)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;align-items:stretch}.stat{display:flex;flex-direction:column;align-items:center}.stat span{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat b{font-family:var(--title);font-size:22px;font-weight:400;line-height:1.1}.dots-count{display:flex;align-items:center;gap:8px}.dots-count .orb{width:24px;height:24px;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle at 35% 35%,#fff6c2,#ffd23a 50%,#f09a00);box-shadow:0 0 12px #ffd23acc}.dots-count b{font-family:var(--title);font-weight:400;font-size:32px;color:var(--gold);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.dots-count.pop{animation:pop .35s cubic-bezier(.3,1.8,.5,1)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.specials{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:4px}.sp{position:relative;display:flex;align-items:center;gap:6px;padding:5px 8px;border:2.5px solid var(--ink);border-radius:10px;background:#e8dcc0;overflow:hidden;font-size:14px;font-weight:600;color:var(--muted)}.sp .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ffd23a73,#ffd23ab3);transition:width .3s}.sp>:not(.fill){position:relative}.sp .k{width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;background:#fff;font-family:var(--title);font-size:13px;color:var(--text);box-shadow:0 2px 0 var(--ink)}.sp .n{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp .c{font-family:var(--title);font-size:14px}.sp.ready{background:var(--gold);color:var(--text);box-shadow:0 0 0 3px #ffd23a80;animation:wiggle 1.4s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.op .sp .k{display:none}.sp.rifiutata{animation:rifiutata .45s ease-in-out;border-color:var(--red)}@keyframes rifiutata{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.board-frame{position:relative;display:flex;gap:6px;padding:10px;border:4px solid var(--ink);border-radius:20px;background:linear-gradient(180deg,#ffffff14,#00000026),repeating-linear-gradient(0deg,#4a3a6e 0 22px,#3d2f5d 22px 24px);box-shadow:0 7px 0 var(--ink),inset 0 0 0 3px #ffffff1f}.me .board-frame{border-top:8px solid var(--me)}.op .board-frame{border-top:8px solid var(--op)}.board{display:block;border:3px solid var(--ink);border-radius:10px;background:#160c30}.player.dead .board{filter:saturate(.3) brightness(.7)}.player.winner .board-frame{box-shadow:0 7px 0 var(--ink),0 0 0 6px var(--gold),0 0 40px #ffd23ab3}.garbage-bar{width:12px;border:3px solid var(--ink);border-radius:8px;background:#160c30;position:relative;overflow:hidden}.garbage-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:repeating-linear-gradient(0deg,var(--red) 0 10px,#c9293a 10px 12px);transition:height .2s}.garbage-fill.warn{animation:blink .5s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.6)}}#shared{display:flex;flex-direction:column;align-items:center;gap:4px;width:138px;padding:10px 6px 12px;margin-top:30px;border:4px solid var(--ink);border-radius:20px;background:linear-gradient(180deg,#5b2a9a,#3a1a6e);box-shadow:0 7px 0 var(--ink)}.shared-sub{font-size:13px;color:#e9dcff;text-align:center;line-height:1.3}.shared-sub.hint{margin-top:2px;font-size:12px;opacity:.85}#shared-next{margin-top:4px}.taker{min-height:24px;font-family:var(--title);font-size:13px;text-align:center;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.taker.me{color:var(--me);animation:pop .35s}.taker.op{color:var(--op);animation:pop .35s}#countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:var(--title);font-size:170px;color:var(--gold);-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);pointer-events:none;z-index:20}#countdown.go{animation:count-pop .9s cubic-bezier(.3,1.6,.5,1) forwards}#countdown.via{color:var(--green)}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(2.2) rotate(-10deg);opacity:0}25%{transform:translate(-50%,-50%) scale(1) rotate(3deg);opacity:1}75%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.6);opacity:0}}#banner{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:21;display:none}#banner.show{display:block;animation:banner-in .7s cubic-bezier(.3,1.6,.5,1)}.banner-text{font-family:var(--title);font-size:92px;line-height:1;color:var(--gold);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 9px 0 var(--ink);white-space:nowrap}#banner.lose .banner-text{color:#b98cf0}.banner-sub{display:inline-block;margin-top:10px;font-family:var(--title);font-size:20px;background:var(--parch);border:3px solid var(--ink);border-radius:12px;padding:4px 16px;box-shadow:var(--sticker)}@keyframes banner-in{0%{transform:translate(-50%,-50%) scale(.2) rotate(-12deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}.room-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 16px 18px}.status{min-height:26px;font-family:var(--title);font-size:20px;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-align:center}.keys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;color:#e9dcff;font-size:14px}kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;margin-right:3px;font-family:var(--title);font-size:14px;color:var(--text);background:var(--parch);border:2px solid var(--ink);border-radius:7px;box-shadow:0 3px 0 var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;padding:10px 20px;font-weight:600;animation:pop-in .3s cubic-bezier(.3,1.6,.5,1)}a{color:var(--purple);font-weight:600}.errore{background:#ffe1e4;border:2.5px solid var(--red);color:#9b1c2c;border-radius:12px;padding:8px 12px;font-weight:600;font-size:15px}label.campo{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px;color:var(--muted)}.auth{width:min(460px,100%)}.auth.larga{width:min(900px,100%)}.auth form{display:flex;flex-direction:column;gap:12px}.auth .riga{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.auth .riga{grid-template-columns:1fr}}.auth .sotto{text-align:center;font-size:15px}.pg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pg-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px 14px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);cursor:pointer;text-align:center;transition:transform .12s,box-shadow .12s}.pg-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--ink)}.pg-card.scelto{background:linear-gradient(180deg,#fff8dc,#ffe9a8);box-shadow:0 4px 0 var(--ink),0 0 0 5px var(--gold)}.pg-card.scelto:after{content:"\2713";position:absolute;top:-12px;right:-12px;width:34px;height:34px;display:grid;place-items:center;font-family:var(--title);font-size:20px;color:#fff;background:var(--green);border:3px solid var(--ink);border-radius:50%}.pg-nome{font-family:var(--title);font-size:22px;color:var(--purple)}.pg-desc{font-size:14px;color:var(--muted);line-height:1.35}.pg-cap{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:4px}.pg-cap div{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-align:left;background:#f5ecd6;border:2px solid var(--ink);border-radius:9px;padding:4px 8px}.pg-cap kbd{margin:0}.pg-cap .costo{margin-left:auto;font-family:var(--title);color:#c98a00}.profilo{flex-direction:row;align-items:center;gap:12px}.profilo .info{flex:1;min-width:0}.profilo .nome{font-family:var(--title);font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profilo .pg{color:var(--purple);font-weight:600;font-size:15px}.profilo .record{font-size:14px;color:var(--muted);margin-top:2px}.profilo .azioni{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.profilo .azioni .btn{font-size:14px;padding:6px 12px 8px}.classifica{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.classifica li{display:flex;gap:10px;align-items:center;font-weight:600}.classifica .pos{width:26px;font-family:var(--title);color:var(--purple)}.classifica .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classifica .v{font-family:var(--title);color:#2f8f27}.finestra{position:fixed;inset:0;z-index:40;background:#0e0724b3;display:grid;place-items:center;padding:16px}.finestra .card{width:min(820px,100%);max-height:90vh;overflow:auto}.barra{width:min(1100px,100%);display:flex;align-items:center;gap:16px;padding:8px 14px;margin-bottom:14px;background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:16px;box-shadow:var(--sticker)}.barra .marchio{font-family:var(--title);font-size:20px;text-decoration:none;color:var(--purple)}.barra .marchio span{color:var(--op)}.barra .voci{display:flex;gap:6px;flex:1}.barra .voci a{font-family:var(--title);font-size:17px;text-decoration:none;color:var(--text);padding:4px 12px;border-radius:10px;border:2px solid transparent}.barra .voci a:hover{background:#7a3fc01a}.barra .voci a.attiva{background:var(--purple);color:#fff;border-color:var(--ink)}.barra .io{display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;color:var(--text)}@media(max-width:640px){.barra .marchio,.barra .io span{display:none}}a.btn{text-decoration:none;display:inline-block}.successo{background:#dcf7d6;border:2.5px solid var(--green);color:#1f6b17;border-radius:12px;padding:8px 12px;font-weight:600;font-size:15px}.azioni-finestra{display:flex;gap:10px;justify-content:flex-end}.profilo a.nome{color:var(--text);text-decoration:none;display:block}.profilo a.nome:hover{color:var(--purple)}.classifica a.n{color:var(--text);text-decoration:none}.classifica a.n:hover{color:var(--purple);text-decoration:underline}.contenuto-profilo{width:min(1100px,100%);display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.contenuto-profilo>tb-scheda-giocatore:only-child{grid-column:1 / -1}@media(max-width:900px){.contenuto-profilo{grid-template-columns:1fr}}.impostazioni{display:flex;flex-direction:column;gap:18px}.impostazioni form{display:flex;flex-direction:column;gap:10px}.scheda{display:flex;flex-direction:column;gap:18px}.scheda-testa{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.scheda-testa .info{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}.scheda-nome{font-family:var(--title);font-size:38px;line-height:1;color:var(--gold);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.scheda-testa .pg{color:var(--purple);font-weight:700;font-size:18px}.scheda-testa .motto{font-style:italic;font-size:17px}.scheda-testa .mosse{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.scheda-testa .mossa{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;background:#f5ecd6;border:2px solid var(--ink);border-radius:9px;padding:3px 8px}.scheda-testa .mossa kbd{margin:0;min-width:22px;height:22px}.scheda-testa .mossa b{font-family:var(--title);font-weight:400;color:#c98a00}.scheda-testa .azioni{margin-top:8px}.riquadri{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.riquadri{grid-template-columns:repeat(2,1fr)}}.riquadro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:16px;box-shadow:var(--sticker)}.riquadro b{font-family:var(--title);font-weight:400;font-size:32px;line-height:1;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.riquadro.verde b{color:var(--green)}.riquadro.rosso b{color:var(--red)}.riquadro.oro b{color:var(--gold)}.riquadro span{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.storico{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.storico li{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#fff;border:3px solid var(--ink);border-radius:14px;border-left-width:10px}.storico li.vinta{border-left-color:var(--green)}.storico li.persa{border-left-color:var(--red)}.storico .esito{width:30px;height:30px;display:grid;place-items:center;flex:none;font-family:var(--title);font-size:18px;color:#fff;border:2px solid var(--ink);border-radius:50%;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.storico li.vinta .esito{background:var(--green)}.storico li.persa .esito{background:var(--red)}.storico .contro{flex:1;min-width:0;display:flex;flex-direction:column}.storico .contro a{font-family:var(--title);font-size:17px;color:var(--text);text-decoration:none}.storico .contro a:hover{color:var(--purple);text-decoration:underline}.storico small{color:var(--muted);font-size:13px}.storico .punteggio{text-align:right;display:flex;flex-direction:column;font-weight:600}.storico .punteggio b{font-family:var(--title);font-weight:400;font-size:18px}.storico time{width:78px;text-align:right;color:var(--muted);font-size:13px;font-weight:600}@media(max-width:640px){.storico time{display:none}}.barra .chi{display:flex;flex-direction:column;line-height:1.1}.barra .chi small{font-size:12px;color:var(--purple);font-weight:600}.classifica a.n small{display:block;font-size:12px;color:var(--muted);font-weight:600}.pgrado{margin-top:3px;font-size:12px;font-weight:700;color:var(--purple);white-space:nowrap}.ritratto{position:relative}.ritratto-foto{position:absolute;right:-10px;bottom:0}.grado-riga{display:flex;align-items:center;gap:10px}.grado-badge{font-family:var(--title);font-size:16px;color:#fff;background:var(--purple);border:2.5px solid var(--ink);border-radius:10px;padding:1px 10px 2px;box-shadow:0 2px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.grado-riga .elo{font-family:var(--title);font-weight:400;font-size:20px;color:#c98a00}.grado-barra,.pe-barra{height:12px;border:2.5px solid var(--ink);border-radius:8px;background:#e8dcc0;overflow:hidden}.grado-barra{width:min(260px,100%)}.grado-barra>div,.pe-barra>div{height:100%;background:linear-gradient(90deg,var(--gold),#ff9b3d)}.livelli-avatar{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:600}.livello-avatar{display:inline-flex;align-items:center;gap:3px}.livello-avatar .tacca,.car-livelli .tacca{display:inline-block;width:12px;height:12px;border:2px solid var(--ink);border-radius:4px;background:#e8dcc0}.livello-avatar .tacca:first-of-type{margin-left:4px}.tacca.piena{background:linear-gradient(180deg,#8ff07f,var(--green))}.carica-foto{cursor:pointer}.carica-foto.disabilitato{pointer-events:none;opacity:.6}.scheda-testa .azioni{display:flex;flex-wrap:wrap;gap:8px}.potenziamenti .pe-riepilogo{display:flex;align-items:center;gap:14px}.pe-disponibili{display:flex;flex-direction:column;align-items:center}.pe-disponibili b{font-family:var(--title);font-weight:400;font-size:34px;line-height:1;color:var(--gold);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.pe-disponibili span{font-size:12px;font-weight:600;color:var(--muted)}.pe-tetto{flex:1;display:flex;flex-direction:column;gap:4px}.pe-tetto small{font-size:13px;font-weight:600;color:var(--muted)}.caratteristica{display:flex;flex-direction:column;gap:4px;background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:8px 10px}.car-testa{display:flex;align-items:center;justify-content:space-between;gap:8px}.car-nome{font-family:var(--title);font-size:18px;color:var(--purple)}.car-livelli{display:flex;gap:3px}.car-azione,.car-conferma{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.car-azione .btn,.car-conferma .btn{font-size:14px;padding:5px 12px 7px}.car-costo{flex:1;font-size:13px;font-weight:600;color:var(--muted)}.car-blocco{font-size:13px;font-weight:700;color:#9b1c2c}.car-conferma{background:#fff3c4;border-radius:8px;padding:6px}.car-conferma span{flex:1;font-size:14px}.storico .elo-var{width:74px;text-align:right;font-family:var(--title);font-size:15px;display:flex;flex-direction:column}.storico .elo-var.su{color:#2f8f27}.storico .elo-var.giu{color:#c9293a}.storico .elo-var small{font-family:var(--body);font-weight:700;color:#c98a00}.banner-esito{margin-top:8px;display:inline-block;font-family:var(--title);font-size:22px;color:var(--gold);background:var(--purple);border:3px solid var(--ink);border-radius:12px;padding:4px 16px;box-shadow:var(--sticker);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}#banner .banner-esito{display:block;width:fit-content;margin:8px auto 0}.contenuto{position:relative;z-index:1;min-height:calc(100vh - 140px)}.menu{position:sticky;top:0;z-index:30;padding:10px 16px 0}.menu-dentro{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:8px 12px 8px 14px;background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:18px;box-shadow:var(--sticker);position:relative}.marchio{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}.marchio-tessere{display:flex;gap:3px}.marchio-tessere i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;font-family:var(--title);font-size:20px;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;background:var(--c);border:2.5px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--ink)}.marchio-tessere i:last-child{transform:rotate(6deg)}.marchio-testo{font-family:var(--title);font-size:20px;color:var(--purple);line-height:1}.marchio-testo b{font-weight:400;color:var(--op)}.voci{display:flex;gap:4px;flex:1;justify-content:center}.voci a{font-family:var(--title);font-size:17px;text-decoration:none;color:var(--text);white-space:nowrap;padding:6px 10px 7px;border-radius:12px;border:2.5px solid transparent;transition:background .15s,transform .1s}.voci a:hover{background:#7a3fc01f;transform:translateY(-1px)}.voci a.attiva{background:var(--purple);color:#fff;border-color:var(--ink);box-shadow:0 3px 0 var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.voci .voce-app{font-family:var(--title);font-size:15px;color:var(--text);white-space:nowrap;cursor:pointer;padding:5px 10px 6px;margin-left:4px;border-radius:12px;background:linear-gradient(180deg,#ffe680,var(--gold));border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .1s}.voci .voce-app:hover{transform:translateY(-1px)}.voci .voce-app:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.voce-app .lunga{display:none}.menu-dentro:has(.utente .btn) .marchio-testo{display:none}.utente{display:flex;align-items:center;gap:8px;flex:none;position:relative}.utente .btn{font-size:15px;padding:7px 14px 9px}.icona-avatar{position:relative;border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center}.cerchio-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#5b2a9a,#2a1458);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink),0 0 0 3px var(--gold) inset;transition:transform .15s}.cerchio-avatar tb-personaggio-animato{margin-top:6px}.icona-avatar:hover .cerchio-avatar{transform:scale(1.06) rotate(-3deg)}.grado-mini{position:absolute;bottom:-8px;font-family:var(--title);font-size:10px;color:#fff;white-space:nowrap;background:var(--purple);border:2px solid var(--ink);border-radius:8px;padding:0 6px;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}.tendina{position:absolute;top:calc(100% + 14px);right:0;width:240px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:16px;box-shadow:var(--sticker);overflow:hidden;animation:pop-in .2s cubic-bezier(.3,1.6,.5,1)}.tendina-testa{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:2px dashed rgba(27,16,51,.25)}.tendina-testa>div{display:flex;flex-direction:column;min-width:0}.tendina-testa b{font-family:var(--title);font-weight:400;font-size:18px;overflow:hidden;text-overflow:ellipsis}.tendina-testa small{font-size:13px;color:var(--muted);font-weight:600}.tendina a,.tendina button{font:inherit;font-weight:600;text-align:left;text-decoration:none;color:var(--text);padding:10px 14px;border:none;background:none;cursor:pointer}.tendina a:hover,.tendina button:hover{background:#7a3fc01f}.hamburger{display:none;flex-direction:column;gap:4px;padding:8px;border:none;background:none;cursor:pointer}.hamburger span{width:24px;height:3px;background:var(--ink);border-radius:2px}@media(max-width:1240px){.menu-dentro{gap:12px}.marchio-testo{display:none}}@media(max-width:1130px){.voce-app .lunga{display:inline}.voce-app .corta{display:none}.voci .voce-app{margin:6px 0 0;font-size:17px}.hamburger{display:flex;order:3}.utente{margin-left:auto}.voci{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;padding:10px;background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--ink);border-radius:16px;box-shadow:var(--sticker)}.voci.aperto{display:flex}}.voci-extra{display:none}@media(max-width:560px){.menu-dentro>.in-barra{display:none}.voci-extra{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:8px}}.piede{position:relative;z-index:1;max-width:1180px;margin:20px auto 18px;padding:10px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#e9dcff;font-size:14px;text-shadow:0 2px 0 var(--ink)}.piede nav{display:flex;gap:16px}.piede a{color:var(--gold);text-decoration:none}.titolo-pagina{text-align:center;margin:10px 0 20px}.titolo-pagina h1{margin:0;font-family:var(--title);font-weight:400;font-size:52px;line-height:1.05;color:var(--gold);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);transform:rotate(-1.5deg)}.titolo-pagina p{color:#e9dcff;font-size:17px;margin:12px 0 0;text-shadow:0 2px 0 var(--ink)}.titolo-pagina a{color:var(--gold)}.verde{color:#2f8f27}.rosso{color:#c9293a}.oro{color:#c98a00}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0}.parata{width:min(1100px,100%);display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:4px 0 6px}.parata-eroe{transition:transform .2s}.parata-eroe:hover{transform:translateY(-8px) scale(1.08)}.parata-eroe:nth-child(odd){animation:tile-bob 3s ease-in-out infinite}.punti-forza{width:min(1100px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.punti-forza{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.punti-forza{grid-template-columns:1fr}}.punto{align-items:center;text-align:center}.punto-icona{font-size:40px;line-height:1}.home-classifica{width:min(700px,100%);margin-top:18px}.link-tutti{margin-left:auto;font-family:var(--body);font-size:14px}.podio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.podio li{display:flex;align-items:center;gap:10px;background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:4px 12px}.podio .pos{font-family:var(--title);font-size:22px;color:var(--purple);width:24px}.podio .n{flex:1;font-family:var(--title);font-size:18px;color:var(--text);text-decoration:none;display:flex;flex-direction:column;line-height:1.1}.podio .n small{font-family:var(--body);font-size:12px;color:var(--muted);font-weight:600}.podio b{font-family:var(--title);font-weight:400;color:#c98a00}.guida{width:min(1100px,100%);display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}@media(max-width:900px){.guida{grid-template-columns:1fr}.indice{position:static!important}}.indice{position:sticky;top:100px;gap:4px}.indice button{font:inherit;font-weight:600;text-align:left;display:flex;align-items:center;gap:8px;background:none;border:none;padding:6px 4px;border-radius:8px;cursor:pointer;color:var(--text)}.indice button:hover{background:#7a3fc01f}.indice button span{width:22px;height:22px;flex:none;display:grid;place-items:center;font-family:var(--title);font-size:13px;color:#fff;background:var(--purple);border:2px solid var(--ink);border-radius:6px}.indice .btn{margin-top:8px;text-align:center}.guida-testo{display:flex;flex-direction:column;gap:18px}.capitolo{scroll-margin-top:100px;line-height:1.55;font-size:16px}.capitolo h2{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--title);font-weight:400;font-size:28px;color:var(--purple)}.capitolo h2 span{width:38px;height:38px;display:grid;place-items:center;flex:none;font-size:22px;color:#fff;background:var(--op);border:3px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.capitolo h3{margin:10px 0 0;font-family:var(--title);font-weight:400;font-size:20px;color:var(--purple)}.capitolo p{margin:0}.capitolo .nota{font-size:15px;color:var(--muted)}.punti{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px}.tabella{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:2.5px solid var(--ink);border-radius:12px;overflow:hidden}.tabella th{font-family:var(--title);font-weight:400;text-align:left;background:var(--purple);color:#fff;padding:8px 10px}.tabella td{padding:7px 10px;border-top:1.5px solid #e8dcc0;vertical-align:middle}.tabella tbody tr:nth-child(2n) td{background:#fbf6ea}.tabella td.alt{color:var(--muted);font-size:14px;font-weight:600}.tabella kbd{margin-right:4px}.tabella small{color:var(--muted)}.due-colonne{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.due-colonne{grid-template-columns:1fr}}.riquadro-mossa{border:2.5px solid var(--ink);border-radius:12px;padding:10px 12px}.riquadro-mossa b{font-family:var(--title);font-weight:400;font-size:18px}.riquadro-mossa p{font-size:15px;margin-top:4px}.riquadro-mossa.attacco{background:#ffe1e4}.riquadro-mossa.difesa{background:#dcf3ff}.formula{display:flex;flex-direction:column;gap:6px;background:#2a1458;color:#fff;border:3px solid var(--ink);border-radius:12px;padding:12px 14px;font-size:15px}.formula b{color:var(--gold)}.calcolatore{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.calcolatore .campo{width:170px}.calcolatore .vs{font-family:var(--title);font-size:26px;color:var(--op);padding-bottom:6px}.spunta{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;padding-bottom:10px}.spunta input{width:auto}.esito-calcolo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.esito-calcolo{grid-template-columns:1fr}}.esito{display:flex;flex-direction:column;align-items:center;gap:2px;border:3px solid var(--ink);border-radius:14px;padding:10px;box-shadow:0 4px 0 var(--ink)}.esito span{font-weight:700;font-size:14px}.esito b{font-family:var(--title);font-weight:400;font-size:34px;line-height:1;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.esito small{font-size:13px;font-weight:600;text-align:center}.esito.vinci{background:#dcf7d6}.esito.vinci b{color:var(--green)}.esito.perdi{background:#ffe1e4}.esito.perdi b{color:var(--red)}.esito.info{background:#fff3c4}.esito.info b{color:var(--gold)}.scala-gradi{display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:4px 2px 8px}.gradino{flex:1;min-width:86px;height:var(--h);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:linear-gradient(180deg,#a66ae0,var(--purple));color:#fff;border:3px solid var(--ink);border-radius:12px 12px 4px 4px;box-shadow:0 4px 0 var(--ink);padding:6px 4px;text-align:center}.gradino:last-child{background:linear-gradient(180deg,#ffe680,var(--gold));color:var(--text)}.gradino b{font-family:var(--title);font-weight:400;font-size:16px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;color:#fff}.gradino small{font-size:12px;font-weight:700}.galleria-eroi{width:min(1180px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.eroe{align-items:center;text-align:center}.eroe-ritratto{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#5b2a9a,#24124a);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.eroe-mosse{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}.eroe-mossa{background:#fff;border:2.5px solid var(--ink);border-left-width:8px;border-radius:10px;padding:6px 10px}.eroe-mossa.attacco{border-left-color:var(--red)}.eroe-mossa.difesa{border-left-color:var(--me)}.eroe-mossa-testa{display:flex;align-items:center;gap:8px}.eroe-mossa-testa kbd{margin:0}.eroe-mossa-testa b{flex:1;font-family:var(--title);font-weight:400;font-size:16px}.eroe-mossa-testa .etichetta{font-size:12px;font-weight:700;color:var(--muted)}.eroe-mossa-testa .costo{font-family:var(--title);color:#c98a00}.eroe-mossa small{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:2px}.classifica-completa{width:min(900px,100%)}.classifica-completa .pos{font-family:var(--title);font-size:20px;width:40px;text-align:center}.chi-classifica{display:flex;align-items:center;gap:8px}.chi-classifica a{font-family:var(--title);font-size:18px;color:var(--text);text-decoration:none}.chi-classifica a:hover{color:var(--purple);text-decoration:underline}.tabella tr.io td{background:#fff3c4!important}.rplayers{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.rgiocatore{display:inline-flex;align-items:center;gap:5px;font-weight:600}.rvs,.rattesa{color:var(--muted)}.rforza{font-size:11.5px;font-weight:700;white-space:nowrap;padding:0 7px 1px;border-radius:8px;border:2px solid var(--ink);background:#fff;color:var(--text)}.rforza.forte{background:#ffd0d4;color:#a3101f}.rforza.pari{background:#fff1b8;color:#7a5a00}.rforza.debole{background:#d4f5cf;color:#1d6b16}.rforza.io{background:#d6f1ff;color:#0b5c80}.legenda-forza{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 10px}.legenda-forza small{color:var(--muted);font-size:12px}.livelli-avventura{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:980px;margin:0 auto 26px}.livello-avventura{display:grid;justify-items:center;gap:4px;padding:14px 12px 12px;font:inherit;color:var(--text);cursor:pointer;text-align:center;transition:transform .12s,box-shadow .12s}.livello-avventura:hover{transform:translateY(-2px)}.livello-avventura b{font-family:var(--title);font-size:22px;font-weight:400}.livello-avventura small{color:var(--muted);font-size:13px;line-height:1.25}.livello-icona{font-size:30px;line-height:1}.livello-avventura.scelto{outline:4px solid var(--gold);outline-offset:2px;transform:translateY(-3px)}.livello-avventura[data-livello=facile].scelto{outline-color:var(--me)}.livello-avventura[data-livello=difficile].scelto{outline-color:var(--red)}.livello-progresso{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-top:4px}.livello-progresso .barra{width:110px;height:10px;border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}.livello-progresso .barra i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--op))}.avventura-completa{max-width:760px;margin:0 auto 18px;text-align:center;font-weight:600;background:var(--gold);border:3px solid var(--ink);border-radius:14px;padding:10px 14px;box-shadow:var(--sticker)}.percorso{list-style:none;margin:0 auto;padding:0;width:100%;max-width:1180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px;counter-reset:tappa}.tappa-carta{width:100%;height:100%;position:relative;display:grid;justify-items:center;align-content:start;gap:3px;padding:12px 10px;font:inherit;color:var(--text);text-align:center;cursor:pointer;transition:transform .12s}.tappa-carta:not(:disabled):hover{transform:translateY(-3px) rotate(-1deg)}.tappa-carta:disabled{cursor:not-allowed}.tappa-numero{position:absolute;top:-10px;left:-8px;width:32px;height:32px;display:grid;place-items:center;font-family:var(--title);font-size:17px;color:#fff;background:var(--purple);border:3px solid var(--ink);border-radius:50%;box-shadow:0 3px 0 var(--ink)}.tappa-ritratto{position:relative;display:grid;place-items:center;min-height:118px}.tappa-nome{font-family:var(--title);font-size:16px;line-height:1.1}.tappa-sopra{font-size:12px;color:var(--muted);line-height:1.2;min-height:2.4em}.tappa-elo{font-weight:700;font-size:13px;color:var(--purple)}.tappa-pe{color:#b8860b}.tappa-carta .btn{margin-top:6px;pointer-events:none;padding:4px 16px 6px}.tappa.chiuso .tappa-ritratto tb-personaggio-animato{filter:brightness(0) opacity(.55)}.tappa.chiuso .tappa-carta{opacity:.75}.lucchetto{position:absolute;font-size:34px;filter:drop-shadow(0 3px 0 var(--ink))}.timbro{position:absolute;bottom:8px;transform:rotate(-14deg);font-family:var(--title);font-size:18px;letter-spacing:1px;color:var(--red);border:3px solid var(--red);border-radius:8px;padding:0 8px 2px;background:#fff3d6cc}.tappa.aperto .tappa-carta{outline:4px solid var(--gold);outline-offset:2px;animation:tappa-pulsa 1.6s ease-in-out infinite}@keyframes tappa-pulsa{50%{outline-color:var(--op)}}.leggio{--pelle: #6a2b8c;--pelle2: #3b1356;--carta: #fdf1d0;--carta2: #efd9a4;position:relative;min-height:calc(100vh - 120px);display:grid;place-items:center;padding:26px 12px 40px;perspective:2400px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(255,196,92,.28),transparent 62%)}.leggio:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,40,40,.45));transition:opacity .6s}.leggio.arrabbiato:after{opacity:1;animation:rabbia-alone 1s ease-in-out infinite alternate}@keyframes rabbia-alone{to{opacity:.55}}.libro{--w: min(1040px, 96vw);position:relative;width:var(--w);height:min(640px,calc(var(--w) * .64));transform-style:preserve-3d;transform:translate(-25%);transition:transform 1.4s cubic-bezier(.6,.05,.25,1);animation:libro-arriva .7s cubic-bezier(.3,1.5,.5,1) both}.leggio.aperto .libro{transform:translate(0)}@keyframes libro-arriva{0%{opacity:0;translate:0 -60px;scale:.85;rotate:-4deg}to{opacity:1;translate:0 0;scale:1;rotate:0deg}}.leggio.arrabbiato .libro{animation:libro-trema .45s ease-in-out 3}@keyframes libro-trema{0%,to{translate:0 0;rotate:0deg}20%{translate:-7px 2px;rotate:-.6deg}40%{translate:6px -2px;rotate:.5deg}60%{translate:-5px 1px;rotate:-.4deg}80%{translate:4px -1px;rotate:.3deg}}.pagina-libro{position:absolute;top:0;width:50%;height:100%;padding:34px 38px 40px;overflow-y:auto;scrollbar-width:thin;background:linear-gradient(90deg,rgba(120,80,20,.18),transparent 9%),repeating-linear-gradient(0deg,transparent 0 29px,rgba(140,100,40,.07) 29px 30px),linear-gradient(180deg,var(--carta),var(--carta2));border:4px solid var(--ink);color:#3a2410}.pagina-libro.destra{left:50%;border-radius:4px 16px 16px 4px;box-shadow:0 8px 0 var(--ink),8px 10px 30px #00000073}.pagina-libro.sinistra{border-radius:16px 4px 4px 16px;background:linear-gradient(270deg,rgba(120,80,20,.2),transparent 9%),linear-gradient(180deg,var(--carta),var(--carta2))}.pagina-libro.destra{display:flex;flex-direction:column;overflow:hidden;padding-bottom:34px}.pagina-libro.destra>*{flex:none}.pagina-libro.destra>.racconto{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:6px}.numero-pagina{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:var(--title);color:#a5824a;font-size:14px}.copertina{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.6,.05,.25,1);z-index:2}.leggio.aperto .copertina{transform:rotateY(-180deg)}.faccia{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.faccia.retro{transform:rotateY(180deg);width:100%}.faccia.fronte{border:4px solid var(--ink);border-radius:6px 20px 20px 6px;padding:18px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),transparent 45%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 3px,transparent 3px 7px),linear-gradient(135deg,var(--pelle),var(--pelle2));box-shadow:inset 14px 0 #00000040,0 8px 0 var(--ink),10px 14px 30px #00000080}.cornice-copertina{height:100%;display:grid;place-items:center;align-content:center;gap:18px;text-align:center;border:4px double var(--gold);border-radius:12px;outline:2px dashed rgba(255,210,58,.45);outline-offset:-14px}.titolo-copertina{font-family:var(--title);font-size:clamp(26px,4.4vw,48px);line-height:1.05;color:var(--gold);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.stemma{font-size:clamp(40px,6vw,70px);width:1.7em;height:1.7em;display:grid;place-items:center;background:radial-gradient(circle,#ffe680,var(--gold) 60%,#c9921a);border:4px solid var(--ink);border-radius:50%;box-shadow:0 5px 0 var(--ink);animation:stemma-luccica 2.4s ease-in-out infinite}@keyframes stemma-luccica{50%{filter:brightness(1.25);transform:rotate(-4deg) scale(1.04)}}.sotto-copertina{font-family:var(--title);color:#f7d9ff;font-size:16px;letter-spacing:.5px}.scheda-avversario{display:grid;justify-items:center;gap:6px;text-align:center}.cornice-ritratto{position:relative;display:grid;place-items:center;width:220px;height:220px;margin-bottom:6px;border:5px solid #8a5a1c;border-radius:50%;outline:3px solid var(--ink);background:radial-gradient(circle at 50% 40%,#fff9e6,#e8cf8f 70%);box-shadow:0 6px 0 var(--ink),inset 0 0 0 4px #e9b949;transition:box-shadow .4s,background .4s}.scheda-avversario h2{margin:4px 0 0;font-family:var(--title);font-weight:400;font-size:28px;color:var(--purple);line-height:1.05}.soprannome{font-style:italic;color:#7a5a30}.forza{font-size:14px;color:#5a3d18}.forza b{color:var(--red)}.mosse-avversario{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px;width:min(300px,100%)}.mosse-avversario li{display:flex;align-items:center;gap:8px;padding:4px 10px;text-align:left;background:#ffffff80;border:2px solid rgba(90,60,20,.35);border-radius:10px;font-weight:600;font-size:14px}.mosse-avversario small{margin-left:auto;color:var(--purple)}.sbuffo{position:absolute;font-size:30px;opacity:0;pointer-events:none}.sbuffo.s1{top:6px;right:14px}.sbuffo.s2{top:40%;left:-8px}.sbuffo.s3{bottom:20px;right:-6px}.arrabbiato .cornice-ritratto{background:radial-gradient(circle at 50% 40%,#ffd6c2,#ff7a6a 75%);animation:ritratto-ira .5s ease-in-out infinite alternate}@keyframes ritratto-ira{0%{box-shadow:0 6px 0 var(--ink),0 0 #ff3c3cb3}to{box-shadow:0 6px 0 var(--ink),0 0 30px 10px #ff3c3cb3}}.arrabbiato .sbuffo{animation:sbuffo 1.2s ease-out infinite}.arrabbiato .sbuffo.s2{animation-delay:.4s}.arrabbiato .sbuffo.s3{animation-delay:.8s}@keyframes sbuffo{0%{opacity:0;transform:translateY(6px) scale(.5)}30%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-22px) scale(.9)}}.capitolo{font-family:var(--title);color:var(--purple);font-size:18px;text-align:center;padding-bottom:8px;margin-bottom:12px;border-bottom:2px dashed rgba(122,63,192,.35)}.racconto p{margin:0 0 12px;font-size:16.5px;line-height:1.5;text-align:justify;hyphens:auto}.racconto p:first-child:first-letter{float:left;font-family:var(--title);font-size:50px;line-height:.9;margin:4px 8px 0 0;color:var(--purple);-webkit-text-stroke:1.5px var(--ink)}.giuramento{margin:10px 0 8px;font-family:var(--title);font-size:22px;line-height:1.25;color:var(--red);-webkit-text-stroke:1px #6b0c14;text-align:center;animation:giuramento-trema .12s linear infinite}@keyframes giuramento-trema{0%{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(-.4deg)}50%{transform:translate(-1px,1px) rotate(.3deg)}75%{transform:translate(1px,1px) rotate(0)}}.azioni-libro{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;animation:libro-arriva .5s cubic-bezier(.3,1.5,.5,1) both}.combatti{animation:combatti-pulsa 1.1s ease-in-out infinite}@keyframes combatti-pulsa{50%{transform:scale(1.06)}}.suggerimento-libro{text-align:center;font-size:12px;color:#a5824a;margin-top:6px}.solo-telefono{display:none}@media(max-width:720px){.livelli-avventura{grid-template-columns:1fr;gap:10px}.livello-avventura{grid-template-columns:auto 1fr auto;justify-items:start;text-align:left;column-gap:10px}.livello-avventura .livello-icona{grid-row:span 2}.livello-avventura small{grid-column:2 / 4}.livello-avventura .livello-progresso{grid-row:1;grid-column:3;margin:0}.livello-progresso .barra{width:60px}.percorso{grid-template-columns:repeat(2,1fr);gap:12px}.leggio{padding:12px 8px 24px;align-items:start}.libro{width:100%;height:auto;min-height:72vh;transform:none}.leggio.aperto .libro{transform:none}.pagina-libro.destra{position:relative;left:0;width:100%;min-height:72vh;padding:20px 18px 36px;border-radius:14px;overflow:visible}.pagina-libro.destra>.racconto{overflow:visible}.copertina{left:0;width:100%}.leggio.aperto .copertina{transform:rotateY(-110deg);opacity:0;pointer-events:none;transition:transform 1.2s ease-in,opacity .4s ease-in .8s}.faccia.retro{display:none}.solo-telefono{display:block;margin-bottom:12px}.cornice-ritratto{width:180px;height:180px}.racconto p{font-size:15.5px}.giuramento{font-size:19px}}.pagina-partita.mobile{min-height:100dvh;overflow:hidden}.pagina-partita.mobile.in-gioco{height:100dvh;min-height:0}.pagina-partita.mobile .topbar{grid-template-columns:auto 1fr;gap:8px;padding:6px 8px 4px}.pagina-partita.mobile .room-name{display:none}.pagina-partita.mobile #leave{font-size:13px;padding:5px 10px 7px}.pagina-partita.mobile .scoreboard{justify-self:end;gap:6px;padding:2px 10px 4px}.pagina-partita.mobile .sb-name{font-size:13px;max-width:90px}.pagina-partita.mobile .sb-score{font-size:22px;-webkit-text-stroke-width:5px}.pagina-partita.mobile #stage{display:grid;grid-template-columns:auto 104px;grid-template-areas:"plancia avversario" "plancia coda" "plancia info";grid-template-rows:auto auto 1fr;gap:6px 8px;padding:4px 6px;transform:none!important}.pagina-partita.mobile .player{display:contents}.pagina-partita.mobile #stage.orizzontale{grid-template-columns:104px auto 104px;grid-template-areas:"info plancia avversario" "info plancia coda";grid-template-rows:auto 1fr}.pagina-partita.mobile .player.me .board-frame{grid-area:plancia;padding:5px;gap:4px;border-top-width:6px;border-radius:14px}.pagina-partita.mobile .player.me .board{height:var(--plancia-h, 440px)!important;width:calc(var(--plancia-h, 440px) / 2)!important;touch-action:none}.pagina-partita.mobile .player.me .garbage-bar{width:8px;border-width:2px}.pagina-partita.mobile .player.op .side{display:none}.pagina-partita.mobile .player.op .board-frame{grid-area:avversario;justify-self:center;padding:3px;gap:2px;border-width:2.5px;border-top-width:5px;border-radius:10px;box-shadow:0 3px 0 var(--ink)}.pagina-partita.mobile .player.op .board{width:calc(var(--op-h, 168px) / 2)!important;height:var(--op-h, 168px)!important;border-width:2px;border-radius:6px}.pagina-partita.mobile .player.op .garbage-bar{width:5px;border-width:1.5px;border-radius:4px}.pagina-partita.mobile .player.op .board-frame:before{content:var(--etichetta-avversario, "AVVERSARIO");position:absolute;top:-13px;left:50%;transform:translate(-50%);font-family:var(--title);font-size:10px;color:#fff;white-space:nowrap;background:var(--op);border:2px solid var(--ink);border-radius:6px;padding:0 5px;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill}.pagina-partita.mobile .player.op .board-frame{margin-top:8px}.pagina-partita.mobile #shared{grid-area:coda;width:104px;margin:0;padding:4px 4px 6px;gap:0;border-width:3px;border-radius:12px;box-shadow:0 3px 0 var(--ink)}.pagina-partita.mobile #shared .box-title.gold{font-size:13px;-webkit-text-stroke-width:3px}.pagina-partita.mobile #shared .shared-sub{display:none}.pagina-partita.mobile #shared canvas{width:calc(var(--coda-h, 170px) * 64 / 170)!important;height:var(--coda-h, 170px)!important;margin-top:2px}.pagina-partita.mobile .taker{min-height:0;font-size:9px}.pagina-partita.mobile .player.me .side{grid-area:info;width:104px;gap:6px}.pagina-partita.mobile .player.me .pcard,.pagina-partita.mobile .player.me .stats{display:none}.pagina-partita.mobile .player.me .box{padding:3px 4px 5px;border-width:2.5px;border-radius:12px;box-shadow:0 3px 0 var(--ink)}.pagina-partita.mobile .player.me .box-title{font-size:11px}.pagina-partita.mobile .player.me .hold{width:84px!important;height:53px!important}.pagina-partita.mobile .dots-count .orb{width:16px;height:16px;border-width:2px}.pagina-partita.mobile .dots-count b{font-size:22px;-webkit-text-stroke-width:4px}.pagina-partita.mobile #countdown{font-size:110px;-webkit-text-stroke-width:10px;left:40%}.pagina-partita.mobile .banner-text{font-size:50px;-webkit-text-stroke-width:8px}.pagina-partita.mobile .banner-sub{font-size:15px}.pagina-partita.mobile .banner-esito{font-size:16px}.pagina-partita.mobile .room-footer{gap:6px;padding:4px 6px 8px}.pagina-partita.mobile .status{font-size:15px;min-height:0;-webkit-text-stroke-width:4px}.pagina-partita.mobile .room-footer>.btn.big{font-size:18px;padding:8px 26px 10px}.pagina-partita.mobile .keys{display:none}@media(max-width:640px){.pagina{padding:12px 10px 28px}.logo-tiles{gap:4px}.logo-tiles span{width:44px;height:44px;font-size:30px;-webkit-text-stroke-width:5px;border-width:3px;border-radius:10px}.logo-sub{font-size:40px;-webkit-text-stroke-width:7px}.tagline{font-size:15px}.titolo-pagina h1{font-size:36px;-webkit-text-stroke-width:7px}.titolo-pagina p{font-size:15px}.capitolo .tabella{display:block;overflow-x:auto}.capitolo h2{font-size:22px}.calcolatore .campo{width:calc(50% - 26px)}.calcolatore .vs{font-size:20px}#room-list li{flex-wrap:wrap}#room-list .info{flex-basis:calc(100% - 60px)}.scheda-nome{font-size:30px}.menu{padding:6px 8px 0}.menu-dentro{gap:8px;padding:6px 8px}.utente .btn{font-size:13px;padding:6px 10px 8px}.cerchio-avatar{width:46px;height:46px}.galleria-eroi{grid-template-columns:1fr}.classifica-completa .tabella{display:block;overflow-x:auto}.finestra{padding:8px}.piede{flex-direction:column;align-items:center;text-align:center}}.pagina-partita.mobile.in-gioco .room-footer{display:none}.pagina-partita.mobile .room-footer>.btn.nascosto{display:none}.pagina-partita.mobile .player.me .specials{gap:4px;margin-top:2px}.pagina-partita.mobile .player.me .sp{padding:6px;border-width:2px;border-radius:8px;font-size:12px;justify-content:space-between;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pagina-partita.mobile .player.me .sp .n{display:none}.pagina-partita.mobile .player.me .sp .k{width:22px;height:22px;font-size:14px}.pagina-partita.mobile .player.me .sp:active{transform:translateY(2px)}.pagina-partita.mobile .player.me .hold-box{cursor:pointer;touch-action:manipulation}