:root{--t1: #a0a0a0;--t2: #4ade80;--t3: #60a5fa;--t4: #a855f7;--t5: #fbbf24;--t6: #f87171;--t7: #f0f0f0;--t8: #d4af37}.theme-dark{--bg-dark: #0d1117;--panel-bg: rgba(22, 27, 34, .82);--accent: #90d5ff;--accent-soft: rgba(144, 213, 255, .15);--text-main: #f0f0f0;--text-dim: #d9dce2;--border: rgba(240, 240, 240, .08);--border-active: rgba(144, 213, 255, .3);--glass-bg: rgba(13, 17, 23, .7);--glass-border: rgba(240, 240, 240, .05);--glass-blur: blur(12px);--scrollbar-track: rgba(0, 0, 0, .3);--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--badge-bg: rgba(255, 255, 255, .05);--avatar-overlay: rgba(0, 0, 0, .5);--bg-image: url(/backgrounds/dark.webp);--nav-bg: #161b22;--sidebar-bg-solid: #0d1117}.theme-light{--bg-image: url(/backgrounds/light.webp);--bg-dark: #c8d2dB;--panel-bg: rgba(225, 230, 235, .95);--accent: #2c5282;--accent-soft: rgba(44, 82, 130, .15);--text-main: #2d3748;--text-dim: #4a5568;--border: rgba(44, 82, 130, .2);--border-active: #2c5282;--glass-bg: rgba(240, 242, 245, .85);--glass-border: rgba(44, 82, 130, .15);--glass-blur: blur(12px);--scrollbar-track: rgba(0, 0, 0, .1);--slot-bg: rgba(0, 0, 0, .15);--panel-shadow: 0 8px 32px rgba(44, 82, 130, .1);--badge-bg: rgba(0, 0, 0, .1);--avatar-overlay: rgba(0, 0, 0, .35);--contrast: #2c5282;--highlight: #3182ce;--nav-bg: #e1e6eb}.theme-ember{--bg-dark: #080604;--panel-bg: rgba(12, 10, 7, .95);--accent: #d8bc7c;--accent-soft: rgba(216, 188, 124, .2);--text-main: #f2ecdf;--text-dim: #a69c8e;--border: rgba(216, 188, 124, .28);--border-active: rgba(216, 188, 124, .45);--glass-bg: rgba(12, 10, 7, .85);--glass-border: rgba(216, 188, 124, .15);--glass-blur: blur(16px);--scrollbar-track: #080604;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 22px 60px rgba(0, 0, 0, .55);--ember: #c88a63;--gold-light: #f0d9a4;--bg-image: url(/backgrounds/ember.webp);--nav-bg: #0c0a07;--sidebar-bg-solid: #0a0806}.theme-cyber{--bg-dark: #05080f;--panel-bg: rgba(10, 17, 32, .92);--accent: #00f2ff;--accent-soft: rgba(0, 242, 255, .12);--text-main: #e0faff;--text-dim: #7a8d9f;--border: rgba(0, 242, 255, .2);--border-active: rgba(0, 242, 255, .45);--glass-bg: rgba(5, 8, 15, .75);--glass-border: rgba(0, 242, 255, .15);--glass-blur: blur(20px);--scrollbar-track: #05080f;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 10px 40px rgba(0, 242, 255, .08);--bg-image: url(/backgrounds/cyber.webp);--nav-bg: #0a1120;--sidebar-bg-solid: #05080f}.theme-rose{--bg-dark: #120b12;--panel-bg: rgba(26, 16, 26, .93);--accent: #ff85a1;--accent-soft: rgba(255, 133, 161, .18);--text-main: #fff0f3;--text-dim: #a696a6;--border: rgba(255, 133, 161, .25);--border-active: rgba(255, 133, 161, .5);--glass-bg: rgba(18, 11, 18, .85);--glass-border: rgba(255, 133, 161, .15);--glass-blur: blur(14px);--scrollbar-track: #120b12;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 15px 45px rgba(255, 133, 161, .12);--bg-image: url(/backgrounds/rose.webp);--nav-bg: #1a101a;--sidebar-bg-solid: #120b12}.theme-nature{--bg-dark: #0a0f0a;--panel-bg: rgba(15, 20, 15, .94);--accent: #86efac;--accent-soft: rgba(134, 239, 172, .15);--text-main: #f0fdf4;--text-dim: #8ba38b;--border: rgba(134, 239, 172, .2);--border-active: rgba(134, 239, 172, .45);--glass-bg: rgba(10, 15, 10, .8);--glass-border: rgba(134, 239, 172, .1);--glass-blur: blur(12px);--scrollbar-track: #0a0f0a;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 10px 35px rgba(134, 239, 172, .08);--bg-image: url(/backgrounds/nature.webp);--nav-bg: #0f140f;--sidebar-bg-solid: #0a0f0a}.theme-arcane{--bg-dark: #0f0a1a;--panel-bg: rgba(20, 15, 30, .92);--accent: #d8b4fe;--accent-soft: rgba(216, 180, 254, .15);--text-main: #faf5ff;--text-dim: #a78bfa;--border: rgba(216, 180, 254, .25);--border-active: rgba(216, 180, 254, .5);--glass-bg: rgba(15, 10, 25, .75);--glass-border: rgba(216, 180, 254, .15);--glass-blur: blur(18px);--scrollbar-track: #0f0a1a;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 12px 40px rgba(216, 180, 254, .1);--bg-image: url(/backgrounds/arcane.webp);--nav-bg: #140f1e;--sidebar-bg-solid: #0f0a1a}.theme-ice{--bg-dark: #0a1118;--panel-bg: rgba(15, 22, 32, .95);--accent: #93c5fd;--accent-soft: rgba(147, 197, 253, .15);--text-main: #f0f9ff;--text-dim: #7dd3fc;--border: rgba(147, 197, 253, .2);--border-active: rgba(147, 197, 253, .45);--glass-bg: rgba(10, 17, 24, .8);--glass-border: rgba(147, 197, 253, .1);--glass-blur: blur(10px);--scrollbar-track: #0a1118;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 8px 30px rgba(147, 197, 253, .08);--bg-image: url(/backgrounds/ice.webp);--nav-bg: #0f1620;--sidebar-bg-solid: #0a1118}.theme-crimson{--bg-dark: #0f0505;--panel-bg: rgba(20, 10, 10, .95);--accent: #f87171;--accent-soft: rgba(248, 113, 113, .15);--text-main: #fef2f2;--text-dim: #fca5a5;--border: rgba(248, 113, 113, .25);--border-active: rgba(248, 113, 113, .5);--glass-bg: rgba(15, 5, 5, .85);--glass-border: rgba(248, 113, 113, .15);--glass-blur: blur(14px);--scrollbar-track: #0f0505;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 15px 50px rgba(248, 113, 113, .12);--bg-image: url(/backgrounds/crimson.webp);--nav-bg: #140a0a;--sidebar-bg-solid: #0f0505}.theme-medieval{--bg-dark: #12100d;--panel-bg: rgba(22, 18, 14, .94);--accent: #c9a84c;--accent-soft: rgba(201, 168, 76, .15);--text-main: #ede4d3;--text-dim: #9c8e78;--border: rgba(201, 168, 76, .22);--border-active: rgba(201, 168, 76, .45);--glass-bg: rgba(18, 16, 13, .85);--glass-border: rgba(201, 168, 76, .12);--glass-blur: blur(14px);--scrollbar-track: #12100d;--slot-bg: rgba(0, 0, 0, .7);--panel-shadow: 0 12px 40px rgba(201, 168, 76, .08);--bg-image: url(/backgrounds/medieval.webp);--nav-bg: #16120e;--sidebar-bg-solid: #12100d}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-main);overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw;line-height:1.5}#root{height:100%;width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.98)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--panel-shadow)}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent);opacity:.6;border-radius:4px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--accent);opacity:1}.text-gold{color:var(--accent)}.text-dim{color:var(--text-dim)}.font-bold{font-weight:700}.font-black{font-weight:900}.scroll-container{overflow-y:auto;flex:1}.terminal-scroll::-webkit-scrollbar{width:4px}.terminal-scroll::-webkit-scrollbar-track{background:#0003}.terminal-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.terminal-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.notification-panel{position:absolute;top:45px;right:0;width:320px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;box-shadow:var(--panel-shadow);z-index:1000;overflow:hidden}@media(max-width:768px){.notification-panel{position:fixed;top:70px;left:10px;right:10px;width:calc(100% - 20px);max-width:none;z-index:1001}}select{background-color:var(--panel-bg);color:var(--text-main);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}select:hover{border-color:var(--border-active)}option{background-color:#1a1d23;color:var(--text-main);padding:8px}body.theme-light option{background-color:#fff;color:#001f3f}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.ranking-row{display:flex;align-items:center;padding:14px 18px;background:var(--slot-bg);border:1px solid var(--border);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ranking-row:hover{background:var(--glass-bg);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #0003,0 0 15px var(--accent-soft)}.ranking-row.me{background:linear-gradient(90deg,#22c55e14,#22c55e05);border-color:#22c55e4d}.ranking-row.top-3{background:linear-gradient(90deg,rgba(212,175,55,.05) 0%,transparent 100%);border-color:#d4af3726}.ranking-position{width:42px;text-align:center;font-weight:900;font-size:1.1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ranking-name{font-weight:400;color:var(--text-main);font-size:.95rem;cursor:pointer;position:relative;display:inline-block;transition:color .2s ease}.ranking-name:hover{text-decoration:underline}.ranking-name.me{color:#22c55e;font-weight:600}.chest-label{font-size:.7rem;color:var(--accent);opacity:.85;font-weight:500;margin-top:2px;cursor:pointer;display:inline-block;transition:all .2s ease}.chest-label:hover{opacity:1;text-decoration:underline dotted}.ranking-damage-container{text-align:right;flex-shrink:0;margin-left:12px}.ranking-damage-value{font-weight:800;color:var(--accent);font-size:1rem;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:-.5px}.ranking-damage-label{font-size:.6rem;color:var(--text-dim);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:-2px}.medal-glow{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}:root{--sidebar-left-width: 52px;--sidebar-right-width: 248px;--sidebar-item-hover: rgba(255, 255, 255, .05);--sidebar-accent: var(--accent)}.dual-sidebar{display:flex;height:100vh;background:var(--sidebar-bg-solid, var(--nav-bg, #11151f));border-right:1px solid var(--border);position:sticky;top:0;z-index:100;flex-shrink:0}.sidebar-left{width:var(--sidebar-left-width);height:100%;background:var(--sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:12px;border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:none}.sidebar-left::-webkit-scrollbar{display:none}.sidebar-right{width:var(--sidebar-right-width);height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-right::-webkit-scrollbar{width:4px}.sidebar-right::-webkit-scrollbar-track{background:transparent}.sidebar-right::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.sidebar-right::-webkit-scrollbar-thumb:hover{background:var(--sidebar-accent)}.char-portrait{width:44px;height:44px;border-radius:12px;background:var(--slot-bg);border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.char-portrait.active{border-color:var(--sidebar-accent);box-shadow:0 0 10px var(--sidebar-accent)}.sidebar-left-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-dim);cursor:pointer;transition:all .2s;opacity:.7}.sidebar-left-action-btn:hover{background:#ffffff14;opacity:1}.sidebar-left-action-btn.active{background:var(--sidebar-bg);border-color:var(--sidebar-accent);color:var(--sidebar-accent);opacity:1;box-shadow:0 0 10px var(--sidebar-accent)}.sidebar-left-action-btn.logout:hover{color:#f87171;border-color:#f8717133}.char-portrait:hover:not(.active){border-color:#fff3}.char-portrait img{width:100%;height:100%;object-fit:cover}.sidebar-nav-section{padding:4px 8px 4px 4px}.sidebar-nav-title{font-size:.6rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;margin-top:8px;opacity:.5}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:8px;color:var(--text-main);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s;cursor:pointer}.sidebar-nav-item:hover{background:var(--sidebar-item-hover);color:var(--sidebar-accent)}.sidebar-nav-item.active{background:#6366f11a;color:var(--sidebar-accent)}.sidebar-nav-item-icon{display:flex;align-items:center;justify-content:center;width:20px;opacity:.7}.sidebar-nav-item.active .sidebar-nav-item-icon{opacity:1}.online-players-badge{display:flex;align-items:center;gap:8px;background:var(--slot-bg);padding:6px 10px;border-radius:8px;margin-bottom:8px;font-size:.75rem;color:var(--text-dim)}.online-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.sidebar-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.sidebar-nav-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:10px;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sidebar-nav-grid-item:hover{background:var(--slot-bg);color:var(--text-main)}.sidebar-nav-grid-item.active{background:#6366f11a;border-color:var(--sidebar-accent);color:var(--sidebar-accent);box-shadow:0 4px 15px #6366f133}.sidebar-nav-grid-item svg{margin-bottom:6px;opacity:.8;transition:transform .2s}.sidebar-nav-grid-item:hover svg{opacity:1;transform:scale(1.1)}.sidebar-nav-grid-item span{font-size:.65rem;font-weight:600;text-transform:capitalize;opacity:.8}.sidebar-nav-grid-item.active span{opacity:1;font-weight:800}