@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;700;900&display=swap";@font-face{font-family:Bangers;src:url(/Bangers-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#070b14;color:#e0e8ff;font-family:Rajdhani,sans-serif}.auth-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#0d1f3c,#070b14 70%);padding:16px}.auth-inner{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:380px;width:100%}.auth-tabs{display:flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;width:100%}.auth-tab{flex:1;padding:10px;background:transparent;border:none;color:#4a6a8a;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .15s ease}.auth-tab--active{background:#00e5ff1a;color:#00e5ff}.auth-form{display:flex;flex-direction:column;gap:14px;width:100%}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-size:.6rem;letter-spacing:.25em;color:#4a6a8a;text-transform:uppercase}.auth-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#e0e8ff;font-family:Rajdhani,sans-serif;font-size:1rem;outline:none;transition:border-color .15s ease;width:100%}.auth-input:focus{border-color:#00e5ff66}.auth-input::placeholder{color:#2a3a50}.auth-error{font-size:.8rem;color:#f45;text-align:center;padding:6px 0}.auth-info{font-size:.8rem;color:#0f8;text-align:center;padding:6px 0}.lobby-screen{width:100%;min-height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#0d1f3c,#070b14 70%);overflow-y:auto;padding-bottom:32px}.lobby-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#070b14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;flex-shrink:0}.lobby-nav-brand{display:flex;align-items:center;gap:10px}.lobby-nav-logo-img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.lobby-logo-img{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 4px}.logo-snake{font-size:1.8rem;color:#0f8;filter:drop-shadow(0 0 10px #00ff88)}.lobby-nav-wordmark{font-family:Bangers,cursive;font-size:1.65rem;letter-spacing:.05em;color:#fff;line-height:1}.lobby-nav-right{display:flex;align-items:center;gap:14px}.nav-identity{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px 12px 6px 8px}.nav-identity-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#00e5ff26,#00ff881a);border:1.5px solid rgba(0,229,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-identity-letter{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:#00e5ff}.nav-identity-info{display:flex;flex-direction:column;gap:1px}.nav-identity-username{font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;color:#e0e8ff;letter-spacing:.05em}.nav-identity-status{font-size:.55rem;color:#0f8}.nav-identity-profile{background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 6px;font-size:.65rem;cursor:pointer;opacity:.6;transition:opacity .15s}.nav-identity-profile:hover{opacity:1}.logout-btn{background:linear-gradient(180deg,#1a0a0e,#110609);border:none;border-radius:7px;padding:7px 16px;color:#f67;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.12em;cursor:pointer;text-transform:uppercase;box-shadow:0 3px #3a0008,0 5px 8px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.logout-btn:hover{transform:translateY(2px);box-shadow:0 1px #3a0008,0 3px 6px #00000059}.logout-btn:active{transform:translateY(3px);box-shadow:0 0 #3a0008,0 1px 3px #0000004d}.lobby-hero{flex:1;display:flex;align-items:center;justify-content:center}.lobby-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.lobby-hero-logo{height:108px;width:auto;display:block;margin:0 auto 10px;object-fit:contain}.lobby-hero-sub{font-family:Bangers,cursive;font-size:1.25rem;letter-spacing:.22em;color:#ffffff8c;text-transform:uppercase;margin:0}.lobby-grid{display:grid;grid-template-columns:300px 1fr 300px;gap:16px;padding:20px 24px 48px;width:100%;max-width:1260px;margin:auto;align-items:stretch}.lobby-col{display:flex;flex-direction:column;gap:14px;height:100%}.lobby-col--left .lcard:last-child,.lobby-col--right .lcard:last-child{flex:1}.lobby-col-spacer{flex:1}.lcard{background:#070b14bf;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lcard-header{display:flex;align-items:center;justify-content:space-between}.lcard-title{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#4a6a8a;text-transform:uppercase}.lcard-icon{font-size:1rem;opacity:.55}.lcard-btn{width:100%;padding:9px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#ffffff08;color:#3a5070;font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em;cursor:not-allowed;text-transform:uppercase}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.lb-rank{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;min-width:26px}.lb-rank--1{color:gold}.lb-rank--2{color:silver}.lb-rank--3{color:#cd7f32}.lb-user{flex:1;font-size:.85rem;color:#a0b8d8;font-weight:600}.lb-val{font-family:Orbitron,monospace;font-size:.68rem;color:#0f8}.friends-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 0;color:#3a5070;font-size:.78rem;text-align:center}.friends-empty-icon{font-size:1.8rem;margin-bottom:4px;opacity:.35}.center-identity{flex-direction:row!important;align-items:center;gap:14px!important;padding:14px 18px!important}.identity-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#00e5ff26,#00ff881a);border:2px solid rgba(0,229,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.identity-avatar-letter{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;color:#00e5ff}.identity-info{display:flex;flex-direction:column;gap:3px;flex:1}.identity-username{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:#e0e8ff}.identity-status{font-size:.68rem;color:#0f8}.identity-edit{background:none;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:6px 8px;font-size:.75rem;cursor:not-allowed;opacity:.45}.stake-desc{font-size:.78rem;color:#3a5070;line-height:1.4}.stake-grid{display:flex;gap:10px;width:100%}.stake-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 8px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.07);background:#ffffff05;cursor:pointer;transition:all .2s ease;gap:2px}.stake-card:hover:not(.stake-card--disabled){border-color:#00e5ff66;background:#00e5ff0f;transform:translateY(-2px)}.stake-card--selected{border-color:#00e5ff!important;background:#00e5ff1f!important;box-shadow:0 0 20px #00e5ff33}.stake-card--disabled{opacity:.35;cursor:not-allowed}.stake-amount{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:#fff;line-height:1}.stake-unit{font-size:.6rem;letter-spacing:.2em;color:#4a6a8a}.stake-badge{position:absolute;top:-10px;font-size:.5rem;letter-spacing:.1em;background:#00e5ff;color:#070b14;padding:2px 7px;border-radius:20px;font-weight:700}.stake-badge--warn{background:#f44;color:#fff}.stake-badge--practice{background:#3a5070;color:#a0c4d8}.stake-card--practice{border-color:#4a6a8a4d}.stake-card--practice .stake-amount{color:#a0c4d8;font-size:1.2rem}.stake-card--practice .stake-unit{color:#3a5070}.stake-card--practice.stake-card--selected{border-color:#4a6a8a!important;background:#4a6a8a1f!important;box-shadow:0 0 20px #4a6a8a33}.stake-card--practice:hover:not(.stake-card--disabled){border-color:#4a6a8a99;background:#4a6a8a14}.start-btn{width:100%;padding:18px;border-radius:12px;border:none;background:linear-gradient(180deg,#0f8,#00cc6e);color:#070b14;font-family:Orbitron,monospace;font-size:.95rem;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:0 6px #084,0 8px 12px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease;position:relative}.start-btn:hover:not(.start-btn--disabled){transform:translateY(3px);box-shadow:0 3px #084,0 4px 8px #00000059}.start-btn:active:not(.start-btn--disabled){transform:translateY(6px);box-shadow:0 0 #084,0 2px 4px #0000004d}.start-btn--disabled{background:#ffffff0f;color:#3a5070;box-shadow:0 4px #0003;cursor:not-allowed}.live-stats{display:flex;align-items:center;background:#070b14bf;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.live-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 10px;gap:4px}.live-stat-val{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#00e5ff}.live-stat-label{font-size:.6rem;letter-spacing:.12em;color:#3a5070;text-transform:uppercase;text-align:center}.live-stat-divider{width:1px;height:36px;background:#ffffff12;flex-shrink:0}.invite-btn{width:100%;padding:12px 13px 10px;border-radius:10px;border:none;background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;font-family:Orbitron,monospace;font-size:.62rem;font-weight:700;letter-spacing:.12em;cursor:pointer;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 5px #001a2a,0 7px 12px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.invite-btn:hover{transform:translateY(3px);box-shadow:0 2px #001a2a,0 4px 8px #00000059}.invite-btn:active{transform:translateY(5px);box-shadow:0 0 #001a2a,0 2px 4px #0000004d}.invite-btn-sub{font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.03em;color:#0f8;text-transform:none;opacity:.9}.wallet-balance{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;background:#00ff880a;border-radius:10px;border:1px solid rgba(0,255,136,.1)}.wallet-balance-label{font-size:.58rem;letter-spacing:.22em;color:#3a5070;text-transform:uppercase}.wallet-balance-amount{font-family:Orbitron,monospace;font-size:2.6rem;font-weight:900;color:#0f8;text-shadow:0 0 18px #00ff8855;line-height:1}.wallet-balance-unit{font-size:1rem;font-weight:400;color:#3a5070}.wallet-actions{display:flex;gap:10px}.wallet-btn{flex:1;padding:10px;border-radius:8px;font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em;cursor:not-allowed;text-transform:uppercase}.wallet-btn--add{background:linear-gradient(180deg,#071e12,#04120a);border:none;color:#0f8;cursor:pointer;box-shadow:0 3px #001a08,0 5px 8px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.wallet-btn--add:hover{transform:translateY(2px);box-shadow:0 1px #001a08,0 3px 6px #00000059}.wallet-btn--add:active{transform:translateY(3px);box-shadow:0 0 #001a08,0 1px 3px #0000004d}.wallet-btn--withdraw{background:#00e5ff08;border:1px solid rgba(255,255,255,.06);color:#3a5070;box-shadow:none}.snake-preview{display:flex;justify-content:center;align-items:center;padding:8px 0}.balance-error{font-size:.65rem;color:#f45}@media(max-width:860px){.lobby-grid{grid-template-columns:1fr;padding:14px 16px 28px}.lobby-col--left{order:2}.lobby-col--center{order:1}.lobby-col--right{order:3}}.game-screen{position:relative;width:100%;height:100%;overflow:hidden}.game-canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;padding:16px}.hud-bottom-left{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-balance,.hud-stake{display:flex;flex-direction:column;background:#070b14bf;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 14px;min-width:110px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-label{font-size:.6rem;letter-spacing:.25em;color:#3a5070;text-transform:uppercase}.hud-val{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#e0e8ff}.hud-val--stake{color:#f94}.hud-center-value{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;background:#070b14cc;border:1px solid rgba(0,229,255,.2);border-radius:14px;padding:10px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 24px #00e5ff14}.hud-ingame-label{font-size:.6rem;letter-spacing:.25em;color:#3a7090;text-transform:uppercase}.hud-ingame-amount{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:#00e5ff;text-shadow:0 0 14px rgba(0,229,255,.5);line-height:1.1}.hud-ingame-profit{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700}.profit-positive{color:#0f8}.profit-negative{color:#f45}.hud-top-right{position:absolute;top:16px;right:16px;pointer-events:none}.leaderboard{background:#070b14c7;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;min-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px}.leaderboard-title{font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;letter-spacing:.3em;color:#3a5070;text-transform:uppercase;text-align:center;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.leaderboard-row{display:flex;align-items:center;gap:8px;padding:3px 0}.leaderboard-row--me{background:#ffffff0a;border-radius:6px;padding:3px 6px;margin:0 -6px}.leaderboard-rank{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;width:22px;text-align:center;flex-shrink:0}.leaderboard-name{flex:1;font-size:.82rem;font-weight:600;color:#c0d0e8;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-bot-tag{font-size:.55rem;color:#3a5070;letter-spacing:.1em}.leaderboard-value{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;flex-shrink:0;text-align:right}.leaderboard-cr{font-size:.55rem;color:#4a6a8a;margin-left:1px}.hud-cashout-bottom{position:absolute;bottom:28px;left:50%;transform:translate(-50%);pointer-events:all;display:flex;flex-direction:column;align-items:center}.cashout-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.cashout-value-label{background:#070b14bf;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:4px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cashout-value-num{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.cashout-value-unit{font-size:.7rem;color:#8a6a20}.cashout-btn{position:relative;width:72px;height:72px;border-radius:50%;border:none;background:#070b14d9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 0 16px #00e5ff26}.cashout-btn:hover{transform:scale(1.05);box-shadow:0 0 24px #00e5ff40}.cashout-btn--holding{transform:scale(.96);box-shadow:0 0 32px #ffd70066}.cashout-btn--success{box-shadow:0 0 36px #00ff8880}.cashout-ring{position:absolute;inset:0}.cashout-label{position:relative;z-index:1;font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;letter-spacing:.08em;color:#e0e8ff;text-align:center;pointer-events:none}.cashout-hint{font-size:.65rem;color:#3a5070;letter-spacing:.1em}.grace-banner{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 22px;border-radius:30px;background:#070b14d1;border:1px solid rgba(255,255,255,.35);font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:grace-pulse .6s ease-in-out infinite alternate;pointer-events:none}.grace-icon{font-size:1rem}@keyframes grace-pulse{0%{opacity:.7;box-shadow:0 0 10px #ffffff1a}to{opacity:1;box-shadow:0 0 24px #ffffff4d}}.game-over-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070b14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100}.game-over-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 48px;background:#0d1423f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 0 60px #0009}.game-over-title{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:900;letter-spacing:.15em}.go-win{color:#0f8;text-shadow:0 0 20px #00ff8855}.go-loss{color:#f45;text-shadow:0 0 20px #ff445555}.go-neutral{color:#e0e8ff}.game-over-value{font-family:Orbitron,monospace;font-size:2.6rem;font-weight:900;color:#fff}.go-cr{font-size:1.2rem;color:#4a6a8a}.game-canvas--blurred{filter:blur(5px);transition:filter .35s ease}.round-end-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070b14b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:110}.round-end-box{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 44px;background:#0a101cf7;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 0 80px #000c,0 0 140px #00e5ff0a;min-width:360px;max-width:460px;width:90vw}.round-end-icon{font-size:3.2rem;line-height:1;filter:drop-shadow(0 0 18px rgba(255,200,0,.45))}.round-end-title{font-family:Orbitron,monospace;font-size:1.9rem;font-weight:900;letter-spacing:.1em;margin:0}.round-end-amount{display:flex;flex-direction:column;align-items:center;gap:3px}.round-end-amount-usd{font-family:Orbitron,monospace;font-size:2.8rem;font-weight:900;color:#0f8;text-shadow:0 0 32px rgba(0,255,136,.45);line-height:1}.round-end-amount-sol{font-size:.75rem;color:#4a6a8a;letter-spacing:.12em}.round-end-amount-profit{font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-top:2px}.round-end-divider{width:100%;height:1px;background:#ffffff0f}.round-end-stats{display:flex;gap:40px;align-items:center;justify-content:center}.round-end-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.round-end-stat-icon{font-size:1.5rem;line-height:1}.round-end-stat-val{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:800;color:#00e5ff}.round-end-stat-label{font-size:.58rem;color:#3a5878;letter-spacing:.18em;text-transform:uppercase}.round-end-stat-sep{width:1px;height:48px;background:#ffffff12;align-self:center}.round-end-actions{display:flex;gap:8px;width:100%;margin-top:4px}.round-end-btn{flex:1;padding:13px 8px;border-radius:11px;border:none;background:linear-gradient(180deg,#0d1825,#090f1a);color:#c8d8f0;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.07em;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px #030810,0 6px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.round-end-btn:hover{transform:translateY(2px);box-shadow:0 2px #030810,0 3px 7px #00000059}.round-end-btn:active{transform:translateY(4px);box-shadow:0 0 #030810,0 1px 4px #0000004d}.round-end-btn--play{background:linear-gradient(180deg,#00e5ff,#0ac);color:#070b14;flex:1.5;font-size:.62rem;box-shadow:0 4px #068,0 6px 10px #0006}.round-end-btn--play:hover{transform:translateY(2px);box-shadow:0 2px #068,0 3px 7px #00000059}.round-end-btn--play:active{transform:translateY(4px);box-shadow:0 0 #068,0 1px 4px #0000004d}.round-end-btn--spec{background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;box-shadow:0 4px #001a2a,0 6px 10px #0006}.round-end-btn--spec:hover{transform:translateY(2px);box-shadow:0 2px #001a2a,0 3px 7px #00000059}.round-end-btn--spec:active{transform:translateY(4px);box-shadow:0 0 #001a2a,0 1px 4px #0000004d}.round-end-btn--home{background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;box-shadow:0 4px #001a2a,0 6px 10px #0006}.round-end-btn--home:hover{transform:translateY(2px);box-shadow:0 2px #001a2a,0 3px 7px #00000059}.round-end-btn--home:active{transform:translateY(4px);box-shadow:0 0 #001a2a,0 1px 4px #0000004d}.spectate-pick-box{gap:14px}.spectate-player-list{display:flex;flex-direction:column;gap:8px;width:100%;max-height:300px;overflow-y:auto}.spectate-empty{color:#3a5070;text-align:center;font-size:.85rem;padding:16px 0}.spectate-player-btn{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-radius:11px;border:none;background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#e0e8ff;cursor:pointer;font-family:inherit;width:100%;box-shadow:0 4px #001a2a,0 6px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.spectate-player-btn:hover{transform:translateY(2px);box-shadow:0 2px #001a2a,0 3px 7px #00000059}.spectate-player-btn:active{transform:translateY(4px);box-shadow:0 0 #001a2a,0 1px 4px #0000004d}.spectate-player-name{font-weight:600;font-size:.95rem}.spectate-player-val{font-family:Orbitron,monospace;font-size:.8rem;color:#0f8}.spectate-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 24px;background:#070b14f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:110}.spectate-bar-label{font-family:Orbitron,monospace;font-size:.65rem;color:#00e5ff;letter-spacing:.1em;white-space:nowrap;opacity:.85}.spectate-bar-actions{display:flex;gap:8px;flex-shrink:0}.spectate-bar-btn{padding:9px 18px;border-radius:11px;border:none;background:linear-gradient(180deg,#0d1825,#090f1a);color:#c8d8f0;font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.07em;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px #030810,0 6px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.spectate-bar-btn:hover{transform:translateY(2px);box-shadow:0 2px #030810,0 3px 7px #00000059}.spectate-bar-btn:active{transform:translateY(4px);box-shadow:0 0 #030810,0 1px 4px #0000004d}.spectate-bar-btn--play{background:linear-gradient(180deg,#00e5ff,#0ac);color:#070b14;box-shadow:0 4px #068,0 6px 10px #0006}.spectate-bar-btn--play:hover{transform:translateY(2px);box-shadow:0 2px #068,0 3px 7px #00000059}.spectate-bar-btn--play:active{transform:translateY(4px);box-shadow:0 0 #068,0 1px 4px #0000004d}.spectate-bar-btn--home{background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;box-shadow:0 4px #001a2a,0 6px 10px #0006}.spectate-bar-btn--home:hover{transform:translateY(2px);box-shadow:0 2px #001a2a,0 3px 7px #00000059}.spectate-bar-btn--home:active{transform:translateY(4px);box-shadow:0 0 #001a2a,0 1px 4px #0000004d}.wallet-card{height:265px;overflow:hidden}.wallet-balance-view{flex:1;display:flex;flex-direction:column;gap:10px}.wallet-balance{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#00e5640d;border:1px solid rgba(0,229,100,.14);border-radius:12px}.wallet-balance-label{font-size:.62rem;font-family:Orbitron,monospace;letter-spacing:.18em;color:#4a7a6a;text-transform:uppercase}.wallet-balance-amount{font-family:Orbitron,monospace;font-size:2.1rem;font-weight:900;color:#00e5ff;line-height:1}.wallet-balance-unit{font-size:.85rem;color:#4a90b0}.wallet-balance-usd{font-size:.78rem;color:#4a6a8a;margin-top:2px}.wallet-tabs{display:flex;gap:6px;margin:0}.wallet-tab{flex:1;padding:8px 4px;border-radius:9px;border:none;background:linear-gradient(180deg,#0d1825,#090f1a);color:#4a6a8a;font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:0 3px #030810,0 5px 8px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,color .15s}.wallet-tab:hover{transform:translateY(1px);box-shadow:0 2px #030810,0 3px 5px #00000059;color:#c8d8f0}.wallet-tab:active{transform:translateY(3px);box-shadow:0 0 #030810,0 1px 3px #0000004d}.wallet-back-btn{background:none;border:none;color:#4a6a8a;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.08em;cursor:pointer;padding:0;transition:color .15s}.wallet-back-btn:hover{color:#00e5ff}.wallet-panel-title{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:#00e5ff;letter-spacing:.1em;text-transform:uppercase}.wallet-panel{flex:1;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sol-icon-inline{display:inline-block;vertical-align:middle;margin-right:2px;margin-bottom:1px;flex-shrink:0}.wallet-deposit-tab{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:4px}.wallet-deposit-hint{font-size:.72rem;color:#5a7a9a;text-align:center;line-height:1.45}.wallet-deposit-hint strong{color:#00e5ff}@keyframes walletDepositGlow{0%{box-shadow:0 0 #00e56400;border-color:#00e56424}25%{box-shadow:0 0 22px 6px #00e56499;border-color:#00e564cc}70%{box-shadow:0 0 14px 3px #00e5644d;border-color:#00e56473}to{box-shadow:0 0 #00e56400;border-color:#00e56424}}.wallet-balance--glow{animation:walletDepositGlow 1.6s ease-out forwards}.wallet-status-dot--idle{background:#3a5a7a}.wallet-status-dot--checking{background:#00c8e5;animation:dot-pulse 1s ease-in-out infinite}.wallet-status-dot--found{background:#00e564;box-shadow:0 0 6px #00e564}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.wallet-qr{width:84px;height:84px;border-radius:8px;border:1px solid rgba(0,229,255,.2);display:block;margin:0 auto}.wallet-addr-row{display:flex;align-items:center;gap:8px;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:6px 10px;width:100%}.wallet-addr-text{flex:1;font-family:monospace;font-size:.72rem;color:#8aaccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-copy-btn{background:linear-gradient(180deg,#0a2a3a,#071e2a);border:none;border-radius:5px;color:#00e5ff;font-size:.65rem;font-family:Orbitron,monospace;font-weight:700;letter-spacing:.08em;padding:4px 8px;cursor:pointer;white-space:nowrap;box-shadow:0 3px #001a2a,0 5px 8px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.wallet-copy-btn:hover{transform:translateY(2px);box-shadow:0 1px #001a2a,0 3px 6px #00000059}.wallet-copy-btn:active{transform:translateY(3px);box-shadow:0 0 #001a2a,0 2px 3px #0000004d}.wallet-deposit-note{font-size:.64rem;color:#3a5070;text-align:center}.wallet-withdraw-form{display:flex;flex-direction:column;gap:7px;width:100%;padding-bottom:4px}.wallet-field-label{font-size:.62rem;font-family:Orbitron,monospace;letter-spacing:.1em;color:#4a6a8a;text-transform:uppercase}.wallet-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0e8ff;font-family:monospace;font-size:.78rem;padding:8px 10px;width:100%;transition:border-color .15s;outline:none}.wallet-input:focus{border-color:#00e5ff66}.wallet-fee-note{font-size:.7rem;color:#5a7a9a}.wallet-fee-note strong{color:#00e5ff}.wallet-fee-small{color:#3a5070;font-size:.65rem}.wallet-error{font-size:.7rem;color:#ff6b6b}.wallet-success{font-size:.7rem;color:#0f8}.wallet-solscan-link{color:#00e5ff;text-decoration:underline;font-size:.7rem}.wallet-btn{width:100%;padding:10px;border-radius:8px;border:none;font-family:Orbitron,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:all .15s ease}.wallet-btn--withdraw{background:linear-gradient(135deg,#ff646433,#b4323233);border:1px solid rgba(255,100,100,.35);color:#f88}.wallet-btn--withdraw:hover:not(:disabled){background:linear-gradient(135deg,#ff646459,#b4323259);color:#faa}.wallet-btn--withdraw:disabled{opacity:.4;cursor:not-allowed}.wallet-minbal-note{font-size:.63rem;color:#3a5070;text-align:center}.wallet-history{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:2px}.wallet-history-empty{font-size:.72rem;color:#3a5070;text-align:center;padding:16px 0}.wallet-tx-row{display:flex;align-items:center;gap:8px;padding:7px 8px;background:#0003;border-radius:7px;border:1px solid rgba(255,255,255,.05)}.wallet-tx-icon{font-size:1rem;font-weight:700;width:18px;text-align:center;flex-shrink:0}.wallet-tx-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.wallet-tx-type{font-size:.68rem;font-family:Orbitron,monospace;font-weight:700;letter-spacing:.08em;text-transform:capitalize;color:#c0d0e8}.wallet-tx-date{font-size:.6rem;color:#3a5070}.wallet-tx-amounts{display:flex;align-items:center;gap:5px;flex-shrink:0}.wallet-tx-sol{font-family:Orbitron,monospace;font-size:.68rem;font-weight:700}.wallet-tx-link{color:#4a6a8a;text-decoration:none;font-size:.75rem;transition:color .15s}.wallet-tx-link:hover{color:#00e5ff}.stake-sol-equiv{font-size:.62rem;color:#4a6a8a;margin-top:2px;font-family:Orbitron,monospace}.hud-stake-usd{font-size:.6rem;color:#3a5070;letter-spacing:.05em;margin-top:2px}.lcard-btn--active{cursor:pointer;color:#070b14;border:none;background:linear-gradient(180deg,#00e5ff,#0ac);box-shadow:0 5px #068,0 7px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.lcard-btn--active:hover{transform:translateY(2px);box-shadow:0 3px #068,0 4px 8px #00000059;color:#070b14;background:linear-gradient(180deg,#00e5ff,#0ac)}.lcard-btn--active:active{transform:translateY(5px);box-shadow:0 0 #068,0 2px 4px #0000004d}.lb-overlay{position:fixed;inset:0;z-index:1000;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.lb-modal{background:#070b16f7;border:1px solid rgba(0,229,255,.18);border-radius:18px;width:100%;max-width:520px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 0 60px #00e5ff14,0 24px 64px #0009;overflow:hidden}.lb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.lb-modal-title-group{display:flex;align-items:center;gap:10px}.lb-modal-icon{font-size:1.2rem}.lb-modal-title{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.22em;color:#00e5ff;text-transform:uppercase}.lb-modal-close{background:none;border:none;color:#4a6a8a;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.lb-modal-close:hover{color:#fff;background:#ffffff12}.lb-modal-me-wrap{padding:14px 22px 0;flex-shrink:0}.lb-modal-me{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.2);margin-bottom:10px}.lb-modal-me-label{font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;letter-spacing:.18em;color:#00e5ff;background:#00e5ff1f;border:1px solid rgba(0,229,255,.25);border-radius:4px;padding:2px 6px;flex-shrink:0}.lb-modal-me-rank{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;min-width:28px;text-align:center}.lb-modal-me-name{flex:1;font-size:.92rem;font-weight:600;color:#e0f0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-modal-me-val{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:#0f8;flex-shrink:0}.lb-modal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.2),transparent);margin-bottom:0}.lb-modal-body{flex:1;overflow-y:auto;padding:10px 22px;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.2) transparent}.lb-modal-body::-webkit-scrollbar{width:4px}.lb-modal-body::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}.lb-modal-state{text-align:center;padding:32px 0;color:#3a5070;font-size:.82rem;font-family:Orbitron,monospace;letter-spacing:.1em}.lb-modal-state--err{color:#ff6b6b}.lb-modal-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:#ffffff05;transition:background .1s}.lb-modal-row:hover{background:#ffffff0a}.lb-modal-row--me{background:#00e5ff0a;border-color:#00e5ff1f}.lb-modal-row-rank{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;min-width:32px;text-align:left;flex-shrink:0}.lb-modal-row-name{flex:1;font-size:.88rem;font-weight:600;color:#a0b8d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-modal-row-you{font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;letter-spacing:.14em;color:#00e5ff;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);border-radius:3px;padding:1px 5px;margin-left:7px;vertical-align:middle}.lb-modal-row-val{font-family:Orbitron,monospace;font-size:.68rem;font-weight:700;color:#0f8;flex-shrink:0}.lb-modal-footer{padding:12px 22px 18px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.lb-modal-refresh{background:none;border:1px solid rgba(0,229,255,.2);color:#4a6a8a;font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em;padding:7px 14px;border-radius:7px;cursor:pointer;text-transform:uppercase;transition:color .15s,border-color .15s,background .15s}.lb-modal-refresh:hover:not(:disabled){color:#00e5ff;border-color:#00e5ff66;background:#00e5ff0d}.lb-modal-refresh:disabled{opacity:.4;cursor:default}.social-modal{width:640px;max-width:640px;height:620px;max-height:620px}.social-tab-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.social-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.social-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#3a5070;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:13px 8px 11px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.social-tab:hover{color:#7a9ab8}.social-tab--active{color:#00e5ff;border-bottom-color:#00e5ff}.social-me-wrap{padding:14px 22px 0;flex-shrink:0}.social-me{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.22);margin-bottom:10px}.social-me-label{font-family:Orbitron,monospace;font-size:.52rem;font-weight:700;letter-spacing:.18em;color:#00e5ff;background:#00e5ff1f;border:1px solid rgba(0,229,255,.25);border-radius:4px;padding:2px 6px;flex-shrink:0}.social-me-rank{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;min-width:28px;text-align:center}.social-me-name{flex:1;font-size:.92rem;font-weight:600;color:#e0f0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-me-val{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:#0f8;flex-shrink:0}.social-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.2),transparent)}.social-body{flex:1;overflow-y:auto;padding:10px 22px;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.2) transparent;min-height:0}.social-body::-webkit-scrollbar{width:4px}.social-body::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}.social-state{text-align:center;padding:36px 0;color:#3a5070;font-size:.78rem;font-family:Orbitron,monospace;letter-spacing:.1em}.social-state--err{color:#ff6b6b}.social-state--hint{color:#2a4060;font-size:.72rem}.social-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:#ffffff05;transition:background .1s}.social-row:hover{background:#ffffff0b}.social-row--me{background:#00e5ff0a;border-color:#00e5ff24}.social-row-rank{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;min-width:32px;flex-shrink:0}.social-row-avatar{width:28px;height:28px;border-radius:50%;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#00e5ff;flex-shrink:0}.social-row-name{flex:1;font-size:.88rem;font-weight:600;color:#a0b8d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-row-you{font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;letter-spacing:.14em;color:#00e5ff;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);border-radius:3px;padding:1px 5px;margin-left:7px;vertical-align:middle}.social-row-val{font-family:Orbitron,monospace;font-size:.68rem;font-weight:700;color:#0f8;flex-shrink:0}.social-footer{padding:12px 22px 16px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.social-refresh{background:none;border:1px solid rgba(0,229,255,.2);color:#4a6a8a;font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em;padding:7px 14px;border-radius:7px;cursor:pointer;text-transform:uppercase;transition:color .15s,border-color .15s,background .15s}.social-refresh:hover:not(:disabled){color:#00e5ff;border-color:#00e5ff66;background:#00e5ff0d}.social-refresh:disabled{opacity:.4;cursor:default}.social-search-bar{display:flex;align-items:center;gap:10px;padding:14px 22px 0;flex-shrink:0}.social-search-icon{font-size:.9rem;flex-shrink:0;opacity:.5}.social-search-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:#e0f0ff;font-size:.88rem;outline:none;transition:border-color .15s,background .15s}.social-search-input::placeholder{color:#2a4060}.social-search-input:focus{border-color:#00e5ff66;background:#00e5ff0a}.social-search-clear{background:none;border:none;color:#3a5070;font-size:.8rem;cursor:pointer;padding:4px 7px;border-radius:5px;flex-shrink:0;transition:color .15s}.social-search-clear:hover{color:#a0b8d8}.profile-tab{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:0 0 10px;flex:1;min-height:0}.profile-header{display:flex;align-items:center;gap:14px;padding:16px 22px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0d2a4a,#163c6a);border:2px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#00e5ff;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.profile-username{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:#e0f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-since{font-size:.75rem;color:#4a6a8a;letter-spacing:.03em}.profile-streak{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.profile-streak-val{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;color:#fa0;line-height:1}.profile-streak-label{font-size:.65rem;color:#7a8a9a;text-align:center;letter-spacing:.02em}.profile-section-label{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;color:#2a5070;letter-spacing:.12em;padding:12px 22px 6px}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px}.profile-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .15s,border-color .15s}.profile-stat-card:hover{background:#00e5ff0a;border-color:#00e5ff26}.psc-val{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#e0f8ff;line-height:1}.psc-label{font-size:.58rem;color:#3a5878;letter-spacing:.06em;text-align:center}.profile-earnings-bar{margin:0 14px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.18);border-radius:10px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-earnings-sol{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;color:#0f8}.profile-earnings-label{font-size:.72rem;color:#4a7a6a;letter-spacing:.04em}.social-row--clickable{cursor:pointer;transition:background .15s,border-color .15s}.social-row--clickable:hover{background:#00e5ff14;border-color:#00e5ff4d}.social-row-chevron{font-size:1.1rem;color:#00e5ff66;flex-shrink:0;margin-left:2px;transition:color .15s}.social-row--clickable:hover .social-row-chevron{color:#00e5ffe6}.social-row-action{flex-shrink:0;padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;border:none;background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#a0c8e0;box-shadow:0 3px #001a2a,0 4px 7px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.social-row-action:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #001a2a,0 2px 5px #00000059}.social-row-action:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #001a2a,0 1px 3px #0000004d}.social-row-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.social-row-action--accept{background:linear-gradient(180deg,#071e12,#04120a);color:#0f8;box-shadow:0 3px #001a08,0 4px 7px #0006}.social-row-action--accept:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #001a08,0 2px 5px #00000059}.social-row-action--accept:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #001a08,0 1px 3px #0000004d}.social-row-action--decline{background:linear-gradient(180deg,#1a0a0e,#110609);color:#ff7070;box-shadow:0 3px #3a0008,0 4px 7px #0006}.social-row-action--decline:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #3a0008,0 2px 5px #00000059}.social-row-action--decline:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #3a0008,0 1px 3px #0000004d}.social-row-btns{display:flex;gap:6px;flex-shrink:0}.friends-subtabs{display:flex;gap:0;border-bottom:1px solid rgba(0,229,255,.12);margin-bottom:4px;flex-shrink:0}.friends-subtab{flex:1;padding:8px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:#4a7a9a;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.friends-subtab:hover{color:#a0d0e8}.friends-subtab--active{color:#00e5ff;border-bottom-color:#00e5ff}.friends-section-label{font-family:Orbitron,monospace;font-size:.6rem;letter-spacing:.1em;color:#4a6a8a;padding:8px 0 4px;border-bottom:1px solid rgba(0,229,255,.07);margin-bottom:2px}.profile-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 10px;border-bottom:1px solid rgba(0,229,255,.1);margin-bottom:4px;flex-shrink:0}.profile-nav-back{background:transparent;border:1px solid rgba(0,229,255,.2);color:#a0c8e0;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.profile-nav-back:hover{background:#00e5ff14;border-color:#00e5ff66;color:#fff}.profile-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.profile-action-btn{padding:4px 12px;border-radius:4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;cursor:pointer;border:none;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,opacity .15s}.profile-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.profile-action-btn--primary{background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;box-shadow:0 3px #001a2a,0 4px 8px #0006}.profile-action-btn--primary:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #001a2a,0 2px 5px #00000059}.profile-action-btn--primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #001a2a,0 1px 3px #0000004d}.profile-action-btn--success{background:linear-gradient(180deg,#071e12,#04120a);color:#0f8;box-shadow:0 3px #001a08,0 4px 8px #0006}.profile-action-btn--success:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #001a08,0 2px 5px #00000059}.profile-action-btn--success:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #001a08,0 1px 3px #0000004d}.profile-action-btn--danger{background:linear-gradient(180deg,#1a0a0e,#110609);color:#ff7070;box-shadow:0 3px #3a0008,0 4px 8px #0006}.profile-action-btn--danger:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #3a0008,0 2px 5px #00000059}.profile-action-btn--danger:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #3a0008,0 1px 3px #0000004d}.profile-action-btn--ghost{background:linear-gradient(180deg,#0d1825,#090f1a);color:#7090a0;box-shadow:0 3px #030810,0 4px 8px #0006}.profile-action-btn--ghost:hover:not(:disabled){transform:translateY(2px);box-shadow:0 1px #030810,0 2px 5px #00000059;color:#c0d8e0}.profile-action-btn--ghost:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #030810,0 1px 3px #0000004d}.profile-action-badge{font-size:.72rem;font-weight:700;color:#0f8;padding:4px 8px;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:4px;letter-spacing:.04em}.profile-action-err{font-size:.68rem;color:#ff7070;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-friends-list{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px;max-height:160px;overflow-y:auto}.lobby-friend-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#00e5ff08;border:1px solid rgba(0,229,255,.07)}.lobby-friend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lobby-friend-dot--online{background:#0f8;box-shadow:0 0 6px #00ff8880}.lobby-friend-dot--offline{background:#f44;opacity:.5}.lobby-friend-name{flex:1;font-size:.82rem;font-weight:600;color:#a0b8d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-friend-status{font-size:.68rem;font-weight:700;letter-spacing:.05em;flex-shrink:0}.lobby-friend-status--online{color:#0f8}.lobby-friend-status--offline{color:#f44;opacity:.6}.animated-snake-preview{display:flex;justify-content:center;align-items:center;padding:8px 0 4px;background:#00000040;border-radius:8px;overflow:hidden}.customize-modal{width:560px;max-width:560px;height:auto;max-height:90vh;display:flex;flex-direction:column}.customize-preview-wrap{display:flex;justify-content:center;align-items:center;padding:16px 0 8px;background:#0000004d;border-bottom:1px solid rgba(0,229,255,.08);flex-shrink:0}.customize-tabs{flex-shrink:0}.customize-panel{flex:1;overflow-y:auto;padding:18px 24px 10px;min-height:200px}.customize-panel::-webkit-scrollbar{width:4px}.customize-panel::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}.customize-hint{font-size:.72rem;color:#4a6a8a;font-family:Orbitron,monospace;letter-spacing:.08em;margin:0 0 14px;text-align:center}.skin-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-items:center}.skin-swatch{width:42px;height:42px;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);cursor:pointer;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 transparent}.skin-swatch:hover{transform:scale(1.12);border-color:#fff6}.skin-swatch--active{border-color:#fff;box-shadow:0 0 0 2px var(--swatch-glow, var(--swatch-color)),0 0 12px var(--swatch-glow, var(--swatch-color));transform:scale(1.12)}.skin-swatch-check{font-size:1rem;color:#fff;font-weight:900;text-shadow:0 0 4px rgba(0,0,0,.8);line-height:1}.eyes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eyes-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border-radius:10px;border:1px solid rgba(0,229,255,.1);background:#00e5ff08;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.eyes-card:hover{background:#00e5ff12;border-color:#00e5ff38}.eyes-card--active{background:#00e5ff1a;border-color:#00e5ff;box-shadow:0 0 10px #00e5ff2e;transform:scale(1.03)}.eyes-card-preview{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000040;overflow:hidden}.eyes-card-label{font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:#a0c0d8}.eyes-card-desc{font-size:.62rem;color:#4a6a8a;text-align:center;line-height:1.3}.customize-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.customize-cancel-btn{background:linear-gradient(180deg,#0d1825,#090f1a);border:none;color:#4a6a8a;font-family:Orbitron,monospace;font-size:.62rem;font-weight:700;letter-spacing:.1em;padding:8px 18px;border-radius:8px;cursor:pointer;box-shadow:0 3px #030810,0 5px 8px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,color .15s}.customize-cancel-btn:hover{transform:translateY(2px);box-shadow:0 1px #030810,0 3px 6px #00000059;color:#a0b8d8}.customize-cancel-btn:active{transform:translateY(3px);box-shadow:0 0 #030810,0 1px 3px #0000004d}.customize-save-btn{background:linear-gradient(180deg,#0ac,#069);border:none;color:#fff;font-family:Orbitron,monospace;font-size:.62rem;font-weight:900;letter-spacing:.12em;padding:8px 22px;border-radius:8px;cursor:pointer;box-shadow:0 4px #003d5c,0 6px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.customize-save-btn:hover{transform:translateY(2px);box-shadow:0 2px #003d5c,0 3px 7px #00000059}.customize-save-btn:active{transform:translateY(4px);box-shadow:0 0 #003d5c,0 1px 4px #0000004d}.referral-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.referral-modal{position:relative;background:#0c1628;border:1px solid rgba(0,229,255,.2);border-radius:16px;padding:28px 28px 24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 60px #00e5ff14,0 24px 48px #0009}.referral-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#4a6a8a;font-size:1rem;cursor:pointer;line-height:1;transition:color .15s}.referral-close:hover{color:#e0e8ff}.referral-header{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.referral-header-icon{font-size:1.6rem;margin-bottom:2px}.referral-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:#00e5ff;letter-spacing:.1em}.referral-tagline{font-size:.95rem;font-weight:600;color:#a0b8d0;line-height:1.4}.referral-tagline-hl{color:#0f8}.referral-rate-badge{display:inline-block;padding:5px 14px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px;color:#0f8;font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.referral-link-section{display:flex;flex-direction:column;gap:8px}.referral-label{font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.15em;color:#4a6a8a}.referral-link-row{display:flex;gap:8px}.referral-link-input{flex:1;background:#ffffff0a;border:1px solid rgba(0,229,255,.15);border-radius:8px;padding:10px 12px;color:#a0c0d0;font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.02em;outline:none;cursor:text}.referral-link-input:focus{border-color:#00e5ff66}.referral-copy-btn{padding:10px 18px;border-radius:8px;border:none;background:linear-gradient(180deg,#0a2a3a,#071e2a);color:#00e5ff;font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;cursor:pointer;white-space:nowrap;box-shadow:0 4px #001a2a,0 6px 10px #0006;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease}.referral-copy-btn:hover{transform:translateY(2px);box-shadow:0 2px #001a2a,0 4px 7px #00000059}.referral-copy-btn:active{transform:translateY(4px);box-shadow:0 0 #001a2a,0 2px 4px #0000004d}.referral-copy-btn--done{color:#0f8;background:linear-gradient(180deg,#0a2a1a,#071e12);box-shadow:0 4px #001a0a,0 6px 10px #0006}.referral-copy-btn:disabled{opacity:.4;cursor:not-allowed}.referral-hint{font-size:.75rem;color:#3a5070;line-height:1.4}.referral-stats-row{display:flex;gap:10px}.referral-stat-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.referral-stat-val{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:#00e5ff;display:flex;align-items:center;gap:3px}.referral-stat-label{font-size:.65rem;color:#4a6a8a;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.referral-earnings-section{display:flex;flex-direction:column;gap:8px}.referral-section-title{font-family:Orbitron,monospace;font-size:.58rem;font-weight:700;letter-spacing:.15em;color:#4a6a8a;text-transform:uppercase}.referral-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:8px}.referral-table{width:100%;border-collapse:collapse;font-size:.8rem}.referral-table th{padding:8px 10px;background:#ffffff0a;color:#4a6a8a;font-family:Orbitron,monospace;font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.referral-table td{padding:8px 10px;color:#a0b8cc;border-bottom:1px solid rgba(255,255,255,.04)}.referral-table tr:last-child td{border-bottom:none}.referral-table-earn{color:#0f8;font-weight:600;display:flex;align-items:center;gap:3px}.referral-empty{text-align:center;color:#3a5070;font-size:.82rem;padding:16px 0}.referral-loading{text-align:center;color:#4a6a8a;font-size:.82rem;padding:24px 0}