body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--neon-cyan:#0ff;--neon-pink:#f0f;--neon-purple:#8b5cf6;--neon-blue:#0080ff;--neon-green:#0f8;--cyber-black:#0a0a0f;--cyber-dark:#1a1a2e;--cyber-darker:#0f0f1e;--text-primary:#fff;--text-neon:#0ff;--text-muted:#ffffffb3;--text-dim:#ffffff80;--glass-bg:#00ffff0d;--glass-strong:#00ffff1a;--glass-panel:#00ffff14;--glass-border:#00ffff4d;--btn-border:#00ffff80;--btn-border-weak:#00ffff4d;--shadow-cyan:0 0 20px #00ffff80;--shadow-pink:0 0 20px #ff00ff80;--shadow-purple:0 0 20px #8b5cf680;--shadow-strong:0 0 40px #0ff9,0 0 80px #f0f6;--shadow-card:0 10px 30px #000c}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1e);background:linear-gradient(135deg,var(--cyber-black) 0,var(--cyber-dark) 50%,var(--cyber-darker) 100%);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:Courier New,Orbitron,monospace,sans-serif;min-height:100vh;overflow-x:hidden;padding:10px;position:relative}body:before{animation:gridScroll 20s linear infinite;background-image:linear-gradient(#00ffff08 1px,#0000 0),linear-gradient(90deg,#00ffff08 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(50px)}}body:after{animation:neonFloat 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#00ffff26 0,#0000 40%),radial-gradient(circle at 80% 70%,#ff00ff1f 0,#0000 40%),radial-gradient(circle at 50% 50%,#8b5cf61a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes neonFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(5%,-5%) rotate(120deg)}66%{transform:translate(-5%,5%) rotate(240deg)}}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-5%,-5%) rotate(180deg)}}.container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1280px;min-height:calc(100vh - 250px);position:relative;z-index:1}.header{animation:neonPulse 3s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0fcc;border:2px solid #0ff;border:2px solid var(--neon-cyan);border-radius:8px;box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d,inset 0 0 20px #00ffff0d;box-shadow:var(--shadow-cyan),0 0 40px #00ffff4d,inset 0 0 20px #00ffff0d;grid-column:1/-1;margin-bottom:10px;padding:24px;position:relative;text-align:center}@keyframes neonPulse{0%,to{border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d,inset 0 0 20px #00ffff0d}50%{border-color:#f0f;border-color:var(--neon-pink);box-shadow:0 0 30px #f0f9,0 0 60px #f0f6,inset 0 0 30px #ff00ff14}}.header-content{display:flex;flex-direction:column;gap:16px}.header-top-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.header-text{text-align:left}.header-credit{border-top:1px solid #0ff3;padding-top:12px;text-align:center}.header-credit p{color:#ffffffb3;color:var(--text-muted);font-family:Courier New,monospace;font-size:.9rem;margin:0}.header-credit a{color:#0ff;color:var(--neon-cyan);font-weight:600;text-decoration:none;text-shadow:0 0 8px #0ff9;transition:all .3s ease}.header-credit a:hover{color:#f0f;color:var(--neon-pink);text-decoration:underline;text-shadow:0 0 12px #f0fc}.wallet-connection-top{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:200px;position:relative}.wallet-connected-row{align-items:center;display:flex;flex-direction:row-reverse;gap:12px;position:relative}.wallet-info{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-family:Courier New,monospace;font-size:.9rem;gap:8px}.wallet-disconnected{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.wallet-status{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-family:Courier New,monospace;font-size:.9rem;gap:8px}.status-indicator{animation:statusPulse 2s ease-in-out infinite;font-size:1rem}@keyframes statusPulse{0%,to{filter:drop-shadow(0 0 3px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}.status-text{font-weight:600}.wallet-address{background:#00ffff0d;border:1px solid #0ff3;border-radius:4px;color:#0ff;color:var(--neon-cyan);font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px;text-shadow:0 0 5px #00ffff80;transition:all .2s ease}.wallet-address:hover{background:#00ffff1a;border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 10px #00ffff80}.disconnect-popup{animation:popupFadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border:2px solid #0ff;border:2px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 30px #00ffff80,0 0 60px #00ffff4d,inset 0 0 20px #00ffff0d;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-small{font-size:.8rem;padding:6px 12px}.btn-mini{align-items:center;display:flex;font-size:.7rem;height:28px;justify-content:center;min-width:32px;padding:4px 8px}.header h1{animation:textGlitch 5s infinite;color:#0ff;color:var(--neon-cyan);font-family:Courier New,monospace;font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6,0 0 40px #0ff3;text-transform:uppercase}@keyframes textGlitch{0%,90%,to{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6}92%,96%{text-shadow:-2px 0 10px #f0fc,2px 0 20px #0ff9;transform:translateX(2px)}94%,98%{text-shadow:2px 0 10px #0ffc,-2px 0 20px #f0f9;transform:translateX(-2px)}}.header p{color:#ffffffb3;color:var(--text-muted);font-family:Courier New,monospace;font-size:1.1rem;margin-bottom:5px;text-shadow:0 0 10px #ff00ff4d}.header .powered-by{color:#8b5cf6;color:var(--neon-purple);font-size:.9rem;font-weight:500;text-shadow:0 0 10px #8b5cf680}.sidebar{display:flex;flex-direction:column;gap:20px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00ffff0d;background:var(--glass-bg);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #000c;box-shadow:var(--shadow-card);contain:layout paint;padding:25px}.card h3{font-size:1.3rem;font-weight:700;gap:10px;margin-bottom:20px}.card h3,.status-item{align-items:center;display:flex}.status-item{font-size:1rem;justify-content:space-between;margin-bottom:15px}.status-value{color:#4caf50;font-weight:600}.status-value.initializing{color:#ff9800}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;margin:5px 0;padding:12px 20px;transition:all .3s ease;width:100%}.btn-primary{background:#0a0a0fcc;border:2px solid #0ff;border:2px solid var(--neon-cyan);box-shadow:0 0 15px #00ffff4d,inset 0 0 10px #00ffff0d;color:#0ff;color:var(--neon-cyan);text-shadow:0 0 8px #0ff9}.btn-primary,.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Courier New,monospace;transition:all .3s ease}.btn-secondary{background:#0a0a0f99;border:1px solid #8b5cf6;border:1px solid var(--neon-purple);box-shadow:0 0 10px #8b5cf633,inset 0 0 8px #8b5cf60d;color:#8b5cf6;color:var(--neon-purple);text-shadow:0 0 8px #8b5cf699}.btn-danger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fcc;border:2px solid #f0f;border:2px solid var(--neon-pink);box-shadow:0 0 15px #ff00ff4d,inset 0 0 10px #ff00ff0d;color:#f0f;color:var(--neon-pink);font-family:Courier New,monospace;text-shadow:0 0 8px #f0f9;transition:all .3s ease}.btn-primary:hover{background:#00ffff1a;border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 25px #0ff9,0 0 50px #0ff6,inset 0 0 15px #00ffff1a;text-shadow:0 0 15px #0ff;transform:translateY(-2px)}.btn-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fcc;border:2px solid #0f8;border:2px solid var(--neon-green);border-radius:8px;box-shadow:0 0 15px #00ff884d,inset 0 0 10px #00ff880d;color:#0f8;color:var(--neon-green);cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 0 8px #0f89;text-transform:uppercase;transition:all .3s ease}.btn-success:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#00ff881a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.btn-success:hover:not(:disabled){background:#00ff881a;border-color:#0f8;border-color:var(--neon-green);box-shadow:0 0 25px #0f89,0 0 50px #0f86,inset 0 0 15px #00ff881a;text-shadow:0 0 15px #0f8;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary:hover{background:#8b5cf61a;box-shadow:0 0 20px #8b5cf699,inset 0 0 12px #8b5cf61a;transform:translateY(-2px)}.btn-danger:hover{background:#ff00ff1a;box-shadow:0 0 25px #f0f9,0 0 50px #f0f6,inset 0 0 15px #ff00ff1a;text-shadow:0 0 15px #f0f}.btn-danger:hover,.btn:hover{transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.3;transform:none}.balance-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.balance-value{font-size:1.5rem;font-weight:700}.balance-value.gm{color:gold}.balance-value.eth{color:#627eea}.leaderboard-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.leaderboard-item:last-child{border-bottom:none}.player-address{color:#93c5fd;font-family:Courier New,monospace;font-size:.9rem}.player-score{color:#4caf50;font-weight:700}.main-content{align-items:center;display:flex;flex-direction:column;gap:20px}.race-wheel-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00ffff0d;background:var(--glass-bg);border-radius:30px;box-shadow:0 0 40px #0ff9,0 0 80px #f0f6;box-shadow:var(--shadow-strong);contain:layout paint;padding:32px 36px;text-align:center;width:100%}.race-wheel-container,.wheel-stats{border:1px solid #00ffff4d;border:1px solid var(--glass-border)}.wheel-stats{background:#00ffff14;background:var(--glass-panel);border-radius:16px;display:flex;gap:24px;justify-content:center;margin-bottom:18px;padding:12px 16px}.stat-value{font-weight:700;margin-bottom:4px}.stat-label{font-size:.9rem;letter-spacing:.5px;opacity:.8}.wheel-container{height:360px;margin:20px auto;position:relative;width:360px}.pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid #2c3e50;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:0;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:0;z-index:15}.wheel{backface-visibility:hidden;background:#fff;border-radius:50%;box-shadow:0 15px 35px #0000004d;height:360px;overflow:hidden;position:relative;transform:translateZ(0);transition:transform 3s cubic-bezier(.25,.46,.45,.94);width:360px;will-change:transform}.wheel-svg{height:100%;width:100%}.segment-path{stroke:#fffc;stroke-width:3;cursor:pointer;transition:opacity .3s ease}.segment-path:hover{opacity:.8}.segment-text{fill:#fff;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:700;text-shadow:2px 2px 4px #000c}.segment-icon,.segment-text{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.eth-icon,.segment-icon{font-size:20px}.eth-icon{fill:#fff;font-family:Arial,sans-serif;font-weight:700}.center-button{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:3px solid #2c3e50;border-radius:50%;box-shadow:0 10px 25px #0000004d;color:#2c3e50;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:92px;justify-content:center;left:50%;letter-spacing:1px;line-height:1.2;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:92px;z-index:10}.center-button:hover{box-shadow:0 15px 35px #0006;transform:translate(-50%,-50%) scale(1.05)}.center-button:active{transform:translate(-50%,-50%) scale(.95)}.wheel.racening{animation:race 3s cubic-bezier(.25,.46,.45,.94) forwards}.result-display{background:#111827eb;border-radius:15px;box-shadow:0 10px 30px #00000059;color:#e5e7eb;margin-top:20px;max-width:560px;min-width:250px;opacity:0;overflow:hidden;overflow-wrap:anywhere;padding:20px;text-align:center;transform:translateY(20px);transition:all .5s ease;white-space:normal;width:100%;word-break:break-word}.result-display.show{opacity:1;transform:translateY(0)}.result-title{color:#e5e7eb;font-size:1.2rem;font-weight:700;margin-bottom:10px}.result-prize{font-size:2rem;font-weight:800;margin-bottom:10px}.result-message,.result-prize{overflow-wrap:anywhere;word-break:break-word}.result-message{color:#e5e7ebb3;font-size:1rem;font-weight:500}.countdown{background:#ffffff1f;border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:8px;font-family:Courier New,monospace;font-weight:700;letter-spacing:.5px;margin-left:6px;padding:2px 8px}.result-display *{overflow-wrap:anywhere;word-break:break-word}.race-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00ffff0d;background:var(--glass-bg);border-radius:15px;contain:layout paint;margin-top:20px;padding:20px}.race-section h4{color:#fff;color:var(--text-primary);margin-bottom:15px;text-align:center}.race-cost{color:#fffc;font-size:.9rem;margin-top:10px;text-align:center}.connected{background:#00ff881a;border:2px solid #0f8;border:2px solid var(--neon-green);box-shadow:0 0 20px #0f86;color:#0f8;color:var(--neon-green);text-shadow:0 0 10px #0f8c}.disconnected{background:#ff00ff1a;border:2px solid #f0f;border:2px solid var(--neon-pink);box-shadow:0 0 20px #f0f6;color:#f0f;color:var(--neon-pink);text-shadow:0 0 10px #f0fc}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:20px;color:#fff;margin:15% auto;max-width:400px;padding:30px;position:relative;width:90%}.close-btn{color:#fffc;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:15px;top:15px;transition:color .3s ease}.close-btn:hover{color:#fff}.modal h3{color:gold;margin-bottom:20px;text-align:center}.input-group{margin:15px 0}.input-group label{color:#ffffffe6;display:block;font-weight:600;margin-bottom:8px}.input-row{align-items:center;display:flex;gap:10px}.modal input{background:#00ffff0d;background:var(--glass-bg);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:10px;color:#fff;flex:1 1;font-size:1rem;padding:12px}.modal input:focus{border-color:#4caf50;box-shadow:0 0 10px #4caf504d;outline:none}.btn-max{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-max:hover{box-shadow:0 5px 15px #ff98004d;transform:translateY(-2px)}.info-text{color:#ffffffb3;font-size:.9rem;margin:10px 0;text-align:center}.modal-buttons{display:flex;gap:15px;margin-top:25px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes race{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:12px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;padding:0}.stat-item{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.stat-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#fff3;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.stat-value{display:block;font-size:28px;line-height:1;margin-bottom:6px;text-shadow:0 2px 4px #0000004d}.stat-label{font-size:11px;font-weight:600;line-height:1.2;opacity:.85}.refresh-container{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:16px;padding:12px;transition:all .3s ease}.refresh-container:hover{background:#ffffff14;border-color:#ffffff26}.refresh-button{align-items:center;background:#0a0a0fcc;border:2px solid #0ff;border:2px solid var(--neon-cyan);border-radius:50%;box-shadow:0 0 15px #00ffff4d,inset 0 0 8px #00ffff0d;color:#0ff;color:var(--neon-cyan);cursor:pointer;display:inline-flex;font-size:16px;height:40px;justify-content:center;opacity:1;padding:0;text-shadow:0 0 8px #0ff9;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.refresh-button:hover{border-color:#f0f;border-color:var(--neon-pink);box-shadow:0 0 25px #0ff9,0 0 50px #0ff6;color:#f0f;color:var(--neon-pink);text-shadow:0 0 12px #f0fc;transform:scale(1.1) rotate(180deg)}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40;box-shadow:0 4px 16px #0000004d;transform:scale(1.1)}.refresh-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.refresh-button:active:not(:disabled){transform:scale(.95)}.refresh-text{color:#fffc;font-size:13px;font-weight:500;opacity:.8;transition:color .3s ease}.refresh-text.loading{color:#4caf50;font-weight:600}@media (max-width:768px){.stats-grid{gap:8px;margin-bottom:20px}.stat-item{border-radius:12px;padding:12px 8px}.stat-value{font-size:24px}.stat-label{font-size:10px}.refresh-container{margin-top:12px;padding:10px}.refresh-button{font-size:14px;height:36px;width:36px}.refresh-text{font-size:12px}}.footer{border-top:1px solid #0ff3;box-shadow:0 -1px 10px #00ffff1a;margin-top:40px;padding:20px 0;text-align:center}.footer p{color:#ffffffb3;color:var(--text-muted);font-family:Courier New,monospace;font-size:.9rem;font-weight:500;margin:0;text-shadow:0 0 5px #00ffff4d}.footer a{color:#0ff;color:var(--neon-cyan);font-weight:700;text-decoration:underline;text-decoration-color:#00ffff4d;text-shadow:0 0 10px #00ffff80;transition:all .3s ease}.footer a:hover{color:#f0f;color:var(--neon-pink);text-decoration-color:#f0f;text-decoration-color:var(--neon-pink);text-shadow:0 0 15px #f0fc,0 0 30px #ff00ff80}@media (max-width:1200px){.container{gap:15px;grid-template-columns:1fr}.sidebar{order:2}.main-content{order:1}}@media (max-width:768px){body{padding:10px}.wheel,.wheel-container{height:300px;width:300px}.center-button{font-size:.6rem;height:78px;width:78px}.card{padding:20px}.header h1{font-size:2rem}}.stats-panel-unified{animation:panelPulse 4s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0fe6;border:2px solid #0ff;border:2px solid var(--neon-cyan);border-radius:8px;box-shadow:0 0 30px #0ff6,0 0 60px #0ff3,inset 0 0 20px #00ffff0d;margin:16px 0;padding:20px}@keyframes panelPulse{0%,to{border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 30px #0ff6,0 0 60px #0ff3,inset 0 0 20px #00ffff0d}50%{border-color:#f0f;border-color:var(--neon-pink);box-shadow:0 0 40px #ff00ff80,0 0 80px #ff00ff4d,inset 0 0 30px #ff00ff14}}.stats-panel-header{border-bottom:1px solid #00ffff4d;margin-bottom:20px;padding-bottom:12px;text-align:center}.stats-panel-title{color:#0ff;color:var(--neon-cyan);font-family:Courier New,monospace;font-size:1.3rem;font-weight:800;letter-spacing:2px;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9;text-transform:uppercase}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-item{background:#00ffff0d;border:1px solid #00ffff4d;border-radius:6px;padding:16px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#00ffff1a;border-color:#0ff;border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 0 8px currentColor);font-size:2rem;margin-bottom:8px}.stat-label{color:#ffffffb3;color:var(--text-muted);font-size:.85rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stat-label,.stat-value{font-family:Courier New,monospace}.stat-value{color:#0ff;color:var(--neon-cyan);font-size:2rem;font-weight:800;text-shadow:0 0 10px #0ffc,0 0 20px #00ffff80}.submit-score-btn{font-size:1.1rem;font-weight:800;letter-spacing:2px;margin-top:10px;padding:14px 24px;text-transform:uppercase;width:100%}.score-submitted-message{animation:successFade .5s ease-out;background:#00ff881a;border:1px solid #0f8;border:1px solid var(--neon-green);border-radius:6px;color:#0f8;color:var(--neon-green);font-family:Courier New,monospace;font-weight:600;margin-top:10px;padding:12px;text-align:center;text-shadow:0 0 10px #0f89}@keyframes successFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.total-score-display{background:#00ffff14;background:var(--glass-panel);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 30px #000c;box-shadow:var(--shadow-card);margin:12px 0;padding:16px;text-align:center}.total-score-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:8px}.total-score-value{color:gold;font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 0 8px #ffd7004d}.total-score-message{color:#ffffffb3;color:var(--text-muted);font-size:12px}.total-turns-display{background:#00ffff14;background:var(--glass-panel);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 30px #000c;box-shadow:var(--shadow-card);margin:12px 0;padding:16px;text-align:center}.total-turns-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:8px}.total-turns-value{color:#4caf50;font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 0 8px #4caf504d}.total-turns-message{color:#ffffffb3;color:var(--text-muted);font-size:12px}.confirmation-details{background:#00ffff14;background:var(--glass-panel);border:1px solid #00ffff4d;border:1px solid var(--glass-border);border-radius:8px;margin:16px 0;padding:16px}.confirmation-item{align-items:center;border-bottom:1px solid #00ffff4d;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:8px 0}.confirmation-item:last-child{border-bottom:none}.confirmation-item.total{background:#4caf501a;border-radius:6px;font-weight:700;margin-top:8px;padding:12px}.confirmation-value{color:#fff;color:var(--text-primary);font-weight:700}.no-turns-display{background:#f443361a;border:1px solid #f443364d;border-radius:12px;box-shadow:0 10px 30px #000c;box-shadow:var(--shadow-card);margin:12px 0;padding:16px;text-align:center}.no-turns-title{color:#f44336;font-size:16px;font-weight:700;margin-bottom:8px}.no-turns-message{color:#ffffffb3;color:var(--text-muted);font-size:14px}.mario-container{display:flex;flex-direction:column;gap:12px}.mario-hud{display:flex;gap:16px;justify-content:center}.hud-item{animation:hudFlicker 3s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fcc;border:1px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 15px #0ff6,inset 0 0 10px #00ffff1a;color:var(--neon-cyan);font-family:Courier New,monospace;font-size:1.05rem;font-weight:600;padding:8px 14px;text-shadow:0 0 10px #0ffc}@keyframes hudFlicker{0%,95%,to{opacity:1}96%,98%{opacity:.8}97%,99%{opacity:.9}}.mario-game{backface-visibility:hidden;background:linear-gradient(180deg,#87ceeb,#e0f6ff 60%,#90ee90);border:2px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 20px #00000026;height:350px;overflow:hidden;position:relative;transform:translateZ(0);z-index:10}.mario-game.dino-theme{animation:gameAreaPulse 4s ease-in-out infinite;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(180deg,#0a0a0ff2,#1a1a2ee6 50%,#0a0a0ff2);border:2px solid var(--neon-cyan);box-shadow:0 0 30px #0ff9,0 0 60px #f0f6,0 0 90px #8b5cf64d,inset 0 0 30px #00ffff14,0 20px 60px #000c;position:relative}@keyframes gameAreaPulse{0%,to{border-color:var(--neon-cyan);box-shadow:0 0 30px #0ff9,0 0 60px #f0f6,inset 0 0 30px #00ffff14,0 20px 60px #000c}50%{border-color:var(--neon-pink);box-shadow:0 0 40px #ff00ffb3,0 0 80px #00ffff80,inset 0 0 40px #ff00ff1a,0 20px 60px #000c}}.mario-game.dino-theme:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#00ffff08,#0000 1px,#0000 2px,#00ffff08 3px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.mario-game.dino-theme:after{background-image:linear-gradient(#00ffff0d 1px,#0000 0),linear-gradient(90deg,#00ffff0d 1px,#0000 0);background-size:25px 25px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}.mario-game.hit{animation:flash .13s linear}@keyframes flash{0%{box-shadow:0 0 0 #f000}to{box-shadow:inset 0 0 25px #ff0000d9}}.ground{background:linear-gradient(180deg,#8b4513,#654321);border-top:3px solid #2f4f2f;bottom:0;height:80px}.ground,.ground:before{left:0;position:absolute;right:0}.ground:before{background:repeating-linear-gradient(90deg,#228b22,#228b22 30px,#32cd32 0,#32cd32 60px);content:"";height:20px;top:3px}.dino-theme .ground{animation:groundPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0ffc,#ff00ffe6,#8b5cf6cc);border-top:none;box-shadow:0 0 20px #0ffc,0 0 40px #f0f9,0 -3px 15px #00ffff80;height:3px}@keyframes groundPulse{0%,to{box-shadow:0 0 20px #0ffc,0 0 40px #f0f9}50%{box-shadow:0 0 30px #0ff,0 0 60px #f0fc}}.dino-theme .ground:before{display:none}.player{bottom:2px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));font-size:48px;position:absolute;transform:translateY(0);transition:none;will-change:bottom;z-index:20}.dino-theme .player{filter:sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1) drop-shadow(0 3px 6px rgba(255,215,0,.4));font-size:56px;transform:scaleX(-1) translateY(0)}.player.jumping{animation:jumpRotate .6s ease-out}@keyframes jumpRotate{0%{filter:sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1) drop-shadow(0 3px 6px rgba(255,215,0,.4));transform:scaleX(-1) translateY(0) rotate(0deg)}50%{filter:sepia(1) saturate(5.5) hue-rotate(15deg) brightness(1.2) drop-shadow(0 5px 10px rgba(255,215,0,.6));transform:scaleX(-1) translateY(0) rotate(10deg)}to{filter:sepia(1) saturate(5) hue-rotate(10deg) brightness(1.1) drop-shadow(0 3px 6px rgba(255,215,0,.4));transform:scaleX(-1) translateY(0) rotate(0deg)}}.game-object{bottom:2px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));font-size:32px;pointer-events:none;position:absolute;transform:translateY(0);transition:opacity .2s ease-out;will-change:left;z-index:15}.game-object.obstacle{font-size:36px}.dino-theme .game-object.obstacle{filter:sepia(1) saturate(8) hue-rotate(25deg) brightness(1.15) contrast(1.1) drop-shadow(0 3px 6px rgba(255,215,0,.5));font-size:40px}.mario-cta{align-items:center;display:flex;flex-direction:column;gap:8px}.hint{color:var(--text-primary);font-size:.95rem;opacity:.8}.mario-button{background:#0a0a0fcc;border:2px solid var(--neon-cyan);border-radius:4px;box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d,inset 0 0 15px #00ffff1a;color:var(--neon-cyan);cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:800;letter-spacing:3px;min-width:200px;overflow:hidden;padding:18px 40px;position:relative;text-shadow:0 0 10px #0ffc;text-transform:uppercase;transition:all .3s ease}.mario-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mario-button:hover:before{left:100%}.mario-button:hover{background:#00ffff1a;border-color:var(--neon-pink);box-shadow:0 0 40px #0ffc,0 0 80px #f0f9,0 0 120px #8b5cf666,inset 0 0 30px #0ff3;color:var(--neon-pink);text-shadow:0 0 15px #f0f,0 0 30px #f0f9;transform:translateY(-4px)}.mario-button:active{box-shadow:0 0 30px #00ffffe6,inset 0 0 20px #00ffff4d;transform:translateY(-2px)}.mario-button:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;opacity:.7}.mario-button:disabled,.mario-button:disabled:hover{box-shadow:0 3px 10px #0003;transform:none}@media (max-width:600px){.mario-game{height:280px}.player{font-size:36px}.game-object{font-size:24px}.game-object.obstacle{font-size:28px}}.network-warning{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.network-warning-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.network-warning-header{align-items:center;display:flex;gap:12px;padding:24px 24px 0}.network-warning-icon{color:#f59e0b;flex-shrink:0}.network-warning-title{align-items:center;display:flex;flex:1 1;justify-content:space-between}.network-warning-title h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.network-warning-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.network-warning-close:hover{background-color:#f3f4f6;color:#374151}.network-warning-body{padding:16px 24px}.network-warning-body p{color:#4b5563;line-height:1.5;margin:0 0 12px}.network-warning-body p:last-child{margin-bottom:0}.network-warning-body strong{color:#1f2937;font-weight:600}.network-warning-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:12px;padding:12px}.network-warning-error p{color:#dc2626;font-size:14px;margin:0}.network-warning-actions{padding:0 24px 24px}.network-warning-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:12px 24px;transition:all .2s;width:100%}.network-warning-button-primary{background-color:#3b82f6;color:#fff}.network-warning-button-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.network-warning-button-primary:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.network-warning-help{text-align:center}.network-warning-help p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.network-warning-help strong{color:#374151;font-weight:600}@media (max-width:640px){.network-warning{padding:16px}.network-warning-content{max-width:none}.network-warning-header{padding:20px 20px 0}.network-warning-body{padding:12px 20px}.network-warning-actions{padding:0 20px 20px}.network-warning-title h3{font-size:18px}.network-warning-button{font-size:15px;padding:14px 20px}}.typing-cursor{animation:blink 1s infinite;color:inherit;font-weight:inherit}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.btn.typing-button{overflow:hidden;position:relative}.btn.typing-button:hover .typing-cursor{animation-duration:.5s}.btn.typing-button.typing{box-shadow:0 0 10px #3b82f64d;transition:box-shadow .3s ease}@media (max-width:768px){.typing-cursor{animation-duration:.8s}}
/*# sourceMappingURL=main.833548a0.css.map*/