:root{--fade-duration: 1.8s;--fade-timing: ease-in-out;--fade-opacity: .1;--hover-duration: .6s}.game-ui{transition:opacity var(--fade-duration) var(--fade-timing)!important;opacity:1}.game-ui.ui-fade{opacity:var(--fade-opacity)}.game-ui.ui-fade:hover{opacity:1;transition-duration:var(--hover-duration)!important}.game-ui:hover{transition:opacity var(--hover-duration) var(--fade-timing)!important}body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;position:fixed;width:100vw;height:100vh;background:#1a1a2e;touch-action:none;display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100vw;height:100vh;background:#1a1a2e}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#hud{display:none}#score,#multiplier,#time{color:#4f4;font-size:24px;margin-bottom:10px;text-shadow:0 0 10px #44FF44,0 0 20px #44FF44,0 0 30px #44FF44;font-weight:700}#score.negative{color:#f44;text-shadow:0 0 10px #FF4444,0 0 20px #FF4444,0 0 30px #FF4444}.level-transition,.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:40px;border-radius:10px;text-align:center}button{background:#4A90E2;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:20px;margin-top:20px}button:hover{background:#357ABD}.hidden{display:none}.user-info{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.8);padding:20px;border-radius:10px;color:#fff}.user-info h3{margin:0 0 10px}.user-info p{margin:5px 0;font-size:14px}.leaderboard-content{background:rgba(0,0,0,.9);padding:30px;border-radius:15px;max-width:800px;max-height:80vh;overflow-y:auto}.leaderboard-content table{width:100%;border-collapse:collapse;margin:20px 0;color:#fff}.leaderboard-content th,.leaderboard-content td{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-content th{background:rgba(74,144,226,.3);font-weight:700}.leaderboard-content tr:hover{background:rgba(74,144,226,.1)}#leaderboard-toggle{position:absolute;top:20px;right:160px;min-width:160px;z-index:100;font-size:22px;padding:14px 28px}.combo-text{position:absolute;color:gold;font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:comboFade 1s ease-out;pointer-events:none}@keyframes comboFade{0%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:0}}.damage-indicator{position:absolute;color:#f44;font-size:32px;font-weight:700;text-shadow:0 0 10px rgba(255,68,68,.8),0 0 20px rgba(255,68,68,.5);animation:floatUp 1s ease-out;pointer-events:none}.powerup-effect{position:absolute;color:#0f0;font-size:32px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.5);animation:floatUp 1s ease-out;pointer-events:none}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:all;touch-action:none}.tutorial-content{background:rgba(0,0,0,.9);padding:30px;border-radius:15px;color:#fff;max-width:500px;pointer-events:auto;touch-action:none}.controls{margin:20px 0}.control-item{display:flex;align-items:center;margin:10px 0}.key{background:#4A90E2;padding:5px 10px;border-radius:5px;margin-right:15px;min-width:80px;text-align:center}.action{font-size:18px}.tips{margin:20px 0}.tips ul{list-style:none;padding-left:20px}.tips li{margin:10px 0}#controls-hint{position:absolute;bottom:20px;left:20px;color:#fff;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px;border-radius:5px}.restart-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,0,0,.8);color:#fff;padding:20px 40px;border-radius:10px;font-size:24px;animation:fadeInOut 1s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.tutorial-button{margin-top:20px;padding:14px 28px;background:#4A90E2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:20px;transition:background .2s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tutorial-button:hover{background:#357ABD}#help-button{position:absolute;top:20px;right:110px;width:48px;height:48px;border-radius:50%;background:#4A90E2;color:#fff;font-size:24px;font-weight:700;border:none;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background .2s}#help-button:hover{background:#357ABD}#profile-button{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#4A90E2;color:#fff;font-size:24px;font-weight:700;border:none;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background .2s}#profile-button:hover{background:#357ABD}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:2000}.auth-modal{background:rgba(0,0,0,.9);padding:40px;border-radius:15px;color:#fff;max-width:400px;text-align:center}.auth-modal h2{margin:0 0 20px;font-size:24px}.auth-modal p{margin:0 0 30px;opacity:.8}.auth-button{width:100%;margin:10px 0;padding:15px;font-size:18px;border-radius:8px;cursor:pointer;transition:background .2s}.auth-button.secondary{background:transparent;border:2px solid #4A90E2;color:#4a90e2}.auth-button.secondary:hover{background:rgba(74,144,226,.1)}@media (max-width: 768px){.profile-badge{top:10px;right:10px;padding:8px 12px;font-size:14px}.payout-progress-container{top:80px;left:10px;width:calc(100vw - 120px);padding:8px 12px}.buttons-container{bottom:40px;right:10px;top:auto;gap:8px}.crypto-ticker{height:28px;font-size:12px;bottom:0}.crypto-ticker-item{padding:0 10px;font-size:12px}.progress-label,.progress-stats,.current-points,.target-points{font-size:11px}.pl-display{font-size:14px}.progress-bar{height:16px;margin:4px 0}.wallet-address{font-size:12px!important}.token-balance{font-size:14px!important}}@media (max-width: 360px){.payout-progress-container{top:70px;padding:6px 10px}.buttons-container{bottom:35px;top:auto}}*{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-ms-user-select:none}.airdrop-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(74,144,226,.9);border-radius:10px;padding:20px;color:#fff;text-align:center;animation:fadeInOut 3s ease-in-out;z-index:1000;cursor:pointer;transition:transform .2s ease}.airdrop-message:hover{transform:translate(-50%,-50%) scale(1.05)}.airdrop-content h3{margin:0 0 10px;font-size:24px}.airdrop-content p{margin:5px 0;font-size:18px}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}*{box-sizing:border-box}.debug{border:1px solid red}.wallet-connect-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,12,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Share Tech Mono,monospace}.wallet-connect-dialog .dialog-content{background:rgba(0,12,0,.95);border:2px solid #00FF00;border-radius:12px;padding:40px;text-align:center;color:#0f0;box-shadow:0 0 30px #00ff004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-connect-dialog h2{font-size:min(32px,5vw);margin-bottom:20px;text-shadow:0 0 10px #00FF00}.wallet-connect-dialog p{font-size:min(18px,4vw);margin-bottom:30px;opacity:.8}.connect-wallet-btn{background:rgba(0,12,0,.95);border:1px solid #00FF00;color:#0f0;padding:12px 24px;font-family:Share Tech Mono,monospace;font-size:18px;cursor:pointer;border-radius:6px;transition:all .3s ease}.connect-wallet-btn:hover{background:rgba(0,255,0,.1);box-shadow:0 0 20px #00ff0080}.wallet-message-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,12,0,.95);display:flex;align-items:center;justify-content:center;z-index:1001;font-family:Share Tech Mono,monospace}.wallet-message-dialog .dialog-content{background:rgba(0,12,0,.95);border:2px solid #00FF00;border-radius:12px;padding:40px;text-align:center;color:#0f0;box-shadow:0 0 30px #00ff004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-selector-dialog .dialog-content{background:rgba(0,12,0,.95);border:2px solid #00FF00;border-radius:12px;padding:40px;text-align:center;color:#0f0;box-shadow:0 0 30px #00ff004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px}.wallet-selector-dialog h2{font-size:min(32px,5vw);margin-bottom:20px;text-shadow:0 0 10px #00FF00}.wallet-option{display:block;width:100%;margin:15px 0;padding:15px;background:rgba(0,12,0,.95);border:1px solid #00FF00;color:#0f0;font-family:Share Tech Mono,monospace;font-size:18px;cursor:pointer;border-radius:6px;transition:all .3s ease}.wallet-option:hover{background:rgba(0,255,0,.1);box-shadow:0 0 20px #00ff0080}.points-gained{position:fixed;color:#0f0;font-family:Share Tech Mono,monospace;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.8);pointer-events:none;z-index:1000;opacity:1;transition:all .5s ease-out;white-space:nowrap}.points-gained.payout-ready{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.payout-accrual{position:fixed;color:gold;font-family:Share Tech Mono,monospace;font-size:20px;pointer-events:none;z-index:1000;text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .5s ease;transform:translateY(0);opacity:1}.payout-progress-container{position:fixed;top:20px;left:20px;transform:none;width:min(300px,calc(100vw - 160px));text-align:left;font-family:Share Tech Mono,monospace;color:#0f0;z-index:1000;background:rgba(0,24,0,.95);padding:12px 20px;border-radius:12px;border:2px solid #00FF00;box-shadow:0 0 15px #0f03}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.progress-label{font-size:12px;text-shadow:0 0 5px rgba(0,255,0,.5);text-transform:uppercase;letter-spacing:1px;opacity:.8}.progress-stats{font-size:12px;text-shadow:0 0 5px rgba(0,255,0,.5);opacity:.8}.progress-bar{width:100%;height:20px;background:rgba(0,24,0,.95);border:2px solid #00FF00;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #00ff004d;margin:5px 0}.progress-fill{height:100%;width:0%;background:#00FF00;transition:width .3s ease;box-shadow:0 0 10px #00ff0080;position:relative}.pl-display{font-size:16px;font-weight:700;margin-top:5px;text-shadow:0 0 5px rgba(0,255,0,.5)}.current-points,.target-points{font-size:20px}.progress-fill.near-payout{animation:progressPulse 1s infinite}.payout-accrual.payout-ready{color:gold;font-size:24px;text-shadow:0 0 15px rgba(255,215,0,.8);animation:payoutReadyPulse 1s infinite}@keyframes payoutReadyPulse{0%{transform:scale(1);text-shadow:0 0 15px rgba(255,215,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 25px rgba(255,215,0,1)}to{transform:scale(1);text-shadow:0 0 15px rgba(255,215,0,.8)}}.buttons-container{position:fixed;top:85px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.speed-meter-container{position:absolute;width:4px;background:rgba(0,24,0,.3);border:none;border-radius:3px;padding:0;display:flex;flex-direction:column-reverse;z-index:1000;pointer-events:none;overflow:hidden}.speed-meter-container.game-ui.ui-fade{opacity:var(--fade-opacity)}.speed-meter-fill{width:100%;height:0%;background:#00FF00;border-radius:2px;transition:all .1s ease-out;box-shadow:0 0 10px #00ff00b3}.speed-meter-label{display:none}.death-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-family:Share Tech Mono,monospace;font-size:48px;font-weight:700;text-shadow:0 0 20px rgba(255,0,0,.8);animation:deathMessage 1s ease-out forwards;pointer-events:none;z-index:1000}@keyframes deathMessage{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.crypto-ticker{position:fixed;bottom:0;left:0;width:100%;height:32px;background:rgba(0,24,0,.95);border-top:2px solid #00FF00;overflow:hidden;z-index:900;font-family:Share Tech Mono,monospace}.crypto-ticker-wrapper{width:100%;height:100%;overflow:hidden;position:relative}.crypto-ticker-content{display:inline-flex;align-items:center;height:100%;white-space:nowrap;will-change:transform;animation:tickerScroll 30s linear infinite;padding:0 10px}.crypto-ticker-item{display:inline-flex;align-items:center;padding:0 15px;font-size:14px;height:100%;transition:text-shadow .3s ease}.crypto-ticker-item.up{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.5)}.crypto-ticker-item.down{color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}@keyframes tickerScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media screen and (max-width: 768px){.crypto-ticker{height:28px;font-size:12px}.crypto-ticker-item{padding:0 10px;font-size:12px}}@media screen and (max-width: 480px){.crypto-ticker{height:24px;font-size:11px}.crypto-ticker-item{padding:0 8px;font-size:11px}}.name-input-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.name-input-modal .modal-content{background:#1a1a2e;padding:2rem;border-radius:10px;text-align:center;border:2px solid #00ff00;box-shadow:0 0 20px #00ff004d}.name-input-modal h2{color:#0f0;margin-bottom:1.5rem;font-family:Share Tech Mono,monospace;text-shadow:0 0 10px rgba(0,255,0,.5)}.name-input-modal input{width:100%;padding:.8rem;margin-bottom:1rem;background:rgba(0,0,0,.5);border:1px solid #00ff00;border-radius:5px;color:#0f0;font-family:Share Tech Mono,monospace;font-size:1rem;outline:none;transition:all .3s ease}.name-input-modal input:focus{box-shadow:0 0 10px #00ff0080}.name-input-modal button{background:#00ff00;color:#000;border:none;padding:.8rem 2rem;border-radius:5px;font-family:Share Tech Mono,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.name-input-modal button:hover{background:#00cc00;box-shadow:0 0 15px #00ff00b3}:root{--primary-color: #00FF00;--primary-dark: rgba(0, 24, 0, .95);--primary-glow: 0 0 15px rgba(0, 255, 0, .2);--primary-glow-strong: 0 0 20px rgba(0, 255, 0, .4);--primary-hover: rgba(0, 255, 0, .1);--primary-active: rgba(0, 255, 0, .2);--primary-border: 2px solid var(--primary-color);--primary-text-shadow: 0 0 10px var(--primary-color);--primary-font: "Share Tech Mono", monospace;--font-size-small: 14px;--font-size-medium: 16px;--font-size-large: 18px;--font-size-xlarge: 20px}.wallet-badge,.payout-progress-container,.bottom-nav .nav-button,.modal-content,.points-gained,.payout-notification{background:var(--primary-dark);border:var(--primary-border);color:var(--primary-color);font-family:var(--primary-font);box-shadow:var(--primary-glow)}.wallet-badge:hover,.payout-progress-container:hover,.bottom-nav .nav-button:hover{background:var(--primary-hover);box-shadow:var(--primary-glow-strong)}.progress-fill,.token-balance,.points-gained{color:var(--primary-color);text-shadow:var(--primary-text-shadow)}.progress-fill.payout-ready{box-shadow:var(--primary-glow-strong)}@keyframes pulse{0%{box-shadow:var(--primary-glow)}50%{box-shadow:var(--primary-glow-strong)}to{box-shadow:var(--primary-glow)}}@keyframes glowPulse{0%{text-shadow:var(--primary-glow)}50%{text-shadow:var(--primary-glow-strong)}to{text-shadow:var(--primary-glow)}}.nav-button{font-size:var(--font-size-medium)}.nav-button .icon{font-size:var(--font-size-xlarge)}.wallet-badge .wallet-label{font-size:var(--font-size-small)}.wallet-badge .wallet-address{font-size:var(--font-size-large)}.wallet-badge .token-balance{font-size:var(--font-size-xlarge)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1001}.modal.active{opacity:1}.modal-content{background:var(--primary-dark);border:var(--primary-border);border-radius:12px;padding:24px;color:var(--primary-color);font-family:var(--primary-font);max-width:500px;width:90%}.modal h2{text-align:center;margin:0 0 20px;font-size:24px;text-shadow:var(--primary-text-shadow)}.tutorial-list,.tokenomics-list{list-style:none;padding:0;margin:0}.tutorial-list li,.tokenomics-list li{margin:15px 0;padding:10px;background:var(--primary-hover);border-radius:6px;text-align:center}.points-gained{position:fixed;color:var(--primary-color);font-family:var(--primary-font);font-size:24px;font-weight:700;text-shadow:var(--primary-text-shadow);pointer-events:none;transition:all .5s ease;z-index:1000}.points-gained.payout-ready{color:#ff0;text-shadow:0 0 10px #FFFF00}
