@font-face{font-family:OkDandan;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2508-2@1.0/OkDanDan-Bold.woff2) format("woff2");font-weight:400;font-style:normal}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}:root{--color-bg:#009dff;--color-bg-warm:rgba(255,255,255,0.15);--color-cream:#ffffff;--color-sage:#a8c4c2;--color-dusty-blue:#ffffff;--color-blush:#f8d7da;--color-lavender:#e2d9f3;--color-accent-red:#e8291c;--color-accent-blue:#1a3aff;--color-accent-yellow:#f5d800;--font-handwritten:"OkDandan",cursive;--font-serif:"OkDandan",serif;--font-typewriter:"OkDandan",cursive;--font-rounded:"OkDandan",sans-serif;--color-aero-blue:#00ccff;--color-aero-blue-dark:#0088cc;--color-aero-gloss:rgba(255,255,255,0.55);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px}body{background-color:var(--color-bg);background-image:url(/bg_blue_paper.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;font-family:var(--font-handwritten);color:#0e3a5a}#__next,.layout-root{position:relative;width:100vw;height:100vh;overflow:hidden}.cut-edge{-webkit-clip-path:polygon(0 3%,2% 0,98% 1%,100% 4%,99% 96%,97% 100%,3% 99%,0 97%);clip-path:polygon(0 3%,2% 0,98% 1%,100% 4%,99% 96%,97% 100%,3% 99%,0 97%)}.tape{position:relative;display:inline-block}.tape:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(-2deg);width:60%;height:14px;background:rgba(245,216,0,.55);border-radius:1px;mix-blend-mode:multiply}.torn-top{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'%3E%3Cpath d='M0 20 Q10 0 20 15 Q30 5 40 18 Q55 2 70 14 Q85 0 100 16 Q115 3 130 18 Q145 1 160 15 Q175 5 190 17 Q205 0 220 14 Q235 4 250 18 Q265 2 280 15 Q295 5 310 17 Q325 0 340 14 Q355 4 370 18 Q385 2 400 16 L400 20Z' fill='black'/%3E%3C/svg%3E"),linear-gradient(black,black);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20'%3E%3Cpath d='M0 20 Q10 0 20 15 Q30 5 40 18 Q55 2 70 14 Q85 0 100 16 Q115 3 130 18 Q145 1 160 15 Q175 5 190 17 Q205 0 220 14 Q235 4 250 18 Q265 2 280 15 Q295 5 310 17 Q325 0 340 14 Q355 4 370 18 Q385 2 400 16 L400 20Z' fill='black'/%3E%3C/svg%3E"),linear-gradient(black,black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:top center,center 20px;mask-position:top center,center 20px;-webkit-mask-size:100% 20px,100% calc(100% - 20px);mask-size:100% 20px,100% calc(100% - 20px)}.font-handwritten{font-family:var(--font-handwritten)}.font-serif{font-family:var(--font-serif)}.font-typewriter{font-family:var(--font-typewriter)}.font-rounded{font-family:var(--font-rounded)}.bottle{position:fixed;bottom:75px;left:55px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);cursor:default;transition:transform .2s ease;z-index:10}.bottle-img-wrapper{width:100%;height:100%;transform-origin:bottom center!important}.bottle-img-wrapper.bottle--scaling{animation:bottle-scale .4s cubic-bezier(.175,.885,.32,1.275)}.bottle-img-wrapper.bottle--hover-shake{animation:bottle-idle-shake .4s ease-in-out infinite}@keyframes bottle-idle-shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bottle-scale{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.bottle-deco{position:absolute!important;pointer-events:none}.bottle-deco--back{top:-16px;left:-41px;z-index:0}.bottle-deco--arrow{top:-6px;right:-32px;transform:rotate(15deg)}.bottle--shaking{animation:bottle-shake .45s ease}@keyframes bottle-shake{0%{transform:rotate(0deg) translateX(0)}20%{transform:rotate(-5deg) translateX(-3px)}40%{transform:rotate(5deg) translateX(3px)}60%{transform:rotate(-4deg) translateX(-2px)}80%{transform:rotate(4deg) translateX(2px)}to{transform:rotate(0deg) translateX(0)}}.bottle-layers{position:relative;width:120px;height:195px;z-index:1;filter:drop-shadow(0 4px 10px rgba(100,160,200,.35))}.bottle-img{position:absolute!important;top:0;left:0;width:120px!important;height:195px!important;object-fit:contain;z-index:1}.bottle-deco-container--back{position:absolute;top:-14px;left:-32px;width:95px;height:95px;z-index:0}.bottle-deco--back{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.bottle-deco--arrow{top:13px;left:97px;z-index:2;transform:rotate(25deg)}.bottle-deco-container--back .bottle__count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#3a3028;pointer-events:none;z-index:5;white-space:nowrap}.bottle-dialog-overlay{position:fixed;inset:0;background:rgba(14,58,90,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.bottle-dialog{background:#ffffff;border:3px solid #000000;border-radius:0;padding:var(--space-lg) var(--space-xl);max-width:360px;width:90%;box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000,3.5px 3.5px 0 #000000,4px 4px 0 #000000,4.5px 4.5px 0 #000000,5px 5px 0 #000000,5.5px 5.5px 0 #000000,6px 6px 0 #000000,6.5px 6.5px 0 #000000,7px 7px 0 #000000,7.5px 7.5px 0 #000000,8px 8px 0 #000000;position:relative}.bottle-dialog:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-1deg);width:80px;height:18px;background:rgba(245,216,0,.6);mix-blend-mode:multiply}.bottle-dialog__message{font-size:22px;line-height:1.45;text-align:center;margin-bottom:var(--space-lg);color:#2a2018}.bottle-dialog__list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.bottle-dialog__item{background:#dfff00;border:2px solid #000000;border-radius:0;padding:var(--space-sm) var(--space-md);font-family:OkDandan,cursive;font-size:17px;color:#000000;text-align:left;cursor:pointer;transition:all .1s ease;box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000,3.5px 3.5px 0 #000000,4px 4px 0 #000000,4.5px 4.5px 0 #000000,5px 5px 0 #000000;margin-bottom:8px}.bottle-dialog__item:active,.bottle-dialog__item:hover{background:#eaff00;transform:translate(2px,2px);box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bottle-dialog__item--new{animation:slideInUp .5s cubic-bezier(.175,.885,.32,1.275) both}.bottle-dialog__cancel{display:block;width:100%;background:none;border:none;font-family:var(--font-typewriter);font-size:13px;color:#9a8a78;cursor:pointer;text-align:center;padding:var(--space-xs);letter-spacing:.08em}.bottle-dialog__cancel:hover{color:#2a2018}.wl-root{position:fixed;bottom:0;left:0;right:0;z-index:30}.wl-paper{position:relative;background-color:#111111;padding:16px 24px 20px;flex-direction:column;border-top:1px solid #111111}.sorting-guide-text,.wl-paper{display:flex;align-items:center}.sorting-guide-text{width:100%;max-width:420px;color:#ffffff;text-align:center;font-size:17px;line-height:1.5;padding:12px 0;letter-spacing:-.01em;justify-content:center;min-height:52px}.bubbles-counter-wrap{display:flex;flex-direction:column;align-items:flex-start;margin-left:0;margin-bottom:20px}.wl-bubbles-row{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px;gap:6px;width:-moz-fit-content;width:fit-content}.wl-bubble-dot{width:12px;height:12px;background:#a8e6cf;border:2px solid #000000;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.wl-bubble-dot--spent{opacity:0;transform:scale(0)}.wl-gauge__label{font-size:11px;color:#ffffff;white-space:nowrap;letter-spacing:.04em;margin-top:4px}.wl-input-wrap{display:flex;align-items:center;gap:var(--space-sm);width:100%;max-width:420px;background:#ffffff;border:2px solid #000000;border-radius:0;padding:12px 18px;box-shadow:.5px .5px 0 #dfff00,1px 1px 0 #dfff00,1.5px 1.5px 0 #dfff00,2px 2px 0 #dfff00,2.5px 2.5px 0 #dfff00,3px 3px 0 #dfff00,3.5px 3.5px 0 #dfff00,4px 4px 0 #dfff00,4.5px 4.5px 0 #dfff00,5px 5px 0 #dfff00,5.5px 5.5px 0 #dfff00,6px 6px 0 #dfff00;position:relative;transition:all .15s ease}.wl-input-wrap:focus-within{transform:translate(2px,2px);box-shadow:.5px .5px 0 #dfff00,1px 1px 0 #dfff00,1.5px 1.5px 0 #dfff00,2px 2px 0 #dfff00,2.5px 2.5px 0 #dfff00,3px 3px 0 #dfff00,3.5px 3.5px 0 #dfff00,4px 4px 0 #dfff00}.wl-input{flex:1 1;min-width:0;border:none;background:transparent;font-family:var(--font-rounded);font-weight:500;font-size:17px;color:#000000;outline:none;caret-color:#000000;z-index:1;padding-right:12px;touch-action:manipulation;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.wl-input::placeholder{color:#a0b0c0;font-style:normal}.wl-counter{font-family:var(--font-rounded);font-weight:700;font-size:13px;color:#7a9aaf;min-width:22px;text-align:right;z-index:1}.wl-counter--warn{color:var(--color-accent-red)}.wl-finish{position:fixed;top:24px;right:24px;z-index:20;background:#dfff00;border:2px solid #000000;border-radius:0;padding:10px 24px;font-family:OkDandan,cursive;font-size:18px;color:#000000;cursor:pointer;box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000,3.5px 3.5px 0 #000000,4px 4px 0 #000000,4.5px 4.5px 0 #000000,5px 5px 0 #000000;transition:all .1s ease}.wl-finish:hover{background:#eaff00;transform:translate(2px,2px);box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000}.boy-fixed-wrap{right:40px;display:flex;align-items:flex-end}.boy-fixed-wrap,.bubbles-counter-fixed{position:fixed;bottom:82px;z-index:5;pointer-events:none}.bubbles-counter-fixed{left:40px}.app-title{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;transition:all 1.2s cubic-bezier(.4,0,.2,1)}.app-title img{max-width:450px;width:100%;height:auto}.app-title--hidden{opacity:0;transform:translate(-50%,-40%)}.boy-character{position:relative;bottom:0;right:0;display:flex;align-items:flex-end}.boy-idle-chat{position:absolute;top:-80px;left:0;width:100%;z-index:6;animation:chat-float 2s ease-in-out infinite}@keyframes particle-slosh{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.restart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:40vh;z-index:100;pointer-events:none}.restart-btn{pointer-events:auto;background:#dfff00;border:2px solid #000000;border-radius:0;padding:12px 32px;font-family:OkDandan,cursive;font-size:22px;color:#000000;cursor:pointer;box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000,3.5px 3.5px 0 #000000,4px 4px 0 #000000,4.5px 4.5px 0 #000000,5px 5px 0 #000000,5.5px 5.5px 0 #000000,6px 6px 0 #000000;transition:all .1s ease;animation:fadeIn .5s ease-out}.restart-btn:hover{background:#eaff00;transform:translate(2px,2px);box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000,1.5px 1.5px 0 #000000,2px 2px 0 #000000,2.5px 2.5px 0 #000000,3px 3px 0 #000000,3.5px 3.5px 0 #000000,4px 4px 0 #000000}.restart-btn:active{transform:translate(5px,5px);box-shadow:.5px .5px 0 #000000,1px 1px 0 #000000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.boy-character img{object-fit:contain}.boy-character--blowing{animation:boy-blow .4s ease-in-out infinite alternate}@media (max-width:790px){.boy-fixed-wrap{right:4px}.bubbles-counter-fixed{left:12px}.app-title{top:20%!important}.app-title img{max-width:80vw!important;width:80vw!important;height:auto!important}.app-title--hidden{transform:translate(-50%,-15%)}.wl-bubble-dot{width:9px;height:9px;border-width:1.5px}.wl-bubbles-row{gap:4px;width:156px}.boy-character img{width:180px!important;height:180px!important}.boy-idle-chat{top:-35px;width:150%;left:0}.bottle{left:36px!important;bottom:calc(52px + 40px + env(safe-area-inset-bottom))!important;transform:scale(.75);transform-origin:bottom left}}@keyframes boy-blow{0%{transform:scale(1)}to{transform:scale(1.03)}}