@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Cinzel:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #143340;--primary-light: #3290A6;--accent-dark: #BF9445;--accent-light: #D9AA52;--text-primary: #0D0D0D;--primary-color: #3290A6;--secondary-color: #D9AA52;--accent-color: #BF9445;--dark-color: #143340;--primary-color-rgb: 50, 144, 166;--secondary-color-rgb: 217, 170, 82;--accent-color-rgb: 191, 148, 69;--dark-color-rgb: 20, 51, 64;--primary-light: #4db5d3;--primary-lighter: #66c7e0;--bg-primary: #143340;--bg-secondary: #1a3d4d;--bg-tertiary: #214759;--bg-card: #1c4050;--bg-hover: #245166;--text-light: #FFFFFF;--text-muted: #B0B8C0;--text-disabled: #6B7280;--text-accent: #D9AA52;--success: #10B981;--warning: #BF9445;--error: #EF4444;--info: #3290A6;--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Cinzel", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--header-height: 64px;--sidebar-width: 280px;--footer-height: 48px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}[data-theme=age-of-sigmar]{--primary-color: #2A8299;--secondary-color: #E6B366;--accent-color: #CC9A55;--dark-color: #1C3A47;--primary-color-rgb: 42, 130, 153;--secondary-color-rgb: 230, 179, 102;--accent-color-rgb: 204, 154, 85;--dark-color-rgb: 28, 58, 71;--bg-primary: #1C3A47;--bg-secondary: #214049;--bg-tertiary: #26464C}[data-theme=warhammer-40k]{--primary-color: #4AA3B3;--secondary-color: #A69B73;--accent-color: #8B7F5C;--dark-color: #0F2A36;--primary-color-rgb: 74, 163, 179;--secondary-color-rgb: 166, 155, 115;--accent-color-rgb: 139, 127, 92;--dark-color-rgb: 15, 42, 54;--bg-primary: #0F2A36;--bg-secondary: #15313E;--bg-tertiary: #1B3846}html{font-size:16px;scroll-behavior:smooth;height:100%}body{margin:0;padding:0;height:100%;font-family:var(--font-base);font-size:.8rem;line-height:1.5;color:var(--text-light);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;transition:background var(--transition-slow)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(var(--accent-color-rgb),.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--primary-color-rgb),.08) 0%,transparent 50%);pointer-events:none;z-index:0;transition:background var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-light);margin-bottom:var(--spacing-md);letter-spacing:.02em}h1{font-size:2.25rem;background:linear-gradient(135deg,var(--accent-light),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.875rem;color:var(--accent-light)}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--text-muted)}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#40a2ba;text-decoration:underline}a:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:.25rem}button{font-family:var(--font-base);cursor:pointer;transition:all var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;font-weight:500;line-height:1;border:2px solid transparent;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-light),#2a7f94);color:var(--text-light);border-color:var(--primary-light);box-shadow:0 4px 6px #3290a64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#40a2ba,#358ca3);transform:translateY(-2px);box-shadow:0 6px 12px #3290a666}.btn-accent{background:linear-gradient(135deg,var(--accent-dark),var(--accent-light));color:var(--text-light);border-color:var(--accent-dark);box-shadow:0 4px 6px #bf94454d}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#cca04d,#e0b55d);transform:translateY(-2px);box-shadow:0 6px 12px #bf944566}.card{background:var(--bg-card);border:1px solid rgba(50,144,166,.2);border-radius:.5rem;padding:var(--spacing-lg);box-shadow:0 4px 6px -1px #00000080;backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-dark),var(--accent-light),var(--accent-dark));background-size:200% 100%;animation:shimmer 3s linear infinite}input,textarea,select{font-family:var(--font-base);font-size:.8rem;color:var(--text-light);background:#14334080;border:1px solid rgba(50,144,166,.2);border-radius:.375rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-light);background:#3290a61a;box-shadow:0 0 0 3px #3290a633}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:.25rem}::-webkit-scrollbar-thumb{background:#3290a64d;border-radius:.25rem;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#3290a680}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-light)!important}.text-accent{color:var(--accent-light)!important}.text-muted{color:var(--text-muted)!important}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}router-outlet+*{width:100%;animation:fadeIn .3s ease-in-out}@media screen and (max-width: 768px){.container{padding:0 1rem;max-width:100%}.btn{padding:.75rem 1.5rem;font-size:.9rem;min-height:44px}.card{padding:1rem;margin-bottom:1rem;border-radius:.5rem}input,textarea,select{font-size:.8rem;padding:.75rem 1rem;min-height:44px}}.bh-tooltip{position:absolute;padding:.5rem .75rem;background:linear-gradient(135deg,#3290a6f2,#143340f2);color:#fff;border-radius:6px;font-size:.85rem;font-weight:500;line-height:1.4;max-width:250px;word-wrap:break-word;pointer-events:auto;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(217,170,82,.3);backdrop-filter:blur(10px);z-index:9999}.bh-tooltip-show{opacity:1;transform:translateY(0)}.bh-tooltip-top:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(50,144,166,.95)}.bh-tooltip-bottom:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(50,144,166,.95)}.bh-tooltip-left:before{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgba(50,144,166,.95)}.bh-tooltip-right:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(50,144,166,.95)}