:root{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:geometricprecision;background:#15101c;font-family:Avenir Next,SF Pro Display,Hiragino Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% -12%,#ffd67638,#0000 34%),radial-gradient(circle at 8% 18%,#ec415b38,#0000 28%),radial-gradient(circle at 92% 20%,#3676f433,#0000 30%),linear-gradient(#17101f,#0f1018 62%,#08090f)}#app{height:100dvh;padding:env(safe-area-inset-top) 12px max(12px,env(safe-area-inset-bottom));place-items:center;display:grid}.game{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;width:min(430px,100%);height:100%;display:grid}.topbar{grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;padding-top:2px;display:grid}.title{text-align:center;line-height:1.05}.title b{letter-spacing:-.02em;font-size:20px;display:block}.title span{color:#d9cfee;margin-top:4px;font-size:12px;font-weight:850;display:block}.utility{color:#fff5df;letter-spacing:.03em;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;min-height:38px;padding:0 12px;font:900 12px/1 inherit;box-shadow:inset 0 1px #ffffff24}.utility:active,.paint:active{transform:translateY(2px)scale(.985)}.utility:focus-visible{outline-offset:3px;outline:3px solid #fff2a8}.paint:focus-visible{outline-offset:3px;outline:3px solid #fff2a8}.wide{min-width:84px}.lab{background:linear-gradient(#241a31,#121824);border-radius:32px;grid-template-rows:auto 1fr auto auto;align-items:center;min-height:0;padding:18px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,0 18px 48px #00000047}.lab:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 28%,#ffffff14,#0000 28%),radial-gradient(circle at 70% 70%,#ffd57414,#0000 30%);position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.scorePill{z-index:1;text-align:center;color:#1d1520;background:#fff5d7;border-radius:999px;justify-self:center;min-width:86px;padding:8px 14px;font-size:24px;font-weight:950;position:relative;box-shadow:0 8px 20px #0003}.cups{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid;position:relative}.cupBlock{justify-items:center;gap:12px;display:grid}.cupBlock span{color:#eee4ff;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:950}.cup{--fill:#fff;aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#ffffff9e 0 8%,#ffffff2e 20%,transparent 42%),var(--fill);border:7px solid #ffffff29;border-radius:50%;width:min(136px,34vw);box-shadow:inset 0 8px 16px #ffffff47,inset 0 -18px 28px #0003,0 14px 30px #00000047}.mainCup .cup{border-color:#fff5d752;width:min(154px,39vw)}.drops{z-index:1;justify-content:center;gap:8px;display:flex;position:relative}.drops i{background:#ffffff2e;border-radius:999px;width:12px;height:12px}.drops i.used{background:#fff2a8;box-shadow:0 0 14px #fff2a873}.message{z-index:1;text-align:center;color:#fff3cf;min-height:20px;margin:0;font-size:14px;font-weight:900;line-height:1.25;position:relative}.paints{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.paint{--paint:#fff;color:#21170f;letter-spacing:.035em;cursor:pointer;background:linear-gradient(#f7ead0,#d6bc8f);border:0;border-radius:28px;align-content:center;place-items:center;gap:9px;min-height:116px;padding:10px 6px 12px;font:950 12px/1 inherit;display:grid;position:relative;box-shadow:0 9px #8b6b3c,0 16px 28px #00000052}.paint:disabled{opacity:.55;filter:saturate(.5);transform:none}.blob{background:var(--paint);border-radius:999px;width:52px;height:52px;box-shadow:inset 0 5px 10px #ffffff8c,inset 0 -10px 16px #0000002e,0 3px #ffffff6b}.paint strong{background:#fff9e8c7;border-radius:999px;padding:6px 9px;box-shadow:0 1px #fff9}.paint-red{box-shadow:0 9px #842c34,0 16px 28px #00000052}.paint-yellow{box-shadow:0 9px #9a7020,0 16px 28px #00000052}.paint-blue{box-shadow:0 9px #244b9b,0 16px 28px #00000052}.footer{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.footer p{color:#d8cfee;margin:0;font-size:12px;font-weight:750;line-height:1.25}.is-finished .paints{opacity:.72}@media (max-height:740px){#app{padding-inline-start:9px;padding-inline-end:9px}.game{gap:8px}.topbar{grid-template-columns:64px 1fr 64px}.utility{min-height:33px;font-size:10.5px}.title b{font-size:18px}.lab{border-radius:24px;padding:13px 12px}.scorePill{padding:6px 12px;font-size:21px}.cup{border-width:6px;width:min(112px,31vw)}.mainCup .cup{width:min(128px,36vw)}.cupBlock{gap:8px}.cupBlock span{font-size:10.5px}.message{font-size:12.5px}.paint{border-radius:22px;min-height:88px;box-shadow:0 7px #8b6b3c,0 12px 22px #00000047}.blob{width:38px;height:38px}.paint strong{padding:5px 7px;font-size:10px}.footer p{font-size:11px}.drops i{width:10px;height:10px}}.message.result{color:#24180f;background:#fff2a8;border-radius:999px;justify-self:center;padding:8px 12px;font-weight:950;display:inline-block;box-shadow:0 6px 18px #00000038}.game{position:relative}.is-clear .lab{animation:.72s both clearPulse}.is-clear .mainCup .cup{animation:.62s cubic-bezier(.2,1.7,.25,1) both cupPop}.is-over .lab{animation:.34s both softShake}.message.result.clear{color:#062716;background:#b9ffd6}.message.result.over{color:#31160a;background:#ffd6ba}.scorePill{transition:transform .18s}.is-clear .scorePill{animation:.68s cubic-bezier(.2,1.5,.25,1) both scorePop}.sparkles{z-index:5;pointer-events:none;border-radius:32px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sparkles i{--i:0;background:hsl(calc(var(--i)*31deg) 92% 70%);width:8px;height:8px;transform:rotate(calc(var(--i)*30deg)) translateY(-10px);border-radius:999px;animation:.82s ease-out both spark;position:absolute;top:42%;left:50%;box-shadow:0 0 14px}@keyframes spark{0%{opacity:0;transform:rotate(calc(var(--i)*30deg)) translate(0,0) scale(.2)}16%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i)*30deg)) translate(calc(44px + var(--i)*3px),calc(-78px + var(--i)*8px)) scale(1.05)}}@keyframes clearPulse{0%{box-shadow:inset 0 0 0 1px #ffffff17,0 18px 48px #00000047}38%{box-shadow:inset 0 0 0 2px #b9ffd6c7,0 0 42px #8fffc16b,0 18px 48px #00000047}to{box-shadow:inset 0 0 0 1px #ffffff17,0 18px 48px #00000047}}@keyframes cupPop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes scorePop{0%{transform:scale(1)}45%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes softShake{0%,to{transform:translate(0)}28%{transform:translate(-4px)}58%{transform:translate(4px)}82%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.is-clear .lab,.is-clear .mainCup .cup,.is-over .lab,.is-clear .scorePill,.sparkles i{animation:none}}