@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:75% 125%;font-display:swap;src:url(/assets/Fredoka-VariableFont_wdth_wght-DbxtNlKw.ttf)format("truetype-variations"),url(/assets/Fredoka-VariableFont_wdth_wght-DbxtNlKw.ttf)format("truetype")}:root{--lk-blu-notte:#2d325a;--lk-verde-kids:#00d2b4;--lk-rosso-corallo:#ff5252;--lk-giallo-matita:gold;--lk-nuvola-chiara:#f0f4f8;--lk-bianco:#fff;--lk-nero-soft:#1a1d36;--lk-verde-10:#e0f9f5;--lk-verde-20:#c2f4eb;--lk-rosso-10:#ffe5e5;--lk-rosso-20:#fcc;--lk-giallo-10:#fff8cc;--lk-giallo-20:#ffec99;--lk-blu-10:#e5e7ee;--lk-blu-20:#c5c9d9;--lk-gray-50:#f7f9fc;--lk-gray-100:#f0f4f8;--lk-gray-200:#dce3ec;--lk-gray-300:#b8c2d1;--lk-gray-400:#8c97ab;--lk-gray-500:#5e6884;--lk-gray-600:#3f476a;--lk-gray-700:#2d325a;--bg-page:var(--lk-nuvola-chiara);--bg-section:var(--lk-bianco);--bg-section-alt:var(--lk-nuvola-chiara);--bg-card:var(--lk-bianco);--fg-1:var(--lk-blu-notte);--fg-2:var(--lk-gray-600);--fg-3:var(--lk-gray-500);--fg-on-color:var(--lk-bianco);--border-soft:var(--lk-gray-200);--border-strong:var(--lk-gray-300);--accent-primary:var(--lk-verde-kids);--accent-info:var(--lk-blu-notte);--accent-warning:var(--lk-giallo-matita);--accent-danger:var(--lk-rosso-corallo);--accent-success:var(--lk-verde-kids);--link:var(--lk-verde-kids);--link-hover:#00b89d;--font-primary:"Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-extra:800;--fw-black:900;--fs-h1:clamp(2.25rem, 4vw, 3.5rem);--fs-h2:clamp(1.75rem, 3vw, 2.5rem);--fs-h3:clamp(1.375rem, 2vw, 1.75rem);--fs-h4:1.25rem;--fs-body:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--fs-button:1rem;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--lh-loose:1.7;--ls-cap:1px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--shadow-card:0 8px 24px #2d325a0d;--shadow-hover:0 14px 34px #2d325a1a;--shadow-pop:0 18px 50px #2d325a26;--shadow-press:0 2px 6px #2d325a14 inset;--shadow-focus:0 0 0 4px #00d2b44d;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.4s}html{font-family:var(--font-primary);color:var(--fg-1)}body{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-primary);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-primary);color:var(--lk-blu-notte);line-height:var(--lh-tight);letter-spacing:-.01em;margin:0 0 var(--sp-4)}h1{font-size:var(--fs-h1);font-weight:700;font-stretch:115%}h2{font-size:var(--fs-h2);font-weight:700;font-stretch:110%}h3{font-size:var(--fs-h3);font-weight:700}h4{font-size:var(--fs-h4);font-weight:600}p{margin:0 0 var(--sp-4);color:var(--fg-2);line-height:var(--lh-body)}small,.meta{font-size:var(--fs-sm);color:var(--fg-3)}strong,b{font-weight:var(--fw-bold);color:var(--fg-1)}a{color:var(--link);font-weight:var(--fw-bold);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--link-hover);text-underline-offset:3px;text-decoration:underline}::selection{background:var(--lk-giallo-20);color:var(--lk-blu-notte)}.lk-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.lk-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.lk-btn{font-family:var(--font-primary);font-weight:var(--fw-bold);font-size:var(--fs-button);letter-spacing:var(--ls-cap);text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 30px;display:inline-flex}.lk-btn-primary{background:var(--lk-verde-kids);color:#fff;box-shadow:0 6px #00a78f}.lk-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px #00a78f}.lk-btn-primary:active{transform:translateY(2px);box-shadow:0 2px #00a78f}.lk-btn-secondary{background:var(--lk-bianco);color:var(--lk-blu-notte);box-shadow:inset 0 0 0 2px var(--lk-blu-notte)}.lk-btn-secondary:hover{background:var(--lk-blu-notte);color:#fff}.lk-btn-warning{background:var(--lk-giallo-matita);color:var(--lk-blu-notte);box-shadow:0 6px #c9a800}.lk-btn-danger{background:var(--lk-rosso-corallo);color:#fff;box-shadow:0 6px #c73b3b}.site-banner{background:var(--lk-bianco);border-bottom:1px solid var(--lk-gray-100);justify-content:center;align-items:center;padding:20px 24px;display:flex}.site-banner img{width:auto;max-height:110px;display:block}.lk-nav-wrap{padding:16px 20px 0}.lk-navbar{background:var(--lk-bianco);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:8px 12px 8px 20px;display:flex}.lk-navbar-brand{flex-shrink:0;align-items:center;gap:10px;display:flex;text-decoration:none!important}.lk-navbar-brand:hover{text-decoration:none!important}.lk-navbar-wordmark{font-weight:var(--fw-bold);color:var(--lk-blu-notte);letter-spacing:-.01em;font-size:1.1rem}.lk-navbar-links{flex:1;justify-content:center;gap:4px;display:flex}.lk-navbar-link{border-radius:var(--radius-pill);font-weight:var(--fw-bold);transition:background var(--dur-base) var(--ease-out);padding:9px 16px;font-size:.875rem;color:var(--lk-blu-notte)!important;text-decoration:none!important}.lk-navbar-link:hover{background:var(--lk-gray-100);text-decoration:none!important}.lk-navbar-link.active{background:var(--lk-gray-100)}.lk-navbar-link.verde{color:var(--lk-verde-kids)!important}.lk-navbar-link.verde:hover{background:var(--lk-verde-10)}.lk-navbar-cta{background:var(--lk-verde-kids);font-weight:var(--fw-bold);letter-spacing:var(--ls-cap);text-transform:uppercase;border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0;align-items:center;padding:10px 22px;font-size:.8125rem;display:inline-flex;box-shadow:0 5px #00a78f;color:#fff!important;text-decoration:none!important}.lk-navbar-cta:hover{transform:translateY(-2px);box-shadow:0 7px #00a78f}.lk-navbar-cta:active{transform:translateY(2px);box-shadow:0 2px #00a78f}@media (width<=768px){.lk-nav-wrap{display:none}}.lk-footer{background:var(--lk-bianco);border-top:1px solid var(--lk-gray-200);margin-top:auto;padding:40px 24px 24px}.lk-footer-inner{border-bottom:1px solid var(--lk-gray-100);grid-template-columns:1.6fr .8fr .8fr;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:24px;display:grid}.lk-footer-brand .lk-footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex;text-decoration:none!important}.lk-footer-brand .lk-footer-logo b{font-size:1.05rem;font-weight:var(--fw-bold);color:var(--lk-blu-notte)}.lk-footer-brand p{color:var(--lk-gray-500);max-width:300px;font-size:.8125rem;line-height:1.6;font-weight:var(--fw-regular);margin:0}.lk-footer-col-heading{color:var(--lk-blu-notte);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.75rem;font-weight:800}.lk-footer-col-link{transition:color var(--dur-fast) var(--ease-out);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block;color:var(--lk-gray-500)!important;text-decoration:none!important}.lk-footer-col-link:hover{color:var(--lk-verde-kids)!important}.lk-footer-bottom{max-width:1200px;color:var(--lk-gray-400);font-size:.75rem;font-weight:var(--fw-regular);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:20px auto 0;display:flex}@media (width<=768px){.lk-footer-inner{grid-template-columns:1fr;gap:24px}.lk-footer-bottom{flex-direction:column;gap:4px}}.page-hero{background:linear-gradient(135deg,#e0f9f5 0%,#f4fbfa 100%);border:1px solid #c2f4eb;border-radius:28px;margin-bottom:30px;padding:44px 52px;position:relative;overflow:hidden}.page-hero:before{opacity:.18;font-size:9rem;line-height:1;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.page-hero h1{font-family:var(--font-primary);color:var(--lk-blu-notte);margin-bottom:12px;font-size:2.4rem;font-weight:700}.page-hero p{color:var(--lk-gray-600);max-width:520px;margin:0;font-size:1.1rem;line-height:1.6}@media (width<=640px){.page-hero{padding:32px 26px}.page-hero h1{font-size:1.8rem}.page-hero:before{display:none}}:root{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--secondary:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--accent:#f59e0b;--accent-dark:#d97706;--text:#1e1b4b}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-primary);text-transform:uppercase;background:linear-gradient(135deg,#07071e 0%,#120d35 50%,#081a30 100%);justify-content:center;align-items:flex-start;padding:20px;font-weight:600;display:flex}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffffd9 1px,#0000 1px),radial-gradient(circle,#fff9 1px,#0000 1px),radial-gradient(circle,#fff6 1px,#0000 1px);background-position:20px 40px,80px 120px,150px 60px;background-size:190px 190px,280px 280px,370px 370px;position:fixed;inset:0}.background-decorations{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.18;border-radius:50%;position:absolute}.blob1{background:#312e81;width:420px;height:420px;animation:9s ease-in-out infinite floatBlob;top:-100px;left:-100px}.blob2{background:#1e3a8a;width:340px;height:340px;animation:12s ease-in-out infinite reverse floatBlob;bottom:-60px;right:-60px}.blob3{background:#92400e;width:360px;height:360px;animation:14s ease-in-out 3s infinite floatBlob;top:35%;left:55%}@keyframes floatBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(16px,-16px)scale(1.06)}}.game-container{z-index:1;background:var(--lk-bianco);border-radius:var(--radius-lg);flex-direction:column;gap:18px;width:100%;max-width:860px;padding:24px;display:flex;position:relative;box-shadow:0 24px 70px #0000008c}.game-header{text-align:center}.back-link{color:var(--primary);margin-bottom:8px;font-size:.78rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.65}.back-link-btn{cursor:pointer;background:0 0;border:none;padding:0}h1{font-family:var(--font-primary);color:var(--primary-dark);text-shadow:2px 2px #fff,4px 4px #0000001a;font-size:2rem;line-height:1.15}.subtitle{color:var(--primary);margin-top:4px;font-size:.88rem}.robot-section{align-items:flex-start;gap:12px;display:flex}.character{flex-shrink:0;font-size:4rem;animation:3s ease-in-out infinite floatChar}@keyframes floatChar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.speech-bubble{border:3px solid var(--primary-light);color:var(--text);background:#fff;border-radius:16px;flex:1;padding:12px 16px;font-size:1rem;line-height:1.45;position:relative;box-shadow:0 4px 14px #7c3aed24}.speech-bubble:before{content:"";border:9px solid #0000;border-right-color:var(--primary-light);position:absolute;top:14px;left:-18px}.speech-bubble:after{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;top:16px;left:-12px}.guide-panel{border:2px solid var(--accent);color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:10px 16px;font-size:.92rem;display:flex}.guide-icon{flex-shrink:0;font-size:1.3rem}.robot-target-box{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:16px;padding:14px 28px;display:flex;box-shadow:0 6px 22px #7c3aed66}.rtb-label{letter-spacing:.6px;opacity:.82;white-space:nowrap;font-size:1rem;font-weight:800}.rtb-number{font-family:var(--font-primary);align-items:baseline;gap:6px;line-height:1;display:flex}.rtb-val{font-size:3rem;line-height:1}.rtb-unit{opacity:.88;margin-right:8px;font-size:2rem}.rtb-unit:last-child{margin-right:0}.abacus-section{justify-content:center;align-items:stretch;gap:10px;display:flex}.cup-section{flex-direction:column;flex:1;align-items:center;gap:7px;max-width:240px;display:flex}.cup-label-top{font-family:var(--font-primary);letter-spacing:.5px;border-radius:20px;padding:4px 20px;font-size:1.25rem}.decine-label{background:var(--primary);color:#fff}.unita-label{background:var(--secondary);color:#fff}.cup-rim-top{border-radius:8px 8px 0 0;width:100%;height:12px}.decine-rim{background:var(--primary)}.unita-rim{background:var(--secondary)}.cup{border-left:5px solid;border-right:5px solid;flex-wrap:wrap;place-content:flex-end center;align-items:flex-end;gap:4px;width:100%;min-height:220px;padding:8px 6px;transition:background .3s;display:flex;position:relative}.decine-cup{border-color:var(--primary);background:#7c3aed0a}.unita-cup{border-color:var(--secondary);touch-action:none;-webkit-user-select:none;user-select:none;background:#10b9810a}.cup.drop-ready{box-shadow:inset 0 0 24px #10b98140;background:#10b9812e!important}.cup-base{border-radius:0 0 14px 14px;width:100%;height:12px}.cup-count{font-family:var(--font-primary);color:var(--text);min-height:2rem;font-size:1.6rem;line-height:1}.bundle{border:2px solid var(--accent);cursor:default;background:linear-gradient(#fef3c7,#fde68a);border-radius:6px;flex-direction:row;gap:2px;padding:5px 4px;display:flex;position:relative}.bundle-straw{background:linear-gradient(180deg, var(--primary-light), var(--primary));border-radius:3px;width:5px;height:42px}.bundle-band{background:var(--primary-dark);z-index:1;border-radius:2px;height:3px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.single-straw{background:linear-gradient(180deg, var(--secondary-light), var(--secondary));cursor:default;border-radius:4px;width:7px;height:52px;box-shadow:1px 1px 2px #00000024}.single-straw.selected{outline:2px solid var(--accent);box-shadow:0 0 6px var(--accent), 0 0 14px #f59e0b73;transition:transform .1s,box-shadow .1s;transform:scale(1.18)}.unita-divider{background:linear-gradient(90deg, transparent, var(--accent), var(--accent-dark), var(--accent), transparent);border-radius:2px;flex-shrink:0;width:100%;height:4px;position:relative}.unita-divider:after{content:"10";font-size:.65rem;font-weight:800;font-family:var(--font-primary);color:var(--accent-dark);text-transform:none;position:absolute;top:-14px;right:6px}.lasso-canvas{pointer-events:none;z-index:10;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.bundle.pending{cursor:grab;outline:3px dashed var(--accent);outline-offset:4px;animation:.85s ease-in-out infinite pendingPulse}@keyframes pendingPulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b80}50%{transform:scale(1.1);box-shadow:0 0 0 10px #f59e0b00}}.bundle.dragging{opacity:.25}.drag-ghost{pointer-events:none;z-index:9999;opacity:.9;transform:scale(1.12)rotate(4deg);box-shadow:0 10px 30px #0000004d}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-10deg)}70%{transform:scale(1.18)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pop-in{animation:.38s cubic-bezier(.34,1.56,.64,1) forwards popIn}@keyframes fadeOut{to{opacity:0;transform:scale(0)}}.fading{animation:.38s forwards fadeOut}.action-btn{font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;border:none;border-radius:12px;width:100%;padding:10px 12px;font-size:.82rem;font-weight:800;transition:transform .1s,box-shadow .1s}.decine-btn{background:var(--primary);color:#fff;box-shadow:0 6px 0 var(--primary-dark)}.decine-btn:not(:disabled):hover{box-shadow:0 9px 0 var(--primary-dark);transform:translateY(-3px)}.decine-btn:not(:disabled):active{box-shadow:0 2px 0 var(--primary-dark);transform:translateY(4px)}.decine-btn:disabled{opacity:.38;cursor:not-allowed}.unita-btn{background:var(--secondary);color:#fff;box-shadow:0 6px 0 var(--secondary-dark)}.unita-btn:not(:disabled):hover{box-shadow:0 9px 0 var(--secondary-dark);transform:translateY(-3px)}.unita-btn:not(:disabled):active{box-shadow:0 2px 0 var(--secondary-dark);transform:translateY(4px)}.unita-btn:disabled{opacity:.38;cursor:not-allowed}.start-btn{background:var(--lk-verde-kids);color:var(--lk-blu-notte);border-radius:var(--radius-pill);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;border:none;padding:14px 44px;font-size:1.5rem;transition:transform .1s,box-shadow .1s;box-shadow:0 8px #00a78f}.start-btn:hover{transform:translateY(-4px);box-shadow:0 12px #00a78f}.start-btn:active{transform:translateY(6px);box-shadow:0 2px #00a78f}.controlla-btn{background:var(--lk-giallo-matita);color:var(--lk-blu-notte);border-radius:var(--radius-pill);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;border:none;padding:14px 44px;font-size:1.5rem;transition:transform .1s,box-shadow .1s;box-shadow:0 8px #c9a800}.controlla-btn:hover{transform:translateY(-4px);box-shadow:0 12px #c9a800}.controlla-btn:active{transform:translateY(6px);box-shadow:0 2px #c9a800}.main-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.progress-section{justify-content:center;display:flex}.progress-dots{align-items:center;gap:8px;display:flex}.progress-dot{background:#d1d5db;border-radius:50%;width:14px;height:14px;transition:background .3s,transform .3s}.progress-dot.done{background:var(--primary);transform:scale(1.2)}.progress-dot.current{background:var(--accent);animation:1s ease-in-out infinite pulseDot;transform:scale(1.35)}@keyframes pulseDot{0%,to{transform:scale(1.35)}50%{transform:scale(1.1)}}.hidden{display:none!important}.modal{z-index:1000;background:#07071ee6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:440px;padding:38px 32px;animation:.45s cubic-bezier(.34,1.56,.64,1) bounceIn;box-shadow:0 30px 80px #0006}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.modal-emoji{margin-bottom:12px;font-size:4rem}.modal-content h2{font-family:var(--font-primary);color:var(--primary-dark);margin-bottom:10px;font-size:2rem}.modal-content p{color:#374151;margin-bottom:14px;font-size:.95rem;line-height:1.5}.modal-number{font-family:var(--font-primary);color:var(--primary);text-shadow:2px 2px #7c3aed2e;margin-bottom:22px;font-size:4rem}.next-btn{background:var(--lk-verde-kids);color:var(--lk-blu-notte);border-radius:var(--radius-pill);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;border:none;padding:12px 28px;font-size:1.2rem;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #00a78f}.next-btn:hover{transform:translateY(-3px);box-shadow:0 9px #00a78f}.next-btn:active{transform:translateY(4px);box-shadow:0 2px #00a78f}.confetti-container{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:linear forwards fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.mobile-intro,.mobile-game{display:none}@media (width<=600px){.game-container{display:none}.modal-content{margin:12px;padding:22px 18px}.modal-content h2{font-size:1.6rem}.modal-number{font-size:2.8rem}.mobile-intro{min-height:calc(100vh - var(--lk-nav-h));text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px 20px;display:flex}.mobile-intro.hidden{display:none}.mobile-intro h1{font-size:1.35rem}.mobile-intro .subtitle{font-size:.8rem}.mobile-intro .game-header{width:100%}.mobile-intro .back-link{margin-bottom:6px;display:block}.mobile-intro .guide-container{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.mobile-intro .character{font-size:4rem}.mobile-intro .speech-bubble{max-width:100%;font-size:.88rem}.mobile-intro .speech-bubble:before,.mobile-intro .speech-bubble:after{display:none}.mobile-intro .start-btn{padding:12px 32px;font-size:1.2rem}.mobile-game{inset:var(--lk-nav-h) 0 0 0;background:#fff;flex-direction:column;display:flex;position:fixed}.mobile-game.hidden{display:none}.mobile-top{background:#1e1b4b;border-bottom:2px solid #a78bfa4d;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.mobile-top .back-link,.mobile-top .back-link-btn{color:#c4b5fd;margin-bottom:0;font-size:.72rem}.mobile-top .progress-dots{flex-wrap:wrap;justify-content:flex-end;gap:5px}.mobile-top .progress-dot{width:10px;height:10px}.mobile-rtb{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;border-bottom:2px solid #a78bfa33;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:flex}.mobile-rtb-label{opacity:.82;white-space:nowrap;font-size:.75rem}.mobile-rtb .rtb-val{font-size:2.4rem}.mobile-rtb .rtb-unit{margin-right:4px;font-size:1.3rem}.mobile-rtb .rtb-unit:last-child{margin-right:0}.mobile-guide-strip{border-bottom:2px solid var(--accent);color:#78350f;text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);flex-shrink:0;padding:7px 10px 7px 70px;font-size:.9rem;line-height:1.4}.mobile-tray{flex:1;min-height:0;padding:6px 4px;display:flex;overflow-y:auto}.mobile-tray .abacus-section{flex:1;align-items:stretch;gap:6px;display:flex}.mobile-tray .cup-section{flex-direction:column;flex:1;align-items:center;gap:4px;max-width:none;display:flex}.mobile-tray .cup{flex:1;width:100%;min-height:0}.mobile-tray .cup-label-top{padding:3px 10px;font-size:1.15rem}.mobile-tray .cup-count{font-size:1.7rem}.mobile-tray .single-straw{width:6px;height:46px}.mobile-tray .bundle-straw{width:5px;height:38px}.mobile-bottom{background:#fff;border-top:2px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.mobile-bottom .action-btn{flex:1;padding:10px 4px;font-size:.88rem;box-shadow:0 4px}.mobile-bottom .decine-btn{box-shadow:0 4px 0 var(--primary-dark)}.mobile-bottom .unita-btn{box-shadow:0 4px 0 var(--secondary-dark)}.mobile-controlla{width:100%;padding:11px;font-size:1.35rem;box-shadow:0 4px #c9a800}.mobile-pending-btn{background:var(--accent);color:#78350f;width:100%;box-shadow:0 4px 0 var(--accent-dark);padding:11px;font-size:.95rem;animation:.85s ease-in-out infinite pendingPulse}.mobile-pending-btn:not(:disabled):active{box-shadow:0 2px 0 var(--accent-dark);transform:translateY(4px)}}