:root{color-scheme:dark;--bg-primary: #251f2f;--bg-secondary: #312a3d;--bg-tertiary: #3a3348;--bg-card: #342e42;--bg-hover: #48405a;--bg-modal: rgba(31, 26, 42, .94);--neon-cyan: #9fc8dd;--neon-magenta: #e2a7bd;--neon-purple: #b9a3e6;--neon-green: #9ccfb2;--neon-yellow: #e8c08b;--neon-orange: #e9ad8a;--neon-red: #dd9393;--text-primary: #f8f3ff;--text-secondary: #ddd2ee;--text-muted: #baabcf;--text-highlight: #ffffff;--border-color: #6e6388;--border-glow: rgba(159, 200, 221, .34);--gradient-primary: linear-gradient(135deg, #f4bdc7, #d0b8f8);--gradient-hot: linear-gradient(135deg, #efb1a8, #e8c08b);--gradient-success: linear-gradient(135deg, #9ccfb2, #9fc8dd);--gradient-card: linear-gradient(145deg, #342e42 0%, #3d3650 100%);--shadow-neon: 0 8px 22px rgba(32, 20, 52, .26);--shadow-magenta: 0 8px 22px rgba(45, 30, 66, .22);--shadow-card: 0 12px 30px rgba(23, 14, 37, .32);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--font-display: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-mono: "Fira Mono", ui-monospace, monospace;--text-body-size: clamp(1rem, .95rem + .2vw, 1.0625rem);--line-height-body: 1.55;--line-height-heading: 1.25;--focus-ring: 3px solid #5cf0ff;--focus-ring-offset: 2px;--transition-fast: .18s ease;--transition-base: .28s ease;--transition-slow: .4s cubic-bezier(.22, 1, .36, 1);--transition-bounce: .35s cubic-bezier(.2, .8, .2, 1.25);--min-tap-size: 44px}[data-theme=light]{color-scheme:light;--bg-primary: #fff7fb;--bg-secondary: #fffcff;--bg-tertiary: #f6edf9;--bg-card: #fffaff;--bg-hover: #f0e3f6;--bg-modal: rgba(255, 247, 253, .95);--neon-cyan: #6ea5c5;--neon-magenta: #ce7da0;--neon-purple: #9177c5;--neon-green: #6da686;--neon-yellow: #ca9652;--neon-orange: #d58963;--neon-red: #c97272;--text-primary: #3a2943;--text-secondary: #735f86;--text-muted: #937ea5;--text-highlight: #2d1f37;--border-color: #dfcaec;--border-glow: rgba(110, 165, 197, .3);--gradient-primary: linear-gradient(135deg, #f7c8d3, #dac6fb);--gradient-hot: linear-gradient(135deg, #efb9a5, #e8ca99);--gradient-success: linear-gradient(135deg, #a8d5ba, #b8d8ea);--gradient-card: linear-gradient(145deg, #fffaff 0%, #f5edfa 100%);--shadow-neon: 0 6px 16px rgba(153, 116, 192, .18);--shadow-magenta: 0 6px 16px rgba(202, 123, 161, .14);--shadow-card: 0 8px 22px rgba(118, 82, 153, .14);--focus-ring: 3px solid #6ea5c5}[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 50%,rgba(247,200,211,.2) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(184,216,234,.18) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(218,198,251,.16) 0%,transparent 55%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}button:focus-visible,a:focus-visible{outline-offset:3px}.skip-link{position:absolute;left:16px;top:-120px;z-index:10000;padding:12px 20px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--neon-cyan);border-radius:var(--radius-md);font-weight:700;font-size:1rem;text-decoration:none;box-shadow:var(--shadow-card);transition:top var(--transition-fast)}.skip-link:focus,.skip-link:focus-visible{top:16px;outline:var(--focus-ring);outline-offset:2px}body{font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--line-height-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:var(--line-height-heading);font-weight:700}@media (prefers-contrast: more){:root{--text-secondary: #e8e8f5;--text-muted: #c8c8de;--border-color: #6a6a88}[data-theme=light]{--text-secondary: #22222e;--text-muted: #3a3a4a;--border-color: #888898}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(244,189,199,.16) 0%,transparent 52%),radial-gradient(ellipse at 80% 20%,rgba(159,200,221,.14) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(208,184,248,.1) 0%,transparent 55%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}a{color:var(--neon-cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--neon-magenta);text-decoration-color:var(--neon-magenta)}a.text-link-plain,nav a,.app-header a[href],.app-sidebar a,.app-chat a,.card a{text-decoration:none}nav a:hover,nav a:focus-visible,.app-header a[href]:hover,.app-header a[href]:focus-visible,.app-sidebar a:hover,.app-sidebar a:focus-visible{text-decoration:underline;text-underline-offset:4px}button{font-family:var(--font-body);cursor:pointer;border:none;font-weight:600}button:focus:not(:focus-visible){outline:none}.app-header button,.touch-target{min-height:var(--min-tap-size);min-width:var(--min-tap-size)}input,textarea{font-family:var(--font-body);background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;line-height:1.4;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:var(--neon-cyan);box-shadow:0 0 0 3px #5cf0ff33}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--min-tap-size);padding:10px 24px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;letter-spacing:.2px;transition:all var(--transition-base);text-transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-1px) scale(1.02);filter:saturate(1.03);box-shadow:var(--shadow-card)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);box-shadow:var(--shadow-card)}.btn-danger{background:var(--gradient-hot);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-sm{min-height:40px;padding:8px 16px;font-size:.875rem}.btn-lg{padding:14px 32px;font-size:1.1rem}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-card);transform:translateY(-1px)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.card-glow:hover:before{opacity:.15}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-online{background:#5cff6a2e;color:var(--neon-green);border:1px solid rgba(92,255,106,.45)}.badge-offline{background:#55557738;color:var(--text-muted);border:1px solid var(--border-color)}.badge-rarity-common{background:#8f7d6e33;color:var(--text-secondary)}.badge-rarity-rare{background:#7ca4c033;color:var(--neon-cyan)}.badge-rarity-epic{background:#9d87c633;color:var(--neon-purple)}.badge-rarity-legendary{background:#d7ab6433;color:var(--neon-yellow)}.glow-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-border{border:1px solid transparent;background-clip:padding-box;position:relative}.neon-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-primary);z-index:-1;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--neon-cyan) 12%,transparent)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.gentle-bounce{animation:gentleBounce 1.7s ease-in-out infinite}.soft-bounce-hover{transition:transform var(--transition-bounce),box-shadow var(--transition-base),filter var(--transition-base)}.soft-bounce-hover:hover{transform:translateY(-2px) scale(1.02)}.soft-bounce-hover:active{transform:translateY(0) scale(.99)}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideUp .5s cubic-bezier(.22,1,.36,1) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-slide-up,.animate-pulse,.animate-glow,.animate-float,.gentle-bounce{animation:none!important}.soft-bounce-hover,.soft-bounce-hover:hover,.soft-bounce-hover:active{transform:none!important;animation:none!important}.avatar-frame-legendary{animation:none!important}}@media (prefers-contrast: more){.glow-text{background:none;-webkit-text-fill-color:var(--text-primary);color:var(--neon-cyan)}}.app-layout{display:grid;grid-template-columns:280px 1fr 320px;grid-template-rows:64px 1fr;height:100vh;gap:0}.app-header{grid-column:1 / -1;grid-row:1}.app-header svg,.app-sidebar svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.app-sidebar{grid-column:1;grid-row:2}.app-main{grid-column:2;grid-row:2;overflow-y:auto}#contenu-principal:focus{outline:none}.app-chat{grid-column:3;grid-row:2}@media (max-width: 1024px){.app-layout{grid-template-columns:1fr;grid-template-rows:64px 1fr}.app-sidebar,.app-chat{position:fixed;top:64px;bottom:0;z-index:100;width:300px;transform:translate(-100%);transition:transform var(--transition-slow)}.app-sidebar.open{transform:translate(0)}.app-chat{right:0;left:auto;transform:translate(100%)}.app-chat.open{transform:translate(0)}.app-main{grid-column:1}}.sidebar-backdrop{display:none}@media (max-width: 1024px){.sidebar-backdrop{display:block;position:fixed;top:64px;left:0;right:0;bottom:0;z-index:90;margin:0;padding:0;border:none;cursor:pointer;background:#1e16106b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-tap-highlight-color:transparent}}.game-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-modal);z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-modal{width:95vw;max-width:1000px;height:90vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.game-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.game-modal-body{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:20px}.avatar{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:28px;height:28px}.avatar-sm{width:36px;height:36px}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px}.avatar-xl{width:96px;height:96px}.avatar-frame-default{border:2px solid var(--border-color)}.avatar-frame-neon{border:2px solid var(--neon-cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--neon-cyan) 15%,transparent)}.avatar-frame-fire{border:2px solid var(--neon-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--neon-orange) 16%,transparent)}.avatar-frame-legendary{border:2px solid var(--neon-yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--neon-yellow) 18%,transparent);animation:glow 2s ease-in-out infinite}.status-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary)}.status-dot.online{background:var(--neon-green)}.status-dot.offline{background:var(--text-muted)}