@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;overflow:hidden;background-color:#050510;color:#eee;font-family:"Press Start 2P",cursive;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--app-height)}#mainLogo{height:auto;max-width:100%;max-height:104px}.logo-header{width:90vw;max-width:800px;display:flex;justify-content:center;align-items:center;padding:15px 0 10px;margin-bottom:5px}.logo-text{font-family:"Press Start 2P",cursive;display:flex;flex-direction:row;gap:.3em;justify-content:center;align-items:center;height:104px;margin:0 auto;font-size:min(3.5vw,2em);line-height:1.2;letter-spacing:.08em}.vibe-text{color:#0ff;text-shadow:0 0 3px #00ffff;position:relative}.rally-text{color:#f0f;text-shadow:0 0 3px #ff00ff;position:relative}.vibe-text:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px);pointer-events:none}.rally-text:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px);pointer-events:none}.font-press{font-family:"Press Start 2P",cursive;color:#0ff;text-shadow:0 0 1px #00ffff}.font-orbitron{font-family:Orbitron,sans-serif;font-weight:700;color:#f0f;text-shadow:0 0 1px #ff00ff;position:relative}.font-orbitron:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px);pointer-events:none}.font-audiowide{font-family:Audiowide,cursive;color:#0f0;text-shadow:0 0 1px #00ff00;position:relative}.font-audiowide:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 3px);pointer-events:none}.font-electrolize{font-family:Electrolize,sans-serif;color:#ff0;text-shadow:0 0 1px #ffff00}.font-russo{font-family:Russo One,sans-serif;color:#f80;text-shadow:0 0 1px #ff8800}.game-header{width:90vw;max-width:800px;margin-bottom:15px;background:#0a0a1acc;border:2px solid #00ffff;border-radius:8px 8px 0 0;box-shadow:0 0 10px #00ffff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:2}.header-info{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:15px}#accountStatusIndicator{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}#accountStatusIndicator .username-display{font-family:"Press Start 2P",cursive;font-size:.8em;font-weight:400;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.3);padding:10px 18px;background:#000000b3;border:1px solid rgba(0,255,255,.3);border-radius:20px;transition:all .3s ease;user-select:none;-webkit-user-select:none;display:flex;align-items:center;gap:8px;position:relative}#accountStatusIndicator .username-display:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 10px #00ffff80}#accountStatusIndicator .username-display:active{background:#0ff3;transform:scale(.95)}.upgrade-dot{width:10px;height:10px;background:#4caf50;border-radius:50%;position:relative;animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0ffc,0 0 #0ff6;transform:scale(1)}50%{box-shadow:0 0 0 3px #0ff6,0 0 0 8px #0ff0;transform:scale(1.2)}}.auth-check{width:18px;height:18px;background:#4caf50;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}.auth-check:after{content:"✓";color:#fff;font-size:12px;font-weight:700}@media (min-width: 601px){#accountStatusIndicator .username-display.authenticated:hover:before{content:"Signed in";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000000e6;color:#4caf50;padding:6px 12px;border-radius:4px;font-size:.6em;white-space:nowrap;pointer-events:none;opacity:0;animation:fadeInTooltip .3s ease-in-out forwards;border:1px solid rgba(76,175,80,.3)}}@keyframes fadeInTooltip{0%{opacity:0;margin-left:5px}to{opacity:1;margin-left:10px}}#accountStatusIndicator .guest-text{font-family:"Press Start 2P",cursive;font-size:.8em;font-weight:400;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.3);padding:10px 18px;background:#000000b3;border:1px solid rgba(0,255,255,.3);border-radius:20px;transition:all .3s ease;user-select:none;-webkit-user-select:none}#accountStatusIndicator .authenticated-circle{width:40px;height:40px;background:#f0f;border-radius:50%;box-shadow:0 0 15px #ff00ff80;transition:all .3s ease}#accountStatusIndicator .authenticated-circle:hover{transform:scale(1.1);box-shadow:0 0 20px #ff00ffb3}.vibe-name-section,.level-info-section,.vibe-points-section{display:flex;flex-direction:column;align-items:center;min-width:0;gap:2px}.vibe-name-section{flex:0 1 25%;text-align:left;align-items:flex-start}.level-info-section{flex:0 0 25%;text-align:right;align-items:flex-end}.vibe-points-section{flex:1 1 50%;text-align:center}.header-info .label{font-size:.6em;color:#888;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.header-info .value{font-size:.8em;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.level-display{font-size:.9em;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-value{font-size:1em!important;color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.7);font-weight:700}#gameContainer{width:min(85vw,1000px);aspect-ratio:16/9;max-height:min(60vh,580px);position:relative;border:3px solid #0ff;box-shadow:0 0 15px #0ff,0 0 30px #0ff inset,0 0 50px #00ffff4d;border-radius:0 0 10px 10px;background:#111;overflow:hidden}@media (min-width: 901px) and (max-height: 800px){#gameContainer{aspect-ratio:none;max-height:none;height:calc(100vh - 300px);width:auto;max-width:calc((100vh - 300px) * 16 / 9);margin:10px auto}}canvas{display:block;width:100%;height:100%;border-radius:7px;cursor:default}@media (min-width: 601px) and (min-height: 700px) and (orientation: landscape){#gameContainer{max-height:min(65vh,620px)}}@media (min-width: 1400px){#gameContainer{max-width:1200px}}#score{position:absolute;top:20px;left:50%;transform:translate(-50%);width:auto;font-size:28px;color:#aaa;z-index:10;pointer-events:none;background-color:#0000004d;padding:5px 15px;border-radius:5px;display:inline-flex;align-items:center;gap:10px}#playerScore,#opponentScore{display:inline-block;transition:transform .1s ease-out}#playerScore{color:#0ff;text-shadow:0 0 4px #0ff,0 0 8px #0ff}#opponentScore{color:#f0f;text-shadow:0 0 4px #f0f,0 0 8px #f0f}@keyframes pulseScore{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.score-pulse{animation:pulseScore .4s ease-in-out 1}#messageBox{position:absolute;bottom:30px;left:50%;transform:translate(-50%) scale(.95);opacity:0;width:80%;max-width:400px;background-color:#000000e6;color:#0ff;padding:15px 25px;font-size:16px;border:2px solid #0ff;box-shadow:0 0 10px #0ff,0 0 20px #0ff inset,0 0 30px #0ff6;border-radius:10px;text-align:center;z-index:20;display:none;cursor:pointer;line-height:1.4;transition:opacity .3s ease-out,transform .3s ease-out}#messageBox.visible{opacity:1;transform:translate(-50%) scale(1)}#controls{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}button{font-family:"Press Start 2P",cursive;font-size:.9em;padding:8px 15px;background:linear-gradient(145deg,#2a2a2a,#111);color:#0ff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,inset 0 0 3px #00ffff80,0 4px 8px #00000080;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}button:hover{background:linear-gradient(145deg,#333,#1a1a1a);color:#fff;box-shadow:0 0 8px #0ff,0 0 15px #0ff,0 0 25px #0ff,inset 0 0 5px #00ffffb3,0 6px 12px #0009;transform:translateY(-2px) scale(1.02)}button:active{transform:translateY(1px) scale(1);box-shadow:0 0 3px #0ff,0 0 7px #0ff,0 0 10px #0ff,inset 0 0 2px #0ff6,0 2px 4px #0006;background:linear-gradient(145deg,#1a1a1a,#080808)}.active-difficulty{color:#fff;background:linear-gradient(145deg,#0aa,#066);box-shadow:0 0 8px #0ff,0 0 15px #0ff,0 0 25px #0ff,inset 0 0 5px #00ffffb3,0 2px 4px #0009;transform:translateY(0) scale(1.01)}.active-difficulty:hover{background:linear-gradient(145deg,#0cc,#088)}#difficultyControls{display:flex;gap:10px;justify-content:center;align-items:center}#controls button{font-size:.9em;padding:8px 15px;margin:3px}#copyrightDisplay{position:absolute;bottom:10px;right:10px;font-size:13px;color:#999;z-index:5;pointer-events:none;font-weight:500;text-shadow:0 0 8px rgba(255,255,255,.2)}#colorChangeButton{position:absolute;bottom:10px;right:10px;width:24px;height:24px;border-radius:4px;border:1px solid #888;cursor:pointer;z-index:15;display:none;background-color:#eee;transition:background-color .2s ease,box-shadow .2s ease}#colorChangeButton.visible{display:block;box-shadow:0 0 5px #fff,0 0 10px #fff}#colorChangeButton:hover{border-color:#fff}@media (min-width: 601px) and (max-width: 1024px) and (orientation: portrait){#gameContainer{width:85vmin;height:47.8vmin;max-width:none;max-height:none;margin:10px auto;box-sizing:border-box}#controls{flex-wrap:wrap;justify-content:center;width:85vmin;margin:10px auto 15px;gap:10px}#messageBox{font-size:1em;padding:12px 20px;line-height:1.4;max-width:80%}}@media (max-height: 500px) and (orientation: landscape){body{justify-content:center;padding:5px 0;gap:5px}#mainLogo{max-height:10vh}.logo-header{flex-shrink:0;margin-bottom:0;padding:0}.game-header{flex-shrink:0;margin-bottom:0}.header-info{padding:5px 10px;gap:10px}.header-info .label{font-size:.5em}.header-info .value,.level-display{font-size:.7em}.points-value{font-size:.8em!important}#gameContainer{flex:1;min-height:0;aspect-ratio:16 / 9;margin:0;border-radius:10px}#controls{flex-shrink:0;margin-top:5px;margin-bottom:5px;gap:8px}#controls button{font-size:.8em;padding:5px 10px;margin:0 4px}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){body{height:var(--app-height);max-height:100dvh;padding:5px 0;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}.logo-header{padding:0;margin:0;flex-shrink:0}#mainLogo{max-height:35px}.game-header{margin:0;flex-shrink:0}#gameContainer{margin:0;flex:1;min-height:0}#controls{margin:0;flex-shrink:0}#messageBox{font-size:14px;padding:10px 15px;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-height: 720px) and (min-width: 901px){body{justify-content:center}#gameContainer{flex:1;min-height:0}#controls{flex-shrink:0}}@media (max-width: 600px){#mainLogo{max-height:18vw}#gameContainer{width:95vw;max-width:95vw;height:47.8vmin;margin:5px auto;box-sizing:border-box}#controls{flex-wrap:wrap;justify-content:center;width:85vmin;margin:5px auto 10px;gap:5px}#messageBox{font-size:.9em;padding:10px 15px;line-height:1.3;max-width:85%}}@media (max-width: 600px) and (max-height: 500px) and (orientation: landscape){#gameContainer{width:95vw;margin:0;aspect-ratio:none}#controls{width:auto;margin:5px auto}#messageBox{font-size:11px;padding:8px 12px;bottom:10px;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width: 600px) and (orientation: portrait){#copyrightDisplay{bottom:10px;right:10px;font-size:12px}}#debugPanel{font-family:Courier New,monospace;font-size:12px;color:#0ff;cursor:pointer;transition:all .3s ease;overflow:hidden}#debugPanel.collapsed{position:fixed;bottom:10px;left:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background-color:#000c;border:2px solid #0ff;border-radius:6px;box-shadow:0 0 10px #0ff6,inset 0 0 5px #00ffff1a;transition:all .2s ease;z-index:1000}#debugPanel.collapsed.guest{border-color:#666;box-shadow:0 0 10px #6666,inset 0 0 5px #6666661a;animation:vibescope-flash 2s ease-in-out infinite;overflow:visible}@keyframes vibescope-flash{0%,90%,to{border-color:#666;box-shadow:0 0 10px #6666,inset 0 0 5px #6666661a}95%{border-color:#0ff;box-shadow:0 0 20px #0ff9,inset 0 0 8px #0ff3}}#debugPanel.collapsed.guest:hover{border-color:#0ff!important;box-shadow:0 0 15px #0ff9,inset 0 0 8px #0ff3!important;animation:none}#debugPanel.collapsed.guest:hover:after{content:"Click to save progress";position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:10px;background:#000000e6;color:#0ff;padding:6px 12px;border-radius:4px;font-size:10px;white-space:nowrap;pointer-events:none;opacity:0;animation:fadeInTooltip .3s ease-in-out forwards;border:1px solid rgba(0,255,255,.3);z-index:1002}#debugPanel.collapsed:hover{background-color:#000000e6;box-shadow:0 0 15px #0ff9,inset 0 0 8px #0ff3;transform:scale(1.05)}#debugPanel.collapsed.guest:hover{box-shadow:0 0 15px #6669,inset 0 0 8px #6663}#debugPanel.expanded{position:fixed;top:50%;left:10px;transform:translateY(-50%);width:auto;min-width:250px;max-width:400px;max-height:calc(var(--app-height, 100vh) - 40px);padding:10px;background:#000000f2;border:2px solid #00ffff;border-radius:8px;box-shadow:0 0 15px #0ff6;z-index:3000;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) transparent}#debugPanel:before{content:"";display:block;width:16px;height:12px;background-image:linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff);background-size:2px 3px,2px 5px,2px 7px,2px 9px;background-position:0px bottom,4px bottom,8px bottom,12px bottom;background-repeat:no-repeat;filter:drop-shadow(0 0 3px rgba(0,255,255,.8));position:relative}#debugPanel.guest:before{background-image:linear-gradient(to top,#666,#666),linear-gradient(to top,#666,#666),linear-gradient(to top,#666,#666),linear-gradient(to top,#666,#666);filter:drop-shadow(0 0 3px rgba(102,102,102,.8))}#signOutButton:hover{color:#f66!important;transform:translateY(-1px)}#signOutButton:active{transform:translateY(0)}#confirmSignOutButton:hover{background:#f66!important;transform:translateY(-1px)}#cancelSignOutButton:hover{background:#555!important;border-color:#888!important;color:#fff!important;transform:translateY(-1px)}#debugPanel.guest:hover:before{background-image:linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff),linear-gradient(to top,#0ff,#0ff);filter:drop-shadow(0 0 5px rgba(0,255,255,.8))}#debugPanel.expanded:before{display:none}#debugPanel .debug-content{display:none}#debugPanel.expanded .debug-content{display:block}#debugPanel .debug-content div{margin-bottom:5px}#debugPanel .debug-content span{color:#fff;margin-left:4px}.debug-category{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,255,.2)}#connectionDot{position:fixed;bottom:18px;left:48px;width:10px;height:10px;border-radius:50%;background:transparent;border:2px solid #4CAF50;box-shadow:0 0 6px #4caf5099;transition:all .3s ease;z-index:1001;opacity:0;transform:scale(0)}#connectionDot.visible{opacity:1;transform:scale(1)}#connectionDot.offline{border-color:#666;box-shadow:0 0 6px #6666}.debug-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-category-header{color:#0ff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:3px;border-bottom:1px solid rgba(0,255,255,.4);text-shadow:0 0 3px rgba(0,255,255,.5)}#debugCloseX{position:absolute;top:8px;right:8px;background:none;border:none;color:#0ff;font-size:14px;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-family:Arial,sans-serif;line-height:1;z-index:3001;opacity:.8}#debugCloseX:hover{background:#00ffff1a;color:#fff;transform:scale(1.1);opacity:1}#debugCloseX:active{transform:scale(.9);background:#0ff3}@media (max-width: 600px){#debugPanel.expanded{top:20px;left:10px;transform:none;width:70vw;max-width:none;min-width:0;height:calc(var(--app-height) - 40px);max-height:calc(var(--app-height) - 40px);padding:10px;font-size:11px;overflow-y:auto;-webkit-overflow-scrolling:touch}.debug-category-header{font-size:10px;margin-bottom:6px}.debug-content div{margin-bottom:3px;line-height:1.3}#debugCloseX{top:6px;right:6px;font-size:12px;width:16px;height:16px}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){#debugPanel.expanded{top:15px;left:5px;transform:none;width:auto;max-width:45vw;min-width:200px;height:calc(var(--app-height) - 30px);max-height:calc(var(--app-height) - 30px);padding:8px;font-size:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.debug-category{margin-bottom:8px;padding-bottom:6px}.debug-category-header{font-size:9px;margin-bottom:4px}#debugCloseX{top:5px;right:5px;font-size:11px;width:14px;height:14px}}@media (max-width: 1024px){.logo-header{padding:10px 0 8px;margin-bottom:3px}.logo-text{font-size:min(3vw,1.8em);gap:.25em;height:89px}.header-info{padding:10px 15px;gap:10px}.header-info .label{font-size:.5em}.header-info .value{font-size:.7em}.level-display{font-size:.8em}}@media (max-width: 600px){.logo-header{padding:8px 0 5px;margin-bottom:8px}.logo-text{font-size:min(4.5vw,1.5em);gap:.2em;height:53px;flex-direction:column;line-height:1}.game-header{width:95vw;margin-bottom:10px}.header-info{padding:8px 12px;gap:8px}.vibe-name-section,.level-info-section,.vibe-points-section{flex-direction:column;align-items:center;min-width:0}.vibe-name-section{flex:0 1 28%;text-align:left;align-items:flex-start}.level-info-section{flex:0 1 32%;text-align:right;align-items:flex-end}.vibe-points-section{flex:1 1 40%;text-align:center}.header-info .label{font-size:.5em;margin-bottom:0;margin-right:5px}.header-info .value,.level-display{font-size:.7em}.points-value{font-size:.8em!important}}@media (max-width: 400px){.header-info .label{display:none}}#splashContent{text-align:center;background:#1a1a1af2;border:2px solid #00ffff;border-radius:15px;padding:40px;box-shadow:0 0 30px #00ffff4d;max-width:500px;width:90%;animation:slideInScale .6s ease-out}@keyframes slideInScale{0%{transform:translateY(-30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#splashUsernameInput:focus{outline:none;border-color:#f0f;box-shadow:0 0 20px #f0f6}#splashSetNameButton:hover{background:linear-gradient(45deg,#f0f,#c09);transform:translateY(-2px);box-shadow:0 0 25px #f0f9}#splashSkipButton:hover{background:#777;border-color:#999}#gameUsernameDisplay{position:absolute;top:50px;right:15px;font-size:12px;color:#999;z-index:10;pointer-events:none}#summaryCloseButton{color:#0ff!important;font-weight:700;background-color:#1a1a1a!important;border:2px solid #00ffff!important}#summaryCloseButton:hover{background-color:#333!important;color:#0ff!important;box-shadow:0 0 10px #00ffff80!important}#endOfMatchSummaryPanel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background-color:#2c2c2c!important;color:#0ff!important;padding:25px!important;border:3px solid #00ffff!important;border-radius:10px!important;text-align:center!important;z-index:1000!important;font-family:"Press Start 2P",cursive!important;width:min(500px,90vw)!important;max-width:90vw!important;max-height:85vh!important;overflow-y:auto!important;box-sizing:border-box!important}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){#endOfMatchSummaryPanel{padding:15px!important;max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important;font-size:.8em!important}#endOfMatchSummaryPanel h2{font-size:1em!important;margin-bottom:10px!important}#endOfMatchSummaryPanel h3{font-size:.9em!important;margin-top:10px!important}#endOfMatchSummaryPanel p{font-size:.7em!important;margin:5px 0!important}#summaryCloseButton{margin-top:15px!important;padding:8px 16px!important;font-size:.8em!important}}@media (max-width: 600px) and (orientation: portrait){#endOfMatchSummaryPanel{padding:20px!important;width:90vw!important;max-width:90vw!important;max-height:80vh!important;overflow-y:auto!important}#endOfMatchSummaryPanel h2{font-size:1.2em!important;margin-bottom:15px!important}#endOfMatchSummaryPanel p{font-size:.8em!important}}#leaderboardModal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;align-items:center;justify-content:center}#leaderboardModal.visible{display:flex;animation:fadeIn .3s ease-in-out}#leaderboardContent{text-align:center;background:#1a1a1af2;border:2px solid #00ffff;border-radius:15px;padding:30px 30px 40px;box-shadow:0 0 30px #00ffff4d;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;overflow-x:hidden;animation:slideInScale .4s ease-out;position:relative;-webkit-overflow-scrolling:touch;transform:translateZ(0);scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.6) rgba(0,0,0,.3)}#leaderboardContent::-webkit-scrollbar{width:8px}#leaderboardContent::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}#leaderboardContent::-webkit-scrollbar-thumb{background:#0ff9;border-radius:4px}#leaderboardContent::-webkit-scrollbar-thumb:hover{background:#0ffc}#leaderboardCloseX{position:absolute;top:15px;right:15px;background:none;border:none;color:#0ff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-family:Arial,sans-serif;line-height:1}#leaderboardCloseX:hover{background:#00ffff1a;color:#fff;transform:scale(1.1)}#leaderboardCloseX:active{transform:scale(.95);background:#0ff3}#leaderboardTableContainer{position:relative;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.6) rgba(0,0,0,.3)}#leaderboardTableContainer::-webkit-scrollbar{width:6px}#leaderboardTableContainer::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}#leaderboardTableContainer::-webkit-scrollbar-thumb{background:#0ff9;border-radius:3px}#leaderboardTableContainer::-webkit-scrollbar-thumb:hover{background:#0ffc}#leaderboardTableContainer:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#1a1a1af2);pointer-events:none;opacity:0;transition:opacity .3s ease}#leaderboardTableContainer.has-overflow:after{opacity:1}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}#scrollIndicator{display:none;text-align:center;color:#888;font-family:"Press Start 2P",cursive;font-size:.5em;margin-top:10px;animation:pulse 2s infinite}#scrollIndicator.visible{display:block}#leaderboardTable{margin:20px 0 30px}.leaderboard-entry{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin:8px 0;background:#00ffff1a;background-color:#141414e6;border:1px solid rgba(0,255,255,.3);border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85em;font-weight:500;letter-spacing:.02em;transition:all .2s ease;position:relative;z-index:1}.leaderboard-entry:hover{background:#0ff3;border-color:#00ffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0ff3}.leaderboard-entry.current-player{background:#ffff0026;border-color:#ff09;box-shadow:0 0 15px #ffff004d}.leaderboard-entry.current-player:hover{background:#ffff0040;transform:translateY(-3px);box-shadow:0 6px 18px #ff06}.leaderboard-rank{color:#0ff;font-weight:700;min-width:40px;text-align:left}.leaderboard-rank.top-three{color:#ff0}.leaderboard-player{flex:1;color:#fff;text-align:left;margin-left:15px}.leaderboard-player.current-player{color:#ff0}.leaderboard-score{color:#0ff;font-weight:700;min-width:80px;text-align:right}.leaderboard-level{color:#aaa;font-size:.8em;margin-left:15px;min-width:60px;text-align:right}.leaderboard-loading{color:#aaa;font-family:"Press Start 2P",cursive;font-size:.7em;padding:40px;text-align:center}.fm-badge-pixel{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#000;position:relative;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;cursor:pointer;margin-left:8px}.fm-badge-pixel:before{content:"FM";font-family:"Press Start 2P",cursive;font-size:8px;color:#f0f;text-shadow:1px 1px 0 #00ffff;position:relative;z-index:2;letter-spacing:-1px}.fm-badge-pixel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,#ff00ff 30%,#ff00ff 70%,transparent 70%),linear-gradient(-45deg,transparent 30%,#00ffff 30%,#00ffff 70%,transparent 70%);opacity:.3;z-index:1}.fm-badge-pixel:hover:before{animation:pixelGlitch .3s steps(3) infinite}.fm-badge-pixel:hover{transform:scale(1.1)}.fm-badge-pixel:hover:after{opacity:.5;animation:pixelFlash .5s steps(2) infinite}@keyframes pixelGlitch{0%{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes pixelFlash{0%,50%{opacity:.3}25%,75%{opacity:.6}}.fm-badge-glitch{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#000;border:1px solid #333;position:relative;overflow:hidden;cursor:pointer;margin-left:8px}.fm-badge-glitch:before{content:"FM";font-family:Orbitron,monospace;font-size:11px;font-weight:700;color:#fff;position:relative;z-index:3;letter-spacing:-.5px}.fm-badge-glitch:after{content:"FM";font-family:Orbitron,monospace;font-size:11px;font-weight:700;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px;z-index:2}.fm-badge-glitch:hover:after{animation:glitchEffect .3s infinite;text-shadow:-2px 0 #ff00ff,2px 0 #00ffff}.fm-badge-glitch:hover{border-color:#666;background:linear-gradient(45deg,#111 25%,transparent 25%,transparent 75%,#111 75%);background-size:4px 4px;animation:glitchBg .1s infinite}@keyframes glitchEffect{0%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}20%{clip-path:inset(0 0 60% 0);transform:translate(-2px);color:#f0f}40%{clip-path:inset(40% 0 40% 0);transform:translate(2px);color:#0ff}60%{clip-path:inset(60% 0 0 0);transform:translate(0);color:#fff}80%{clip-path:inset(0 0 0 0);transform:translate(1px)}}@keyframes glitchBg{0%{background-position:0 0}to{background-position:4px 4px}}.fm-badge-neon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:20px;background:#000;border:2px solid #222;border-radius:4px;position:relative;cursor:pointer;margin-left:8px;box-shadow:inset 0 0 8px #000c}.fm-badge-neon:before{content:"FM";font-family:Orbitron,monospace;font-size:12px;font-weight:700;background:linear-gradient(180deg,#f0f,#f0f 45%,#0ff 55%,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 3px currentColor);letter-spacing:0}.fm-badge-neon:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,#f0f,#0ff);border-radius:4px;opacity:0;z-index:-1;transition:opacity .3s ease}.fm-badge-neon:hover:after{opacity:.5;animation:neonPulse 1s ease-in-out infinite}.fm-badge-neon:hover:before{filter:drop-shadow(0 0 6px #ff00ff) drop-shadow(0 0 6px #00ffff);animation:neonFlicker .1s infinite}@keyframes neonPulse{0%,to{opacity:.3;filter:blur(2px)}50%{opacity:.6;filter:blur(4px)}}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:.8}95%{opacity:1}}.fm-badge-holo{display:inline-flex;align-items:center;justify-content:center;width:22px;height:28px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #444;border-radius:3px;position:relative;cursor:pointer;margin-left:8px;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.fm-badge-holo:before{content:"FM";font-family:Audiowide,cursive;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);position:relative;z-index:2;letter-spacing:-.5px}.fm-badge-holo:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(45deg,transparent 30%,rgba(255,0,255,.3) 35%,rgba(0,255,255,.3) 40%,transparent 45%,transparent 55%,rgba(255,0,255,.3) 60%,rgba(0,255,255,.3) 65%,transparent 70%);z-index:1;opacity:0;transition:opacity .3s ease}.fm-badge-holo:hover{animation:holoTilt 2s ease-in-out infinite;border-color:#666}.fm-badge-holo:hover:after{opacity:1;animation:holoShine 2s linear infinite}.fm-badge-holo:hover:before{background:linear-gradient(45deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes holoTilt{0%,to{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(-10deg) rotateX(5deg)}75%{transform:rotateY(10deg) rotateX(-5deg)}}@keyframes holoShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.fm-badge-energy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:radial-gradient(circle at center,rgba(138,43,226,.2) 0%,transparent 70%);border-radius:50%;position:relative;cursor:pointer;margin-left:8px;overflow:visible}.fm-badge-energy:before{content:"FM";font-family:Russo One,sans-serif;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(255,0,255,.8);position:relative;z-index:3;letter-spacing:-.5px}.fm-badge-energy:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:conic-gradient(from 0deg,#f0f,#0ff,#f0f);opacity:.3;animation:energySpin 3s linear infinite;z-index:1}.fm-badge-energy span{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid;border-radius:50%;opacity:0}.fm-badge-energy span:nth-child(1){border-color:#f0f;animation:energyPulse 2s ease-out infinite}.fm-badge-energy span:nth-child(2){top:-8px;right:-8px;bottom:-8px;left:-8px;border-color:#0ff;animation:energyPulse 2s ease-out infinite .5s}.fm-badge-energy:hover:after{opacity:.6;animation-duration:1s}.fm-badge-energy:hover:before{text-shadow:0 0 8px rgba(255,0,255,1),0 0 16px rgba(0,255,255,.8);transform:scale(1.1)}.fm-badge-energy:hover{background:radial-gradient(circle at center,rgba(138,43,226,.4) 0%,transparent 70%)}@keyframes energySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes energyPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.fm-badge-pixel,.fm-badge-glitch,.fm-badge-neon,.fm-badge-holo,.fm-badge-energy{position:relative}.fm-badge-pixel:after,.fm-badge-glitch:after,.fm-badge-neon:after,.fm-badge-holo:after,.fm-badge-energy:after{pointer-events:none}.fm-badge-pixel:hover:after,.fm-badge-glitch:hover:after,.fm-badge-neon:hover:after,.fm-badge-holo:hover:after,.fm-badge-energy:hover:after{content:"Founding Member";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-family:"Press Start 2P",cursive;font-size:8px;white-space:nowrap;pointer-events:none;opacity:0;animation:fadeInTooltip .3s ease-in-out forwards;border:1px solid rgba(138,43,226,.5);box-shadow:0 0 10px #8a2be24d;z-index:10}.fm-badge-glitch:hover:after{content:"Founding Member"!important;font-family:"Press Start 2P",cursive!important;font-size:8px!important;font-weight:400!important;color:#fff!important;text-shadow:none!important;position:absolute!important;bottom:100%!important;animation:fadeInTooltip .3s ease-in-out forwards!important;clip-path:none!important}.leaderboard-error{color:#f66;font-family:"Press Start 2P",cursive;font-size:.6em;padding:20px;text-align:center;background:#ff66661a;border:1px solid rgba(255,102,102,.3);border-radius:8px;margin:10px 0}#leaderboardButton{background:linear-gradient(145deg,#2a2a2a,#111);color:#0ff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 15px #0ff,inset 0 0 3px #00ffff80,0 4px 8px #00000080;transition:all .2s ease}#leaderboardButton:hover{background:linear-gradient(145deg,#333,#1a1a1a);color:#fff;box-shadow:0 0 8px #0ff,0 0 15px #0ff,0 0 25px #0ff,inset 0 0 5px #00ffffb3,0 6px 12px #0009;transform:translateY(-2px) scale(1.02)}@media (max-width: 600px){#leaderboardContent{padding:20px;padding-bottom:calc(40px + env(safe-area-inset-bottom));max-width:95%;max-height:calc(90vh - env(safe-area-inset-bottom));overflow-y:hidden}#leaderboardTableContainer{max-height:calc(50vh - env(safe-area-inset-bottom))}.leaderboard-entry{padding:10px 12px;font-size:.5em}.leaderboard-player{margin-left:10px}.leaderboard-level{margin-left:10px;min-width:50px}}@media (max-width: 600px) and (orientation: portrait){.leaderboard-entry{font-size:.75em;padding:12px 14px;justify-content:flex-start}.leaderboard-rank{min-width:45px;flex-shrink:0}.leaderboard-player{margin-left:2px;max-width:48%;flex:0 1 48%;display:flex;align-items:center;overflow:hidden}.player-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.leaderboard-player .fm-badge-triangle{flex-shrink:0;margin-left:4px}.leaderboard-score{margin-left:auto;flex-shrink:0;min-width:70px}.leaderboard-level{margin-left:3px;flex-shrink:0;min-width:35px;font-size:.75em}}#auth-and-leaderboard-container{display:flex;align-items:center}@keyframes pulse{0%{box-shadow:0 0 15px #fc09}50%{box-shadow:0 0 25px #ffcc00e6}to{box-shadow:0 0 15px #fc09}}@keyframes priceShine{0%{left:-100%}to{left:100%}}@keyframes borderGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 600px){#foundingMemberModal>div{padding:25px!important;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#foundingMemberModal h1{font-size:1.2em!important}#foundingMemberModal .fm-badge-triangle{font-size:14px!important}#foundingMemberCloseX{width:44px!important;height:44px!important}#foundingMemberModal ul{font-size:.8em!important}#foundingMemberCheckoutButton{padding:12px 25px!important;font-size:.8em!important;width:100%;max-width:280px}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){#foundingMemberModal>div{padding:20px!important;max-height:85vh}#foundingMemberModal .badge-preview-section{padding:10px!important}#foundingMemberModal ul{font-size:.7em!important;line-height:2!important}}.otp-digit{width:40px;height:50px;text-align:center;font-size:1.5em;font-family:"Press Start 2P",cursive;background:#222;border:2px solid #00ffff;color:#fff;border-radius:5px}.otp-digit:focus{outline:none;border-color:#fd5;box-shadow:0 0 10px #ffdd5580}.otp-digit.filled{background:#333;border-color:#4ecdc4}.error-message{color:#ff6b6b;background:#ff6b6b1a;padding:10px;border-radius:5px;margin:10px 0;font-family:"Press Start 2P",cursive;font-size:.6em;line-height:1.4}.success-message{color:#4ecdc4;background:#4ecdc41a;padding:10px;border-radius:5px;margin:10px 0;font-family:"Press Start 2P",cursive;font-size:.6em;line-height:1.4}#otpResendSection{text-align:center}@media (max-width: 600px){.otp-digit{width:35px;height:45px;font-size:1.2em}#otpInputContainer{gap:8px!important}}#endOfMatchSummaryPanel p{white-space:normal;word-wrap:break-word}#summaryCloseButton,#showSignUpModalButton{min-height:44px;touch-action:manipulation}@media (max-width: 600px){#endOfMatchSummaryPanel{padding:20px;font-size:.9em}#endOfMatchSummaryPanel h2{font-size:1.2em;margin-bottom:15px}#endOfMatchSummaryPanel h3{font-size:1em}}.fm-badge-triangle{display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle;font-family:Orbitron,-apple-system,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px}.fm-triangle-left{display:inline-block;width:0;height:0;border-style:solid;border-width:7px 0 7px 8px;border-color:transparent transparent transparent #0ff;margin-right:2px}.fm-badge-text{color:#fff;text-shadow:0 0 4px rgba(255,255,255,.5);padding:0 2px}.fm-triangle-right{display:inline-block;width:0;height:0;border-style:solid;border-width:7px 8px 7px 0;border-color:transparent #f0f transparent transparent;margin-left:2px}.fm-triangle-left{filter:drop-shadow(0 0 3px rgba(0,255,255,.7))}.fm-triangle-right{filter:drop-shadow(0 0 3px rgba(255,0,255,.7))}.fm-badge-triangle:hover .fm-triangle-left{filter:drop-shadow(0 0 5px rgba(0,255,255,1))}.fm-badge-triangle:hover .fm-triangle-right{filter:drop-shadow(0 0 5px rgba(255,0,255,1))}@media (max-width: 600px){.fm-badge-triangle{font-size:10px;margin-left:4px}.fm-triangle-left{border-width:5px 0 5px 6px;margin-right:1px}.fm-triangle-right{border-width:5px 6px 5px 0;margin-left:1px}.fm-badge-text{padding:0 1px;text-shadow:0 0 2px rgba(255,255,255,.5)}.fm-triangle-left,.fm-triangle-right{filter:none}}.fm-badge-vibescope{font-size:10px;margin-left:6px}.fm-badge-vibescope .fm-triangle-left{border-width:5px 0 5px 6px;margin-right:0}.fm-badge-vibescope .fm-triangle-right{border-width:5px 6px 5px 0;margin-left:0}.fm-badge-vibescope .fm-badge-text{font-size:9px;padding:0 2px}@media (max-width: 600px){.fm-badge-vibescope{font-size:9px;margin-left:4px}.fm-badge-vibescope .fm-triangle-left{border-width:4px 0 4px 5px}.fm-badge-vibescope .fm-triangle-right{border-width:4px 5px 4px 0}.fm-badge-vibescope .fm-badge-text{font-size:8px}}#debugPanel .debug-content .fm-badge-vibescope span{margin-left:0}#debugPanel .debug-content .fm-badge-vibescope .fm-triangle-left{margin-right:0}#debugPanel .debug-content .fm-badge-vibescope .fm-triangle-right{margin-left:0}@media (prefers-reduced-motion: reduce){.fm-triangle-left,.fm-triangle-right{filter:none}}