@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@1,700&family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=apparel";.poppins{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.barlow,#game.results .card p.title,#game.play .caption p.title,#game .timer span.time{font-family:Barlow Semi Condensed,sans-serif;font-weight:700;font-style:italic}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}#game .timer{width:90px;aspect-ratio:1/1;background:transparent url(/build/assets/timer-D8kTKSzq.svg) no-repeat center center;background-size:contain;padding:34px 17px 0;pointer-events:none}#game .timer span{color:#fff;display:block;line-height:1}#game .timer span.time{font-size:24px}#game .timer span.seconds{font-size:10px;text-align:center}#game .gauge{width:62px;height:90px;pointer-events:none}#game .gauge .water{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;mask-image:url(/build/assets/gauge_mask-N6TXmvhF.svg);mask-size:100% 100%}#game .gauge .water .liquid{position:absolute;width:85%;height:100%;top:115%;left:0;background-color:#f3722e;transform:translateY(var(--percent))}#game .gauge .water .liquid .wave{position:absolute;top:-10%;left:0;width:100%;animation:move 1s linear infinite}@keyframes move{0%{transform:translate(0)}to{transform:translate(100%)}}#game .gauge .water .liquid .wave+.wave{left:-99%}#game .gauge .recipient{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;background:transparent url(/build/assets/gauge-CE9EHt2D.svg) no-repeat center center;background-size:100% 100%}#game.play{padding:10px}#game.play .caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#game.play .caption p{font-size:18px;margin-bottom:20px;max-width:400px;line-height:1.5}#game.play .caption p.title{font-size:36px;max-width:600px;line-height:1}#game.play #game_area{position:relative}#game.play #game_area .coat{width:100%;max-width:380px;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}#game.play #game_area .drop{position:absolute;pointer-events:none;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}#game.play .timer{position:absolute;bottom:10px;right:0}#game.play .gauge{position:absolute;bottom:10px;left:0}#game.results .card{max-width:400px;padding:10px;text-align:center;background:#fff}#game.results .card p{margin:0 auto 10px}#game.results .card p.title{font-size:30px;line-height:1;text-transform:uppercase;margin-bottom:20px}#game.results .card .links{margin:30px 0 -10px}#game.results .card .links .btn{width:100%}#game.results .timer{position:absolute;bottom:10px;right:0}#game.results .gauge{position:absolute;bottom:10px;left:0}@media all and (min-width: 720px){#app main{justify-content:center}#game .timer{width:150px;padding:62px 38px 0}#game .timer span.time{font-size:32px}#game .timer span.seconds{font-size:14px}#game .gauge{width:102px;height:147px}#game.play .caption p{font-size:20px}#game.play .caption p.title{font-size:48px}#game.play .caption .btn{margin-top:20px}#game.play .timer{right:30px;bottom:30px}#game.play .gauge{left:30px;bottom:30px}#game.results .card{padding:25px}#game.results .timer{right:30px;bottom:30px}#game.results .gauge{left:30px;bottom:30px}}
