:root{--ink: #1d2340;--paper: #fffaf0;--grass: #a5dc78;--sun: #ffd23f;--sun-dark: #e0a800;--sky: #3a86ff;--mist: #e8ebf5;--font-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui: "Nunito", ui-rounded, system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--grass);font-family:var(--font-ui);font-weight:800;color:var(--ink);user-select:none;-webkit-user-select:none;overscroll-behavior:none}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block}#fx{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:3px}#hud{position:fixed;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:flex;gap:8px;justify-content:space-between;align-items:center}.chip{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);white-space:nowrap}.chip .num{font-family:var(--font-display);font-size:24px;line-height:1;letter-spacing:.01em}.chip-label{font-size:13px}.level{padding-right:12px}.level:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.tag{font-family:var(--font-display);font-size:16px;padding:0 11px;letter-spacing:.02em;color:#fff;background:#3ecf6a;-webkit-text-stroke:.6px var(--ink)}.tag.normale{background:var(--sky)}.tag.difficile{background:#ff9f1c}.tag.super{background:#ff4d4d}.tag.estremo{background:#9b5de5}.people-chip svg{width:20px;height:20px;fill:var(--ink)}#bar{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom) + 12px);padding:0 calc(var(--safe-right) + 10px) 0 calc(var(--safe-left) + 10px);display:flex;justify-content:center;gap:8px}#bar button{flex:1;max-width:76px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;touch-action:manipulation}#bar .ic{width:54px;height:50px;display:grid;place-items:center;border-radius:18px;background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .08s}#bar .ic svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#btnHint .ic{background:var(--sun)}#btnStall .ic{background:#8fd3ff}#btnLift .ic{background:#ffb3d9}#btnLift.armed .ic{background:#ff70c4;transform:translateY(-3px);box-shadow:0 7px 0 var(--ink);animation:armed .9s ease-in-out infinite}@keyframes armed{50%{transform:translateY(-6px)}}#bar button:active .ic{transform:translateY(4px);box-shadow:0 0 0 var(--ink)}#bar button:disabled{opacity:.4}#toast{position:fixed;left:50%;top:calc(var(--safe-top) + 66px);transform:translate(-50%,-10px) scale(.96);background:var(--ink);color:#fff;padding:10px 16px;border-radius:14px;font-size:14.5px;max-width:88vw;text-align:center;opacity:0;transition:opacity .18s,transform .25s cubic-bezier(.2,1.5,.4,1);pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) scale(1)}#overlay,#picker{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d234080;display:grid;place-items:center;padding:24px;animation:fade .25s ease-out}#overlay[hidden],#picker[hidden]{display:none}.card{background:var(--paper);border:3px solid var(--ink);border-radius:28px;padding:24px 20px 20px;width:min(340px,100%);text-align:center;box-shadow:0 7px 0 var(--ink);animation:pop .45s cubic-bezier(.2,1.5,.4,1)}.badge-art{width:92px;height:92px;margin:-64px auto 6px;border-radius:50%;border:3px solid var(--ink);display:grid;place-items:center;box-shadow:0 5px 0 var(--ink);animation:wobble 1.2s ease-in-out .4s both}.badge-art svg{width:54px;height:54px}.card h1{margin:6px 0;font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.05;text-wrap:balance}.card p{margin:0 0 18px;color:#4a5175;font-size:15.5px;line-height:1.4}.actions{display:flex;flex-direction:column;gap:12px}.actions button{border:2.5px solid var(--ink);border-radius:16px;padding:13px;font-family:var(--font-display);font-size:21px;letter-spacing:.02em;background:var(--sun);box-shadow:0 5px 0 var(--ink)}.actions button.secondary{font-family:var(--font-ui);font-weight:900;font-size:16px;background:var(--mist)}.actions button:active{transform:translateY(5px);box-shadow:0 0 0 var(--ink)}#pickerInput{width:100%;margin:8px 0 18px;padding:10px 14px;border:2.5px solid var(--ink);border-radius:14px;font-family:var(--font-display);font-size:30px;text-align:center;color:var(--ink);background:#fff}#debug{position:fixed;left:8px;bottom:calc(var(--safe-bottom) + 96px);margin:0;font-size:10px;background:#1d2340bf;color:#fff;padding:6px 8px;border-radius:8px;pointer-events:none}@keyframes pop{0%{transform:scale(.6) translateY(30px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.06)}60%{transform:rotate(6deg)}}@media(prefers-reduced-motion:reduce){.card,.badge-art,#overlay,#picker{animation:none}}.chip-label .short{display:none}@media(max-width:370px){#bar .ic{width:50px;height:46px}#bar button{font-size:11.5px}}@media(max-width:390px){#hud{gap:6px}.chip{padding:0 10px;height:40px}.chip .num{font-size:21px}.tag{font-size:14px;padding:0 9px}.chip-label .long{display:none}.chip-label .short{display:inline}}body.night #bar button>span:last-child{color:#fff}