@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#05070a;--panel-bg:#1e293b80;--accent-cyan:#22d3ee;--accent-purple:#818cf8;--accent-rose:#fb7185;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a;--grid-line:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle,#22d3ee0d 0%,#0000 50%),radial-gradient(circle at 10% 10%,#818cf80d 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;display:flex}.app-layout{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.game-container{background:var(--bg-main);flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.stats{z-index:50;pointer-events:none;gap:1rem;width:auto;display:flex;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.stat-box{text-align:center;letter-spacing:.1em;min-width:80px;color:var(--text-muted);text-transform:uppercase;border:1px solid var(--glass-border);background:#0000004d;border-radius:20px;flex:100px;padding:1rem .5rem;font-size:.65rem;font-weight:600}.stat-box.highlight{color:var(--accent-purple);background:#818cf80d;border-color:#818cf866;box-shadow:0 0 25px #818cf826}.stat-box.multiplier.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf24;position:relative;overflow:hidden;box-shadow:0 0 25px #fbbf2433}.stat-box.multiplier.active div:last-child{color:#fbbf24;animation:.5s infinite alternate bounce}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.stat-box.multiplier .progress-bar{background:#fbbf24;height:4px;position:absolute;bottom:0;left:0}.stat-box div:last-child{color:var(--text-main);margin-top:.4rem;font-size:1.25rem;font-weight:800}.canvas-wrapper{background:#05070a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.game-canvas{border-radius:12px;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#05070afa;border-radius:16px;padding:1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.with-leaderboard{flex-direction:row;align-items:center;gap:1.5rem}@media (width<=600px){.overlay.with-leaderboard{flex-direction:column;justify-content:flex-start}.game-over-content{flex:none;width:100%}.leaderboard-section{width:100%;min-height:200px}.overlay h1{font-size:2rem!important}}.overlay.with-submit{flex-direction:column;justify-content:center;align-items:center;gap:2rem}.game-over-content{flex-direction:column;flex:1;align-items:center;gap:1.5rem;display:flex}.leaderboard-section{border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;flex-direction:column;flex:1;gap:1rem;height:100%;padding:1.5rem;display:flex}.leaderboard-section h2{color:var(--accent-cyan);text-align:center;margin:0;font-size:1.2rem}.leaderboard-mini-list{flex-direction:column;gap:.5rem;display:flex;overflow-y:auto}.leaderboard-item-mini{background:#ffffff05;border-radius:10px;align-items:center;padding:.6rem .8rem;font-size:.85rem;display:flex}.leaderboard-item-mini.current{border:1px solid var(--accent-cyan);background:#22d3ee0d}.rank{width:25px;color:var(--text-muted);font-weight:800}.name{color:var(--text-main);flex:1}.score{color:var(--accent-purple);font-weight:800}.settings-btn{background:var(--panel-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;padding:.8rem;font-size:1.5rem;transition:all .3s;position:fixed;top:2rem;right:2rem}.settings-btn:hover{background:#ffffff1a;transform:rotate(90deg)scale(1.1)}.over-actions{gap:1rem;margin-top:1rem;display:flex}.share-btn{border:1px solid var(--glass-border)!important;background:#ffffff0d!important}.settings-content{flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:350px;display:flex}.setting-group{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.setting-group label{letter-spacing:.2em;color:var(--text-muted);font-size:.8rem;font-weight:700}.setting-group .toggle{border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;width:150px;padding:.8rem;font-weight:800;transition:all .3s}.toggle.on{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#22d3ee33}.toggle.off{color:#fb7185;background:#fb718533;border-color:#fb7185}.fps-options{gap:.5rem;display:flex}.fps-options button{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:.8rem 1.2rem;font-weight:700}.fps-options button.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:0 0 15px #818cf866}.close-btn{opacity:.6;margin-top:1rem;border:1px solid var(--glass-border)!important;background:0 0!important}.close-btn:hover{opacity:1}.overlay h1{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:800}.submit-section{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:300px;display:flex}.submit-section p{color:var(--text-muted);text-align:center;margin:0}.submit-section form{flex-direction:column;gap:1rem;width:100%;display:flex}.submit-section input{border:1px solid var(--glass-border);color:#fff;text-align:center;background:#ffffff0d;border-radius:12px;outline:none;padding:1rem}.overlay button{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:16px;padding:1rem 2rem;font-weight:700;transition:all .3s}.overlay button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #22d3ee66}.controls-hint{color:var(--text-muted);opacity:.7;z-index:50;pointer-events:none;font-size:.85rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}