.ColourMixerGame-module__Be3lpq__wrap{--ink:#3a2e2a;--bg1:#ffe9c7;--bg2:#cdeefb;--card:#fff;--shadow:#78502840;--paper:#fffdf6;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:none;min-height:0;font-family:var(--font-sans), sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%, #fff6 0 22%, transparent 22%), radial-gradient(circle at 85% 78%, #fff5 0 18%, transparent 18%), linear-gradient(160deg, var(--bg1), var(--bg2));-webkit-user-select:none;user-select:none;background-attachment:fixed;flex:1;padding:14px 12px 32px;overflow-y:auto}.ColourMixerGame-module__Be3lpq__wrap *,.ColourMixerGame-module__Be3lpq__wrap :before,.ColourMixerGame-module__Be3lpq__wrap :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ColourMixerGame-module__Be3lpq__inner{width:100%;max-width:1180px;margin:0 auto}.ColourMixerGame-module__Be3lpq__layout{flex-direction:column;display:flex}.ColourMixerGame-module__Be3lpq__canvasPane{min-width:0}.ColourMixerGame-module__Be3lpq__controls{flex-direction:column;display:flex}@media (min-width:900px){.ColourMixerGame-module__Be3lpq__layout{flex-direction:row;align-items:flex-start;gap:16px}.ColourMixerGame-module__Be3lpq__canvasPane{flex:auto;min-width:0}.ColourMixerGame-module__Be3lpq__controls{flex:0 0 340px}}.ColourMixerGame-module__Be3lpq__title{font-family:var(--font-display), sans-serif;text-align:center;color:#ff7043;letter-spacing:.5px;text-shadow:0 2px 0 #fff, 0 3px 0 var(--shadow);margin:2px 0;font-size:clamp(26px,7vw,38px);font-weight:700}.ColourMixerGame-module__Be3lpq__sub{text-align:center;color:#7a6a5e;margin:2px 0 12px;font-size:14px;font-weight:600}.ColourMixerGame-module__Be3lpq__card{background:var(--card);box-shadow:0 6px 0 var(--shadow), 0 10px 22px #0000001f;border-radius:24px;margin-bottom:14px;padding:12px}.ColourMixerGame-module__Be3lpq__shapes{gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.ColourMixerGame-module__Be3lpq__shapes button{cursor:pointer;background:#fff4e3;border:none;border-radius:16px;flex:none;width:52px;height:52px;font-size:26px;line-height:1;transition:transform 80ms;box-shadow:0 3px #e9d3b0}.ColourMixerGame-module__Be3lpq__shapes button.ColourMixerGame-module__Be3lpq__active{background:#ffd9a0;box-shadow:inset 0 0 0 3px #ff9d57,0 3px #e9b878}.ColourMixerGame-module__Be3lpq__shapes button:active{transform:translateY(2px)}.ColourMixerGame-module__Be3lpq__upload{background:#eaf4ff;box-shadow:0 3px #c3def5}.ColourMixerGame-module__Be3lpq__upload.ColourMixerGame-module__Be3lpq__active{background:#bfe0ff;box-shadow:inset 0 0 0 3px #5aa9ef,0 3px #9ec9ef}.ColourMixerGame-module__Be3lpq__canvasBox{aspect-ratio:1;touch-action:none;background:repeating-linear-gradient(45deg,#f7f7f7 0 16px,#efefef 16px 32px);border-radius:18px;width:100%;max-width:min(100%,100dvh - 280px);margin-inline:auto;position:relative;overflow:hidden}@media (min-width:900px){.ColourMixerGame-module__Be3lpq__canvasBox{max-width:min(100%,100dvh - 200px)}}.ColourMixerGame-module__Be3lpq__canvasBox canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ColourMixerGame-module__Be3lpq__mix{align-items:center;gap:14px;display:flex}.ColourMixerGame-module__Be3lpq__swatch{width:64px;height:64px;box-shadow:0 3px 0 var(--shadow), inset 0 0 0 1px #0001;background:conic-gradient(#eee 0 25%, #fafafa 0 50%, #eee 0 75%, #fafafa 0);border:4px solid #fff;border-radius:50%;flex:none}.ColourMixerGame-module__Be3lpq__mixInfo{flex:1;min-width:0}.ColourMixerGame-module__Be3lpq__mixName{font-family:var(--font-display), sans-serif;font-size:21px;font-weight:600}.ColourMixerGame-module__Be3lpq__recipe{color:#8a7a6c;min-height:18px;margin-top:2px;font-size:13px;font-weight:600}.ColourMixerGame-module__Be3lpq__wash{color:#5a6b73;font-family:var(--font-sans), sans-serif;cursor:pointer;background:#eef3f6;border:none;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.15;box-shadow:0 3px #cdd8de}.ColourMixerGame-module__Be3lpq__wash:active{transform:translateY(2px);box-shadow:0 1px #cdd8de}.ColourMixerGame-module__Be3lpq__label{font-family:var(--font-display), sans-serif;color:#6a5a4e;margin:2px 4px 10px;font-size:15px;font-weight:600}.ColourMixerGame-module__Be3lpq__wells{gap:9px;display:flex}.ColourMixerGame-module__Be3lpq__well{cursor:pointer;border:none;border-radius:18px;flex:1;height:76px;transition:transform 70ms;position:relative;box-shadow:0 5px #00000038}.ColourMixerGame-module__Be3lpq__well:active{transform:translateY(3px);box-shadow:0 2px #00000038}.ColourMixerGame-module__Be3lpq__badge{color:#3a2e2a;background:#fff;border:2px solid #ffcf7a;border-radius:13px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 5px;font-size:13px;font-weight:700;display:none;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0003}.ColourMixerGame-module__Be3lpq__badge.ColourMixerGame-module__Be3lpq__show{display:flex}.ColourMixerGame-module__Be3lpq__nm{text-align:center;color:#fff;text-shadow:0 1px 2px #0006;font-size:12px;font-weight:700;position:absolute;bottom:7px;left:0;right:0}.ColourMixerGame-module__Be3lpq__well.ColourMixerGame-module__Be3lpq__light .ColourMixerGame-module__Be3lpq__nm{color:#5a4a3a;text-shadow:none}.ColourMixerGame-module__Be3lpq__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ColourMixerGame-module__Be3lpq__seg{background:#f1ece4;border-radius:14px;gap:4px;padding:4px;display:flex}.ColourMixerGame-module__Be3lpq__seg button{font-family:var(--font-sans), sans-serif;cursor:pointer;color:#8a7a6c;background:0 0;border:none;border-radius:11px;padding:8px 11px;font-size:13px;font-weight:700}.ColourMixerGame-module__Be3lpq__seg button.ColourMixerGame-module__Be3lpq__on{color:#3a2e2a;background:#fff;box-shadow:0 2px 5px #0001}.ColourMixerGame-module__Be3lpq__toolBtn{font-family:var(--font-sans), sans-serif;cursor:pointer;border:none;border-radius:14px;padding:10px 13px;font-size:13px;font-weight:700}.ColourMixerGame-module__Be3lpq__toolBtn:active{transform:translateY(2px)}.ColourMixerGame-module__Be3lpq__eraser{color:#c2566f;background:#ffe0e6;box-shadow:0 3px #f3b9c5}.ColourMixerGame-module__Be3lpq__eraser.ColourMixerGame-module__Be3lpq__on{color:#fff;background:#ff8aa3;box-shadow:0 3px #e06a85}.ColourMixerGame-module__Be3lpq__clear{color:#4f8a57;background:#e3f1e4;box-shadow:0 3px #bfe0c2}.ColourMixerGame-module__Be3lpq__hint{color:#9a8a7c;text-align:center;margin-top:10px;font-size:12.5px;font-weight:600}