*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@media screen and (min-width:768px)or (min-height:768px){footer{position:fixed;bottom:32px}}footer{margin-top:20px;display:flex;justify-content:center;width:100%}footer div{padding:8px 0;background:rgba(var(--background),.7);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}body{margin:0;padding:0;overflow:hidden;background:#1a1a1a;font-family:system-ui,-apple-system,sans-serif}body.drunk{cursor:none!important}.playhtml-cursor-other{display:none!important}html,body,*{cursor:none!important}.drink,button,a{cursor:pointer!important}.drunk-cursor-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(139,69,19,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(101,67,33,.2) 0%,transparent 50%),linear-gradient(to bottom,#d4a574,#c19a6b 20%,#8b7355,#5c4a3a 80%,#3e2f24)}.drunk-cursor-container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(0,0,0,.02) 20px,rgba(0,0,0,.02) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,0,0,.02) 20px,rgba(0,0,0,.02) 21px);pointer-events:none;opacity:.6}.drunk-indicator{position:fixed;top:20px;right:20px;z-index:1000;background:linear-gradient(to bottom,gold,#ffb347,#ff8c42);border:4px solid #8b4513;border-radius:16px;padding:16px 20px;min-width:180px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003,0 4px 12px #0006,0 0 0 2px #654321;font-family:Comic Sans MS,Marker Felt,Arial Rounded MT Bold,sans-serif}.drunk-indicator .drunk-label{font-size:18px;font-weight:700;color:#8b4513;text-align:center;margin-bottom:10px;letter-spacing:2px;text-shadow:2px 2px 0px rgba(255,255,255,.8),-1px -1px 0px rgba(0,0,0,.3);text-transform:uppercase}.drunk-indicator .drunk-bar{width:100%;height:20px;background:linear-gradient(to bottom,#654321,#3e2723);border:3px solid #1a1a1a;border-radius:10px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 2px 4px #00000080,0 1px 2px #fff3}.drunk-indicator .drunk-bar .drunk-bar-fill{height:100%;background:linear-gradient(to bottom,#ff6b6b,#ee5a52,#c92a2a 60%,#862e2e);transition:width .2s ease;border-radius:6px;box-shadow:inset 0 -2px 4px #0000004d,0 2px 4px #f006;position:relative;overflow:hidden}.drunk-indicator .drunk-bar .drunk-bar-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.1) 4px,rgba(255,255,255,.1) 8px)}.drunk-indicator .drunk-level{font-size:16px;color:#1a1a1a;text-align:center;font-weight:700;text-shadow:1px 1px 0px rgba(255,255,255,.8),-1px -1px 0px rgba(0,0,0,.2)}.drunk-indicator-beers{padding:8px 12px;min-width:auto}.drunk-indicator-beers .drunk-beers{display:flex;align-items:center;justify-content:center;gap:-2px;flex-wrap:nowrap}.drunk-indicator-beers .drunk-beer-wrapper{position:relative;width:24px;height:auto;display:flex;align-items:flex-end}.drunk-indicator-beers .drunk-beer-icon{width:24px;height:auto;display:block;transition:filter .2s ease}.drunk-indicator-beers .drunk-beer-fill{position:absolute;bottom:0;left:0;right:0;overflow:hidden;transition:height .2s ease}.drunk-indicator-beers .drunk-beer-active{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.drunk-indicator-beers .drunk-beer-inactive{filter:grayscale(1) brightness(.7) opacity(.6)}.custom-cursor{position:fixed;width:24px;height:24px;pointer-events:none;z-index:9999;transform:translate(-12px,-4px);transition:transform .05s ease;will-change:transform}.custom-cursor svg.cursor-main{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.custom-cursor.cursor-drunk{animation:cursor-pulse-own 1s ease-in-out infinite}.custom-cursor.cursor-drunk svg.cursor-main{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,100,100,.4))}.custom-cursor svg.cursor-double-vision{position:absolute;top:0;left:0;filter:blur(1px) drop-shadow(0 1px 2px rgba(0,0,0,.3));pointer-events:none}.custom-cursor svg.cursor-double-vision.cursor-double-1{animation:double-vision-drift-1 2s ease-in-out infinite}.custom-cursor svg.cursor-double-vision.cursor-double-2{animation:double-vision-drift-2 2.5s ease-in-out infinite}@keyframes double-vision-drift-1{0%,to{translate:0 0}25%{translate:3px -2px}50%{translate:-2px 1px}75%{translate:2px 2px}}@keyframes double-vision-drift-2{0%,to{translate:0 0}33%{translate:-3px -1px}66%{translate:2px 3px}}@keyframes cursor-pulse-own{0%,to{filter:brightness(1);transform:translate(-12px,-4px) scale(1)}50%{filter:brightness(1.2);transform:translate(-12px,-4px) scale(1.1)}}.other-cursor{position:fixed;width:24px;height:24px;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:all .1s ease}.other-cursor svg.cursor-main{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.other-cursor.cursor-drunk{animation:cursor-pulse 1s ease-in-out infinite}.other-cursor.cursor-drunk svg.cursor-main{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 8px rgba(255,100,100,.4))}.other-cursor svg.cursor-double-vision{position:absolute;top:0;left:0;filter:blur(1px) drop-shadow(0 1px 2px rgba(0,0,0,.3));pointer-events:none}.other-cursor svg.cursor-double-vision.cursor-double-1{animation:double-vision-drift-1 2s ease-in-out infinite}.other-cursor svg.cursor-double-vision.cursor-double-2{animation:double-vision-drift-2 2.5s ease-in-out infinite}@keyframes cursor-pulse{0%,to{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}50%{filter:brightness(1.2);transform:translate(-50%,-50%) scale(1.1)}}.cursor-bar-sign{position:absolute;top:24px;left:24px;z-index:100;pointer-events:none}.cursor-bar-sign:before{content:"";position:absolute;top:-28px;left:50%;transform:translate(-50%);width:4px;height:28px;background:linear-gradient(to bottom,#8b7355,#6b5344,#5c4033);border-radius:2px;box-shadow:inset 0 1px #fff3,0 2px 4px #0000004d}.cursor-bar-sign{padding:12px 24px;background:linear-gradient(165deg,sienna,#8b4513 15%,#654321,#5c4033 85%,#4a3520);border:4px solid #3e2723;border-radius:6px;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000004d,0 6px 16px #00000080,0 0 0 2px #2c1810;transform:rotate(-2deg)}.cursor-bar-sign .cursor-bar-sign-text{display:block;font-family:Comic Sans MS,Marker Felt,Arial Rounded MT Bold,serif;font-size:28px;font-weight:700;color:wheat;text-shadow:2px 2px 0 rgba(0,0,0,.5),-1px -1px 0 rgba(255,255,255,.2),0 0 8px rgba(0,0,0,.4);letter-spacing:2px;text-transform:uppercase}.countertop{position:absolute;bottom:0;left:0;right:0;height:200px;background-image:url(/experiments/drunk-cursor/wooden-countertop.png);background-size:cover;background-position:center bottom;background-size:1200px;background-repeat:repeat-x;border-top:4px solid #3e2723;box-shadow:0 -4px 20px #00000080;z-index:50}.drink{position:absolute;bottom:140px;width:160px;height:auto;cursor:pointer;transform:translate(-50%);transition:transform .2s ease,filter .2s ease;z-index:60}.drink.drink-full:hover{transform:translate(-50%) translateY(-5px) scale(1.02);filter:brightness(1.2)}.drink.drink-full:active{transform:translate(-50%) scale(.98)}.drink.drink-draining{animation:drinking-tilt .4s ease-in-out infinite;cursor:wait;pointer-events:none}.drink.drink-falling{animation:drink-fall .8s ease-in forwards;pointer-events:none}.drink.drink-pouring{transform:translate(-30%) scale(2.2) translateY(120px);transform-origin:center bottom;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));pointer-events:none;z-index:100}.drink.drink-respawning{animation:drink-respawn .6s ease-out forwards;pointer-events:none;z-index:100}.drink.drink-water .drink-image-filled{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 12px rgba(100,180,255,.3))}.drink .drink-image{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:opacity .05s linear}.drink .drink-image-empty{position:absolute;top:0;left:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));z-index:1}.drink .drink-image-filled{position:relative;z-index:2}@keyframes drinking-tilt{0%,to{transform:translate(-50%) rotate(-8deg)}50%{transform:translate(-50%) rotate(8deg)}}@keyframes drink-fall{0%{transform:translate(-50%) translateY(0) rotate(0);opacity:1}30%{transform:translate(-50%) translateY(10px) rotate(15deg)}to{transform:translate(-30%) translateY(300px) rotate(90deg);opacity:0}}@keyframes drink-respawn{0%{transform:translate(-30%) scale(2.2) translateY(120px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}70%{transform:translate(-50%) translateY(5px) scale(.95);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}to{transform:translate(-50%) translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}}@keyframes foam-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-8px) scale(1.2);opacity:1}to{transform:translateY(-16px) scale(.8);opacity:0}}.footer-napkin{position:fixed;bottom:10px;right:10px;z-index:200;background:linear-gradient(135deg,#f5f0e6,#ebe4d4,#ddd5c3);padding:4px 8px;border-radius:2px;box-shadow:0 1px 3px #0003;transform:rotate(1deg);font-family:Comic Sans MS,Marker Felt,cursive;font-size:12px;color:#5c4033;white-space:nowrap}.footer-napkin a{color:#8b4513;text-decoration:none;font-weight:700}.footer-napkin a:hover{text-decoration:underline;color:sienna}.welcome-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0009;padding:24px}button{cursor:none!important}.welcome-modal{max-width:420px;padding:28px 32px;background:linear-gradient(165deg,wheat,#e8d4a8 15%,#d4a574 40%,#c19a6b,sienna);border:4px solid #654321;border-radius:12px;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #00000026,0 8px 24px #00000080,0 0 0 2px #3e2723;font-family:Comic Sans MS,Marker Felt,Arial Rounded MT Bold,sans-serif;text-align:center}.welcome-modal-title{margin:0 0 16px;font-size:24px;font-weight:700;color:#3e2723;text-shadow:1px 1px 0 rgba(255,255,255,.6);letter-spacing:.5px;line-height:1.25}.welcome-modal-body{margin:0 0 24px;font-size:16px;line-height:1.5;color:#4a3520}.welcome-modal-button{display:inline-block;padding:12px 28px;font-family:inherit;font-size:18px;font-weight:700;color:wheat;background:linear-gradient(to bottom,#8b4513,#654321,#5c4033);border:3px solid #3e2723;border-radius:10px;box-shadow:inset 0 2px #ffffff26,0 4px 8px #0000004d;cursor:pointer;transition:transform .15s ease,filter .15s ease}.welcome-modal-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.welcome-modal-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000004d}.welcome-modal-disclaimer{margin:20px 0 0;font-size:12px;color:#5c4033;opacity:.9}