:root{--pink:#ff2d7a;--orange:#ff7a1a;--tear:#7fd4ff;--ink:#fff4ea;--dim:#fff4ea8c;--bg:#12020f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;font-family:Space Mono,ui-monospace,monospace;overflow:hidden}canvas{cursor:crosshair;display:block;position:fixed;inset:0}#loader{z-index:50;background:var(--bg);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);align-content:center;place-items:center;gap:18px;font-size:13px;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}#loader.gone{opacity:0;visibility:hidden}.loader-drop{background:var(--tear);clip-path:polygon(50% 0,100% 62%,92% 88%,70% 100%,30% 100%,8% 88%,0 62%);width:18px;height:26px;box-shadow:0 0 30px var(--tear);border-radius:50%/60% 60% 40% 40%;animation:1.1s cubic-bezier(.5,0,.8,.4) infinite drip}@keyframes drip{0%{opacity:0;transform:translateY(-30px)scaleY(.6)}30%{opacity:1}to{opacity:0;transform:translateY(40px)scaleY(1.2)}}.dots:after{content:"";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.title{z-index:10;pointer-events:none;max-width:32vw;position:fixed;top:clamp(16px,4vh,44px);left:clamp(16px,3vw,48px)}.title h1{color:var(--pink);text-shadow:0 0 40px #ff2d7a73,4px 4px #3a0620;transform-origin:20% 80%;font-family:Rubik Wet Paint,system-ui,sans-serif;font-size:clamp(40px,6.4vw,118px);font-weight:400;line-height:.86;animation:2.4s ease-in-out infinite sob}body.tantrum .title h1{color:#ff4d1a;animation:90ms linear infinite shake}@keyframes sob{0%,to{transform:translateY(0)skew(0)}45%{transform:translateY(3px)skew(-2deg)}55%{transform:translateY(-2px)skew(1.5deg)}}@keyframes shake{0%{transform:translate(2px,-3px)rotate(-1deg)}50%{transform:translate(-3px,2px)rotate(1.2deg)}to{transform:translate(1px,3px)rotate(-.5deg)}}.sub{letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-top:16px;font-size:12px}.hint{color:var(--dim);margin-top:22px;font-size:12px;line-height:1.9}.hint b{color:var(--ink);font-weight:700}.hud{z-index:10;pointer-events:none;text-align:right;gap:20px;width:min(240px,26vw);display:grid;position:fixed;top:clamp(16px,4vh,44px);right:clamp(16px,3vw,48px)}.stat{gap:6px;display:grid}.label{letter-spacing:.28em;text-transform:uppercase;color:var(--dim);font-size:10px}.value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.value small{color:var(--dim);font-size:14px}#liters{color:var(--tear);text-shadow:0 0 18px #7fd4ff8c}.mood{text-transform:uppercase;color:var(--orange);font-size:15px;line-height:1.3}body.tantrum .mood{color:#ff3b3b;animation:.1s linear infinite shake}.bar{border:1px solid #fff4ea4d;border-radius:99px;height:10px;overflow:hidden}#flood{background:linear-gradient(90deg, #3a6bff, var(--tear));width:0%;height:100%;box-shadow:0 0 16px var(--tear);transition:width .2s linear}.controls{z-index:10;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:clamp(16px,4vh,40px);left:50%;transform:translate(-50%)}.btn{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#12020f99;border:1.5px solid #fff4ea59;border-radius:999px;padding:12px 18px;font-size:12px;font-weight:700;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{border-color:var(--ink);transform:translateY(-2px)}.btn:active{transform:scale(.95)}.btn.hot{background:var(--pink);border-color:var(--pink);box-shadow:0 0 30px #ff2d7a80}.btn.hot:active,.btn.hot.on{background:#ff4d1a;border-color:#ff4d1a;box-shadow:0 0 60px #ff4d1ae6}.btn.on{border-color:var(--tear);color:var(--tear);box-shadow:0 0 24px #7fd4ff66}.btn.icon{padding:12px 14px}#wahs{pointer-events:none;z-index:8;position:fixed;inset:0;overflow:hidden}.wah{color:var(--ink);white-space:nowrap;text-shadow:3px 3px 0 var(--pink), 0 0 30px #ff2d7acc;will-change:transform, opacity;font-family:Rubik Wet Paint,system-ui,sans-serif;animation:1.6s cubic-bezier(.2,.7,.3,1) forwards wah;position:absolute;top:0;left:0}@keyframes wah{0%{transform:translate(var(--x0), var(--y0)) translate(-50%, -50%) scale(.2) rotate(0deg);opacity:0}12%{opacity:1}to{transform:translate(var(--x1), var(--y1)) translate(-50%, -50%) scale(1) rotate(var(--r));opacity:0}}#drown-banner{z-index:20;pointer-events:none;opacity:0;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}#drown-banner span{text-align:center;color:var(--tear);text-shadow:0 0 60px #7fd4ffe6,5px 5px #0b1a4d;font-family:Rubik Wet Paint,system-ui,sans-serif;font-size:clamp(34px,7vw,120px);line-height:.95;transform:rotate(-4deg)}#drown-banner.show{opacity:1}#drown-banner.show span{animation:.8s ease-in-out infinite sob}#badge{z-index:10;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);pointer-events:none;font-size:10px;position:fixed;bottom:clamp(16px,4vh,40px);left:clamp(16px,3vw,48px)}#badge b{color:var(--tear)}@media (width<=760px){.title{max-width:none;right:16px}.title h1{font-size:40px}.title h1 br{display:none}.sub{margin-top:8px;font-size:10px}.hint{display:none}.hud{gap:10px;width:auto;top:auto;bottom:150px;right:16px}.hud .stat:nth-child(n+3){display:none}.value{font-size:20px}.btn{padding:10px 14px;font-size:11px}#badge{display:none}}.credit{z-index:11;transform-origin:100% 100%;pointer-events:auto;cursor:default;justify-items:end;line-height:.9;animation:3.2s ease-in-out infinite credit-sob;display:grid;position:fixed;bottom:clamp(16px,4vh,40px);right:clamp(16px,3vw,48px);transform:rotate(-6deg)}.credit-pre{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;margin-right:2px;font-size:9px}.credit-name{text-transform:uppercase;font-family:Rubik Wet Paint,system-ui,sans-serif;display:inline-block;position:relative}.n1{color:var(--pink);text-shadow:3px 3px #3a0620,0 0 22px #ff2d7a8c;font-size:clamp(20px,2vw,30px)}.n2{color:var(--tear);text-shadow:3px 3px #0b1a4d,0 0 22px #7fd4ff99;margin-right:14px;font-size:clamp(26px,2.6vw,40px)}.credit-amp{color:var(--orange);margin:2px 70px -4px 0;font-family:Rubik Wet Paint,system-ui,sans-serif;font-size:22px;transform:rotate(14deg)}.drip{opacity:.9;background:currentColor;border-radius:0 0 3px 3px;width:3px;animation:4.5s cubic-bezier(.6,0,.9,.6) infinite run;position:absolute;top:88%}.drip:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px;left:-1.5px}.d1{animation-delay:.2s;left:14%}.d2{width:2px;animation-delay:1.9s;left:52%}.d3{animation-delay:3.1s;left:83%}.d4{animation-delay:1.1s;left:22%}.d5{width:2px;animation-delay:2.6s;left:71%}@keyframes run{0%{opacity:.9;height:0}70%{opacity:.9;height:22px}to{opacity:0;height:26px}}.credit-tear{background:var(--tear);width:7px;height:10px;box-shadow:0 0 12px var(--tear);clip-path:polygon(50% 0,100% 62%,92% 88%,70% 100%,30% 100%,8% 88%,0 62%);opacity:0;border-radius:50%/60% 60% 40% 40%;animation:2.8s cubic-bezier(.5,0,.9,.5) .8s infinite tear-fall;position:absolute;top:34px;right:-8px}@keyframes tear-fall{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(90px)scaleY(1.4)}}@keyframes credit-sob{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-4.5deg)translateY(-3px)}}.credit:hover{animation:.12s linear infinite shake}.credit:hover .drip{animation-duration:1.4s}body.tantrum .credit{animation:.1s linear infinite shake}body.tantrum .credit .n1{color:#ff4d1a}@media (width<=760px){.credit{top:84px;bottom:auto;right:16px}.n1{font-size:16px}.n2{font-size:22px}.credit-amp{margin-right:44px;font-size:16px}.credit-pre{display:none}}