.paletto-workshop{--pw-ink:#10394e;--pw-cream:#fff9df;--pw-green:#397b37;width:100%;max-width:1100px;color:var(--pw-ink);margin:0 auto}.paletto-workshop *{box-sizing:border-box}.paletto-workshop-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 18px;display:flex}.paletto-workshop-heading a{text-underline-offset:3px;font-size:13px;text-decoration:underline}.paletto-workshop h1{margin:7px 0 0;font-size:clamp(22px,2.5vw,32px);line-height:1.15}.paletto-demo-label{white-space:nowrap;background:#e7fff6;border:1px solid #277b7140;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700}.paletto-workshop-heading-tools{align-items:center;gap:8px;display:flex}.paletto-workshop-heading-tools label{font-size:12px;font-weight:700}.paletto-workshop-heading-tools select{color:#10394e;min-height:40px;font:inherit;background:#fff9df;border:2px solid #cddfbd;border-radius:12px;padding:7px 30px 7px 10px;font-size:12px;font-weight:700}.paletto-workshop-heading-tools select:focus-visible{outline-offset:3px;outline:3px solid #663bd2}.paletto-workshop-game{border:4px solid var(--pw-cream);background:var(--pw-cream);border-radius:26px;overflow:hidden;box-shadow:0 5px #28786535}.paletto-workshop-toolbar{color:#fff9df;background:#10394e;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex}.paletto-workshop-toolbar>div:first-child{flex-wrap:wrap;align-items:center;gap:7px 20px;display:flex}.paletto-workshop-toolbar span{font-size:14px}.paletto-workshop-toolbar strong{letter-spacing:1px;color:#ffe360;font-size:30px;line-height:1.2}.paletto-workshop-options{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.paletto-workshop button{min-height:44px;color:var(--pw-ink);font:inherit;cursor:pointer;background:#fffbea;border:2px solid #e3e9cf;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:700}.paletto-workshop button:disabled{opacity:.55;cursor:wait}.paletto-workshop button:focus-visible,.paletto-workshop canvas:focus-visible{outline-offset:3px;outline:3px solid #663bd2}.paletto-workshop-stage{aspect-ratio:960/520;isolation:isolate;background:#40c6ee url(/images/game-worlds/paletto-multiplications/room-01.png) 50%/cover;width:100%;position:relative}.paletto-workshop-canvas{position:absolute;inset:0;overflow:hidden}.paletto-workshop-canvas canvas{touch-action:none;display:block}.paletto-workshop-overlay{background:#0c4a5915;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.paletto-workshop-overlay[hidden]{display:none}.paletto-workshop-overlay>div{text-align:center;background:#fff9e9f5;border:3px solid #fff9d2;border-radius:22px;max-width:440px;padding:22px 26px;box-shadow:0 5px #26563b26}.paletto-workshop-overlay h2{margin:0 0 10px;font-size:clamp(18px,2.3vw,26px);line-height:1.15}.paletto-workshop-overlay p{margin:0 0 15px;font-size:14px;line-height:1.5}.paletto-workshop-overlay button{color:#fff;background:#58a72c;border-color:#bdf575;min-width:150px;font-size:19px;box-shadow:0 3px #367b28}.paletto-workshop-bottom{justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.paletto-workshop-message{flex:1;min-width:0}.paletto-workshop-message p{margin:0 0 5px;font-size:15px;font-weight:700;line-height:1.35}.paletto-workshop-message small{color:#587062;font-size:11px}.paletto-workshop-controls{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.paletto-workshop-controls button{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#0e9eb4;border-color:#a0eff2;flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:50px;padding:4px 9px;font-size:27px;line-height:1;display:flex;box-shadow:0 3px #07667e}.paletto-workshop-controls button small{margin-top:3px;font-size:10px;line-height:1.1}.paletto-workshop-controls .paletto-workshop-jump{color:#573800;background:#ffc129;border-color:#fff1a4;min-width:65px;box-shadow:0 3px #bc8008}.paletto-workshop-notes{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;display:flex}.paletto-workshop-notes p{color:#355d5a;margin:0;font-size:12px}.paletto-workshop-notes button{background:#eaffef;border-color:#8bcbb4;padding:7px 12px}.carto-adventure .paletto-workshop-heading h2{margin:0;font-size:clamp(18px,2vw,25px)}.carto-adventure .paletto-workshop-options time{font-variant-numeric:tabular-nums;align-self:center;font-weight:800}.carto-adventure .paletto-workshop-heading-tools{flex-wrap:wrap}.carto-adventure .paletto-workshop-notes>div{flex-wrap:wrap;gap:6px;display:flex}.carto-adventure .paletto-workshop-notes>span{font-size:12px}.carto-adventure-result{text-align:center;background:#fff9df;border:2px solid #d0e7ba;border-radius:18px;padding:14px}.carto-adventure-result[hidden]{display:none}.carto-adventure-result .button{margin:4px}@media (width<=800px){.paletto-workshop-toolbar{padding:10px 12px}.paletto-workshop-toolbar>div:first-child{display:block}.paletto-workshop-toolbar strong{font-size:25px;display:block}.paletto-workshop-bottom{text-align:center;flex-direction:column;align-items:stretch;padding:12px}}@media (width<=480px){.paletto-workshop-heading{gap:8px;margin-block:8px 12px}.paletto-workshop-heading-tools{flex-wrap:wrap;justify-content:flex-end}.paletto-workshop-heading-tools select{max-width:190px}.paletto-workshop-game{border-width:3px;border-radius:18px}.paletto-workshop-options{gap:4px}.paletto-workshop-options button{padding:6px 8px;font-size:11px}.paletto-workshop-toolbar span{font-size:11px}.paletto-workshop-toolbar strong{font-size:24px}.paletto-workshop-overlay>div{padding:12px 16px}.paletto-workshop-overlay h2{margin-bottom:5px}.paletto-workshop-overlay p{margin-bottom:8px;font-size:11px}.paletto-workshop-overlay button{min-height:44px;padding:5px 14px;font-size:16px}.paletto-workshop-controls{gap:6px}.paletto-workshop-overlay{padding:6px}.paletto-workshop-overlay>div{max-width:92%;padding:9px 12px}.paletto-workshop-overlay h2{font-size:16px}.paletto-workshop-overlay p{display:none}}