@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Outfit,sans-serif}#game-canvas{display:block;width:100vw;height:100vh}#ui-overlay{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:32px}#game-title{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 40px rgba(76,201,120,.3);letter-spacing:4px;animation:titleFloat 3s ease-in-out infinite}#game-subtitle{font-size:1rem;font-weight:400;color:#ffffff80;letter-spacing:6px;text-transform:uppercase;margin-top:4px}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}#game-hud{position:fixed;top:0;right:0;z-index:20;pointer-events:none;padding:14px 18px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}#hud-topbar{display:flex;align-items:center;gap:10px;pointer-events:auto;margin-bottom:4px}#hud-leaderboard,#hud-profile-btn{background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 10px;transition:all .2s ease}#hud-leaderboard svg,#hud-profile-btn svg{width:18px;height:18px}#hud-leaderboard:hover,#hud-profile-btn:hover{background:#00000080;color:#fff;border-color:#ffffff4d}#hud-username{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.5px}#hud-profile{position:relative}#profile-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#0f141ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;min-width:160px;pointer-events:auto}#profile-dropdown.hidden{display:none}#dropdown-username{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:10px;text-align:center}#logout-btn{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:2px;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}#logout-btn svg{width:14px;height:14px}#logout-btn:hover{color:#ff5252;background:#ff52521a;border-color:#ff52524d}#score-display{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.5);text-align:right}#collectible-display{display:flex;align-items:center;justify-content:flex-end;gap:2px}#kotak-icon-canvas{width:24px;height:24px;pointer-events:none}#collectible-count{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}#start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;justify-content:center;align-items:center}#start-overlay.hidden{display:none}#start-container{text-align:center;animation:slideUp .5s ease-out}#start-title{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;color:#fff;letter-spacing:2px;margin-bottom:8px;text-transform:lowercase;text-shadow:0 4px 12px rgba(0,0,0,.5),0 0 40px rgba(76,201,120,.3)}.brand-dot{color:#4caf50;font-weight:800}#start-subtitle{font-family:Outfit,sans-serif;font-size:1rem;font-weight:400;color:#fff9;letter-spacing:2px;margin-bottom:40px}#start-buttons{display:flex;flex-direction:column;gap:14px;align-items:center}#signin-btn{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;padding:14px 52px;border-radius:50px;cursor:pointer;letter-spacing:3px;text-transform:uppercase;box-shadow:0 4px 15px #4caf5066;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}#signin-btn svg{width:18px;height:18px}#signin-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px #4caf5080}#play-guest-btn{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:#ffffffb3;background:transparent;border:1.5px solid rgba(255,255,255,.3);padding:11px 40px;border-radius:50px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}#play-guest-btn svg{width:14px;height:14px}#play-guest-btn:hover{color:#fff;border-color:#fff9;background:#ffffff14}#game-over-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}#leaderboard-gameover-btn{font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:gold;background:#ffd7001a;border:2px solid rgba(255,215,0,.4);padding:12px 36px;border-radius:50px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .2s ease}#leaderboard-gameover-btn:hover{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd70033;transform:scale(1.05)}#game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-out}#game-over-overlay.hidden{display:none}#game-over-container{text-align:center;animation:slideUp .4s ease-out}#game-over-title{font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;color:#f44;text-shadow:0 4px 12px rgba(255,0,0,.4),0 0 40px rgba(255,0,0,.2);letter-spacing:6px;margin-bottom:16px}#game-over-score{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}#game-over-collected{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:500;color:gold;margin-bottom:32px;text-shadow:0 2px 4px rgba(0,0,0,.3)}#play-again-btn{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;padding:16px 48px;border-radius:50px;cursor:pointer;letter-spacing:3px;text-transform:uppercase;box-shadow:0 4px 15px #4caf5066,0 0 30px #4caf5026;transition:all .2s ease;animation:pulse 2s ease-in-out infinite}#play-again-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #4caf5080,0 0 40px #4caf5040}#play-again-btn:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 4px 15px #4caf5066}50%{box-shadow:0 4px 25px #4caf50b3,0 0 40px #4caf504d}}.auth-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100}.auth-card{width:100%;max-width:380px;background:#142d14bf;border:1px solid rgba(76,175,80,.2);border-radius:20px;padding:40px 32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-title{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:2px;text-align:center;color:#fff;margin-bottom:4px;text-transform:lowercase}.auth-subtitle{font-family:Outfit,sans-serif;font-size:.9rem;color:#ffffff73;text-align:center;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.input-group input{font-family:Outfit,sans-serif;font-size:.9rem;padding:11px 14px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;outline:none;transition:all .2s ease}.input-group input::placeholder{color:#fff3}.input-group input:focus{border-color:#4caf5080;background:#ffffff14}.auth-btn{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;padding:13px;border-radius:10px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .2s ease;width:100%}.primary-btn{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;box-shadow:0 4px 12px #4caf504d;margin-top:6px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4caf5066}.auth-footer{font-family:Outfit,sans-serif;text-align:center;margin-top:24px;font-size:.85rem;color:#fff6}.auth-footer a{color:#4caf50;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.back-link{font-family:Outfit,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:.8rem;color:#ffffff40;text-decoration:none;transition:color .2s ease}.back-link svg{width:14px;height:14px}.back-link:hover{color:#ffffff80}.auth-message{font-family:Outfit,sans-serif;font-size:.8rem;text-align:center;min-height:1.2em}.auth-message.error{color:#ff5252}.auth-message.success{color:#4caf50}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:44px}.toggle-password{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.eye-icon{width:18px;height:18px;color:#fff6;transition:color .2s ease}.toggle-password:hover .eye-icon{color:#ffffffb3}.recaptcha-box{display:flex;justify-content:center;margin:4px 0;transform:scale(.92);transform-origin:center}.leaderboard-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:background .2s ease}.leaderboard-row.gold{background:#ffd7001f;border-color:#ffd7004d}.leaderboard-row.silver{background:#c0c0c01a;border-color:#c0c0c040}.leaderboard-row.bronze{background:#cd7f321a;border-color:#cd7f3240}.lb-rank{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;color:#fff6;min-width:24px;text-align:center}.gold .lb-rank{color:gold}.silver .lb-rank{color:silver}.bronze .lb-rank{color:#cd7f32}.lb-name{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:#fff;flex:1}.lb-score{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:#4caf50}.leaderboard-loading,.leaderboard-empty{font-family:Outfit,sans-serif;font-size:.85rem;color:#ffffff59;text-align:center;padding:20px 0}