.game-mode{--game-bg-primary:#f5f0ff;--game-bg-secondary:#fafafa;--game-bg-card:#ffffffbf;--game-bg-card-hover:#ffffffe6;--game-bg-glass:#ffffffb3;--game-neon-blue:#1cb0f6;--game-neon-purple:#ce82ff;--game-neon-pink:#ff86d0;--game-neon-green:#58cc02;--game-neon-gold:#ffc800;--game-neon-orange:#ff9600;--game-neon-red:#ff4b4b;--game-text-primary:#3c3c3c;--game-text-secondary:#777;--game-text-muted:#afafaf;--game-text-accent:var(--game-neon-green);--game-border:#0000000f;--game-border-glow:#58cc024d;--game-gradient-hero:linear-gradient(160deg,#e8f5e9 0%,#f3e5f5 35%,#e3f2fd 65%,#fff8e1 100%);--game-gradient-card:linear-gradient(145deg,#ffffffd9 0%,#fff9 100%);--game-gradient-xp:linear-gradient(90deg,#58cc02,#46a302);--game-gradient-hp:linear-gradient(90deg,#58cc02,#46a302);--game-gradient-fire:linear-gradient(90deg,#ff9600,#ff4b4b);--game-gradient-gold:linear-gradient(90deg,#ffc800,#ff9600);--game-gradient-legendary:linear-gradient(135deg,#ffc800,#ff86d0,#ce82ff,#1cb0f6);--game-glow-blue:0 8px 30px #1cb0f626;--game-glow-purple:0 8px 30px #ce82ff26;--game-glow-gold:0 8px 30px #ffc80026;--game-glow-green:0 8px 30px #58cc0226;background:var(--game-bg-primary);color:var(--game-text-primary)}.game-card{background:var(--game-gradient-card);border:1px solid var(--game-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000a,0 1px 2px #00000005}.game-card:hover{background:var(--game-bg-card-hover);border-color:var(--game-border-glow);transform:translateY(-2px);box-shadow:0 8px 40px #58cc0214,0 2px 8px #0000000a}.neon-text-blue{color:var(--game-neon-blue)}.neon-text-purple{color:var(--game-neon-purple)}.neon-text-gold{color:var(--game-neon-gold)}.neon-text-gradient{background:var(--game-gradient-legendary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.game-bar{background:#0000000f;border-radius:999px;height:8px;position:relative;overflow:hidden}.game-bar-fill{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.game-bar-fill:after{content:"";background:linear-gradient(#fff6 0%,#0000 100%);border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.game-bar-xp .game-bar-fill{background:var(--game-gradient-xp);box-shadow:0 2px 8px #58cc024d}.game-bar-hp .game-bar-fill{background:var(--game-gradient-hp);box-shadow:0 2px 8px #58cc024d}.game-bar-fire .game-bar-fill{background:var(--game-gradient-fire);box-shadow:0 2px 8px #ff96004d}.game-bar-fill.shimmer:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}.game-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.game-btn-primary{background:#58cc02;box-shadow:0 5px #46a302}.game-btn-primary:hover{background:#61d800;transform:translateY(1px);box-shadow:0 4px #46a302}.game-btn-primary:active{transform:translateY(4px);box-shadow:0 0 #46a302}.game-btn-fire{background:#ff9600;box-shadow:0 5px #e68600}.game-btn-fire:hover{transform:translateY(1px);box-shadow:0 4px #e68600}.game-btn-gold{color:#fff;background:linear-gradient(135deg,#ffc800,#ff9600);box-shadow:0 5px #e6a800}.game-btn-pulse{animation:2.5s infinite btn-pulse}@keyframes btn-pulse{0%,to{box-shadow:0 5px #46a302}50%{box-shadow:0 5px #46a302,0 0 20px #58cc024d}}.game-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.game-particle{background:var(--game-neon-green);opacity:.15;border-radius:50%;width:6px;height:6px;animation:linear infinite float-up;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(-10vh)translate(20px)}}.rank-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.rank-legend{color:#fff;box-shadow:var(--game-glow-gold);background:linear-gradient(135deg,#ffc800,#ff9600)}.rank-warrior{color:#fff;box-shadow:var(--game-glow-purple);background:linear-gradient(135deg,#ce82ff,#a855f7)}.rank-fighter{color:#fff;box-shadow:var(--game-glow-blue);background:linear-gradient(135deg,#1cb0f6,#0095d9)}.rank-expert{color:#fff;box-shadow:var(--game-glow-green);background:linear-gradient(135deg,#58cc02,#46a302)}@keyframes glow-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-spin-slow{animation:8s linear infinite spin-slow}.animate-shake{animation:.5s ease-in-out shake}
:root{--bg-void:#020408;--bg-deep:#060c1a;--bg-card:#060e24e0;--bg-card-hover:#0a1632eb;--bg-sidebar:#060a1cf2;--neon-cyan:#00e5ff;--neon-blue:#0080ff;--neon-purple:#a855f7;--neon-pink:#ff2d7b;--neon-magenta:#e040fb;--neon-green:#0f8;--neon-orange:#ff6b2b;--neon-yellow:#ffd600;--neon-red:#f35;--neon-teal:#00bcd4;--rgb-cyan:0,229,255;--rgb-blue:0,128,255;--rgb-purple:168,85,247;--rgb-pink:255,45,123;--rgb-green:0,255,136;--rgb-orange:255,107,43;--rgb-yellow:255,214,0;--text-primary:#e0e8f5;--text-bright:#c0ccee;--text-muted:#6a7aa0;--text-dim:#3a4568;--border-default:#00e5ff12;--border-hover:#00e5ff26;--border-active:#00e5ff40;--glow-cyan:0 0 20px #00e5ff66,0 0 60px #00e5ff1a;--glow-purple:0 0 20px #a855f766;--glow-pink:0 0 20px #ff2d7b66;--glow-green:0 0 15px #00ff884d;--font-display:"IBM Plex Sans Thai",sans-serif;--font-body:"IBM Plex Sans Thai",sans-serif;--font-mono:"IBM Plex Sans Thai",sans-serif}.cosmic-card{background:var(--bg-card);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;transition:border-color .3s;position:relative;overflow:hidden}.cosmic-card:before{content:"";background:linear-gradient(90deg,transparent,rgba(var(--rgb-cyan),.25),transparent);height:1px;position:absolute;top:0;left:0;right:0}.cosmic-card:hover{border-color:var(--border-hover)}.cosmic-panel-header{border-bottom:1px solid rgba(var(--rgb-cyan),.05);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cosmic-panel-title{font-family:var(--font-display);letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.cosmic-tag{font-family:var(--font-mono);border:1px solid rgba(var(--rgb-cyan),.15);color:var(--neon-cyan);border-radius:4px;align-items:center;gap:5px;padding:2px 10px;font-size:9px;display:flex}.cosmic-tag-dot{background:var(--neon-green);width:5px;height:5px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;animation:1.5s infinite cosmicPulse}.cosmic-bg-nebula{z-index:0;pointer-events:none;background:radial-gradient(at 20% 20%,#003cff0a,#0000 60%),radial-gradient(at 80% 70%,#a855f708,#0000 50%);position:fixed;inset:0}.cosmic-bg-scanline{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00e5ff02 2px 4px);animation:10s linear infinite scanDrift;position:fixed;inset:0}.cosmic-bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 50%,#0009 100%);position:fixed;inset:0}.cosmic-corner{z-index:3;pointer-events:none;width:50px;height:50px;position:fixed}.cosmic-corner:before,.cosmic-corner:after{content:"";background:rgba(var(--rgb-cyan),.18);position:absolute}.cosmic-corner.tl{top:10px;left:10px}.cosmic-corner.tr{top:10px;right:10px}.cosmic-corner.bl{bottom:10px;left:10px}.cosmic-corner.br{bottom:10px;right:10px}.cosmic-corner.tl:before,.cosmic-corner.bl:before{width:24px;height:1px;left:0}.cosmic-corner.tl:after,.cosmic-corner.tr:after{width:1px;height:24px;top:0}.cosmic-corner.tr:before,.cosmic-corner.br:before{width:24px;height:1px;right:0}.cosmic-corner.bl:after,.cosmic-corner.br:after{width:1px;height:24px;bottom:0}.cosmic-corner.tl:before{top:0}.cosmic-corner.tl:after{left:0}.cosmic-corner.tr:before{top:0}.cosmic-corner.tr:after{right:0}.cosmic-corner.bl:before{bottom:0}.cosmic-corner.bl:after{left:0}.cosmic-corner.br:before{bottom:0}.cosmic-corner.br:after{right:0}.cosmic-stat-cyan:before{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue))!important;height:2px!important}.cosmic-stat-purple:before{background:linear-gradient(90deg,var(--neon-purple),var(--neon-magenta))!important;height:2px!important}.cosmic-stat-green:before{background:linear-gradient(90deg,var(--neon-green),var(--neon-teal))!important;height:2px!important}.cosmic-stat-pink:before{background:linear-gradient(90deg,var(--neon-pink),var(--neon-orange))!important;height:2px!important}@keyframes cosmicPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes scanDrift{0%{background-position:0 0}to{background-position:0 120px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cosmic-scroll::-webkit-scrollbar{width:5px}.cosmic-scroll::-webkit-scrollbar-track{background:0 0}.cosmic-scroll::-webkit-scrollbar-thumb{background:rgba(var(--rgb-cyan),.12);border-radius:3px}.cosmic-scroll::-webkit-scrollbar-thumb:hover{background:rgba(var(--rgb-cyan),.25)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff12!important}.recharts-cartesian-axis-line{stroke:#ffffff1f!important}.recharts-cartesian-axis-tick-value{fill:#c0ccee!important;font-family:IBM Plex Mono,monospace!important;font-size:13px!important}.recharts-legend-item-text{color:#c0ccee!important;font-family:IBM Plex Sans Thai,sans-serif!important;font-size:14px!important}.recharts-tooltip-wrapper{transition:all .15s ease-out!important}@keyframes cosmicUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ca{opacity:0;animation:.6s cubic-bezier(.25,1,.5,1) forwards cosmicUp}.c1{animation-delay:.1s}.c2{animation-delay:.15s}.c3{animation-delay:.2s}.c4{animation-delay:.25s}.c5{animation-delay:.3s}.c6{animation-delay:.35s}.c7{animation-delay:.4s}@keyframes breathe{0%,to{box-shadow:0 0 15px var(--gc,#00e5ff26)}50%{box-shadow:0 0 30px var(--gc,#00e5ff40)}}.parent-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:900px){.parent-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.parent-stat-grid{grid-template-columns:1fr}}.parent-main-grid{grid-template-columns:1fr 340px;gap:14px;display:grid}@media (max-width:900px){.parent-main-grid{grid-template-columns:1fr}}.parent-actions-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.parent-content-wrap{z-index:5;max-width:1360px;margin:0 auto;padding:16px 16px 60px;position:relative}@media (max-width:480px){.parent-content-wrap{padding:10px 10px 40px}}
/*# sourceMappingURL=854519053a62f3d3.css.map*/