:root{color-scheme:dark;--wl-font-display: "Cinzel", Georgia, serif;--wl-font-body: "Inter", "Segoe UI", system-ui, sans-serif;--wl-bg-950: #0a090c;--wl-bg-900: #110e14;--wl-bg-850: #17141b;--wl-bg-800: #1f1b24;--wl-bg-700: #2a2431;--wl-bg-600: #3a3243;--wl-gold-400: #e5b96a;--wl-gold-500: #c5a059;--wl-gold-600: #9e7a37;--wl-gold-700: #755822;--wl-crimson: #9b1c1c;--wl-text: #e9e3ee;--wl-text-muted: #a89faf;--wl-border: rgba(197, 160, 89, .28);--wl-border-soft: rgba(197, 160, 89, .14);--wl-glass: linear-gradient(180deg, rgba(23, 20, 27, .94) 0%, rgba(15, 13, 18, .96) 100%);--wl-card-glass: linear-gradient(145deg, rgba(35, 30, 42, .88) 0%, rgba(20, 17, 24, .94) 100%);--wl-gold-gradient: linear-gradient(135deg, #f3d798 0%, #c5a059 52%, #9e7a37 100%);--wl-gold-glow: 0 0 22px rgba(197, 160, 89, .28)}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--wl-text);background-color:var(--wl-bg-950);background-image:linear-gradient(180deg,#0a090c9e,#0a090ccc 58%,#0a090ce0),radial-gradient(circle at 50% 16%,rgba(197,160,89,.1) 0%,transparent 48%),radial-gradient(circle at 82% 82%,rgba(155,28,28,.08) 0%,transparent 42%),url(/warlordonline-landscape.png);background-size:cover;background-position:center 42%;background-repeat:no-repeat;background-attachment:fixed;font-family:var(--wl-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width: 760px){body{background-attachment:scroll;background-position:center 35%}}::selection{background:var(--wl-gold-500);color:var(--wl-bg-950)}*{scrollbar-width:thin;scrollbar-color:var(--wl-gold-700) var(--wl-bg-950)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--wl-bg-950)}::-webkit-scrollbar-thumb{background:var(--wl-bg-700);border:1px solid var(--wl-gold-700);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--wl-gold-600)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--wl-gold-400);outline-offset:2px}a{color:var(--wl-gold-400)}.wl-display{font-family:var(--wl-font-display);letter-spacing:.08em}.wl-panel{background:var(--wl-glass);border:1px solid var(--wl-border);border-radius:14px;box-shadow:0 18px 44px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wl-card-panel{background:var(--wl-card-glass);border:1px solid var(--wl-border-soft);border-radius:10px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.wl-card-panel:hover{border-color:#e5b96a85;box-shadow:var(--wl-gold-glow)}.wl-gold-button{border:1px solid rgba(243,215,152,.7);border-radius:10px;background:var(--wl-gold-gradient);color:var(--wl-bg-950);font-family:var(--wl-font-display);font-weight:800;letter-spacing:.1em;cursor:pointer;box-shadow:var(--wl-gold-glow);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.wl-gold-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 34px #e5b96a6b}.wl-gold-button:disabled{cursor:default;opacity:.55}.wl-ghost-button{border:1px solid var(--wl-border);border-radius:10px;background:#1f1b24c7;color:var(--wl-text);cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.wl-ghost-button:hover:not(:disabled){border-color:#e5b96a94;background:#2a2431eb;color:var(--wl-gold-400)}.wl-ghost-button:disabled{cursor:default;opacity:.45}.wl-input{border:1px solid var(--wl-border);border-radius:8px;background:#0a090cd1;color:var(--wl-text)}.wl-input:focus{border-color:var(--wl-gold-400)}.wl-label{color:var(--wl-gold-400);font-family:var(--wl-font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wl-header{position:sticky;top:0;z-index:10001;height:var(--wl-nav-height, 56px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#110e14eb;border-bottom:1px solid var(--wl-border);box-shadow:0 8px 28px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wl-header-brand{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;background:none;border:none;padding:0;color:inherit;text-align:left}.wl-header-mark{width:38px;height:38px;border-radius:10px;border:1px solid rgba(197,160,89,.55);background:linear-gradient(145deg,#c5a05929,#0a090ccc);display:flex;align-items:center;justify-content:center;color:var(--wl-gold-400);font-size:18px;flex-shrink:0}.wl-header-title{font-family:var(--wl-font-display);font-size:18px;font-weight:900;letter-spacing:.14em;line-height:1;color:var(--wl-gold-400);white-space:nowrap}.wl-header-subtitle{margin-top:4px;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#c5a059b8;white-space:nowrap}.wl-header-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--wl-border-soft);border-radius:10px;background:#0a090c8c}.wl-nav-button{border:none;border-radius:7px;padding:8px 16px;background:transparent;color:var(--wl-text-muted);font-family:var(--wl-font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .14s ease,background .14s ease,box-shadow .14s ease}.wl-nav-button:hover{color:var(--wl-gold-400);background:#2a2431b3}.wl-nav-button[data-active=true]{color:var(--wl-bg-950);background:var(--wl-gold-gradient);box-shadow:0 4px 16px #c5a05947}.wl-header-actions{display:flex;align-items:center;gap:10px;min-width:0}@media (max-width: 760px){.wl-header{padding:0 12px;gap:8px}.wl-header-subtitle,.wl-header-nav,.wl-header-report{display:none}}@media (max-width: 760px){.hidden-mobile{display:none}}.wl-hub-grid{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(320px,1.3fr) minmax(230px,.82fr);gap:16px;align-items:start}@media (max-width: 1040px){.wl-hub-grid{grid-template-columns:minmax(250px,1fr) minmax(300px,1.2fr)}}@media (max-width: 720px){.wl-hub-grid{grid-template-columns:1fr}}.wl-decks-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 760px){.wl-decks-grid{grid-template-columns:1fr}}.wl-deck-composition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}@media (max-width: 760px){.wl-deck-composition-grid{grid-template-columns:1fr}}