@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2)format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff)format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2)format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff)format("woff")}:root{--ink:#1f2540;--muted:#59617f;--line:#c9d0e8;--blue:#2563eb;--purple:#7c3aed;--green:#16a34a;--red:#dc2626;--orange:#f97316;--bg:#fff4d6;--card:#fff;--menu-h:68px}*{box-sizing:border-box}html{scroll-padding-top:var(--menu-h)}body{background:var(--bg);color:var(--ink);margin:0;font-family:OpenDyslexic,Lexend,Trebuchet MS,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,.button{font-family:inherit;font-size:1rem}[hidden]{display:none!important}canvas{image-rendering:pixelated}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}button,.button{border:2px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--line);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}button:hover,.button:hover{background:#eef2ff}button:active,.button:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}button.primary{background:var(--green);color:#fff;border-color:#0f7a35;box-shadow:0 3px #0f7a35}button.primary:hover{background:#15803d}button.big{padding:10px 22px;font-size:1.1rem}button.danger{background:var(--red);color:#fff;border-color:#991b1b;box-shadow:0 3px #991b1b}button.danger:hover{background:#b91c1c}button.danger-outline{border-color:var(--red);box-shadow:0 3px 0 var(--red);color:var(--red)}button:disabled{opacity:.4;cursor:default;box-shadow:0 3px 0 var(--line);background:#fff;transform:none}button.active{border-color:var(--orange);box-shadow:0 3px 0 var(--orange);background:#fff3bf}.icon svg{width:26px;height:26px;display:block}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu{z-index:10;height:var(--menu-h);border-bottom:3px solid var(--line);background:#fff;align-items:center;gap:10px;padding:0 clamp(12px,2vw,24px);display:flex;position:sticky;top:0;overflow-x:auto}.menu a{border:2px solid var(--line);min-height:44px;box-shadow:0 3px 0 var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.menu a:hover{background:#eef2ff}.menu a:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.menu a.active{border-color:var(--orange);box-shadow:0 3px 0 var(--orange);background:#fff3bf}.menu a.play{background:var(--green);color:#fff;border-color:#0f7a35;margin-left:auto;box-shadow:0 3px #0f7a35}.menu a.play:hover{background:#15803d}.menu a.play.active{background:#0f7a35}#status{color:#166534;white-space:nowrap;order:-1;font-size:.8rem;display:none}#status.error{color:var(--red);display:inline}@media (width<=760px){.menu a{padding:8px 10px;font-size:.85rem}.menu a span{display:none}}@media (width<=480px){.menu{justify-content:space-around}.menu a{padding:8px 14px;font-size:0}.menu a span{font-size:1.5rem;display:inline}.menu a.play{margin-left:0}}main{padding:20px clamp(12px,2vw,24px)}#tab-impostazioni{max-width:1200px;margin:0 auto}.help{color:var(--muted);margin:0;font-size:.9rem}.label{font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;display:grid}.card{background:var(--card);border:2px solid var(--line);border-radius:18px;align-content:start;gap:14px;padding:20px 22px;display:grid}.card.wide{grid-column:1/-1}.card h2{margin:0 0 2px;font-size:1.25rem}.field{gap:4px;display:grid}input:not([type]),input[type=number],textarea{border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:8px 12px}textarea{resize:vertical}.stepper{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.stepper input{text-align:center;width:90px;font-size:1.2rem;font-weight:700}.stepper button{justify-content:center;width:44px;padding:0;font-size:1.4rem}.unit{color:var(--muted)}#bg-preview{aspect-ratio:400/128;border:2px solid var(--line);border-radius:10px;width:100%}.toggle{cursor:pointer;align-items:center;gap:12px;font-weight:700;display:flex}.toggle input{opacity:0;position:absolute}.switch{background:#cbd2e6;border-radius:99px;flex:none;width:56px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000004d}.toggle input:checked+.switch{background:var(--purple)}.toggle input:checked+.switch:after{transform:translate(24px)}.toggle input:focus-visible+.switch{outline:3px solid var(--orange);outline-offset:2px}.draw{grid-template-columns:230px minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}#sprite{max-width:calc(100dvh - var(--menu-h) - 44px);justify-self:center}@media (width<=900px){.draw{grid-template-columns:1fr}.list{flex-flow:wrap}}.list{flex-direction:column;gap:8px;display:flex}.list button{white-space:normal;text-align:left;justify-content:flex-start}.list canvas,.tools canvas,.frame canvas{flex:none;width:28px;height:28px}.group{color:var(--purple);margin:10px 0 0;font-weight:700}.draw-main{gap:12px;display:grid}.grid-canvas{border:2px solid var(--line);cursor:crosshair;touch-action:none;border-radius:10px;width:100%;display:block}.frames{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.empty{text-align:center;border:2px dashed var(--line);color:var(--muted);border-radius:10px;margin:0;padding:40px 16px}.draw-side{justify-items:start;gap:14px;display:grid}#palette{grid-template-columns:repeat(4,48px);gap:8px;display:grid}.swatch{border-radius:10px;justify-content:center;width:48px;height:48px;padding:0}#anim-preview-box{gap:6px;display:grid}#anim-preview{border:2px solid var(--line);background:#fffdf7;border-radius:10px;width:96px;height:96px}#tab-mappa{gap:14px;display:grid}.tools{flex-wrap:wrap;gap:8px;display:flex}dialog{border:4px solid var(--red);max-width:min(92vw,460px);color:var(--ink);background:#fff;border-radius:18px;padding:22px;font-family:inherit}dialog::backdrop{background:#14143299}dialog h2{margin:0 0 8px}dialog.info{border-color:var(--blue)}#qr{place-items:center;margin:12px 0;display:grid}#qr svg{width:min(72vw,300px);height:auto;image-rendering:pixelated}#share-link{margin-top:4px;font-size:.8rem}.shared-only{display:none!important}body.shared .menu a{display:none}body.shared .shared-only{display:inline-flex!important}body.shared .menu{justify-content:space-between}#shared-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}dialog .row{margin-top:16px}main:has(#tab-gioca:not([hidden])){max-width:none;padding:0}.game{height:calc(100dvh - var(--menu-h));background:#141a2e;place-items:center;display:grid;position:relative;overflow:hidden}.hud{color:#fff;background:#0f1428c7;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:flex;position:absolute;top:14px;left:14px}.hud .coin{background:#ffffff1f;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.hud canvas{width:24px;height:24px}.hud b{font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1}.screen{text-align:center;color:#fff;background:#14143cb8;place-content:center;justify-items:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.screen h1,.screen h2{margin:0;font-size:clamp(28px,5vw,52px);line-height:1.2}.screen p{white-space:pre-line;overflow-wrap:anywhere;max-width:34em;margin:0;font-size:clamp(16px,2vw,20px)}.screen .hint{opacity:.8;font-size:.95rem}.screen .big-score b{font-size:1.6em}.screen button{background:var(--green);color:#fff;border-color:#0f7a35;margin-top:10px;font-size:1.3rem;box-shadow:0 3px #0f7a35}kbd{border:2px solid #fff;border-bottom-width:4px;border-radius:6px;padding:1px 8px;font-family:inherit;font-size:.9em;font-weight:700;line-height:1.4;display:inline-block}.sign-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0f1428d9;border-radius:12px;padding:6px 12px;font-size:1rem;position:absolute;transform:translate(-50%,-100%)}.sign-hint:after{content:"";border:8px solid #0000;border-top-color:#0f1428d9;border-bottom:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.sign-box{width:min(92%,640px);color:var(--ink);background:#fffaf0;border:4px solid #8a5a3b;border-radius:18px;gap:16px;padding:24px 28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px #00000059}.sign-box p{white-space:pre-line;overflow-wrap:anywhere;text-align:center;text-wrap:balance;margin:0;font-size:clamp(15px,2.2vw,22px);line-height:1.5}.sign-close{color:var(--muted);justify-self:center}.sign-close kbd{border-color:var(--muted)}.sign-editor{margin-top:4px}