:root{--primary:#FFE600;--secondary:#00E5FF;--accent:#FF6AD5;--success:#2BE37C;--danger:#FF4D4D;--bg-dark:#F6F1E8;--text-dark:#0B0B0B;--text-light:#FFFFFF;--brutalist-border:4px solid #0B0B0B;--brutalist-shadow:8px 8px 0px #0B0B0B;--brutalist-shadow-hover:12px 12px 0px #0B0B0B;--brutalist-radius:6px;--asymmetric-rotate:-1.2deg;--asymmetric-rotate-alt:1.2deg;--neo-surface:#FFFFFF;--neo-surface-alt:#FFF4B8;--neo-grid:rgba(11,11,11,0.08)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}body{overflow:hidden;font-family:Helvetica,Arial,sans-serif;background:var(--bg-dark);touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--text-dark)}.waterun-layout,.waterun-wrapper{background:var(--bg-dark);min-height:100vh}.waterun-layout{position:relative;isolation:isolate;overflow:hidden}.waterun-layout:before{inset:0;background-image:linear-gradient(90deg,var(--neo-grid) 1px,transparent 1px),linear-gradient(180deg,var(--neo-grid) 1px,transparent 1px);background-size:44px 44px;opacity:.35}.waterun-layout:after,.waterun-layout:before{content:"";position:fixed;pointer-events:none;z-index:0}.waterun-layout:after{inset:-20%;background:radial-gradient(circle at 10% 15%,rgba(255,106,213,.25),transparent 40%),radial-gradient(circle at 80% 10%,rgba(0,229,255,.25),transparent 45%),radial-gradient(circle at 20% 80%,rgba(255,230,0,.2),transparent 45%)}.waterun-game-container{position:relative;z-index:1}.game-over-title,.game-title,.hud-value,.pause-title,.skill-header,h1{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}#splashScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary);z-index:5000;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease,visibility 1s ease;box-shadow:inset 0 0 0 10px #0B0B0B}#splashScreen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(11,11,11,.15) 1px,transparent 0),linear-gradient(180deg,rgba(11,11,11,.15) 1px,transparent 0);background-size:60px 60px;opacity:.35;pointer-events:none}#splashScreen.hidden{opacity:0;visibility:hidden}.splash-content{text-align:center;width:320px;background:transparent;padding:0;border:none;box-shadow:none}.splash-logo{width:200px;margin-bottom:30px}.loader-container{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}@keyframes boxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.circular-loader{width:60px;height:60px;border:6px solid rgba(0,0,0,.15);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#000;font-size:14px;font-weight:900;font-family:Helvetica,Arial,sans-serif;letter-spacing:1px}.loading-state{height:200px;color:#000}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#000}#gameCanvas{display:block}.asymmetric-sharp{clip-path:polygon(2% 0,100% 1%,98% 100%,0 98%)}.asymmetric-sharp-alt{clip-path:polygon(0 2%,98% 0,100% 98%,2% 100%)}#hud{position:fixed;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:24px;pointer-events:none;z-index:100;background:var(--neo-surface);padding:10px 32px;border-radius:10px;border:var(--brutalist-border);box-shadow:var(--brutalist-shadow);transform:translateX(-50%) rotate(var(--asymmetric-rotate-alt));transition:opacity .3s;max-width:min(520px,92vw)}body:has(#gameOverScreen.visible) #hud,body:has(#gameOverScreen.visible) #musicToggle,body:has(#startScreen:not(.hidden)) #hud,body:has(#startScreen:not(.hidden)) #musicToggle{opacity:0!important;pointer-events:none!important}body.countdown-active #boostBadge,body.countdown-active #bottleCounter,body.countdown-active #flyBtn,body.countdown-active #gameOverScreen,body.countdown-active #hud,body.countdown-active #musicToggle,body.countdown-active #notification-container,body.countdown-active #pauseBtn,body.countdown-active #startScreen,body.countdown-active #statusMsg,body.countdown-active #tutorialOverlay,body.countdown-active footer,body.countdown-active nav,body.pause-active #boostBadge,body.pause-active #bottleCounter,body.pause-active #flyBtn,body.pause-active #gameOverScreen,body.pause-active #hud,body.pause-active #musicToggle,body.pause-active #notification-container,body.pause-active #pauseBtn,body.pause-active #startScreen,body.pause-active #statusMsg,body.pause-active #tutorialOverlay,body.pause-active footer,body.pause-active nav,body:has(#pauseScreen.visible) #boostBadge,body:has(#pauseScreen.visible) #bottleCounter,body:has(#pauseScreen.visible) #flyBtn,body:has(#pauseScreen.visible) #gameOverScreen,body:has(#pauseScreen.visible) #hud,body:has(#pauseScreen.visible) #musicToggle,body:has(#pauseScreen.visible) #notification-container,body:has(#pauseScreen.visible) #pauseBtn,body:has(#pauseScreen.visible) #startScreen,body:has(#pauseScreen.visible) #statusMsg,body:has(#pauseScreen.visible) #tutorialOverlay,body:has(#pauseScreen.visible) footer,body:has(#pauseScreen.visible) nav{opacity:0!important;pointer-events:none!important}body.countdown-active #gameOverScreen,body.countdown-active #startScreen,body.countdown-active footer,body.countdown-active nav,body.pause-active #gameOverScreen,body.pause-active #startScreen,body.pause-active footer,body.pause-active nav,body:has(#pauseScreen.visible) #gameOverScreen,body:has(#pauseScreen.visible) #startScreen,body:has(#pauseScreen.visible) footer,body:has(#pauseScreen.visible) nav{visibility:hidden!important}.hud-item{display:flex;align-items:baseline;gap:8px;color:var(--text-dark);white-space:nowrap}.hud-value{font-size:44px;font-weight:900;-webkit-text-stroke:1.5px var(--text-dark);text-shadow:2px 2px 0 rgba(0,0,0,.1)}.hud-label{font-size:16px;font-weight:900;text-transform:uppercase}#boostBadge{position:fixed;top:calc(98px + env(safe-area-inset-top));left:50%;transform:translateX(-50%) translateY(20px);background:var(--neo-surface-alt);border:3px solid #0b0b0b;border-radius:8px;padding:8px 15px;color:#000;z-index:100;opacity:0;transition:all .3s;display:flex;align-items:center;gap:12px;box-shadow:8px 8px 0 #0B0B0B;pointer-events:none;transform:translateX(-50%) translateY(20px) rotate(var(--asymmetric-rotate))}#boostBadge.active{opacity:1;transform:translateX(-50%) translateY(0)}.boost-bar-bg{width:80px;height:12px;background:#000;border-radius:6px;overflow:hidden;position:relative;border:2px solid #000}#boostBar{height:100%;width:100%;background:var(--secondary);transition:width .1s linear}#startScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(246,241,232,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;transition:opacity .5s ease,visibility .5s ease;color:var(--text-dark)}#startScreen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,106,213,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(0,229,255,.2),transparent 50%),radial-gradient(circle at 50% 85%,rgba(255,230,0,.22),transparent 50%);pointer-events:none}#startScreen>*{position:relative;z-index:1}#gameOverScreen .menu-btns,#startScreen .menu-btns{display:flex;flex-direction:column;gap:16px;width:min(92vw,520px);align-items:center;background:var(--neo-surface);border:var(--brutalist-border);box-shadow:14px 14px 0 #0B0B0B;padding:24px 22px;border-radius:14px}.main-actions{display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%;max-width:500px;align-items:center}.btns-row{display:flex;gap:15px;width:100%;max-width:420px}.icon-only-btn{width:80px;flex-shrink:0;padding:0!important}.continue-btn{background:var(--accent)!important;border:var(--brutalist-border)!important;box-shadow:10px 10px 0 #0B0B0B!important;padding:20px 50px!important;color:#000!important;font-family:Helvetica,Arial,sans-serif;font-size:26px!important;border-radius:0!important;animation:breathing 2.5s ease-in-out infinite;opacity:0;transform:translateY(20px) rotate(var(--asymmetric-rotate));transition:transform .2s}.continue-btn:hover{background:#b566ff!important}#gameOverScreen.visible .continue-btn{animation:breathing 2.5s ease-in-out infinite,scoreEnter .5s .8s forwards}@keyframes breathing{0%,to{transform:scale(1);box-shadow:6px 6px 0 #000}50%{transform:scale(1.05);box-shadow:10px 10px 0 #000}}.text-link-btn{background:var(--neo-surface);border:var(--brutalist-border);color:#000;font-size:18px;font-family:Helvetica,Arial,sans-serif;padding:12px 40px;border-radius:10px;box-shadow:6px 6px 0 #0B0B0B;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(20px) rotate(var(--asymmetric-rotate-alt))}#gameOverScreen.visible .text-link-btn{animation:bounceIn .5s 1s forwards}.text-link-btn:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #0B0B0B;color:var(--accent)}.text-link-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #0B0B0B}.profile-card{background:var(--neo-surface);border:var(--brutalist-border);border-radius:10px;display:flex;align-items:center;cursor:pointer;box-shadow:var(--brutalist-shadow);transition:all .2s cubic-bezier(.175,.885,.32,1.275);height:64px;width:100%;max-width:440px;padding:0;overflow:hidden;position:relative;transform:rotate(var(--asymmetric-rotate))}.profile-card:hover{transform:translate(-3px,-3px) rotate(0deg);box-shadow:var(--brutalist-shadow-hover)}.profile-card:hover .settings-tag{background:#FFD700}.profile-card:active{transform:translate(2px,2px);box-shadow:4px 4px 0 #000}.profile-card .user-info{display:flex;align-items:center;padding:0 15px;gap:15px;flex:1}.profile-card #userAvatar{width:38px;height:38px;border-radius:0;border:2px solid #000;background:#fff;object-fit:cover}.profile-card .username{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#000;text-transform:uppercase;letter-spacing:.5px}.profile-card .settings-tag{width:64px;height:100%;background:var(--secondary);border-left:var(--brutalist-border);display:flex;align-items:center;justify-content:center;transition:background .2s}.profile-card .settings-tag .material-symbols-rounded{color:#000;font-size:28px}.menu-secondary-btn{background:var(--accent);color:var(--text-dark);border:var(--brutalist-border);padding:18px 42px;font-size:20px;font-family:Helvetica,Arial,sans-serif;border-radius:10px;box-shadow:var(--brutalist-shadow);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;transform:rotate(var(--asymmetric-rotate-alt))}.menu-secondary-btn:hover{transform:translate(-3px,-3px) rotate(0deg);box-shadow:var(--brutalist-shadow-hover);background:#ff4fbd}.menu-secondary-btn:active{transform:translate(2px,2px);box-shadow:4px 4px 0 #0B0B0B}.main-action-row,.secondary-actions-row{display:flex;gap:15px;width:100%;max-width:440px}.icon-btn{background:var(--neo-surface);border:var(--brutalist-border);border-radius:10px;color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:6px 6px 0 #0B0B0B;transition:all .2s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0}.icon-btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #0B0B0B}.icon-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #0B0B0B}.trophy-btn{width:76px;background:var(--secondary)}.material-symbols-rounded{font-size:32px;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.menu-secondary-btn .material-symbols-rounded{font-size:24px;margin-right:8px}#startScreen.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-title{width:420px;max-width:90vw;height:auto;margin-bottom:20px;filter:drop-shadow(6px 6px 0 rgba(11,11,11,.8))}.game-subtitle{font-size:14px;color:rgba(11,11,11,.6);margin-bottom:50px}.game-icons{display:flex;gap:50px;margin-bottom:50px}.game-icon{text-align:center;opacity:0;transform:translateY(20px)}#gameOverScreen.visible .game-icon:first-child{animation:bounceIn .5s .5s forwards}#gameOverScreen.visible .game-icon:nth-child(2){animation:bounceIn .5s .6s forwards}#gameOverScreen.visible .game-icon:nth-child(3){animation:bounceIn .5s .7s forwards}.game-icon .emoji{font-size:40px;margin-bottom:8px}.game-icon .label{font-size:12px;color:rgba(255,255,255,.6)}.start-btn{background:var(--primary);color:var(--text-dark);border:var(--brutalist-border);padding:22px 62px;font-size:30px;font-family:Helvetica,Arial,sans-serif;border-radius:12px;box-shadow:12px 12px 0 #0B0B0B;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform:rotate(calc(var(--asymmetric-rotate) * -1));clip-path:polygon(1% 0,100% 3%,99% 100%,0 97%)}.start-btn:hover{transform:translate(-4px,-4px) rotate(0deg);box-shadow:16px 16px 0 #0B0B0B;background:#fff06a}.start-btn:active{transform:translate(2px,2px);box-shadow:4px 4px 0 #0B0B0B}.tap-hint{position:fixed;bottom:30px;color:rgba(255,255,255,.4);font-size:12px}.version{bottom:10px;color:rgba(11,11,11,.55);font-size:10px;text-align:center}#gameOverScreen,.version{position:fixed;width:100%}#gameOverScreen{top:0;left:0;height:100%;background:rgba(246,241,232,.9);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);color:var(--text-dark)}#gameOverScreen.visible{opacity:1;visibility:visible}.game-over-title{font-size:100px;font-family:Helvetica,Arial,sans-serif!important;color:var(--primary);-webkit-text-stroke:4px #0B0B0B;text-shadow:10px 10px 0 var(--accent);margin:0 auto 30px;width:0;overflow:hidden;white-space:nowrap;text-align:center;transform:skewX(-12deg)}#gameOverScreen.visible .game-over-title{animation:typewriter .8s steps(9) forwards}@keyframes typewriter{0%{width:0}to{width:450px}}.score-container{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.final-label{font-size:24px;font-family:Helvetica,Arial,sans-serif!important;color:rgba(11,11,11,.7);text-transform:uppercase;letter-spacing:2px;transform:skewX(-10deg);margin-bottom:-15px;opacity:0}#gameOverScreen.visible .final-label{animation:labelEnter .5s cubic-bezier(.175,.885,.32,1.275) .3s forwards}@keyframes labelEnter{to{opacity:1;transform:skewX(-10deg)}}.final-score{font-size:200px;font-family:Helvetica,Arial,sans-serif!important;color:var(--secondary);-webkit-text-stroke:5px #0B0B0B;text-shadow:14px 14px 0 rgba(11,11,11,.35);margin:0;opacity:0;transform:scale(.5) skewX(-12deg);line-height:.85}#gameOverScreen.visible .final-score{animation:scoreEnter .7s cubic-bezier(.175,.885,.32,1.275) .4s forwards}@keyframes scoreEnter{to{opacity:1;transform:scale(1) skewX(-10deg)}}#gameOverScreen.visible .continue-btn{animation:breathing 2.5s ease-in-out infinite,btnEnter .5s 1s forwards}#gameOverScreen.visible .text-link-btn{animation:btnEnter .5s 1.2s forwards}#gameOverScreen.visible .menu-secondary-btn{animation:btnEnter .5s 1.3s forwards}@keyframes btnEnter{0%{opacity:0;transform:translateY(50px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{to{opacity:1;transform:translateY(0)}}@keyframes popIn{to{opacity:1;transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}#notification-container{position:fixed;top:auto;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:9999;pointer-events:none}.toast-notification{background:#fff;border:4px solid #000;box-shadow:6px 6px 0 #000;padding:15px 20px;min-width:280px;max-width:320px;display:flex;align-items:center;gap:15px;transform:translateX(120%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;font-family:Helvetica,Arial,sans-serif}.toast-notification.visible{transform:translateX(0)}.toast-notification.hiding{transform:translateX(120%);opacity:0}.toast-notification[data-type=success]{background:#00D2FF;color:#000}.toast-notification[data-type=error]{background:#FF4444;color:#000}.toast-notification[data-type=warning]{background:#FFCE00;color:#000}.toast-notification[data-type=info]{background:#29abe2;color:#000}.toast-notification[data-type=record]{background:#FFEA00;color:#000;border-color:#000}.toast-notification[data-type=gift]{background:#00E676;color:#000}.toast-icon{font-size:28px}.toast-content{display:flex;flex-direction:column}.toast-title{font-size:14px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.toast-message{font-size:20px}@media (max-width:768px){#notification-container{top:80px;right:50%;transform:translateX(50%);width:90%;align-items:center}.toast-notification{width:100%;min-width:unset;transform:translateY(-50px) scale(.9);opacity:0}.toast-notification.visible{transform:translateY(0) scale(1);opacity:1}}#pauseBtn{width:58px;height:58px}#pauseBtn .material-symbols-rounded{font-size:36px}#musicToggle{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));right:22px;width:58px;height:58px;z-index:100;background:var(--accent);border-radius:12px}#musicToggle.muted{background:#ddd;opacity:.8}.icon{display:inline-block;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:50%}.icon-trophy{width:32px;height:32px;position:relative;background:var(--primary);border-radius:4px 4px 10px 10px;border:3px solid #000;box-shadow:2px 2px 0 #000}.icon-trophy:before{left:-8px;border:3px solid #000;border-right:none;border-radius:6px 0 0 6px}.icon-trophy:after,.icon-trophy:before{content:"";position:absolute;top:4px;width:8px;height:12px}.icon-trophy:after{right:-8px;border:3px solid #000;border-left:none;border-radius:0 6px 6px 0}.icon-bottle{width:28px;height:28px;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231976D2'/%3E%3Cstop offset='1' stop-color='%231565C0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2300c8ff'/%3E%3Cstop offset='1' stop-color='%230088ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='10' height='4' x='7' y='2' fill='url(%23a)' rx='1'/%3E%3Crect width='16' height='22' x='4' y='6' fill='url(%23b)' rx='2' fill-opacity='.9'/%3E%3Crect width='12' height='10' x='6' y='14' fill='%23ffffff' fill-opacity='.3' rx='1'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;animation:bottleShake .4s ease-in-out infinite}.icon-bottle:after,.icon-bottle:before{content:"";position:absolute;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffeb3b' d='M13 2L3 14h7v8l10-12h-7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px #ff9800)}.icon-bottle:before{left:-12px;top:-5px;animation:sparkAnim .6s infinite}.icon-bottle:after{right:-12px;bottom:-5px;animation:sparkAnim .6s .3s infinite}@keyframes bottleShake{0%,to{transform:rotate(-5deg) translateX(-1px)}50%{transform:rotate(5deg) translateX(1px)}}@keyframes sparkAnim{0%{transform:scale(.5) translate(0);opacity:0}50%{transform:scale(1.2) translate(-5px,-5px);opacity:1}to{transform:scale(.5) translate(-10px,-10px);opacity:0}}.icon-hole{width:28px;height:28px;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cellipse cx='16' cy='14' rx='14' ry='8' fill='%23111'/%3E%3Cellipse cx='16' cy='14' rx='14' ry='8' fill='none' stroke='%235c4033' stroke-width='3'/%3E%3C/svg%3E");background-size:100% auto;background-position:center 16px;background-repeat:no-repeat}.icon-hole:before{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='13' y='4' width='6' height='6' fill='%23f5cba7'/%3E%3Crect x='11' y='10' width='10' height='10' fill='%233498db'/%3E%3Crect x='6' y='11' width='5' height='2' fill='%233498db'/%3E%3Crect x='21' y='11' width='5' height='2' fill='%233498db'/%3E%3Crect x='11' y='20' width='4' height='4' fill='%232c3e50'/%3E%3Crect x='17' y='20' width='4' height='4' fill='%232c3e50'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;animation:fallInHoleAnim 1.5s ease-in infinite}@keyframes fallInHoleAnim{0%{transform:translateX(-50%) translateY(0) scale(1);opacity:0}10%{opacity:1}45%{transform:translateX(-50%) translateY(20px) scale(.6);opacity:1}55%{transform:translateX(-50%) translateY(25px) scale(0);opacity:0}to{transform:translateX(-50%) translateY(25px) scale(0);opacity:0}}.icon-sm{width:20px;height:20px;margin-top:-4px}.icon-jump{width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3C!-- Head --%3E%3Crect x='13' y='4' width='6' height='6' fill='%23f5cba7'/%3E%3Crect x='13' y='3' width='6' height='2' fill='%233d2314'/%3E%3C!-- Torso --%3E%3Crect x='11' y='10' width='10' height='10' fill='%233498db'/%3E%3C!-- Arms --%3E%3Crect x='6' y='11' width='5' height='2' fill='%233498db'/%3E%3Crect x='21' y='11' width='5' height='2' fill='%233498db'/%3E%3C!-- Legs (Tucked) --%3E%3Crect x='11' y='20' width='4' height='4' fill='%232c3e50'/%3E%3Crect x='17' y='20' width='4' height='4' fill='%232c3e50'/%3E%3Crect x='11' y='24' width='4' height='3' fill='%23f5cba7'/%3E%3Crect x='17' y='24' width='4' height='3' fill='%23f5cba7'/%3E%3Crect x='10' y='27' width='5' height='2' fill='%23eee'/%3E%3Crect x='17' y='27' width='5' height='2' fill='%23eee'/%3E%3C/svg%3E");animation:jumpIconAnim 1.2s ease-in-out infinite}@keyframes jumpIconAnim{0%,to{transform:translateY(0) scaleX(1)}40%{transform:translateY(-12px) scaleX(.95)}50%{transform:translateY(-13px) scaleX(.95)}60%{transform:translateY(-12px) scaleX(.95)}}#pauseBtn{position:fixed;top:calc(22px + env(safe-area-inset-top));right:22px;background:var(--secondary);border:var(--brutalist-border);color:var(--text-dark);width:54px;height:54px;border-radius:12px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);z-index:180;pointer-events:auto;box-shadow:6px 6px 0 #0B0B0B}#pauseBtn:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #0B0B0B}#pauseBtn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #0B0B0B}#pauseScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;opacity:0;visibility:hidden;transition:opacity .3s ease}#pauseScreen.visible{opacity:1;visibility:visible}.pause-title{font-size:80px;color:#fff;-webkit-text-stroke:3px #000;text-shadow:8px 8px 0 #000;margin-bottom:40px}#countdownOverlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:400;pointer-events:none}#countdownValue{font-size:180px;font-family:Helvetica,Arial,sans-serif;color:#FFCE00;-webkit-text-stroke:6px #000;text-shadow:12px 12px 0 #000;animation:countdownPop 1s infinite}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}10%{transform:scale(1.2);opacity:1}to{transform:scale(1.5);opacity:0}}#tutorialOverlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;display:flex;align-items:center;justify-content:center}.tutorial-hint{display:none;flex-direction:column;align-items:center;gap:20px;color:#000;font-family:Helvetica,Arial,sans-serif;background:#FFCE00;padding:30px;border-radius:30px;border:4px solid #000;box-shadow:8px 8px 0 #000}.tutorial-hint.visible{display:flex}.phone-icon{width:60px;height:100px;animation:phoneTilt 2s ease-in-out infinite}@keyframes phoneTilt{0%,to{transform:rotate(0deg)}25%{transform:rotate(-25deg)}75%{transform:rotate(25deg)}}.touch-icon{position:relative;width:80px;height:80px}.finger{width:40px;height:40px;background:rgba(255,255,255,.2);border:3px solid white;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:touchTap 1.5s infinite}.finger,.ripple{position:absolute}.ripple{width:100%;height:100%;border:2px solid white;border-radius:50%;top:0;left:0;opacity:0;animation:touchRipple 1.5s infinite}@keyframes touchTap{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.85)}}@keyframes touchRipple{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.5);opacity:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:none;align-items:center;justify-content:center;z-index:6000;opacity:0;transition:opacity .4s ease}.modal-overlay.visible{display:flex!important;opacity:1}.modal-content{position:relative;width:480px;max-width:95vw;background:var(--primary);border:6px solid #000;padding:30px;z-index:400;display:flex;flex-direction:column;gap:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:0;visibility:hidden;transform:scale(.9) rotate(var(--asymmetric-rotate));box-shadow:15px 15px 0 #000;clip-path:polygon(.5% 0,100% 1.5%,99.5% 100%,0 98.5%)}.modal-overlay.visible .modal-content{opacity:1;visibility:visible;transform:scale(1) rotate(var(--asymmetric-rotate))}.modal-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px}.modal-title{color:#fff;font-size:32px;font-family:Helvetica,Arial,sans-serif;-webkit-text-stroke:1.5px #000;text-shadow:4px 4px 0 #000;margin:0;text-transform:uppercase}.modal-close-btn{width:50px;height:50px;background:var(--danger);border:4px solid #000;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.modal-close-btn:hover{transform:translate(-3px,-3px) rotate(90deg);box-shadow:7px 7px 0 #000;background:#ff5c5c}.modal-close-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #000}.modal-body{width:100%}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.skill-card{background:#fff;border:var(--brutalist-border);border-radius:0;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--brutalist-shadow);transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-align:center}.skill-card:hover{transform:translate(-3px,-3px);box-shadow:var(--brutalist-shadow-hover)}.skill-icon-wrap{width:100%;aspect-ratio:1;background:var(--secondary);border:3px solid #000;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 #000}.skill-icon{width:70%;height:70%;background-size:contain;background-repeat:no-repeat;background-position:50%}.skill-name{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#000;text-transform:uppercase}.skill-stars{display:flex;gap:3px;justify-content:center}.skill-stars span{width:6px;height:12px;background:#eee;border:1.5px solid #000;border-radius:2px}.skill-stars span.active{background:var(--success);box-shadow:1px 1px 0 #000}.skill-desc{font-size:10px;font-weight:700;color:#555;line-height:1.2;min-height:24px}.buy-btn,.skill-desc{display:flex;align-items:center;justify-content:center}.buy-btn{width:100%;background:var(--success);border:2px solid #000;border-radius:10px;padding:6px;gap:4px;cursor:pointer;box-shadow:3px 3px 0 #000;font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#000;transition:all .2s}.buy-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.buy-btn:disabled{background:#ccc;opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.buy-btn .material-symbols-rounded{font-size:16px}.total-bottles{display:flex;justify-content:center;margin-top:10px}.bottle-chip{display:flex;align-items:center;gap:12px;background:#000;color:#fff;padding:10px 25px;border-radius:0;border:3px solid #fff;box-shadow:6px 6px 0 rgba(0,0,0,.2)}.bottle-chip .material-symbols-rounded{color:var(--primary);font-size:28px}#bottleCount{font-size:32px;font-family:Helvetica,Arial,sans-serif}.skill-action-btn{position:fixed;top:calc(112px + env(safe-area-inset-top));right:22px;bottom:auto;left:auto;transform:scale(0);background:var(--primary);border:4px solid #0b0b0b;color:#000;width:90px;height:90px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:150;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:8px 8px 0 #0B0B0B;pointer-events:none;opacity:0}.skill-action-btn.active{background:var(--secondary);border-color:#0B0B0B}.skill-action-btn.active .label{color:#fff}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.progress-ring__circle{stroke:#0B0B0B;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .1s linear;stroke-dasharray:226.2;stroke-dashoffset:226.2}.skill-action-btn.active .progress-ring__circle{stroke-dashoffset:0}.skill-action-btn.visible{transform:scale(1);opacity:1;pointer-events:auto}.skill-action-btn.cooldown{background:#001220!important;border-color:#003355!important;pointer-events:none;box-shadow:inset 0 0 20px rgba(0,150,255,.1);overflow:hidden}.skill-action-btn.cooldown .material-symbols-rounded{opacity:.6;filter:grayscale(1) brightness(.8);animation:engineStruggle .3s infinite;color:#44aaff}.skill-action-btn.cooldown .label{opacity:.3}@keyframes engineStruggle{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(1px,1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}75%{transform:translate(1px,-1px) rotate(1deg)}to{transform:translate(0) rotate(0deg)}}.skill-action-btn.cooldown:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,rgba(0,210,255,.1) 50%,transparent);background-size:100% 20px;animation:chargingScan 2s linear infinite;pointer-events:none}@keyframes chargingScan{0%{background-position:0 0}to{background-position:0 100%}}.skill-action-btn.cooldown:before{display:none}.cooldown-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:900;font-family:Helvetica,Arial,sans-serif;color:#fff;text-shadow:0 0 10px rgba(0,210,255,.5),2px 2px 0 #000;display:none;z-index:5;letter-spacing:1px}.skill-action-btn.cooldown .cooldown-timer{display:block}.skill-action-btn:active{transform:scale(.9);background:rgba(41,171,226,.4)}.skill-action-btn .icon{width:32px;height:32px;margin-bottom:2px;animation:none!important}.skill-action-btn .label{font-size:10px;font-weight:900;letter-spacing:1px;text-shadow:2px 2px 0 rgba(11,11,11,.3)}.skill-action-btn:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(255,255,255,.2);border-radius:50%;animation:skillPulse 2s infinite}@keyframes skillPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:0}}.loading-spinner{width:44px;height:44px;border:5px solid rgba(0,0,0,.1);border-top:5px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px;background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;margin:20px auto;width:fit-content}@keyframes spin{to{transform:rotate(1turn)}}.loading-state span{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#555;letter-spacing:1px}.leaderboard-list{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:5px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:12px 20px;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #000}.rank{font-family:Helvetica,Arial,sans-serif;font-size:24px;color:var(--accent);min-width:30px}.leader-avatar{width:40px;height:40px;border-radius:0;border:2px solid #000;background:#eee}.leader-name{flex:1;font-weight:900;color:#000;font-size:16px;text-transform:uppercase}.leader-score{font-family:Helvetica,Arial,sans-serif;font-size:20px;color:var(--secondary);-webkit-text-stroke:1px #000}.personal-best{margin-top:10px;padding:15px;background:#000;color:#fff;border-radius:0;display:flex;justify-content:space-between;align-items:center}.personal-best .label{font-family:Helvetica,Arial,sans-serif;font-size:16px}.personal-best .value{font-family:Helvetica,Arial,sans-serif;font-size:24px;color:var(--primary)}@media (max-width:600px){:root{--brutalist-shadow:4px 4px 0px #000;--brutalist-shadow-hover:6px 6px 0px #000}.profile-card{max-width:320px;height:54px}.profile-card .settings-tag{width:54px}.main-action-row,.secondary-actions-row{max-width:320px}.trophy-btn{width:64px}.menu-secondary-btn{max-width:320px;padding:15px 30px;font-size:18px}#hud{padding:8px 12px;gap:12px;top:calc(54px + env(safe-area-inset-top))}.modal-content{padding:20px 15px;gap:15px;width:95%}.modal-title{font-size:24px;-webkit-text-stroke:1px #000}.modal-close-btn{width:44px;height:44px}.skills-grid{gap:8px}.skill-card{padding:8px;gap:5px}.skill-name{font-size:11px}.buy-btn{font-size:14px;padding:6px}.leaderboard-item{padding:10px;gap:10px}.leader-name{font-size:13px}.hud-value{font-size:28px}.hud-label{font-size:12px}.final-score{font-size:100px}.game-over-title{font-size:50px}.game-title{width:260px}.skill-action-btn{width:72px;height:72px;top:calc(98px + env(safe-area-inset-top));right:12px}#musicToggle,#pauseBtn{width:46px;height:46px}#pauseBtn{top:calc(12px + env(safe-area-inset-top));right:12px}#musicToggle{bottom:calc(16px + env(safe-area-inset-bottom));left:12px;right:auto}#boostBadge{top:calc(110px + env(safe-area-inset-top))}.main-action-row,.secondary-actions-row{flex-direction:column}}#giftModal .modal-content{border:6px solid #000;box-shadow:15px 15px 0 #000;transform:rotate(var(--asymmetric-rotate))}#rejectGiftBtn{background:var(--danger);color:#fff;border:4px solid #000;box-shadow:6px 6px 0 #000;font-family:Helvetica,Arial,sans-serif;font-size:20px;padding:15px;border-radius:0;cursor:pointer;flex:1;transition:all .2s}#rejectGiftBtn:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 #000;background:#ff5555}#rejectGiftBtn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}#acceptGiftBtn{background:#00D2FF;color:#000;border:4px solid #000;box-shadow:6px 6px 0 #000;font-family:Helvetica,Arial,sans-serif;font-size:20px;padding:15px;border-radius:0;cursor:pointer;flex:1;transition:all .2s}#acceptGiftBtn:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 #000;background:#33dbff}#acceptGiftBtn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.flying-bottle-anim{position:fixed;width:30px;height:30px;pointer-events:none;z-index:9999;color:var(--secondary);display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.5,0,0,1),opacity .6s ease-in;will-change:transform,opacity}.flying-bottle-anim .material-symbols-rounded{font-size:30px;filter:drop-shadow(0 0 5px var(--secondary))}@media (max-width:480px){.game-title,.h1{width:85%;margin-bottom:20px}.start-btn{padding:16px 30px;font-size:20px;width:90%;max-width:280px}.main-action-row{flex-wrap:wrap;justify-content:center}.menu-secondary-btn{padding:14px 25px;font-size:16px;width:100%}.profile-card{height:54px;width:auto;max-width:90%;margin:0 auto;min-width:250px}.profile-card .username{font-size:15px}#hud{top:calc(54px + env(safe-area-inset-top));padding:8px 12px;gap:15px;width:auto;min-width:200px}.hud-value{font-size:28px}.hud-label{font-size:12px}.modal-content{width:95%!important;padding:15px!important;gap:15px}.modal-title{font-size:24px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:8px}.skill-card{padding:8px}.skill-name{font-size:10px}.auth-input-group input,.google-btn{font-size:16px;padding:12px}.avatar-selection-grid{padding:10px calc(50% - 40px);gap:10px}.avatar-option{flex:0 0 80px}.game-over-title{font-size:48px;-webkit-text-stroke:2px #000;margin-bottom:10px}.final-score{font-size:90px}.continue-btn{padding:15px 30px!important;font-size:20px!important;width:100%}#pauseBtn{top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px}#musicToggle{bottom:calc(16px + env(safe-area-inset-bottom));left:12px;right:auto;width:44px;height:44px}.skill-action-btn{top:calc(94px + env(safe-area-inset-top));right:12px;width:70px;height:70px}}#bottleCounter{position:fixed;top:calc(22px + env(safe-area-inset-top));left:25px;background:var(--neo-surface);border:3px solid #0b0b0b;border-radius:10px;padding:8px 16px;display:flex;align-items:center;gap:8px;z-index:100;box-shadow:6px 6px 0 #0B0B0B;transform:rotate(var(--asymmetric-rotate));transition:all .2s cubic-bezier(.175,.885,.32,1.275);font-family:Helvetica,Arial,sans-serif;cursor:default;pointer-events:none}body:has(#gameOverScreen.visible) #bottleCounter,body:has(#startScreen:not(.hidden)) #bottleCounter{opacity:0;pointer-events:none}#bottleCounter .material-symbols-rounded{color:var(--secondary);font-size:28px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2))}#bottleCounterValue{font-size:24px;color:#000;min-width:30px;text-align:center;transition:color .2s}#bottleCounter.pulse-green{transform:scale(1.2) rotate(0deg);box-shadow:8px 8px 0 #000;border-color:var(--success)}#bottleCounter.pulse-green #bottleCounterValue,#bottleCounter.pulse-green .material-symbols-rounded{color:var(--success)}@media (max-width:768px){#bottleCounter{top:calc(12px + env(safe-area-inset-top));left:12px;padding:6px 12px;box-shadow:4px 4px 0 #0B0B0B}#bottleCounter .material-symbols-rounded{font-size:22px}#bottleCounterValue{font-size:20px}}.pause-actions{display:flex;flex-direction:row;align-items:center;gap:15px}#pauseScreen .start-btn{padding:18px 50px;font-size:28px}.btn-home{width:72px!important;height:72px!important;background:var(--accent)!important;padding:0!important;box-shadow:8px 8px 0 #000!important;display:flex!important;align-items:center;justify-content:center;color:#000!important}.btn-home:hover{background:#b566ff!important;box-shadow:12px 12px 0 #000!important;transform:translate(-3px,-3px)}.btn-home:active{transform:translate(2px,2px);box-shadow:4px 4px 0 #000!important}input[type=email],input[type=number],input[type=text]{border:var(--brutalist-border);border-radius:0;box-shadow:6px 6px 0 #000;font-family:Helvetica,Arial,sans-serif;font-weight:700;outline:none;transition:all .2s}input:focus{box-shadow:10px 10px 0 #000;transform:translate(-2px,-2px)}#gameCanvas{width:100vw;height:100vh;touch-action:none}@media (max-width:768px){.waterun-layout:before{opacity:.22;background-size:60px 60px}.waterun-layout:after{opacity:.6}#hud{top:calc(8px + env(safe-area-inset-top));padding:6px 10px;gap:10px;border-width:3px;box-shadow:4px 4px 0 #000}.hud-value{font-size:26px;-webkit-text-stroke:1px var(--text-dark)}.hud-label{font-size:11px}#bottleCounter{top:calc(58px + env(safe-area-inset-top));left:10px;padding:6px 10px;box-shadow:4px 4px 0 #0B0B0B}#bottleCounter .material-symbols-rounded{font-size:20px}#bottleCounterValue{font-size:18px}#boostBadge{top:calc(58px + env(safe-area-inset-top));padding:6px 10px;gap:8px;border-width:3px;box-shadow:4px 4px 0 #0B0B0B}.boost-bar-bg{width:64px;height:10px}#pauseBtn{top:calc(8px + env(safe-area-inset-top));right:10px;width:44px;height:44px;border-width:3px;box-shadow:4px 4px 0 #0B0B0B}#pauseBtn .material-symbols-rounded{font-size:26px}.skill-action-btn{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));right:12px;width:64px;height:64px;border-width:3px;box-shadow:6px 6px 0 #0B0B0B}.skill-action-btn .material-symbols-rounded{font-size:26px}.skill-action-btn .label{font-size:9px;letter-spacing:.6px}#musicToggle{bottom:calc(14px + env(safe-area-inset-bottom));left:12px;right:auto;width:44px;height:44px}#musicToggle .material-symbols-rounded{font-size:24px}#notification-container{top:calc(120px + env(safe-area-inset-top));bottom:auto}#gameOverScreen,#startScreen{padding:calc(20px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}#gameOverScreen .menu-btns,#startScreen .menu-btns{width:min(92vw,420px)}.game-title{width:min(280px,85vw);margin-bottom:16px}.game-subtitle{margin-bottom:28px}.game-over-title{font-size:clamp(36px,14vw,60px);-webkit-text-stroke:2px #0B0B0B;text-shadow:6px 6px 0 var(--accent);width:auto;overflow:visible;white-space:normal;text-align:center}#gameOverScreen.visible .game-over-title{animation:none;width:auto}.final-score{font-size:clamp(72px,22vw,120px)}#countdownValue{font-size:120px;-webkit-text-stroke:4px #000;text-shadow:6px 6px 0 #000}.pause-title{font-size:clamp(40px,14vw,64px);-webkit-text-stroke:2px #000}.tutorial-hint{padding:18px;border-width:3px;gap:12px}.tutorial-hint p{font-size:12px}.phone-icon{width:46px;height:80px}}.auth-modal{background:var(--neo-surface)!important;border:var(--brutalist-border);border-radius:16px;padding:60px 40px;width:90%;max-width:400px;text-align:center;box-shadow:12px 12px 0 #0B0B0B;position:relative;z-index:6100}.auth-modal img{filter:drop-shadow(0 0 15px rgba(0,210,255,.3))}.divider{display:flex;align-items:center;gap:15px;color:rgba(11,11,11,.5);font-size:11px;font-weight:600;margin:30px 0;text-transform:uppercase;letter-spacing:2px}.divider:after,.divider:before{content:"";flex:1;height:2px;background:rgba(11,11,11,.2)}.google-btn{background:var(--secondary)!important;color:#000000!important;border:3px solid #0b0b0b!important;padding:16px 24px;border-radius:12px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:6px 6px 0 #0B0B0B!important}.google-btn:hover{transform:translate(-2px,-2px)!important;box-shadow:10px 10px 0 #0B0B0B!important}.guest-btn{background:var(--neo-surface-alt);color:#000;border:2px solid #0b0b0b;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:all .2s;box-shadow:4px 4px 0 #0B0B0B}.guest-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #0B0B0B}.sync-status{color:var(--secondary);font-size:14px;font-weight:700;margin-top:20px;letter-spacing:1px;display:none}.sync-status.active{display:block}.avatar-selection-grid{padding:10px}.avatar-option{flex:0 0 60px;height:60px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.avatar-option.selected{transform:scale(1.1)}.avatar-option img{width:100%;height:100%;object-fit:cover}.settings-modal-content{background:var(--neo-surface)!important;border:var(--brutalist-border)!important;color:#000;width:420px!important}.title-with-icon{display:flex;align-items:center;gap:15px}.title-with-icon .material-symbols-rounded{font-size:32px;color:var(--secondary)}.settings-body{padding:5px 0;max-height:65vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--secondary) transparent}.settings-section{background:#fff;border:2px solid #0b0b0b;padding:18px;margin-bottom:20px;position:relative}.section-label{font-family:Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:2px;color:#0B0B0B;margin-bottom:25px;display:flex;align-items:center;gap:12px;text-shadow:2px 2px 0 rgba(11,11,11,.2)}.auth-input-group label{display:block;margin-bottom:12px;font-size:11px;font-weight:900;color:rgba(11,11,11,.45);text-transform:uppercase;letter-spacing:1px}.auth-input-group input{width:100%;background:#fff;border:3px solid #0b0b0b;border-radius:10px;padding:12px 14px;font-size:16px;font-weight:700;color:#000;box-shadow:4px 4px 0 #0B0B0B;outline:none;transition:all .2s}.auth-input-group input:disabled{opacity:.7;background:#f3f3f3}.input-with-action{display:flex;align-items:center;gap:10px}.icon-btn-small{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:3px solid #0b0b0b;background:var(--secondary);color:#000;border-radius:10px;box-shadow:4px 4px 0 #0B0B0B;cursor:pointer;transition:all .2s}.icon-btn-small:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #0B0B0B}.settings-item{display:flex;flex-direction:column;gap:18px}.save-settings-btn{width:100%;background:var(--secondary);color:#000;border:4px solid #000;padding:14px 18px;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-weight:800;border-radius:12px;cursor:pointer;box-shadow:6px 6px 0 #000;transition:all .2s}.save-settings-btn:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #000}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.logout-btn{background:var(--danger);color:#fff;border:3px solid #000;padding:12px 14px;font-family:Helvetica,Arial,sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;border-radius:10px;cursor:pointer;box-shadow:5px 5px 0 #000;transition:all .2s}.logout-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}.global-settings-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#000;border:3px solid #000;padding:12px 14px;font-family:Helvetica,Arial,sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-radius:10px;text-decoration:none;box-shadow:5px 5px 0 #000;transition:all .2s}.global-settings-link:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}@media (max-width:600px){.settings-modal-content{width:min(92vw,420px)!important}.settings-actions{grid-template-columns:1fr}.save-settings-btn{font-size:16px}}.avatar-grid-wrapper{background:#fff;border:2px solid #0b0b0b;padding:10px;margin-bottom:20px;border-radius:10px;position:relative;overflow:hidden}.avatar-selection-grid{display:flex;gap:12px;overflow-x:auto;padding:10px 140px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}.avatar-selection-grid::-webkit-scrollbar{display:none}.avatar-selection-grid:active{cursor:grabbing}.avatar-option{flex:0 0 65px;height:65px;background:#111;border:3px solid #222;transition:all .3s cubic-bezier(.175,.885,.32,1.275);scroll-snap-align:center;border-radius:12px}.avatar-option.selected{border-color:var(--secondary);transform:scale(1.15);box-shadow:0 0 20px rgba(255,230,0,.2);z-index:2}.brutalist-input-group{background:#fff;padding:3px;display:flex;border:3px solid #000;box-shadow:4px 4px 0 #000}.brutalist-input-group input{background:transparent!important;border:none!important;box-shadow:none!important;color:#000!important;padding:10px 12px!important;font-size:16px!important;flex:1;font-family:Helvetica,Arial,sans-serif!important}.icon-btn-edit{background:var(--accent);border:3px solid #000;width:40px;height:40px;cursor:pointer}.save-settings-btn-premium{width:100%;background:var(--secondary);color:#000;border:4px solid #000;padding:14px;font-family:Helvetica,Arial,sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:4px 4px 0 #000;margin-top:15px;transition:all .2s}.save-settings-btn-premium:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #000}.danger-section{border-color:rgba(255,68,68,.2)}.settings-actions-premium{display:grid;grid-template-columns:1fr 1fr;gap:15px}.action-btn-delete,.action-btn-logout{padding:12px;font-family:Helvetica,Arial,sans-serif;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:2px solid #000}.action-btn-logout{background:#fff;color:#000}.action-btn-delete{background:var(--danger);color:#fff}.continue-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);z-index:2005}.continue-section.hidden{display:none}.continue-timer-ring{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.camp-progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.camp-progress-ring__circle{transition:stroke-dashoffset .1s linear;stroke-dasharray:326.72;stroke-dashoffset:0;stroke-linecap:round}.continue-round-btn{width:90px;height:90px;border-radius:16px;background:var(--neo-surface);border:4px solid #0b0b0b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:8px 8px 0 #0B0B0B;transition:all .2s;z-index:2;overflow:hidden}.continue-round-btn:hover{transform:scale(1.05);box-shadow:12px 12px 0 #0B0B0B;background:#fff7c2}.continue-round-btn:active{transform:scale(.95);box-shadow:2px 2px 0 #0B0B0B}.continue-round-btn .icon-lg{font-size:40px;color:#000;margin-bottom:-5px}.continue-round-btn .cost-tag{display:flex;align-items:center;gap:2px;background:#0B0B0B;color:#fff;padding:2px 8px;border-radius:10px;margin-top:2px}.continue-round-btn .icon-sm{font-size:14px;color:var(--secondary)}.continue-round-btn #continueCostDisplay{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#fff}.continue-label{font-family:Helvetica,Arial,sans-serif;font-size:24px;color:var(--primary);-webkit-text-stroke:1px #0B0B0B;text-shadow:2px 2px 0 #0B0B0B;margin-top:10px;letter-spacing:1px}