:root{--testo: #f4f1ff;--tenue: #b4bfcc;--pannello: #1c2530;--pannello-2: #2b3747;--accento: #ffcb3d;--accento-scuro: #d9951a;--verde: #34d399;--verde-scuro: #059669;--rosso: #f43f5e;--raggio: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;overflow:hidden;color:var(--testo);font-family:Fredoka,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;background:#17241a}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}.sfondo-scalo{background:radial-gradient(120% 80% at 50% 0%,#56763f,#2c4223 55%,#17241a)}.sfondo-deserto{background:radial-gradient(120% 80% at 50% 0%,#c08a4c,#7a5230 55%,#3d2817)}.sfondo-neve{background:radial-gradient(120% 80% at 50% 0%,#8ba3c2,#4b6280 55%,#26344a)}.sfondo-autunno{background:radial-gradient(120% 80% at 50% 0%,#b5602e,#6e3218 55%,#351709)}.sfondo-notte{background:radial-gradient(1px 1px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 70% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 40% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 85% 40%,#fff 50%,transparent 51%),radial-gradient(120% 80% at 50% 0%,#2a3b5e,#141d33 55%,#090d18)}#app{position:absolute;left:0;top:0;width:100%;height:100vh;height:100dvh;overflow:hidden}.schermo{position:absolute;inset:0;display:none;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.schermo.attivo{display:flex}.riga-alta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}.tondo{width:46px;height:46px;border-radius:50%;background:#ffffff1f;font-size:22px;display:grid;place-items:center;box-shadow:inset 0 -3px #00000040}.tondo:active{transform:scale(.92)}.monete{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:999px;background:#0000004d;font-weight:700;font-size:18px}.monete span{font-size:20px}.logo{margin-top:4vh;text-align:center}.logo h1{margin:10px 0 0;font-size:clamp(44px,15vw,76px);line-height:.9;font-weight:700;letter-spacing:.02em;display:flex;flex-direction:row;justify-content:center;text-shadow:0 5px 0 rgba(0,0,0,.3)}.logo h1 span:first-child{background:linear-gradient(90deg,#ff6b6b,#ffcb3d,#34d399,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 rgba(0,0,0,.3));text-shadow:none}.logo-treno{display:flex;justify-content:center;align-items:flex-end;gap:6px;padding-bottom:6px;background:linear-gradient(#0000 calc(100% - 4px),#ffffff8c 0) center bottom / 260px 100% no-repeat}.logo-treno i{width:52px;height:34px;border-radius:6px;background:#38bdf8;box-shadow:inset 0 -6px #00000040,0 4px #222;animation:dondola 1.2s ease-in-out infinite}.logo-treno i:nth-child(3){background:#ef4444;animation-delay:-.3s}.logo-treno i:nth-child(4){background:#facc15;animation-delay:-.6s}.logo-treno .loco{order:-1;width:58px;height:44px;border-radius:6px 14px 6px 6px;background:linear-gradient(90deg,#c0392b 62%,#8e2a20 62%);border-bottom:6px solid #f4c430;animation-delay:-.9s}@keyframes dondola{50%{transform:translateY(-3px)}}.centro{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.grande{position:relative;width:min(300px,80vw);padding:14px 20px 18px;border-radius:26px;background:linear-gradient(#45e0a8,var(--verde));box-shadow:0 7px 0 var(--verde-scuro),0 14px 30px #00000059;display:flex;flex-direction:column;align-items:center;animation:respira 1.8s ease-in-out infinite}.grande small{font-size:15px;font-weight:600;opacity:.85;letter-spacing:.15em}.grande span{font-size:34px;font-weight:700;text-shadow:0 3px 0 rgba(0,0,0,.2)}.grande em{position:absolute;top:-12px;right:-8px;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--rosso);transform:rotate(6deg)}.grande:active{transform:translateY(5px);box-shadow:0 2px 0 var(--verde-scuro);animation:none}@keyframes respira{50%{transform:scale(1.04)}}.scrigno{width:min(300px,80vw)}.scrigno-testo{display:flex;justify-content:space-between;font-size:15px;margin-bottom:6px;color:var(--tenue)}.scrigno-testo b{color:var(--testo)}.barra{height:14px;border-radius:999px;background:#00000059;overflow:hidden}#h-barra{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accento-scuro),var(--accento));transition:width .6s}.carte{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.carta{position:relative;padding:12px 6px;border-radius:var(--raggio);background:#ffffff1a;box-shadow:inset 0 -4px #00000040;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:1.15}.carta b{font-size:28px}.carta small{font-size:12px;color:var(--accento)}.carta:active{transform:scale(.95)}.pallino{display:none;position:absolute;top:6px;right:8px;width:12px;height:12px;border-radius:50%;background:var(--rosso);box-shadow:0 0 0 3px #f43f5e4d}.notifica .pallino{display:block}.titolo-livello{flex:1;display:flex;flex-direction:column;align-items:center;font-size:22px;font-weight:700}.titolo-livello small{font-size:11px;letter-spacing:.1em;padding:2px 8px;border-radius:999px;background:var(--rosso)}#campo{position:relative;flex:1;min-height:0;margin:0 calc(-1*max(16px,env(safe-area-inset-left)))}#tela{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#aiuto-testo{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:max-content;max-width:88%;text-align:center;padding:10px 16px;border-radius:14px;background:#00000080;font-size:15px;opacity:0;transition:opacity .3s;pointer-events:none}#aiuto-testo.visibile{opacity:1}.strumenti{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.strumento{position:relative;padding:8px 2px 7px;border-radius:16px;background:#ffffff1f;box-shadow:inset 0 -4px #00000040;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600}.strumento b{font-size:24px;line-height:1.1}.strumento i{position:absolute;top:-7px;right:-2px;font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--accento);color:#3b2500}.strumento i:empty{display:none}.strumento:active{transform:scale(.93)}.strumento.spento{opacity:.45}.velo{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#060a0e99;opacity:0;pointer-events:none;transition:opacity .2s}.velo.aperto{opacity:1;pointer-events:auto}.pannello{position:relative;width:min(380px,100%);max-height:100%;overflow:auto;padding:22px 18px 20px;border-radius:26px;background:linear-gradient(var(--pannello-2),var(--pannello));box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a;text-align:center;transform:scale(.9);transition:transform .25s cubic-bezier(.3,1.6,.6,1)}.velo.aperto .pannello{transform:scale(1)}.pannello h2{margin:0 0 6px;font-size:28px}.sotto{margin:0 0 14px;color:var(--tenue);font-size:14px}.chiudi{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#ffffff1a;font-size:16px}.bottone{display:block;width:100%;margin-top:12px;padding:14px;border-radius:18px;font-size:20px;font-weight:700;background:linear-gradient(#45e0a8,var(--verde));box-shadow:0 5px 0 var(--verde-scuro)}.bottone:active{transform:translateY(3px);box-shadow:0 2px 0 var(--verde-scuro)}.bottone:disabled{filter:grayscale(1);opacity:.6}.vittoria h2{font-size:36px;color:var(--accento);text-shadow:0 4px 0 rgba(0,0,0,.3)}.premio{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0;font-size:44px;font-weight:700}.note{color:var(--tenue);font-size:15px;line-height:1.5}#giorni{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.giorno{padding:8px 2px;border-radius:14px;background:#ffffff14;display:flex;flex-direction:column;align-items:center;font-weight:600}.giorno small{font-size:11px;color:var(--tenue)}.giorno b{font-size:24px}.giorno.grande{grid-column:span 2;background:#ffcb3d26}.giorno.preso{opacity:.4}.giorno.preso b:after{content:"\2713";font-size:16px;color:var(--verde)}.giorno.oggi{background:#34d39940;box-shadow:0 0 0 2px var(--verde);animation:respira 1.4s ease-in-out infinite}.monete.piccole{display:inline-flex;margin-bottom:10px}.schede{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:14px;background:#00000040;margin-bottom:12px}.scheda{padding:8px;border-radius:10px;font-weight:600}.scheda.attiva{background:var(--pannello-2);box-shadow:0 2px #0000004d}#articoli{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.articolo{padding:8px;border-radius:16px;background:#ffffff14;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.articolo span{font-size:12px;font-weight:700;color:var(--tenue)}.articolo .prezzo{color:var(--accento)}.articolo .uso{color:var(--verde)}.anteprima{position:relative;width:100%;height:70px;border-radius:10px}.mini-binario{position:absolute;left:8px;right:8px;top:30px;height:12px;border-top:3px solid #cfd4da;border-bottom:3px solid #cfd4da;background:repeating-linear-gradient(90deg,#5a4535 0 4px,transparent 4px 10px)}.mini-loco{display:grid;place-items:center;background:#0003}.mini-loco i{width:62px;height:36px;border-radius:6px 14px 4px 4px;border-bottom:8px solid}.opzioni{margin-top:10px;display:flex;flex-direction:column;gap:8px}.opzione{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0f;text-align:left;font-weight:600}.opzione small{display:block;font-size:12px;font-weight:400;color:var(--tenue)}.interruttore{position:relative;width:54px;height:30px;border-radius:999px;background:#fff3;transition:background .2s}.interruttore:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}.interruttore.acceso{background:var(--verde)}.interruttore.acceso:after{transform:translate(24px)}.selettore{padding:6px 14px;border-radius:999px;background:var(--pannello-2);font-weight:700;font-size:14px}#avviso{position:absolute;z-index:20;left:50%;top:calc(max(12px,env(safe-area-inset-top)) + 60px);transform:translate(-50%,-20px);width:max-content;max-width:90%;padding:12px 18px;border-radius:16px;background:#000c;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#avviso.visibile{opacity:1;transform:translate(-50%)}#perf-box{position:absolute;z-index:30;left:12px;bottom:90px;padding:8px 10px;font:12px/1.4 ui-monospace,monospace;background:#000000b0;border-radius:6px;display:none}.link-info{display:flex;justify-content:center;gap:8px;margin-top:18px;color:var(--tenue);font-size:13px}button.link{padding:4px 2px;background:none;border:none;color:var(--tenue);font:inherit;text-decoration:underline;cursor:pointer}.pannello.info{text-align:left}.pannello.info h2{text-align:center}.pannello.info p{margin:0 0 10px;font-size:14px;line-height:1.45}.pannello.info .licenza{font-size:10px;line-height:1.35;color:var(--tenue)}#app{left:50%;width:min(100%,64dvh);transform:translate(-50%)}#gira{display:none}@media (orientation: landscape) and (pointer: coarse) and (max-height: 600px){#gira{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#17241a;color:var(--testo);font-size:20px;font-weight:600;text-align:center}}.telefono-gira{width:44px;height:76px;border:4px solid currentColor;border-radius:10px;animation:raddrizza 1.8s ease-in-out infinite}@keyframes raddrizza{0%,25%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.telefono-gira{animation:none}}