:root{--color-primary:#facc15;--color-primary-hover:#fde047;--color-primary-contrast:#000000;--color-secondary:#135bec;--color-secondary-hover:#2563eb;--color-secondary-contrast:#ffffff;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-discord:#5865F2;--bg-body:#0c0c0c;--bg-body-transparent:rgba(12, 12, 12, 0);--bg-surface:#121212;--bg-elevated:#1a1a1a;--bg-hover:#242424;--bg-header:#000000;--bg-overlay:rgba(0, 0, 0, 0.85);--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#666666;--text-inverse:#000000;--border-color:#1a1a1a;--border-default:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.15);--border-active:var(--color-primary);--radius-xs:4px;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-gaming:'Rajdhani', 'Inter', sans-serif;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:32px;--text-5xl:40px;--text-6xl:48px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.6;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.4);--shadow-xl:0 12px 40px rgba(0, 0, 0, 0.5);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--theme-transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;--z-dropdown:100;--z-sticky:500;--z-overlay:9999;--z-modal:10000;--container-width:1450px;--container-padding:15px;--skeleton-bg:#1a1a1a;--skeleton-shimmer:#242424;--bg-dark:var(--bg-body);--bg-dark-transparent:var(--bg-body-transparent);--card-bg:var(--bg-surface);--text-main:var(--text-primary);--header-bg:var(--bg-header)}html.light-mode{--bg-body:#f0f2f5;--bg-body-transparent:rgba(240, 242, 245, 0);--bg-surface:#ffffff;--bg-elevated:#f0f2f5;--bg-hover:#e4e6e9;--bg-header:#ffffff;--bg-overlay:rgba(255, 255, 255, 0.95);--text-primary:#111111;--text-secondary:#666666;--text-muted:#999999;--text-inverse:#ffffff;--border-color:#e0e0e0;--border-default:rgba(0, 0, 0, 0.1);--border-hover:rgba(0, 0, 0, 0.2);--skeleton-bg:#e0e0e0;--skeleton-shimmer:#f0f0f0;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.12);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.15);--color-primary-contrast:#000000;--bg-dark:var(--bg-body);--bg-dark-transparent:var(--bg-body-transparent);--card-bg:var(--bg-surface);--text-main:var(--text-primary);--header-bg:var(--bg-header)}@media (min-width:768px){:root{--container-padding:24px}}.ds-text-hero{font-family:var(--font-gaming);font-size:var(--text-6xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary)}.ds-text-title{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);color:var(--text-primary)}.ds-text-subtitle{font-size:var(--text-2xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.ds-text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--text-secondary)}.ds-text-caption{font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-snug);color:var(--text-muted)}.ds-text-overline{font-size:var(--text-xs);font-weight:var(--weight-extrabold);line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.ds-text-gaming{font-family:var(--font-gaming);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.025em;color:var(--color-primary)}.ds-section-title{font-size:var(--text-xl);font-weight:var(--weight-extrabold);text-transform:uppercase;color:var(--text-primary);padding-left:var(--space-4);border-left:4px solid var(--color-primary);margin-bottom:var(--space-5)}.ds-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ds-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ds-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.ds-text-hero{font-size:var(--text-5xl)}.ds-text-title{font-size:var(--text-3xl)}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--weight-bold);text-decoration:none;border:none;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base),opacity var(--transition-base);white-space:nowrap;user-select:none;-webkit-user-select:none}.ds-btn:active{transform:scale(.97)}.ds-btn:disabled,.ds-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ds-btn-sm{padding:6px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.ds-btn-md{padding:10px 20px;font-size:var(--text-base);border-radius:var(--radius-md)}.ds-btn-lg{padding:14px 28px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.ds-btn-xl{padding:16px 36px;font-size:var(--text-lg);font-weight:var(--weight-black);border-radius:var(--radius-full)}.ds-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.ds-btn-primary:hover{background:var(--color-primary-hover)}.ds-btn-secondary{background:var(--color-secondary);color:var(--color-secondary-contrast)}.ds-btn-secondary:hover{background:var(--color-secondary-hover)}.ds-btn-ghost{background:#fff0;border:1.5px solid var(--border-default);color:var(--text-muted)}.ds-btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.ds-btn-outline{background:#fff0;border:1.5px solid var(--border-hover);color:var(--text-primary)}.ds-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.ds-btn-subtle{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-default)}.ds-btn-subtle:hover{background:rgb(255 255 255 / .1);color:var(--text-primary)}.ds-btn-danger{background:var(--color-danger);color:#fff}.ds-btn-danger:hover{background:#dc2626}.ds-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;transition:background var(--transition-base),opacity var(--transition-base)}.ds-btn-icon-sm{width:32px;height:32px;border-radius:var(--radius-sm)}.ds-btn-icon-md{width:40px;height:40px;border-radius:var(--radius-sm)}.ds-btn-icon-lg{width:48px;height:48px;border-radius:10px}.ds-btn-block{width:100%}.ds-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-slow),box-shadow var(--transition-slow)}.ds-card:hover{border-color:var(--border-hover)}.ds-card-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.ds-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s cubic-bezier(.2,0,.2,1)}.ds-card-media:hover img{transform:scale(1.04)}.ds-card-media-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5)}.ds-card-body{padding:var(--space-4)}.ds-card-body-lg{padding:var(--space-6)}.ds-card-horizontal{display:flex;gap:var(--space-5);align-items:stretch;background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--border-default);transition:border-color var(--transition-slow)}.ds-card-horizontal:hover{border-color:var(--border-hover)}.ds-card-glass{background:rgb(255 255 255 / .02);backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.ds-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.ds-card-meta i{font-size:var(--text-xs)}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-extrabold);text-transform:uppercase;line-height:1.4;white-space:nowrap}.ds-badge-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.ds-badge-secondary{background:var(--color-secondary);color:var(--color-secondary-contrast)}.ds-badge-info{background:var(--color-info);color:#fff}.ds-badge-success{background:var(--color-success);color:#fff}.ds-badge-danger{background:var(--color-danger);color:#fff}.ds-badge-warning{background:var(--color-warning);color:var(--text-inverse)}.ds-badge-outline{background:#fff0;border:1px solid var(--border-hover);color:var(--text-secondary);font-weight:var(--weight-medium);padding:3px 8px;border-radius:var(--radius-md)}.ds-badge-soft-info{background:rgb(59 130 246 / .1);border:1.5px solid rgb(59 130 246 / .5);color:var(--color-info)}.ds-badge-soft-danger{background:rgb(239 68 68 / .1);color:var(--color-danger)}.ds-badge-soft-success{background:rgb(34 197 94 / .1);color:var(--color-success)}.ds-badge-score{position:absolute;bottom:var(--space-3);left:var(--space-3);padding:2px 8px;border-radius:var(--radius-xs);font-weight:var(--weight-extrabold);font-size:var(--text-sm)}.ds-badge-lg{padding:4px 12px;font-size:11px}.ds-badge-dot::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.ds-arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:rgb(255 255 255 / .15);border:none;color:#fff;font-size:var(--text-xl);cursor:pointer;transition:background var(--transition-base),opacity var(--transition-base)}.ds-arrow:hover{background:rgb(255 255 255 / .3)}.ds-arrow.disabled{opacity:.3;cursor:default;pointer-events:none}.ds-arrow-group{display:flex;gap:var(--space-3)}.ds-dot{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .35);border:none;padding:0;cursor:pointer;transition:all 0.25s ease}.ds-dot.active{background:var(--color-primary);width:22px;border-radius:var(--radius-xs)}.ds-pagination{display:flex;align-items:center;gap:var(--space-2)}.ds-pagination-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:50%;font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base)}.ds-pagination-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.ds-pagination-item.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.ds-tabs{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.ds-tabs::-webkit-scrollbar{display:none}.ds-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid #fff0;transition:color var(--transition-base),border-color var(--transition-base);cursor:pointer}.ds-tab:hover{color:var(--text-primary)}.ds-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ds-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base)}.ds-breadcrumb a{color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:none}.ds-breadcrumb-sep{color:var(--text-muted);margin:0 var(--space-2)}.ds-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ds-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.ds-input::placeholder{color:var(--text-muted)}.ds-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.ds-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.ds-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.ds-textarea{min-height:100px;resize:vertical;line-height:var(--leading-relaxed)}.ds-checkbox,.ds-radio{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.ds-search{position:relative}.ds-search-input{width:100%;background:rgb(255 255 255 / .1);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4)}.ds-search-input:focus{outline:none;border-color:var(--color-primary);background:rgb(255 255 255 / .15)}.ds-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.ds-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.ds-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.ds-overlay.active{opacity:1;visibility:visible}.ds-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:420px;padding:var(--space-10);position:relative;transform:scale(.9) translateY(20px);transition:transform 0.4s cubic-bezier(.4,0,.2,1)}.ds-overlay.active .ds-modal{transform:scale(1) translateY(0)}.ds-modal-sm{max-width:320px;padding:var(--space-6)}.ds-modal-lg{max-width:600px}.ds-modal-xl{max-width:800px}.ds-modal-close{position:absolute;top:var(--space-5);right:var(--space-5);background:#fff0;border:none;color:var(--text-muted);font-size:var(--text-3xl);cursor:pointer;transition:color var(--transition-base);line-height:1}.ds-modal-close:hover{color:var(--color-primary)}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.ds-fullscreen-overlay{position:fixed;inset:0;background:var(--bg-body);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.ds-fullscreen-overlay.active{opacity:1;visibility:visible}.ds-dropdown{position:absolute;top:calc(100% + var(--space-2));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);min-width:200px;opacity:0;visibility:hidden;transform:translateY(var(--space-2));transition:all var(--transition-smooth);z-index:var(--z-dropdown);box-shadow:var(--shadow-lg)}.ds-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.ds-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ds-dropdown-item:hover{background:var(--bg-hover);color:var(--color-primary)}.ds-dropdown-divider{height:1px;background:var(--border-default);margin:var(--space-2) 0}.ds-img-container{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-elevated)}.ds-img-container img{width:100%;height:100%;object-fit:cover;display:block}.ds-ratio-16-9{aspect-ratio:16 / 9}.ds-ratio-16-10{aspect-ratio:16 / 10}.ds-ratio-4-3{aspect-ratio:4 / 3}.ds-ratio-1-1{aspect-ratio:1 / 1}.ds-ratio-3-4{aspect-ratio:3 / 4}.ds-thumb{flex-shrink:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-elevated)}.ds-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ds-thumb-sm{width:48px;height:48px}.ds-thumb-md{width:60px;height:60px}.ds-thumb-lg{width:80px;height:80px}.ds-thumb-xl{width:120px;height:120px}.ds-skeleton{position:relative;overflow:hidden;background:var(--bg-elevated);border-radius:var(--radius-md)}.ds-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .04),transparent);animation:ds-shimmer 1.5s infinite}@keyframes ds-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.ds-img-zoom img{transition:transform 0.4s cubic-bezier(.2,0,.2,1)}.ds-img-zoom:hover img{transform:scale(1.04)}.ds-container{max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.ds-section{margin-bottom:var(--space-12)}.ds-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.ds-grid{display:grid;gap:var(--space-5)}.ds-grid-2{grid-template-columns:repeat(2,1fr)}.ds-grid-3{grid-template-columns:repeat(3,1fr)}.ds-grid-4{grid-template-columns:repeat(4,1fr)}.ds-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:768px){.ds-grid-2,.ds-grid-3,.ds-grid-4,.ds-grid-5{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.ds-grid-3,.ds-grid-4,.ds-grid-5{grid-template-columns:repeat(2,1fr)}}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-flex-center{align-items:center;justify-content:center}.ds-flex-between{justify-content:space-between;align-items:center}.ds-flex-wrap{flex-wrap:wrap}.ds-gap-1{gap:var(--space-1)}.ds-gap-2{gap:var(--space-2)}.ds-gap-3{gap:var(--space-3)}.ds-gap-4{gap:var(--space-4)}.ds-gap-5{gap:var(--space-5)}.ds-gap-6{gap:var(--space-6)}.ds-gap-8{gap:var(--space-8)}.ds-scroller{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ds-scroller::-webkit-scrollbar{display:none}.ds-layout-sidebar{display:flex;flex-direction:column;gap:var(--space-8)}@media (min-width:1024px){.ds-layout-sidebar{flex-direction:row}.ds-layout-sidebar-content{flex:0 0 66.666%}.ds-layout-sidebar-aside{flex:0 0 33.333%}}.ds-divider{height:1px;background:var(--border-default);margin:var(--space-5) 0;border:none}.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ds-text-primary-color{color:var(--color-primary)}.ds-text-secondary-color{color:var(--color-secondary)}.ds-text-success{color:var(--color-success)}.ds-text-danger{color:var(--color-danger)}.ds-text-warning{color:var(--color-warning)}.ds-text-muted{color:var(--text-muted)}.ds-bg-primary{background:var(--color-primary)}.ds-bg-surface{background:var(--bg-surface)}.ds-bg-elevated{background:var(--bg-elevated)}.ds-opacity-30{opacity:.3}.ds-opacity-50{opacity:.5}.ds-opacity-70{opacity:.7}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-no-scrollbar{scrollbar-width:none}.ds-no-scrollbar::-webkit-scrollbar{display:none}.ds-transition{transition:all var(--transition-base)}.ds-transition-slow{transition:all var(--transition-slow)}.ds-interactive{cursor:pointer;transition:opacity var(--transition-base)}.ds-interactive:hover{opacity:.8}