@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap');

:root{--acid:#d8ff37;--paper:#e7e3d9;--ink:#151715;--rust:#d94c2f;--concrete:#73756f}
*{box-sizing:border-box}.asset-preload{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}html,body{margin:0;min-height:100%;background:#111311;color:var(--paper);font-family:Oswald,Impact,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:9}.game-shell{width:min(1500px,100%);margin:auto;padding:18px 28px 14px}.masthead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.eyebrow{margin:0;color:var(--acid);font-size:12px;letter-spacing:.35em}.masthead h1{font-size:clamp(36px,6vw,84px);line-height:.86;margin:7px 0 0;letter-spacing:-.04em}.masthead h1 span{color:var(--acid);-webkit-text-stroke:1px #111;text-shadow:4px 4px 0 var(--rust)}.tagline{font-size:17px;letter-spacing:.08em;color:#aaa;margin:0 0 4px}.stage{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 155px);margin:auto;overflow:hidden;border:2px solid #3b3e38;background:#64665f;box-shadow:0 18px 70px #000,8px 8px 0 #252824}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #c8cdb733;box-shadow:inset 0 0 80px #0008}canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:3;left:18px;right:18px;top:14px;display:flex;gap:9px;align-items:flex-start;pointer-events:none}.health-block,.hud-stat{background:#151715e8;border:1px solid #5d6158;box-shadow:3px 3px 0 #0008;padding:8px 11px}.health-block{width:min(280px,34%)}.hud-label,.hud-stat span{display:block;font-size:10px;letter-spacing:.14em;color:#aaa}.health-track{height:12px;margin-top:5px;background:#2b2d29;transform:skew(-10deg);overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#bdea27,var(--acid));transition:width .18s}.hud-stat{margin-left:auto;min-width:70px;text-align:center}.hud-stat+.hud-stat{margin-left:0}.hud-stat b{font-size:21px;color:var(--paper);line-height:1}.bottle-stat b{color:var(--acid)}.start-screen,.game-over{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#1115,#111d 70%);padding:24px}.start-screen h2{font-size:clamp(48px,8vw,112px);line-height:.84;letter-spacing:-.05em;margin:18px 0;color:var(--paper);transform:rotate(-1deg);text-shadow:7px 7px 0 #000}.start-screen p{font-family:Arial,sans-serif;line-height:1.55;color:#c9c9c3}.sign{background:#174f7b;border:3px solid white;border-radius:3px;padding:6px 16px;box-shadow:4px 4px 0 #000;letter-spacing:.12em}.start-screen button,.game-over button{font:700 19px Oswald,sans-serif;letter-spacing:.08em;border:0;padding:13px 28px;background:var(--acid);color:#141514;cursor:pointer;box-shadow:5px 5px 0 var(--rust);transform:skew(-3deg);margin:10px}.start-screen button:hover,.game-over button:hover{transform:skew(-3deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--rust)}.start-screen small{margin-top:10px;color:#8f9288;letter-spacing:.08em}.game-over p{color:var(--rust);font-size:22px;letter-spacing:.2em;margin:0}.game-over h2{font-size:50px;margin:10px}.hidden{display:none!important}.toast{position:absolute;z-index:4;left:50%;bottom:17%;transform:translate(-50%,15px);background:#151715df;border-left:4px solid var(--acid);padding:8px 15px;letter-spacing:.07em;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-controls{display:none;position:absolute;z-index:4;inset:auto 12px 12px;justify-content:space-between;align-items:flex-end}.dpad{display:grid;grid-template:repeat(2,45px)/repeat(3,45px);gap:3px}.dpad .up{grid-column:2}.dpad .left{grid-row:2;grid-column:1}.dpad .down{grid-row:2;grid-column:2}.dpad .right{grid-row:2;grid-column:3}.mobile-controls button{touch-action:none;border:1px solid #ffffff40;background:#111b;color:white;border-radius:50%;font:700 16px Oswald}.actions{display:flex;gap:10px;align-items:flex-end}.actions button{width:60px;height:60px}.actions .hit{width:78px;height:78px;background:#d94c2fcc}.actions .drink{background:#aacc22cc;color:#111}.actions small{display:block;font-size:8px}footer{display:flex;justify-content:space-between;color:#666;font-size:11px;letter-spacing:.16em;margin-top:10px}
@media(max-width:800px),(pointer:coarse){.game-shell{padding:8px}.masthead{margin-bottom:6px}.masthead h1{font-size:38px}.eyebrow,.tagline,footer{display:none}.stage{max-height:none}.mobile-controls{display:flex}.hud{left:8px;right:8px;top:8px}.health-block{width:38%;padding:5px 7px}.hud-stat{min-width:47px;padding:5px}.hud-stat b{font-size:16px}.start-screen p{font-size:13px}.start-screen small{max-width:300px}.start-screen h2{font-size:52px}}
@media(max-width:540px) and (orientation:portrait){.stage{aspect-ratio:16/10}.masthead{justify-content:center}.tagline{display:none}.mobile-controls{transform:scale(.72);transform-origin:bottom center;left:-24px;right:-24px}.hud-stat{display:none}.health-block{width:46%}.start-screen{padding:7px}.start-screen .sign,.start-screen small{display:none}.start-screen h2{font-size:30px;line-height:.86;margin:3px 0}.start-screen p{font-size:9px;line-height:1.2;margin:4px}.start-screen button{font-size:12px;padding:6px 13px;margin:3px}.game-over h2{font-size:26px}}

.menu-actions{display:flex;gap:12px;align-items:center;justify-content:center}.secondary-button{background:#262a27!important;color:#e7e3d9!important;border:1px solid #777b72!important;box-shadow:5px 5px 0 #111!important}.leaderboard{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:#080a08df;padding:24px}.leaderboard-card{width:min(430px,92%);background:#191c19;border:2px solid #7a7e72;box-shadow:8px 8px 0 #080908;padding:22px 28px}.leaderboard-card>p{margin:0;color:#8f9488;letter-spacing:.2em}.leaderboard-card h2{font-size:48px;margin:0 0 14px;color:#d8ff37}.leaderboard-card ol{list-style:none;padding:0;margin:0 0 18px;counter-reset:rank}.leaderboard-card li{counter-increment:rank;display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:9px 4px;border-bottom:1px solid #3d413b;font-size:18px}.leaderboard-card li:before{content:counter(rank,decimal-leading-zero);color:#747a70}.leaderboard-card li b{color:#d8ff37}.leaderboard-card .empty{display:block!important;text-align:center;color:#777;padding:20px}.leaderboard-card .empty:before{display:none}.leaderboard-card button,.score-form button{font:700 16px Oswald,sans-serif;border:0;background:#d8ff37;color:#151715;padding:9px 18px;cursor:pointer}.score-form{width:min(390px,90%);margin:4px 0 8px}.score-form label{display:block;font-size:11px;letter-spacing:.18em;color:#aaa;margin-bottom:4px}.score-form>div{display:flex}.score-form input{min-width:0;flex:1;background:#0e100f;color:#fff;border:1px solid #6e7369;padding:9px 12px;font:700 16px Oswald;text-transform:uppercase;outline:none}.score-form input:focus{border-color:#d8ff37}.score-form.saved{opacity:.5;pointer-events:none}
@media(max-width:540px) and (orientation:portrait){.menu-actions{gap:5px}.leaderboard{padding:5px}.leaderboard-card{padding:7px 14px}.leaderboard-card>p{font-size:9px}.leaderboard-card h2{font-size:24px;margin-bottom:3px}.leaderboard-card ol{margin-bottom:5px}.leaderboard-card li{font-size:11px;padding:3px}.leaderboard-card .empty{padding:4px}.leaderboard-card button{font-size:10px;padding:4px 10px}.score-form{margin:0}.score-form label{font-size:8px}.score-form input,.score-form button{font-size:10px;padding:4px 7px}.game-over .menu-actions button{font-size:10px;padding:4px 8px}}

html,body,button,canvas,img,input{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none}body{touch-action:manipulation}img{pointer-events:none;-webkit-user-drag:none}.orientation-lock{display:none;position:fixed;z-index:100;inset:0;background:#111311;color:#e7e3d9;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px}.orientation-lock strong{font-size:26px;letter-spacing:.08em;color:#d8ff37}.orientation-lock span{font:14px Arial,sans-serif;color:#8f948b}.phone-icon{width:46px;height:76px;border:4px solid #e7e3d9;border-radius:8px;position:relative;animation:turn-phone 1.8s ease-in-out infinite}.phone-icon:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#e7e3d9;left:16px;bottom:4px}.phone-icon i{position:absolute;inset:8px 5px 14px;border:2px solid #60645c}
@keyframes turn-phone{0%,25%{transform:rotate(0)}70%,100%{transform:rotate(90deg)}}
@media(max-width:900px) and (orientation:portrait){.orientation-lock{display:flex}.game-shell{visibility:hidden;pointer-events:none}}
@media(max-height:540px) and (orientation:landscape){html,body{width:100%;height:100%;overflow:hidden}.orientation-lock{display:none!important}.game-shell{width:100vw;height:100vh;padding:2px;display:grid;place-items:center}.masthead,footer{display:none}.stage{width:min(100vw,calc(100vh * 1.77778));max-height:100vh;margin:0}.mobile-controls{display:flex}.hud{top:7px;left:8px;right:8px}}