@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-\[90px\]{min-height:90px}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#00d4ff\]{border-color:#00d4ff}.border-\[\#00d4ff\]\/30{border-color:#00d4ff4d;border-color:lab(78.0283% -33.4425 -34.0028/.3)}.border-\[\#00d4ff\]\/50{border-color:#00d4ff80;border-color:lab(78.0283% -33.4425 -34.0028/.5)}.border-\[\#1a1d4a\]{border-color:#1a1d4a}.border-\[\#2d2d5e\]{border-color:#2d2d5e}.border-\[\#22c55e\]\/40{border-color:#22c55e66;border-color:lab(70.2188% -57.9809 39.4382/.4)}.border-\[\#a855f7\]{border-color:#a855f7}.border-\[\#a855f7\]\/25{border-color:#a855f740;border-color:lab(52.7991% 56.2743 -68.752/.25)}.border-\[\#a855f7\]\/30{border-color:#a855f74d;border-color:lab(52.7991% 56.2743 -68.752/.3)}.border-\[\#a855f7\]\/40{border-color:#a855f766;border-color:lab(52.7991% 56.2743 -68.752/.4)}.border-\[\#f59e0b\]\/30{border-color:#f59e0b4d;border-color:lab(72.7914% 26.933 75.4338/.3)}.border-\[\#fbbf24\]\/25{border-color:#fbbf2440;border-color:lab(81.2477% 13.2707 77.1047/.25)}.bg-\[\#0a0c24\]{background-color:#0a0c24}.bg-\[\#0a0c24\]\/30{background-color:#0a0c244d;background-color:lab(3.95679% 4.19819 -15.7271/.3)}.bg-\[\#0a0c24\]\/50{background-color:#0a0c2480;background-color:lab(3.95679% 4.19819 -15.7271/.5)}.bg-\[\#0a0c24\]\/60{background-color:#0a0c2499;background-color:lab(3.95679% 4.19819 -15.7271/.6)}.bg-\[\#0a0c24\]\/70{background-color:#0a0c24b3;background-color:lab(3.95679% 4.19819 -15.7271/.7)}.bg-\[\#00d4ff\]{background-color:#00d4ff}.bg-\[\#00d4ff\]\/10{background-color:#00d4ff1a;background-color:lab(78.0283% -33.4425 -34.0028/.1)}.bg-\[\#00d4ff\]\/15{background-color:#00d4ff26;background-color:lab(78.0283% -33.4425 -34.0028/.15)}.bg-\[\#1a1d4a\]{background-color:#1a1d4a}.bg-\[\#2d2d5e\]{background-color:#2d2d5e}.bg-\[\#05051a\]\/40{background-color:#05051a66;background-color:lab(1.85342% 3.01096 -11.0411/.4)}.bg-\[\#050514\]{background-color:#050514}.bg-\[\#a855f7\]\/10{background-color:#a855f71a;background-color:lab(52.7991% 56.2743 -68.752/.1)}.bg-\[\#a855f7\]\/15{background-color:#a855f726;background-color:lab(52.7991% 56.2743 -68.752/.15)}.bg-\[\#fbbf24\]\/10{background-color:#fbbf241a;background-color:lab(81.2477% 13.2707 77.1047/.1)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#00d4ff\]{--tw-gradient-from:#00d4ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2d2d5e\]{--tw-gradient-from:#2d2d5e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#22c55e\]{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#a855f7\]{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#00d4ff\]{--tw-gradient-via:#00d4ff;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#7c3aed\]{--tw-gradient-via:#7c3aed;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#00d4ff\]{--tw-gradient-to:#00d4ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#a855f7\]{--tw-gradient-to:#a855f7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-center{text-align:center}.text-right{text-align:right}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.whitespace-nowrap{white-space:nowrap}.text-\[\#00d4ff\]{color:#00d4ff}.text-\[\#4a5278\]{color:#4a5278}.text-\[\#8b93b5\]{color:#8b93b5}.text-\[\#22c55e\]{color:#22c55e}.text-\[\#a855f7\]{color:#a855f7}.text-\[\#e5e9f5\]{color:#e5e9f5}.text-\[\#ef4444\]{color:#ef4444}.text-\[\#f59e0b\]{color:#f59e0b}.text-\[\#f97316\]{color:#f97316}.text-\[\#fbbf24\]{color:#fbbf24}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.accent-\[\#00d4ff\]{accent-color:#00d4ff}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-\[0_0_8px_rgba\(0\,212\,255\,0\.4\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#00d4ff66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(0\,212\,255\,0\.4\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#00d4ff66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(168\,85\,247\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#a855f74d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_20px_rgba\(0\,212\,255\,0\.08\)\]{--tw-shadow:inset 0 0 20px var(--tw-shadow-color,#00d4ff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#00d4ff\]\/40:hover{border-color:#00d4ff66;border-color:lab(78.0283% -33.4425 -34.0028/.4)}.hover\:border-\[\#00d4ff\]\/50:hover{border-color:#00d4ff80;border-color:lab(78.0283% -33.4425 -34.0028/.5)}.hover\:border-\[\#a855f7\]\/50:hover{border-color:#a855f780;border-color:lab(52.7991% 56.2743 -68.752/.5)}.hover\:bg-\[\#00d4ff\]\/30:hover{background-color:#00d4ff4d;background-color:lab(78.0283% -33.4425 -34.0028/.3)}.hover\:text-\[\#00d4ff\]:hover{color:#00d4ff}.hover\:text-\[\#7dd3fc\]:hover{color:#7dd3fc}.hover\:text-\[\#8b93b5\]:hover{color:#8b93b5}.hover\:text-\[\#22c55e\]:hover{color:#22c55e}.hover\:text-\[\#fbbf24\]:hover{color:#fbbf24}.hover\:text-\[\#ff0000\]:hover{color:red}}.disabled\:opacity-50:disabled{opacity:.5}:root{--bg-primary:#050514;--bg-secondary:#0a0a24;--bg-card:#0f1230bf;--bg-card-solid:#0f1230;--bg-card-hover:#161943;--neon-blue:#00d4ff;--neon-blue-dim:#00d4ff2e;--neon-purple:#a855f7;--neon-purple-dim:#a855f729;--neon-pink:#ec4899;--neon-green:#22c55e;--neon-red:#ef4444;--neon-gold:#fbbf24;--text-primary:#e5e9f5;--text-secondary:#8b93b5;--text-dim:#4a5278;--border-color:#5260a047;--border-glow:#00d4ff8c;--shadow-glow:0 0 24px #00d4ff38;--shadow-glow-purple:0 0 24px #a855f738;--radius:14px;--font-display:"Rajdhani", "Inter", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(ellipse 80% 50% at 50% -10%, #00d4ff14, transparent), radial-gradient(ellipse 60% 40% at 90% 110%, #a855f712, transparent), var(--bg-primary);color:var(--text-primary);letter-spacing:.01em;min-height:100vh}::selection{background:var(--neon-blue-dim);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon-blue), var(--neon-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}@keyframes glowPulse{0%,to{box-shadow:0 0 6px #00d4ff26}50%{box-shadow:0 0 22px #00d4ff73}}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes floatGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.anim-slide{animation:.35s both slideIn}.anim-fade{animation:.4s both fadeIn}.anim-scale{animation:.3s both scaleIn}.anim-float{animation:3s ease-in-out infinite floatGlow}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;transition:all .3s;position:relative}.glass-card:before{content:"";border-radius:var(--radius);-webkit-mask-composite:xor;pointer-events:none;opacity:.7;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#00d4ff66,#0000 40% 60%,#a855f759);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover:before{opacity:1}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.corner-frame{position:relative}.corner-frame:before,.corner-frame:after{content:"";border-color:var(--neon-blue);opacity:.85;pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.corner-frame:before{border-width:2px 0 0 2px;border-radius:4px 0 0;top:-1px;left:-1px}.corner-frame:after{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:-1px;right:-1px}.btn{letter-spacing:.03em;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-neon{border:1px solid var(--neon-blue);color:var(--neon-blue);background:0 0}.btn-neon:hover:not(:disabled){background:var(--neon-blue-dim);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-neon-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7c3aed);box-shadow:0 4px 18px #00d4ff47}.btn-neon-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #00d4ff80}.btn-neon-danger{border:1px solid var(--neon-red);color:var(--neon-red);background:0 0}.btn-neon-danger:hover:not(:disabled){background:#ef44441f}.btn-neon-success{border:1px solid var(--neon-green);color:var(--neon-green);background:0 0}.btn-neon-success:hover:not(:disabled){background:#22c55e1f}.btn-ghost{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-dim)}.font-display{font-family:var(--font-display);font-weight:700}.system-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00d4ff,#7dd3fc,#a855f7) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;animation:6s linear infinite shimmer}.system-subtitle{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.system-message{border:1px solid var(--border-glow);border-left:3px solid var(--neon-blue);font-family:var(--font-mono);color:var(--text-primary);background:linear-gradient(135deg,#00d4ff1f,#a855f71a);border-radius:8px;padding:.85rem 1.1rem;font-size:.78rem;animation:.4s slideIn;position:relative;box-shadow:0 0 18px #00d4ff1f}.system-message .msg-label{color:var(--neon-blue);font-weight:700}.system-message.purple{border-left-color:var(--neon-purple);background:linear-gradient(135deg,#a855f724,#00d4ff14)}.system-message.purple .msg-label{color:var(--neon-purple)}.xp-bar-container{border:1px solid var(--border-color);background:#0a0c24e6;border-radius:999px;height:10px;position:relative;overflow:hidden}.xp-bar{background:linear-gradient(90deg,#22c55e,#00d4ff,#a855f7);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px #00d4ff80}.xp-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:999px;animation:2.5s linear infinite shimmer;position:absolute;inset:0}.xp-bar.health{background:linear-gradient(90deg,#ef4444,#f97316,#fbbf24);box-shadow:0 0 8px #ef444466}.xp-bar.mana{background:linear-gradient(90deg,#3b82f6,#00d4ff,#a855f7);box-shadow:0 0 8px #3b82f666}.xp-bar.gold{background:linear-gradient(90deg,#b45309,#fbbf24,#fde68a);box-shadow:0 0 8px #fbbf2466}.rank-badge{text-shadow:0 0 12px;background:#05051499;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:800;transition:all .3s;display:inline-flex}.rank-badge:hover{transform:scale(1.08);box-shadow:0 0 18px}.rank-badge.small{border-width:1.5px;width:32px;height:32px;font-size:.95rem}.form-input{border:1px solid var(--border-color);color:var(--text-primary);background:#0a0c24b3;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .25s}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{border-color:var(--neon-blue);box-shadow:0 0 0 3px var(--neon-blue-dim);outline:none}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2300d4ff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.5rem}label.field-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.sidebar{border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#080a1efa,#050514fa)}.sidebar-link{color:var(--text-secondary);border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(3px)}.sidebar-link.active{color:var(--neon-blue);background:var(--neon-blue-dim);border-color:#00d4ff40;box-shadow:inset 0 0 14px #00d4ff14}.sidebar-link.active:before{content:"";background:var(--neon-blue);width:3px;box-shadow:0 0 10px var(--neon-blue);border-radius:3px;position:absolute;top:20%;bottom:20%;left:-1px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.item-slot{background:var(--bg-card-solid);border:1px solid var(--border-color);aspect-ratio:1;cursor:default;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .25s;display:flex;position:relative}.item-slot:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.item-slot .item-icon{font-size:1.6rem}.item-slot .item-qty{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary);position:absolute;top:2px;right:5px}.item-slot.equipped{border-color:var(--neon-green);box-shadow:0 0 12px #22c55e40}.item-slot.equipped:after{content:"✓";color:var(--neon-green);font-size:.7rem;position:absolute;bottom:2px;right:4px}.rarity-common{border-color:#94a3b866}.rarity-uncommon{border-color:#22c55e80}.rarity-rare{border-color:#3b82f68c}.rarity-epic{border-color:#a855f799}.rarity-legendary{border-color:#f59e0ba6}.rarity-mythic{border-color:#ec4899b3;box-shadow:0 0 16px #ec489933}.radar-chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.heatmap-cell{border-radius:3px;width:14px;height:14px;transition:all .2s}.toast-container{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (max-width:768px){.sidebar{display:none}.main-content{padding:1rem;margin-left:0!important}.system-title{font-size:1.2rem}}a{color:var(--neon-blue);text-decoration:none;transition:color .2s}a:hover{color:#7dd3fc}.hr-glow{background:linear-gradient(90deg, transparent, var(--neon-blue), var(--neon-purple), transparent);opacity:.4;border:none;height:1px;margin:1rem 0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}