.screen{position:absolute;top:0;left:0;width:100%;height:100%;font-family:Outfit,sans-serif;color:#f8fafc}.menu-screen{display:flex;align-items:center;justify-content:center;background:#0f0f1ad9}.menu-bg{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 48px,rgba(168,85,247,.06) 48px,rgba(168,85,247,.06) 50px),repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(168,85,247,.06) 48px,rgba(168,85,247,.06) 50px)}.menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.menu-toilet{font-size:80px;animation:bob 2s ease-in-out infinite}.menu-title{font-size:52px;font-weight:900;text-align:center;line-height:1;background:linear-gradient(180deg,#c084fc,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 4px 20px rgba(168,85,247,.5));animation:rock 3s ease-in-out infinite}.menu-poop{font-size:40px;animation:bounce 1.5s ease-in-out infinite}.menu-best{font-size:16px;color:#fbbf24;font-weight:700;letter-spacing:2px}.menu-hint{font-size:13px;color:#94a3b8;margin-top:8px}.btn-play{font-family:Outfit,sans-serif;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:50px;padding:14px 60px;cursor:pointer;letter-spacing:3px;box-shadow:0 0 30px #a855f766;transition:transform .15s,box-shadow .15s;pointer-events:auto}.btn-play:hover{transform:scale(1.05);box-shadow:0 0 40px #a855f799}.btn-play:active{transform:scale(.97)}.btn-menu{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#94a3b8;background:none;border:none;cursor:pointer;padding:8px 20px;letter-spacing:2px;pointer-events:auto}.btn-menu:hover{color:#f8fafc}.hud-screen{display:flex;flex-direction:column}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,rgba(15,15,26,.85) 0%,rgba(15,15,26,.5) 80%,transparent 100%);z-index:20}.hud-lives{font-size:22px;min-width:80px}.hud-score-wrap{text-align:center}.hud-score{font-size:36px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.5)}.score-pop{animation:scorePop .2s ease-out}.hud-combo{font-size:16px;font-weight:700;color:#4ade80;min-height:22px}.hud-combo.combo-warm{color:#fbbf24}.hud-combo.combo-hot{color:#f87171;animation:pulse .5s ease-in-out infinite}.hud-level{font-size:14px;font-weight:700;color:#c084fc;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:8px;padding:4px 10px}.hud-wind{display:flex;align-items:center;gap:8px;margin:8px 16px 0;padding:6px 12px;background:#0f0f1ab3;border-radius:8px;border:1px solid rgba(168,85,247,.2);font-size:12px}.wind-label{font-weight:700;color:#94a3b8;min-width:60px}.wind-bar-wrap{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.wind-bar{height:100%;background:#4ade80;border-radius:3px;transition:width .3s,background .3s}.wind-value{font-weight:700;color:#e2e8f0;min-width:52px;text-align:right}.wind-chevrons{font-size:16px;font-weight:900;color:#94a3b8;letter-spacing:-2px;animation:chevronPulse .8s ease-in-out infinite}.hud-comment{position:absolute;top:40%;left:0;width:100%;text-align:center;pointer-events:none}.floating-comment{font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:floatUp 1.4s ease-out forwards;pointer-events:none}.hud-drag-hint{position:absolute;bottom:15%;left:0;width:100%;text-align:center;color:#94a3b8;font-size:14px;opacity:.6;pointer-events:none}.drag-arrow{font-size:28px;animation:bounce 1.5s ease-in-out infinite}.gameover-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0f0f1aeb;padding:30px}.go-title{font-size:48px;font-weight:900;background:linear-gradient(180deg,#f87171,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 16px rgba(248,113,113,.4));animation:scaleIn .4s ease-out}.go-quote{font-size:15px;color:#94a3b8;font-style:italic;text-align:center;max-width:280px}.go-score-wrap{text-align:center;margin:8px 0}.go-score{font-size:56px;font-weight:900;color:#f8fafc}.go-best-badge{font-size:16px;font-weight:900;color:#fbbf24;animation:pulse .8s ease-in-out infinite}.go-stats{display:flex;gap:24px;margin:8px 0 20px}.go-stat{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px}.go-stat-value{font-size:24px;font-weight:900;color:#c084fc}.go-stat-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:2px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rock{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}15%{transform:translateY(-5px) scale(1.1);opacity:1}25%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(-60px);opacity:0}}@keyframes scaleIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes chevronPulse{0%,to{opacity:.5}50%{opacity:1}}