:root{--ink:#1f1636;--muted:#6b6478;--surface:#fff;--surface-ink:var(--ink);--line:#1f1636;--accent:#ff4d3d;--accent-ink:#fff;--scrim:#14101e8c;--display:system-ui, sans-serif;--text:system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#app{height:100%;padding-top:var(--safe-top);grid-template-rows:auto 1fr auto;max-width:640px;margin:0 auto;display:grid;position:relative}.top{z-index:2;justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex;position:relative}.level{font:inherit;flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.icon-btn{border-radius:14px;place-items:center;width:48px;height:48px;transition:transform 80ms,box-shadow 80ms;display:grid}.tag{border-radius:10px;flex-direction:column;align-items:center;padding:5px 12px 4px;font-size:15px;display:inline-flex;transform:rotate(-3deg)}.tag small{font-size:12px}.board{z-index:1;min-height:0;margin:0 8px;position:relative}.board.enter .tube,.board.enter .ball{animation:.3s cubic-bezier(.3,1.3,.5,1) both drop-in}.tube-hit{z-index:3;cursor:pointer;position:absolute}.tube{z-index:1;border-radius:4px 4px calc(var(--ball) * .6) calc(var(--ball) * .6);transition:transform .15s,background-color .2s,box-shadow .2s;position:absolute}.tube:before{content:"";border-radius:4px;height:8px;position:absolute;top:-4px;left:-6px;right:-6px}.tube.selected{transform:translateY(-3px)}.tube.pop{animation:.3s ease-out pop}.tube.shake{animation:.28s shake}.tube.hint-from,.tube.hint-to{outline:3px dashed var(--accent);outline-offset:7px;animation:.8s ease-in-out infinite nudge}.ball{z-index:2;width:var(--ball);height:var(--ball);background:var(--c);will-change:transform;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.ball:before{content:"";position:absolute}body.symbols .ball:after{content:attr(data-sym);color:#140a1ebf;font-size:calc(var(--ball) * .4);text-shadow:0 1px #ffffff80;line-height:1;position:relative}.actions{z-index:2;padding:8px 16px calc(18px + var(--safe-bottom));justify-content:center;gap:16px;display:flex;position:relative}.action{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:88px;height:66px;font-size:14px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.action:disabled{cursor:default}.badge{border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-10px;right:-10px}.badge.ad{width:26px;padding:0}.action:disabled .badge{display:none}.ad-offer{margin:0 0 6px}.toast{z-index:5;left:50%;top:calc(var(--safe-top) + 74px);border:2px solid var(--line);background:var(--surface);max-width:calc(100% - 32px);color:var(--surface-ink);text-align:center;opacity:0;pointer-events:none;border-radius:14px;padding:10px 16px;font-size:15px;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.btn{border:2px solid var(--line);background:var(--surface);height:56px;color:var(--surface-ink);border-radius:18px;padding:0 24px;font-size:18px;font-weight:800;transition:transform 80ms}.btn:active{transform:translateY(3px)}.btn.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.win{z-index:20;padding:calc(var(--safe-top) + 24px) max(24px, calc((100% - 640px) / 2 + 24px)) calc(var(--safe-bottom) + 24px);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.win__word{font-family:var(--display);transform-origin:0;font-size:min(20vw,130px);line-height:1;animation:.45s cubic-bezier(.2,1.6,.4,1) both slam}.win__line{margin:14px 0 36px;font-size:22px;font-weight:800;animation:.3s .25s both fade-in}.win__line--tight{margin-bottom:6px}.win__compare{opacity:.8;margin:0 0 36px;font-size:17px;font-weight:700;animation:.3s .3s both fade-in}.win__buttons{flex-direction:column;gap:14px;max-width:360px;animation:.3s .35s both fade-in;display:flex}.overlay{z-index:20;padding:16px 16px calc(var(--safe-bottom) + 16px);background:var(--scrim);place-items:end center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.sheet{width:min(420px,100%);max-height:calc(100% - var(--safe-top));border:2px solid var(--line);background:var(--surface);color:var(--surface-ink);border-radius:24px;flex-direction:column;gap:10px;padding:20px 20px 18px;animation:.25s cubic-bezier(.3,1.3,.5,1) rise;display:flex;overflow-y:auto}.sheet h2{font-family:var(--display);margin:0 0 2px;font-size:28px;font-weight:400}.looks{border:0;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 6px;padding:0;display:grid}.looks legend{margin-bottom:8px;padding:0;font-size:17px;font-weight:800}.look{border:2px solid color-mix(in srgb, var(--line) 30%, transparent);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:8px;font-size:15px;font-weight:800;display:flex}.look[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.look__swatch{background:var(--sw-bg);border-radius:9px;flex:none;justify-content:center;align-items:center;gap:3px;width:34px;height:34px;display:flex}.look__swatch i{background:var(--sw-a);border-radius:50%;width:11px;height:11px}.look__swatch i+i{background:var(--sw-b)}.row{justify-content:space-between;align-items:center;padding:6px 0;font-size:17px;font-weight:800;display:flex}.row input{appearance:none;border:2px solid var(--line);background:color-mix(in srgb, var(--line) 12%, transparent);cursor:pointer;border-radius:16px;width:54px;height:32px;margin:0;transition:background-color .15s;position:relative}.row input:after{content:"";background:var(--line);border-radius:50%;width:20px;height:20px;transition:transform .15s,background-color .15s;position:absolute;top:4px;left:4px}.row input:checked{background:var(--accent);border-color:var(--accent)}.row input:checked:after{background:var(--accent-ink);transform:translate(22px)}.row input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.credits{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.credits a{color:inherit}.mock-ad{z-index:50;background:#2a2a2a;place-items:center;display:grid;position:fixed;inset:0}.mock-ad__card{color:#fff;flex-direction:column;align-items:center;gap:18px;display:flex}.mock-ad__tag{opacity:.6;font-size:13px}.mock-ad__body{font-size:28px;font-weight:800}.mock-ad__close{color:#2a2a2a;background:#fff;border-radius:22px;min-width:56px;height:44px;padding:0 18px;font-weight:800}.mock-ad__close:disabled{opacity:.5}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes drop-in{0%{opacity:0;translate:0 -12px}}@keyframes slam{0%{opacity:0;transform:scale(1.5)rotate(-5deg)}}@keyframes pop{50%{transform:scale(1.06)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes nudge{50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.ads-free .badge.ad{display:none}body.symbols .ball[data-sym=⬢]:after{color:#ffffffd9;text-shadow:none}@font-face{font-family:Sniglet;font-weight:800;src:url(/games/snug-sort/play/fonts/sniglet-800.woff2)format("woff2")}@font-face{font-family:Shrikhand;src:url(/games/snug-sort/play/fonts/shrikhand-400.woff2)format("woff2")}@font-face{font-family:"Baloo 2";font-weight:700 800;src:url(/games/snug-sort/play/fonts/baloo-2-800.woff2)format("woff2")}@font-face{font-family:Dimple Sans;font-weight:700;src:url(/games/snug-sort/play/fonts/dimple-sans-700.woff2)format("woff2")}@font-face{font-family:Vedu Sans;font-weight:600;src:url(/games/snug-sort/play/fonts/vedu-sans-600.woff2)format("woff2")}@font-face{font-family:Audiowide;src:url(/games/snug-sort/play/fonts/audiowide-400.woff2)format("woff2")}@font-face{font-family:Chakra Petch;font-weight:600;src:url(/games/snug-sort/play/fonts/chakra-petch-600.woff2)format("woff2")}[data-theme=wood]{--ink:#4a2c12;--muted:#8a6440;--surface:#f7e9d2;--line:#8a5a2b;--accent:#c8432b;--accent-ink:#fff;--scrim:#3c1e0873;--display:"Sniglet", system-ui, sans-serif;--text:"Baloo 2", system-ui, sans-serif}[data-theme=wood] body{--wood-ink:#4a2c12;color:var(--wood-ink);font-family:var(--text);background-color:#e3bf8c;background-image:radial-gradient(120% 70% at 30% 0,#fff0d68c,#0000 65%),repeating-linear-gradient(91deg,#8c5a2817 0 2px,#0000 2px 11px),repeating-linear-gradient(89deg,#6e461e12 0 1px,#0000 1px 29px),linear-gradient(#e8c696,#d6a96f)}[data-theme=wood] .level__text{font-family:"Sniglet", var(--text);color:#5a3517;text-shadow:0 1.5px #ffeccdb3;font-size:26px;font-weight:800}[data-theme=wood] .tube{box-shadow:none;background:0 0;border:0;border-radius:0}[data-theme=wood] .tube:before{background:linear-gradient(90deg,#a46d38,#dcae78 40%,#b98146 75%,#9a6431);border-radius:6px 6px 0 0;width:16%;height:auto;inset:-14px auto 4px 50%;transform:translate(-50%)}[data-theme=wood] .tube:after{content:"";background:linear-gradient(#d09a5e,#a86f39);border-radius:7px;height:20px;position:absolute;bottom:-10px;left:-12%;right:-12%;box-shadow:0 5px #7c4b22,0 10px 12px #46230a4d}[data-theme=wood] .tube.done:after{background:linear-gradient(#e9c46a,#c49433);box-shadow:0 5px #8e6620,0 10px 12px #46230a4d}[data-theme=wood] .ball{--paint:color-mix(in srgb, var(--c) 92%, #7a4a1e);background:linear-gradient(160deg, #ffffff52, transparent 45%), linear-gradient(var(--paint), color-mix(in srgb, var(--paint) 80%, #2a1405));box-shadow:inset 0 0 0 calc(var(--ball) * .05) #ffffff1f, inset 0 calc(var(--ball) * -.07) 0 #28140547, 0 2px 2px #3c1e0859;border:0;border-radius:18%}[data-theme=wood] .ball:before{background:repeating-linear-gradient(100deg,#0000 0 18%,#3c1e081f 18% 22%);border-radius:12%;inset:18%}[data-theme=wood] .icon-btn,[data-theme=wood] .action{color:var(--wood-ink);font-family:"Sniglet", var(--text);background:linear-gradient(#e2b47c,#c48a51);border:0;box-shadow:inset 0 2px #fff0d78c,0 5px #8a5a2b,0 9px 12px #46230a40}[data-theme=wood] .icon-btn:active,[data-theme=wood] .action:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #fff0d78c,0 1px #8a5a2b}[data-theme=wood] .action:disabled{color:#4a2c1273;background:linear-gradient(#d8b48a,#c49b6d);transform:translateY(3px);box-shadow:inset 0 2px #fff0d74d,0 2px #9a6f45}[data-theme=wood] .badge{color:#fff;font-family:"Sniglet", var(--text);background:#c8432b;border:2px solid #f6e3c6}[data-theme=wood] .badge.ad{background:#2f6b4f}[data-theme=wood] .tag{color:#fff;font-family:"Sniglet", var(--text);background:#c8432b;border:2px solid #f6e3c6;box-shadow:0 3px #7c2b1a}[data-theme=wood] .win{color:#5a3517;background-color:#e3bf8c;background-image:radial-gradient(120% 70% at 30% 0,#fff0d68c,#0000 65%),repeating-linear-gradient(91deg,#8c5a2817 0 2px,#0000 2px 11px),linear-gradient(#e8c696,#d6a96f)}[data-theme=wood] .win__word{text-shadow:0 3px #ffeccdb3}[data-theme=candy]{--ink:#6b2340;--muted:#a35a78;--surface:#fff;--line:#ff8fab;--accent:#ff5c8a;--accent-ink:#fff;--scrim:#781e4659;--display:"Shrikhand", system-ui, sans-serif;--text:"Baloo 2", system-ui, sans-serif}[data-theme=candy] body{font-family:"Baloo 2", var(--text);background-color:#c9eee0;background-image:radial-gradient(circle,#ffffff8c 2.5px,#0000 3px),linear-gradient(#d6f4e8,#b9e6d6);background-size:26px 26px,auto}[data-theme=candy] #app:before{content:"";z-index:0;height:calc(var(--safe-top) + 92px);filter:drop-shadow(0 4px #c83c6440);background:repeating-linear-gradient(90deg,#ff7096 0 28px,#fff5f7 28px 56px);position:fixed;top:0;left:0;right:0;-webkit-mask:radial-gradient(14px at 14px calc(100% - 14px),#000 99%,#0000) 0 0/28px 100% repeat-x,linear-gradient(#000,#000) 0 0/100% calc(100% - 14px) no-repeat;mask:radial-gradient(14px at 14px calc(100% - 14px),#000 99%,#0000) 0 0/28px 100% repeat-x,linear-gradient(#000,#000) 0 0/100% calc(100% - 14px) no-repeat}[data-theme=candy] .level__text{font-family:"Shrikhand", var(--text);color:#e2366a;-webkit-text-stroke:6px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px #b4285059);font-size:30px}[data-theme=candy] .tube{background:linear-gradient(90deg,#ffffff4d,#ffffffbf 16%,#fff3 32%,#ffffff1f 70%,#ffffff73);border:2.5px solid #fffffff2;border-top:0;border-radius:6px 6px 16px 16px;box-shadow:inset 0 0 0 1px #468c7840,0 10px 16px #286e5a2e}[data-theme=candy] .tube:before{background:linear-gradient(#ffe08f,#e9b04a 55%,#c98a22);border-radius:7px;height:16px;top:-14px;left:-6px;right:-6px;box-shadow:0 2px #a8701a}[data-theme=candy] .tube.done{background:linear-gradient(90deg, #ffffff4d, #ffffffbf 16%, #fff3 32%), color-mix(in srgb, var(--tc) 22%, transparent)}[data-theme=candy] .ball{background:radial-gradient(circle at 32% 28%, #fff 0 7%, color-mix(in srgb, var(--c) 55%, #fff) 15%, var(--c) 42%, color-mix(in srgb, var(--c) 72%, #000) 100%);border:0;box-shadow:0 3px 4px #00000029,inset 0 0 0 1px #00000014}[data-theme=candy] .ball:before{display:none}[data-theme=candy] .icon-btn,[data-theme=candy] .action{color:#d6336c;font-family:"Baloo 2", var(--text);background:#fff;border:3px solid #ff8fab;border-radius:22px;font-weight:800;box-shadow:0 5px #f39ab4}[data-theme=candy] .icon-btn{border-radius:50%}[data-theme=candy] .icon-btn:active,[data-theme=candy] .action:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #f39ab4}[data-theme=candy] .action:disabled{color:#d6336c73;box-shadow:none;background:#ffffff8c;border-color:#ff8fab80;transform:translateY(4px)}[data-theme=candy] .badge{color:#8a4b00;background:#ffcd3c;border:2px solid #fff}[data-theme=candy] .badge.ad{color:#fff;background:#36c2a0}[data-theme=candy] .tag{color:#8a4b00;font-family:"Baloo 2", var(--text);background:#ffcd3c;border:3px solid #fff;font-weight:800;box-shadow:0 3px #b4780066}[data-theme=candy] .win{color:#fff;background:repeating-linear-gradient(90deg,#ff7096 0 44px,#ff86a7 44px 88px)}[data-theme=candy] .win__word{-webkit-text-stroke:10px #e2366a;paint-order:stroke fill}[data-theme=candy] .win .btn--primary{color:#e2366a;background:#fff;border-color:#fff}[data-theme=sea]{--ink:#fff;--muted:#5b7f9c;--surface:#eefbff;--surface-ink:#0a3a66;--line:#7fc6dd;--accent:#0f86b4;--accent-ink:#fff;--scrim:#03193780;--display:"Baloo 2", system-ui, sans-serif;--text:"Baloo 2", system-ui, sans-serif}[data-theme=sea] body{color:#fff;font-family:"Baloo 2", var(--text);background:linear-gradient(#2bc4d4 0%,#0f86b4 38%,#0a4f86 72%,#072f5e 100%)}[data-theme=sea] #app:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(104deg,#0000 18%,#ffffff21 22%,#0000 27%),linear-gradient(97deg,#0000 38%,#ffffff1a 41%,#0000 46%),linear-gradient(84deg,#0000 58%,#ffffff1f 62%,#0000 68%),linear-gradient(78deg,#0000 76%,#ffffff14 79%,#0000 84%);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}[data-theme=sea] #app:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 70%,#ffffff59 0 4px,#0000 5px),radial-gradient(circle at 12% 62%,#ffffff40 0 2.5px,#0000 3.5px),radial-gradient(circle at 92% 40%,#ffffff4d 0 5px,#0000 6px),radial-gradient(circle at 88% 33%,#ffffff38 0 3px,#0000 4px),radial-gradient(circle at 95% 52%,#fff3 0 2px,#0000 3px);position:fixed;inset:0}[data-theme=sea] .level__text{font-family:"Baloo 2", var(--text);color:#fff;text-shadow:0 0 18px #aaf5ffb3,0 2px #00285059;font-size:28px;font-weight:800}[data-theme=sea] .tube{background:linear-gradient(90deg,#ffffff0f,#ffffff3d 22%,#ffffff0d 48%,#ffffff24);border:2px solid #dcfaff99;border-top:0;box-shadow:inset 0 -14px 22px #8cf0ff2e}[data-theme=sea] .tube:before{background:#e6fcffd9;height:5px;top:-2px;left:-5px;right:-5px}[data-theme=sea] .tube.done{box-shadow:inset 0 -14px 22px color-mix(in srgb, var(--tc) 50%, transparent), 0 0 18px color-mix(in srgb, var(--tc) 55%, transparent)}[data-theme=sea] .ball{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--c) 70%, transparent)) drop-shadow(0 0 1px #e6faffe6);background:0 0;border:0;border-radius:0}[data-theme=sea] .ball:before{background:radial-gradient(circle at 46% 64%, #fffffff2 0 7%, color-mix(in srgb, var(--c) 50%, #fff) 18%, var(--c) 50%, color-mix(in srgb, var(--c) 58%, #00163a) 100%);border-radius:0 50% 50%;width:78%;height:78%;top:19%;left:11%;transform:rotate(45deg)}[data-theme=sea] .icon-btn,[data-theme=sea] .action{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:"Baloo 2", var(--text);background:#ffffff29;border:1.5px solid #e1faff8c;border-radius:22px;font-weight:800;box-shadow:0 6px 16px #001e4640}[data-theme=sea] .icon-btn{border-radius:50%}[data-theme=sea] .icon-btn:active,[data-theme=sea] .action:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 6px #001e4640}[data-theme=sea] .action:disabled{color:#fff6;box-shadow:none;background:#ffffff0f;border-color:#e1faff40;transform:none}[data-theme=sea] .badge{color:#0a3a66;background:#ffd84a;border:0}[data-theme=sea] .badge.ad{color:#0a3a66;background:#ffd84a}[data-theme=sea] .tag{color:#0a3a66;font-family:"Baloo 2", var(--text);background:#ffd84a;border:0;font-weight:800;box-shadow:0 0 16px #ffd84a99}[data-theme=sea] .win{color:#fff;background:linear-gradient(#2bc4d4 0%,#0f86b4 40%,#072f5e 100%)}[data-theme=sea] .win__word{text-shadow:0 0 30px #aaf5ffcc}[data-theme=sea] .win .btn--primary{color:#0a3a66;background:#ffd84a;border-color:#ffd84a}[data-theme=apothecary]{--ink:#faf9f6;--muted:#cccac8;--surface:#22201d;--line:#cccac8;--accent:#ffda7d;--accent-ink:#141210;--scrim:#0a0908b3;--display:"Dimple Sans", system-ui, sans-serif;--text:"Vedu Sans", system-ui, sans-serif}[data-theme=apothecary] body{color:#faf9f6;font-family:"Vedu Sans", var(--text);background-color:#1b1916;background-image:radial-gradient(90% 50% at 50% 0,#ffda7d29,#0000 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .88 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#25221e 0%,#1b1916 60%,#141210 100%)}[data-theme=apothecary] #app:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#faf9f600,#faf9f613);height:27%;position:fixed;bottom:0;left:0;right:0}[data-theme=apothecary] .level__text{font-family:"Dimple Sans", var(--display);letter-spacing:.01em;color:#faf9f6;text-shadow:0 2px #0006;font-size:30px;font-weight:700}[data-theme=apothecary] .tube{background:#faf9f60f;border:2px solid #faf9f6;border-top:0;box-shadow:inset 0 0 0 1px #0000004d,0 8px 10px -4px #00000080}[data-theme=apothecary] .tube:before{background:#ffda7d;border-radius:3px;height:5px;top:-2px;left:-5px;right:-5px;box-shadow:0 2px #00000059}[data-theme=apothecary] .tube.done{border-color:color-mix(in srgb, var(--tc) 70%, #faf9f6);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--tc) 35%, transparent), 0 8px 10px -4px #00000080}[data-theme=apothecary] .ball{--paint:color-mix(in srgb, var(--c) 92%, #f3d9a8);width:calc(var(--ball) * 1.25 - 4px);margin-left:calc(var(--ball) * -.125 + 2px);height:calc(var(--ball) + .5px);background:linear-gradient(90deg, #ffffff42 0 14%, transparent 34%, transparent 78%, #140a0029), linear-gradient(var(--paint), color-mix(in srgb, var(--paint) 88%, #2a1d10));border:0;border-radius:0}[data-theme=apothecary] .ball.base{height:calc(var(--ball) * 1.3 + .5px);border-radius:0 0 calc(var(--ball) * .6 - 2px) calc(var(--ball) * .6 - 2px)}[data-theme=apothecary] .ball.top:before{background:color-mix(in srgb, var(--paint) 70%, #fff);border-radius:50%;height:9px;inset:-4px 0 auto;box-shadow:inset 0 -2px #ffffff40}[data-theme=apothecary] .ball.lifted{width:calc(var(--ball) * .7);height:calc(var(--ball) * .7);margin-left:calc(var(--ball) * .15);margin-top:calc(var(--ball) * .15);filter:drop-shadow(0 0 .7px #faf9f6)drop-shadow(0 2px 1px #00000073);background:0 0;border-radius:0}[data-theme=apothecary] .ball.lifted:before,[data-theme=apothecary] .ball.lifted.top:before{height:auto;box-shadow:none;background:radial-gradient(ellipse 30% 24% at 34% 36%, #ffffff80, transparent 72%), linear-gradient(var(--paint), color-mix(in srgb, var(--paint) 80%, #2a1d10));border-radius:50% 0 50% 50%;inset:0;rotate:-45deg}[data-theme=apothecary] .icon-btn,[data-theme=apothecary] .action{color:#faf9f6;font-family:"Vedu Sans", var(--text);background:#faf9f612;border:2px solid #faf9f6;border-radius:14px;font-weight:600;box-shadow:0 3px #0006}[data-theme=apothecary] .icon-btn:active,[data-theme=apothecary] .action:active:not(:disabled){transform:translateY(2px)scale(.98);box-shadow:0 1px #0006}[data-theme=apothecary] .action:disabled{color:#a6a4a2;box-shadow:none;border-color:#65635f;transform:none}[data-theme=apothecary] .badge{color:#141210;font-family:"Dimple Sans", var(--display);background:#faf9f6;border:0;font-weight:700}[data-theme=apothecary] .badge.ad{color:#141210;background:#ffda7d}[data-theme=apothecary] .tag{color:#141210;font-family:"Dimple Sans", var(--display);background:#ffda7d;border:0;font-weight:700;box-shadow:0 3px #0006}[data-theme=apothecary] .win{color:#faf9f6;background:radial-gradient(at 50% 85%,#34332f,#141210 72%)}[data-theme=apothecary] .win__word{font-family:"Dimple Sans", var(--display);color:#faf9f6;text-shadow:0 3px #0006;font-weight:700}[data-theme=apothecary] .btn{color:#faf9f6;box-shadow:none;font-family:"Vedu Sans", var(--text);background:0 0;border:2px solid #faf9f6;font-weight:600}[data-theme=apothecary] .btn.btn--primary{color:#141210;background:#faf9f6}@media (hover:hover){[data-theme=apothecary] .btn.btn--primary:hover{background:#86d6b5;border-color:#86d6b5}}