:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0b0c10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#0b0c10;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}#root{max-width:1280px;margin:0 auto;text-align:center;width:100%;height:100vh;display:flex;flex-direction:column}:root{--bg-color: #0b0c10;--tube-glass: rgba(255, 255, 255, .1);--tube-border: rgba(255, 255, 255, .4)}.game-container{display:flex;flex-direction:column;width:100%;max-width:600px;height:100vh;margin:0 auto;background:radial-gradient(circle at center,#1f2833 0%,var(--bg-color) 100%);color:#c5c6c7;font-family:Inter,sans-serif;overflow:hidden;position:relative;touch-action:none}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;z-index:10}.title-group h1{font-size:1.5rem;font-weight:900;margin:0;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.score-text{font-size:1.1rem;font-weight:800;color:#66fcf1;text-shadow:0 0 10px rgba(102,252,241,.4)}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:transform .2s}.icon-btn:active{transform:scale(.9)}.play-area{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.tubes-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:100%}.tube-wrapper{position:relative;width:clamp(50px,15vw,65px);height:clamp(180px,40vh,220px);padding:5px;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:flex-end}.tube-wrapper.selected{transform:translateY(-30px)}.tube-glass{width:100%;height:100%;border:3px solid var(--tube-border);border-top:none;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background-color:var(--tube-glass);box-shadow:inset 0 0 15px #ffffff1a,0 5px 15px #00000080;position:relative;overflow:hidden;display:flex;align-items:flex-end}.tube-glass:before{content:"";position:absolute;top:0;left:-3px;right:-3px;height:6px;border-radius:5px;border:3px solid var(--tube-border);background:#fff9;z-index:10}.water-container{width:100%;height:95%;display:flex;flex-direction:column;justify-content:flex-end;border-bottom-left-radius:25px;border-bottom-right-radius:25px;overflow:hidden}.water-layer{width:100%;transition:height .3s ease-in-out}.water-layer:last-child{border-bottom-left-radius:25px;border-bottom-right-radius:25px}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.glass{background:#1f2833e6;padding:40px;border-radius:20px;text-align:center;border:1px solid #45a29e;width:85%;max-width:350px;box-shadow:0 20px 50px #000c}.neon-text{font-size:2.2rem;font-weight:900;margin-bottom:10px;text-transform:uppercase;color:#fff}.glow-blue{text-shadow:0 0 10px #66fcf1,0 0 20px #66fcf1}.glow-green{text-shadow:0 0 10px #45a29e,0 0 20px #45a29e}.action-btn{background:transparent;color:#fff;padding:15px 30px;font-size:1.2rem;font-weight:800;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin:10px auto 0;transition:all .2s;width:100%}.action-btn.cyan-box{border:2px solid #66fcf1;box-shadow:inset 0 0 15px #66fcf14d,0 0 20px #66fcf133}.action-btn.purple-box{border:2px solid #c5c6c7;box-shadow:inset 0 0 15px #c5c6c74d,0 0 20px #c5c6c733}.ad-spacer{margin-top:20px;min-height:50px}