*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#f0f4f8;font-family:Segoe UI,system-ui,sans-serif}#canvas{display:block;width:100vw;height:100vh}#ui{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none;display:flex;flex-wrap:wrap;gap:8px;padding:12px;align-items:flex-start}.counter{font-size:16px;font-weight:600;background:#0f172ae6;padding:8px 14px;border-radius:8px;transition:transform .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);white-space:nowrap}.counter.animate{animation:bounce .25s ease-out}#twitch-counter{color:#4ade80}#lost-counter{color:#f87171}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.fish-display{font-size:16px;font-weight:600;color:#888!important}#bonanza-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(28px,8vw,72px);font-weight:900;color:#d4584a;text-shadow:0 0 20px #d4584a,0 0 40px #d4584a,0 0 60px #ff6b5b,4px 4px 0 #8b2a1a;z-index:5000;animation:bonanza-flash .15s ease-in-out infinite alternate;letter-spacing:clamp(1px,.5vw,4px);max-width:90vw;text-align:center;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif}@keyframes bonanza-flash{0%{color:#d4584a;text-shadow:0 0 20px #d4584a,0 0 40px #d4584a,0 0 60px #ff6b5b,4px 4px 0 #8b2a1a;transform:translate(-50%,-50%) scale(1)}to{color:#ff8a7a;text-shadow:0 0 30px #ff8a7a,0 0 60px #ff8a7a,0 0 90px #ffaa9a,4px 4px 0 #8b2a1a;transform:translate(-50%,-50%) scale(1.05)}}#depression-meter{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:10px}#depression-label{font-size:14px;font-weight:600;color:#94a3b8;text-transform:lowercase;letter-spacing:.5px;white-space:nowrap}#depression-bar-bg{width:220px;height:16px;background:#0f172ae6;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#depression-bar-fill{width:100%;height:100%;background:#dc3232;border-radius:8px;transition:width .5s ease-out,background-color .5s ease-out}#action-buttons{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;gap:8px}#action-buttons button{background:#0f172ae6;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s ease;font-family:inherit;text-transform:lowercase}#action-buttons button:hover{background:#0f172a;border-color:#ffffff4d}#action-buttons button:active{transform:scale(.95)}#sip-can{position:fixed;bottom:0;left:5vw;transform:translateY(100%) scale(.5);height:70vh;max-height:500px;z-index:4000;pointer-events:none;image-rendering:auto}#sip-can.sipping{animation:sip-up 2.5s ease-in-out}@keyframes sip-up{0%{transform:translateY(100%) scale(.5)}10%{transform:translateY(-40%) scale(.5)}12%{transform:translateY(-40%) rotate(-3deg) scale(.5)}14%{transform:translateY(-40%) rotate(3deg) scale(.5)}16%{transform:translateY(-40%) rotate(-2deg) scale(.5)}18%{transform:translateY(-40%) rotate(1deg) scale(.5)}20%{transform:translateY(-40%) rotate(0) scale(.5)}70%{transform:translateY(-40%) scale(.5)}to{transform:translateY(100%) scale(.5)}}#puff-mild{position:fixed;bottom:0;right:5vw;height:60vh;max-height:450px;z-index:4000;pointer-events:none;image-rendering:auto;transform:rotate(-30deg) translateY(100%) scale(.5);transform-origin:bottom center}#puff-mild.puffing{animation:puff-up 3s ease-in-out}@keyframes puff-up{0%{transform:rotate(-30deg) translateY(100%) scale(.5)}12%{transform:rotate(-30deg) translateY(-40%) scale(.5)}75%{transform:rotate(-30deg) translateY(-40%) scale(.5)}to{transform:rotate(-30deg) translateY(100%) scale(.5)}}#debug-menu{position:fixed;bottom:20px;left:20px;background:#0f172af2;padding:20px;border-radius:12px;z-index:3000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);min-width:280px;pointer-events:auto}.debug-title{color:#fbbf24;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.debug-section{margin-bottom:15px}.debug-label{color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.debug-buttons{display:flex;flex-wrap:wrap;gap:6px}.debug-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.debug-btn:hover{background:#fff3;border-color:#ffffff4d}.debug-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.debug-btn.fish-btn:hover{transform:scale(1.05)}.debug-close{color:#64748b;font-size:11px;text-align:center;margin-top:10px;font-style:italic}