@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&family=Pacifico&display=swap);:root{--page-pad-x:16px;--page-pad-y:12px;--touch:44px;--card-radius:24px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}@media (max-width:720px){:root{--page-pad-x:8px;--page-pad-y:8px;--card-radius:18px}}#root,body,html{height:auto;min-height:100%}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden;overflow-y:auto}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page-main{box-sizing:border-box;flex:1 1;max-width:100%;padding:12px 16px calc(40px + env(safe-area-inset-bottom, 0px));padding:var(--page-pad-y) var(--page-pad-x) calc(40px + var(--safe-bottom));width:100%}a,button,input{touch-action:manipulation}@media (max-width:720px){#container,.container{border-radius:24px!important;border-radius:var(--card-radius)!important;box-sizing:border-box;margin:8px auto 20px!important;max-width:100%!important;min-width:0!important;padding:16px 12px 18px!important;width:100%!important}input[type=number],input[type=text]{box-sizing:border-box;font-size:16px;max-width:100%}button{min-height:44px;min-height:var(--touch,44px)}}.navbar{align-items:center;background-color:#e63866;box-shadow:0 4px 12px #0000001f;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:calc(.7rem + env(safe-area-inset-top, 0px)) 1.4rem .7rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.nav-toggle{background:#fff;border:none;border-radius:16px;color:#e63866;cursor:pointer;display:none;font-weight:800;margin:0;min-height:44px;min-height:var(--touch,44px);padding:8px 14px}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;list-style:none;margin:0;padding:0}.nav-links li{font-size:1rem;position:relative}.dropdown-toggle,.nav-links a{color:#fff;cursor:pointer;font-weight:800;text-decoration:none}.dropdown-toggle:hover,.logo-link:hover,.nav-links a:hover{color:#ffeb3b}.dropdown-menu{background-color:#fff;border-radius:10px;box-shadow:0 8px 18px #00000026;color:#000;display:none;left:0;list-style:none;margin:0;min-width:170px;padding:.5rem 0;position:absolute;top:100%;z-index:40}@media (hover:hover) and (pointer:fine){.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{display:block}}.dropdown-menu li{padding:0}.dropdown-menu li a{color:#000;display:block;padding:.55rem .9rem;text-decoration:none}.dropdown-menu li a:hover{background-color:#f6ab4a;color:#fff}.logo{font-size:1.45rem;font-weight:800}.logo-link{color:#fff;font-family:Pacifico,cursive;font-weight:400;text-decoration:none}@media (max-width:720px){.navbar{padding:calc(.55rem + env(safe-area-inset-top, 0px)) .9rem .55rem}.nav-toggle{align-items:center;display:inline-flex;justify-content:center}.nav-links{align-items:stretch;display:none;flex-direction:column;gap:0;padding-bottom:.4rem;width:100%}.navbar.menu-open .nav-links{display:flex}.nav-links>li{border-top:1px solid #fff3}.dropdown-toggle,.nav-links>li>a{display:block;min-height:44px;min-height:var(--touch,44px);padding:.85rem .2rem}.dropdown-menu{display:none}}.home-container{margin:0 auto;max-width:720px;padding:1.5rem 1rem 3rem;text-align:center}@media (max-width:720px){.home-container{padding:1rem .4rem 2rem}.home-container p{font-size:1.05rem}}.home-container h1{color:#e63866;font-family:Pacifico,cursive;font-size:clamp(2rem,5vw,2.8rem);font-weight:400;margin-bottom:1rem}.home-container p{color:#444;font-size:1.15rem;line-height:1.5;margin:0 auto 1.5rem;max-width:32em}.home-image{display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));height:auto;margin:0 auto;max-height:46vh;max-width:min(420px,85vw);object-fit:contain;width:auto}.carry-cell{color:red;font-size:.8em;font-weight:700}#myTable1{border-collapse:collapse;font-size:1.35em;margin:12px auto 0;width:auto}td,th{margin:0;padding:0}.result-border{border-top:4px solid #000}.container{align-items:center;background:linear-gradient(180deg,#fff6e8,#ffd4c4);border-radius:24px;box-shadow:0 12px 28px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:16px auto 32px;max-width:760px;min-width:280px;padding:24px;text-align:center;width:min(92%,760px)}.container h1{color:#333;font-size:1.8em;margin-bottom:20px}.container table{border-collapse:collapse;font-size:1.5em;margin:20px auto;max-width:90%;text-align:center;width:100%}.container table td{border:1px solid #ccc;padding:10px}.container button{background-color:#ffa07a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.container button:hover{background-color:coral}td.highlight-border{border-top:4px solid #000;text-align:center}.container button:active{transform:translateY(2px)}#root>div>div>div>table>tbody>tr:first-child>td:nth-child(11),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(13),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(15),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(5),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(7),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(9){color:red;font-size:.8em;padding-bottom:0}#root>div>div>div>table>tbody>tr:first-child>td:nth-child(10),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(12),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(14),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(4),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(6),#root>div>div>div>table>tbody>tr:first-child>td:nth-child(8){color:blue;font-size:.8em;padding-bottom:0;padding-right:0}.strikethrough{display:inline-block;position:relative}.strikethrough:before{background-color:red;content:"";height:2px;left:0;position:absolute;top:10px;transform:rotate(-45deg);transform-origin:center;width:140%}.esercizi-hub{margin:8px auto 40px;max-width:920px;padding:8px 12px 24px;text-align:center}#container h1,.container h1,.esercizi-hub h1{color:#e63866;font-family:Pacifico,cursive;font-size:clamp(1.8em,4vw,2.4em);font-weight:400;margin:0 0 12px}.esercizi-intro{color:#444;font-size:1.08em;line-height:1.45;margin:0 auto 28px;max-width:36em}.esercizi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.esercizi-grid{grid-template-columns:1fr}}.esercizi-card{align-items:center;background:linear-gradient(180deg,#fff6e8,#ffd4c4);border-radius:20px;box-shadow:0 8px 18px #00000024;color:#333;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:22px 16px 18px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.esercizi-card:hover{box-shadow:0 12px 22px #0000002e;transform:translateY(-3px)}.esercizi-card h2{color:#c0392b;font-size:1.35em;margin:0 0 10px}.esercizi-card p{flex:1 1;margin:0}.esercizi-cta{background:linear-gradient(90deg,#42e695,#3bb2b8);border-radius:20px;color:#fff;display:inline-block;font-weight:800;margin-top:16px;padding:8px 18px}#container.practice-page{align-items:stretch;margin:8px auto 32px;max-width:860px;min-height:auto;overflow:visible;padding:20px 20px 24px;width:min(96%,860px)}#container.practice-page.has-guide{max-width:1080px;width:min(96%,1080px)}.practice-workspace{align-items:stretch;display:flex;flex-direction:column;gap:16px;width:100%}.practice-guide{background:#ffffffc7;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:14px 16px 12px;text-align:left}.practice-guide-progress{color:#c0392b;font-weight:800;margin:0 0 10px}.practice-guide-list{margin:0;padding-left:1.2em}.practice-guide-step{color:#666;margin:0 0 8px}.practice-guide-step.current{background:#fff8dc;border-left:4px solid #3bb2b8;border-radius:8px;color:#222;list-style-position:inside;padding:8px 10px}.practice-guide-step.current p{font-weight:600;line-height:1.4;margin:6px 0 0}.practice-guide-step.done{opacity:.72}.practice-guide-step.todo strong{font-weight:600}.practice-guide-check{color:#1b7a3d;font-weight:800}.practice-guide-retry{color:#c0392b;font-weight:800;margin:8px 0 0}.practice-guide-done{color:#1b7a3d;font-weight:800;margin:8px 0 0}@media (min-width:840px){.practice-workspace{align-items:flex-start;flex-direction:row}.practice-guide{flex:0 0 min(42%,360px);max-width:360px}.practice-grid-wrap{flex:1 1 auto;min-width:0}}.practice-back{margin:0 0 4px;text-align:left;width:100%}.practice-back a{color:#c0392b;font-weight:800;text-decoration:none}.practice-prompt{font-size:1.2em;margin:0 0 4px}.practice-hint{color:#555;font-size:.95em;margin:0 0 12px}.practice-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;margin-bottom:16px}.practice-score{background:#ffffffa6;border-radius:999px;font-weight:800;margin:0;padding:6px 12px}.practice-levels{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.practice-levels-label{color:#555;font-weight:800;margin-right:4px}.level-btn{background:#fff;border:2px solid #82b74b;border-radius:20px;color:#333;cursor:pointer;font-weight:800;margin-top:0;min-width:2.4rem;padding:7px 11px}.level-btn.active{background:linear-gradient(90deg,#42e695,#3bb2b8);border-color:#0000;color:#fff}.practice-grid-wrap{overflow-x:auto;padding:4px 0 8px;width:100%}.practice-table{border-collapse:collapse;margin:0 auto;table-layout:fixed;width:auto}.practice-table td{font-size:1.2em;font-weight:800;height:2.15rem;min-width:2.15rem;padding:0;text-align:center;vertical-align:middle;width:2.15rem}.practice-table.compact td{font-size:1.05em;height:2rem;min-width:1.7rem;width:1.7rem}.practice-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.practice-actions button{margin-top:0}.secondary-btn{background:#fff!important;border:2px solid #3bb2b8!important;color:#333!important}.practice-feedback{font-weight:800;margin:14px 0 0}.practice-feedback.ok{color:#1b7a3d}.practice-feedback.ko{color:#c0392b}.practice-input{background:#0000;border:none;box-sizing:border-box;caret-color:#0000;color:inherit;cursor:pointer;font:inherit;font-weight:800;height:100%;padding:0;text-align:center;width:100%}.practice-input:focus{background:#fff8dc;outline:2px solid #ffbd39}.cell-ok{background-color:#c8e6c9!important}.practice-grid-wrap.has-success .cell-ok{animation:cell-ok-pulse .9s ease-in-out 2}.cell-ko,.practice-table td.cell-ko,.practice-table td.cell-step.cell-ko{animation:cell-ko-pulse .85s ease-in-out 3;background-color:#ff8a80!important;box-shadow:inset 0 0 0 3px #e63866,0 0 0 4px #e6386647;color:#7b1113}.practice-table td.cell-step{background:#fff8dc!important;box-shadow:inset 0 0 0 3px #ffbd39}.practice-table td.cell-picking{background:#e8fff6!important;box-shadow:inset 0 0 0 3px #3bb2b8}.practice-grid-wrap.has-error .practice-table{animation:table-ko-shake .45s ease-out}.cifro-alert{align-items:center;animation:cifro-pop .28s ease-out;background:#fff0f3;border:4px solid #e63866;border-radius:22px;box-shadow:0 8px 22px #e6386647;display:flex;gap:12px;justify-content:center;margin:18px auto 4px;padding:10px 16px 10px 8px;width:min(100%,440px)}.cifro-alert img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));flex-shrink:0;height:118px;width:auto}.cifro-bubble{background:#fff;border:3px solid #e63866;border-radius:18px;box-shadow:0 6px 14px #0000001f;color:#c0392b;font-size:1.12em;font-weight:800;line-height:1.35;margin:0;max-width:240px;padding:12px 14px;position:relative;text-align:left}.cifro-bubble:after{border:8px solid #0000;border-right-color:#e63866;content:"";left:-12px;margin-top:-8px;position:absolute;top:50%}@keyframes cifro-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cell-ko-pulse{0%,to{background-color:#ffcdd2!important;box-shadow:inset 0 0 0 3px #e63866,0 0 0 3px #e6386633}50%{background-color:#ff5252!important;box-shadow:inset 0 0 0 4px #c0392b,0 0 0 6px #e6386661}}@keyframes table-ko-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes cell-ok-pulse{0%,to{background-color:#c8e6c9!important;box-shadow:inset 0 0 0 2px #81c784}50%{background-color:#81c784!important;box-shadow:inset 0 0 0 3px #1b7a3d,0 0 0 5px #42e69559}}.cifro-festa{animation:cifro-pop .25s ease-out;background:#fff8dc8c;inset:0;justify-content:center;padding:16px;position:fixed;z-index:80}.cifro-festa,.cifro-festa-card{align-items:center;display:flex}.cifro-festa-card{flex-direction:column;gap:8px;padding:12px 20px 16px;position:relative}.cifro-festa-img{animation:cifro-entra .7s ease-out,cifro-salta .65s ease-in-out .7s 4;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));height:min(42vh,220px);transform-origin:center bottom;width:auto}.cifro-bubble.ok{animation:cifro-pop .35s ease-out .35s both;border-color:#42e695;color:#146c43;font-size:1.25em;max-width:260px;text-align:center}.cifro-bubble.ok:after{border-bottom-color:#42e695;border-right-color:#0000;bottom:100%;left:50%;margin:0 0 0 -8px;top:auto}.cifro-festa-hint{animation:cifro-pop .3s ease-out .8s both;color:#666;font-size:.95em;font-weight:700;margin:4px 0 0}.cifro-sparkle{animation:cifro-sparkle 1.1s ease-in-out infinite;background:#ffbd39;border-radius:2px;height:14px;position:absolute;transform:rotate(45deg);width:14px}.cifro-sparkle.s1{animation-delay:0s;background:#ffbd39;left:12%;top:8%}.cifro-sparkle.s2{animation-delay:.2s;background:#e63866;height:10px;right:16%;top:4%;width:10px}.cifro-sparkle.s3{animation-delay:.35s;background:#3bb2b8;height:12px;left:4%;top:38%;width:12px}.cifro-sparkle.s4{animation-delay:.5s;background:#42e695;right:6%;top:32%}.cifro-sparkle.s5{animation-delay:.15s;background:#ffbd39;bottom:22%;height:8px;left:18%;width:8px}@keyframes cifro-entra{0%{opacity:0;transform:translateY(90px) scale(.35) rotate(-10deg)}55%{opacity:1;transform:translateY(-22px) scale(1.14) rotate(5deg)}75%{transform:translateY(8px) scale(.96) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes cifro-salta{0%,to{transform:translateY(0)}35%{transform:translateY(-22px)}55%{transform:translateY(-8px)}}@keyframes cifro-sparkle{0%,to{opacity:.25;transform:rotate(45deg) scale(.5)}50%{opacity:1;transform:rotate(45deg) scale(1.25)}}@media (max-width:720px){.cifro-alert{gap:8px;margin-top:14px;padding:8px 12px 8px 4px}.cifro-alert img{height:88px}.cifro-bubble{font-size:1.02em;max-width:none;padding:10px 12px}.cifro-festa-img{height:min(38vh,180px)}.cifro-bubble.ok{font-size:1.12em}}.digit-pad{background:#fff;border-radius:10px;box-shadow:0 8px 20px #0000002e;padding:6px;position:fixed;width:-webkit-max-content;width:max-content;z-index:50}.digit-pad-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1.9rem)}.digit-btn,.digit-pad .digit-clear{background:#fff;border:1px solid #82b74b;border-radius:8px;color:#222;cursor:pointer;font-size:1rem;font-weight:800;height:1.9rem;line-height:1;margin:0;margin-top:0!important;min-height:0;padding:0;width:1.9rem}.digit-btn:focus,.digit-btn:hover{background:linear-gradient(90deg,#42e695,#3bb2b8);border-color:#0000;color:#fff}.digit-pad .digit-clear{background:#fff8f0;border-color:#e08a6a;font-size:.95rem}@media (max-width:720px){#container.practice-page,#container.practice-page.has-guide{margin:4px auto 16px;max-width:100%;padding:14px 10px 18px;width:100%}#container.practice-page.has-keypad{padding-bottom:8px}.practice-prompt{font-size:1.05em}.practice-toolbar{align-items:stretch;flex-direction:column;gap:8px}.practice-score{text-align:center}.practice-levels{justify-content:center;width:100%}.level-btn{min-height:44px;min-height:var(--touch,44px);min-width:44px;min-width:var(--touch,44px);padding:8px 10px}.practice-guide-step.done,.practice-guide-step.todo{display:none}.practice-guide-list{list-style:none;padding-left:0}.practice-table td,.practice-table.compact td{font-size:1.05em;height:2.1rem;min-width:1.85rem;width:1.85rem}.practice-input{font-size:16px}.digit-pad{padding:5px}.digit-pad-grid{gap:5px;grid-template-columns:repeat(3,2.2rem)}.digit-btn,.digit-pad .digit-clear{font-size:1.05rem;height:2.2rem;min-height:2.2rem;width:2.2rem}.practice-actions{flex-direction:column}.practice-actions button{min-height:44px;min-height:var(--touch,44px);width:100%}.esercizi-card{min-height:0;padding:18px 14px 16px}}.practice-table td.division-vbar{border-right:4px solid #222!important}.practice-table td.division-hbar{border-bottom:4px solid #222!important}.practice-table .strikethrough{display:inline-block;position:relative}.practice-table .strikethrough:before{background:#e63866;content:"";height:3px;left:-20%;pointer-events:none;position:absolute;top:50%;transform:rotate(-42deg);transform-origin:center;width:140%}.riporti{color:red;font-size:.8em;font-weight:700}.operand-border,.result-border{border-top:4px solid #000}body{background:linear-gradient(90deg,#f9d423,#ff4e50);background-attachment:fixed;box-sizing:border-box;color:#333;font-family:Nunito,Arial,sans-serif;margin:0}#root{min-height:100%;position:relative;width:100%}#container{align-items:center;background:linear-gradient(180deg,#fff6e8,#ffd4c4);border-radius:24px;box-shadow:0 12px 28px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:16px auto 32px;max-width:760px;min-width:280px;padding:24px;text-align:center;width:min(92%,760px)}h1{color:#ff6f61;font-family:Pacifico,cursive;font-size:2em;margin:0 0 20px}input[type=number],input[type=text]{-webkit-appearance:none;appearance:none;border:2px solid #82b74b;border-radius:15px;font-size:1em;margin:10px;outline:none;padding:10px;transition:border-color .3s}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus,input[type=text]:focus{border-color:#ffbd39}button{background:linear-gradient(90deg,#42e695,#3bb2b8);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;margin-top:20px;padding:12px 25px;transition:background .3s ease}button:hover{background:linear-gradient(90deg,#3bb2b8,#42e695)}#myTable{border-collapse:collapse;flex-grow:1;font-size:1.5em;margin:auto;width:100%}td,th{background-color:snow;border:1px solid #82b74b;border-radius:5px;padding:10px;text-align:center;transition:background-color .3s ease}td:nth-child(2n){background-color:#dcedc1}td:hover{background-color:#ffeb3b}.division-vbar{border-right:4px solid #222!important}.division-hbar{border-bottom:4px solid #222!important}