:root{color-scheme:dark;--bg:#14110f;--ink:#fff1d2;--muted:#c8b99c;--hot:#ff4c5f;--gold:#ffd166;--cyan:#75e9ff;--green:#62ff9f;--panel:rgba(36,25,24,.92)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#4b2a3d, var(--bg) 55%);color:var(--ink);font-family:ui-rounded,"Avenir Next",system-ui,sans-serif;overscroll-behavior:none;touch-action:none}button{font:inherit;border:0;color:inherit;cursor:pointer}.app{min-height:100svh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.hidden{display:none!important}.panel{width:min(470px,100%);border-radius:30px;padding:24px 18px;background:linear-gradient(180deg,rgba(54,37,36,.96),rgba(18,12,13,.97));border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 90px rgba(0,0,0,.55)}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em}h1{font-size:clamp(48px,15vw,76px);line-height:.82;letter-spacing:-.09em;margin:0}.lead{color:var(--muted);font-size:17px;line-height:1.4}.how{display:grid;gap:9px;margin:18px 0}.how div{border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:12px}.how b{display:block}.how span{display:block;color:var(--muted);font-size:13px;margin-top:3px}button{min-height:56px;border-radius:18px;width:100%;font-weight:1000;background:linear-gradient(135deg,var(--gold),#ff8b3d 48%,var(--hot));color:#221008;box-shadow:0 14px 40px rgba(255,76,95,.25)}.game{width:min(500px,100%);min-height:calc(100svh - 24px);display:grid;grid-template-rows:auto 1fr;gap:10px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud div{border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:10px}.hud span{display:block;color:var(--muted);font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.hud b{display:block;margin-top:2px;font-size:20px}.stageWrap{position:relative;border-radius:30px;overflow:hidden;background:#15100f;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 50px rgba(0,0,0,.6),0 24px 80px rgba(0,0,0,.45)}svg{display:block;width:100%;height:100%;min-height:610px}.wallText{fill:#7b6055;font-weight:1000;font-size:18px;letter-spacing:-.04em}.dirt{transition:r .12s,opacity .12s}.poop{filter:drop-shadow(0 5px 0 rgba(0,0,0,.25))}.bird{filter:drop-shadow(0 8px 0 rgba(0,0,0,.25))}.bird.hit{animation:spin .42s ease forwards}.caption{position:absolute;left:12px;right:12px;bottom:12px;border-radius:18px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.16);padding:11px;text-align:center;font-weight:1000;color:#fff1d2;box-shadow:0 12px 45px rgba(0,0,0,.4)}.sprayDrop{animation:drop .28s linear forwards}.scorePop{font-size:18px;font-weight:1000;fill:var(--gold);stroke:#15100f;stroke-width:4;paint-order:stroke;animation:pop 650ms ease forwards}.car{filter:drop-shadow(0 8px 0 rgba(0,0,0,.35))}.hose{pointer-events:none}@keyframes drop{to{opacity:0;transform:translateY(20px) scale(.2)}}@keyframes pop{to{opacity:0;transform:translateY(-32px)}}@keyframes spin{to{opacity:0;transform:rotate(35deg) translateY(70px)}}@media(max-height:740px){svg{min-height:520px}.game{gap:8px}.hud div{padding:8px}.caption{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.loadout{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0}.loadout label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.loadout select{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:var(--ink);font:inherit;font-weight:900;padding:0 10px}.loadout option{background:#141014;color:#fff0ce}@media(min-width:430px){.loadout{grid-template-columns:repeat(3,1fr)}}
.splashDrop{animation:splashDrop .42s ease-out forwards;filter:drop-shadow(0 0 6px rgba(117,233,255,.7))}.splashRing{animation:splashRing .42s ease-out forwards;filter:drop-shadow(0 0 8px rgba(117,233,255,.55))}@keyframes splashDrop{to{opacity:0;transform:translateY(13px) scale(.25)}}@keyframes splashRing{to{opacity:0;transform:scale(1.75)}}
.streamDrop{animation:streamDrop .26s ease-out forwards;filter:drop-shadow(0 0 7px rgba(117,233,255,.75))}.waterStream{mix-blend-mode:screen;pointer-events:none}@keyframes streamDrop{to{opacity:0;transform:translateY(8px) scale(.45)}}

.crosshair{filter:drop-shadow(0 0 8px rgba(117,233,255,.9));pointer-events:none}

/* Multi-stage progression */
.hud{grid-template-columns:repeat(4,1fr)}
.hud div:first-child b{color:var(--gold)}
@media(max-width:360px){.hud{gap:5px}.hud div{padding:7px 5px}.hud b{font-size:17px}.hud span{font-size:8px}.caption{font-size:12px}}