:root{--font-family: system-ui, -apple-system, sans-serif;--base-font-size: 14px;--heading-font-size: 15px;--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--text-primary: #333;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #e8eef5;--shadow-sm: rgba(0, 0, 0, .04);--shadow-md: rgba(0, 0, 0, .06);--shadow-lg: rgba(0, 0, 0, .15)}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--base-font-size);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-size:var(--heading-font-size)}.modal-backdrop{position:fixed;inset:0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html.dark .modal-backdrop{background:#000000b3}.filter-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 20px var(--shadow-lg);max-width:800px;max-height:80vh;overflow:hidden;z-index:1000;width:90%;display:flex;flex-direction:column;border:1px solid var(--border-primary);transition:background .3s ease,border-color .3s ease}.filter-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,border-color .3s ease}.filter-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text-primary);transition:color .3s ease}.filter-header-actions{display:flex;gap:8px;align-items:center}.filter-reset-btn{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.filter-reset-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-close-btn{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;transition:all .15s;display:flex;align-items:center;justify-content:center}.filter-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-body{padding:20px;overflow-y:auto;flex:1}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.select-all-btn{background:transparent;color:#3b82f6;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;text-transform:none;letter-spacing:normal;transition:all .15s}.select-all-btn:hover{background:#eff6ff;color:#2563eb}.filter-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .15s;border:1px solid transparent}.filter-checkbox:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.filter-checkbox span{font-size:13px;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-weight:500;transition:color .3s ease}.filter-age-group{margin-top:16px;margin-bottom:16px}.filter-age-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.filter-body::-webkit-scrollbar{width:8px}.filter-body::-webkit-scrollbar-track{background:#f9fafb}.filter-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.filter-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.filter-modal{width:95%;max-height:90vh}.filter-header{padding:12px 16px}.filter-header h3{font-size:14px}.filter-body{padding:12px 16px}.filter-section h4{font-size:13px}.civ-chips{gap:6px}.civ-chip{padding:6px 10px;font-size:12px}.close-btn{padding:6px}}@media(max-width:480px){.filter-modal{width:100%;max-height:100vh;border-radius:0}.filter-header,.filter-body{padding:10px 12px}}.theme-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.theme-modal{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-lg);transition:background .3s ease}.theme-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-primary);transition:border-color .3s ease}.theme-modal-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.theme-modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.theme-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-modal-tabs{display:flex;gap:4px;padding:16px 24px 0;border-bottom:1px solid var(--border-primary);transition:border-color .3s ease}.theme-tab{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;top:1px}.theme-tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.theme-tab.active{color:#2196f3;border-bottom-color:#2196f3}.theme-modal-body{flex:1;overflow-y:auto;padding:24px}.theme-section{display:flex;flex-direction:column;gap:20px}.theme-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.theme-section-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);transition:color .3s ease}.reset-button{padding:8px 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.reset-button:hover{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.color-item{border:1px solid var(--border-primary);border-radius:8px;padding:16px;background-color:var(--bg-tertiary);transition:all .2s}.color-item:hover{border-color:var(--border-secondary);box-shadow:0 2px 8px var(--shadow-md)}.color-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.color-item-header h4{margin:0;font-size:16px;font-weight:600;color:#333;text-transform:capitalize}.color-preview{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;text-align:center;min-width:80px}.color-inputs{display:flex;flex-direction:column;gap:12px}.color-input-group{display:grid;grid-template-columns:80px 50px 1fr;gap:8px;align-items:center}.color-input-group label{font-size:13px;font-weight:500;color:#666}.color-input-group input[type=color]{width:100%;height:36px;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:2px}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.hex-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#333;transition:all .2s}.hex-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.theme-modal-body::-webkit-scrollbar{width:8px}.theme-modal-body::-webkit-scrollbar-track{background:#f5f5f5}.theme-modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.theme-modal-body::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.theme-modal{max-width:100%;max-height:100vh;border-radius:0}.color-grid{grid-template-columns:1fr}.theme-modal-tabs{overflow-x:auto}.theme-tab{white-space:nowrap}}.font-settings{display:flex;flex-direction:column;gap:24px;max-width:700px}.font-setting-group{display:flex;flex-direction:column;gap:8px}.font-setting-group label{font-size:14px;font-weight:600;color:#333}.font-select{padding:8px 12px;font-size:14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s}.font-select:hover{border-color:#cbd5e1}.font-select:focus{outline:none;border-color:#a5b4fc}.font-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#e2e8f0,#a5b4fc);outline:none;-webkit-appearance:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6366f1;cursor:pointer;transition:all .2s}.font-slider::-webkit-slider-thumb:hover{background:#4f46e5;transform:scale(1.1)}.font-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6366f1;cursor:pointer;border:none;transition:all .2s}.font-slider::-moz-range-thumb:hover{background:#4f46e5;transform:scale(1.1)}.font-size-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:-4px}.font-preview{margin-top:16px;padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#f8fafc}.font-preview h4{margin:0 0 12px;color:#333}.font-preview p{margin:0;color:#666;line-height:1.6}.enriched-unlocks{display:flex;flex-direction:column;gap:8px;margin-top:8px}.unlock-item{padding:4px 0}.unlock-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color .3s ease}.unlock-type{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.unlock-name{color:var(--text-primary);font-weight:600;transition:color .3s ease}.unlock-name-tradition{color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.not-found-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffa726;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.unlock-details{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);padding-left:8px;transition:color .3s ease}.unlock-description{color:var(--text-primary);font-weight:600;line-height:1.4;transition:color .3s ease}.unlock-yields{color:var(--text-secondary);font-weight:400;display:flex;align-items:center;gap:8px;flex-wrap:wrap;transition:color .3s ease}.unlock-yields .yield-item{display:inline-flex;align-items:center;gap:4px}.unlock-yields .yield-icon{width:16px;height:16px;vertical-align:middle}.unlock-cost,.unlock-age,.unlock-requirement{color:var(--text-tertiary);font-size:11px;transition:color .3s ease}.unlock-effects{font-size:12px}.unlock-effects-label{color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.unlock-effects-value{color:var(--text-primary);font-weight:600;transition:color .3s ease}.effects-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}.effect-item{display:flex;gap:8px;align-items:flex-start;line-height:1.5}.effect-bullet{color:var(--text-secondary);font-weight:700;flex-shrink:0;margin-top:2px;transition:color .3s ease}.effect-text{flex:1;color:var(--text-primary);transition:color .3s ease}.effect-text .yield-with-icon{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.effect-text .yield-icon{width:16px;height:16px;vertical-align:middle;display:inline-block}.civ-specific-content{margin-top:16px}.unique-ability-section{margin-bottom:24px}.unique-ability-content{font-size:14px;line-height:1.6;color:var(--text-primary);transition:color .3s ease}.civ-content-section{margin-bottom:48px}.civ-content-section:last-child{margin-bottom:0}.civ-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:32px;margin-top:20px;transition:color .3s ease}.civ-section-count{margin-left:auto;font-size:13px;color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.civ-entities-list{display:flex;flex-direction:column;gap:48px}.civ-entity-row{padding:0 0 0 8px;border-left:2px solid var(--border-primary);transition:border-color .3s ease}.civ-entity-row.quarter-row{padding:0;border-left:none}.civ-entity-header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.civ-entity-details{display:flex;flex-direction:column;gap:8px}.civ-entity-details .preview-item-description{display:block;margin-top:4px;line-height:1.5}.quarter-description{display:block;line-height:1.5;color:var(--text-secondary);font-size:14px;transition:color .3s ease}.quarter-generic-description{display:block;line-height:1.4;color:var(--text-tertiary);font-size:12px;font-style:italic;opacity:.7;margin-top:4px;transition:color .3s ease,opacity .3s ease}.civ-entity-name{font-weight:600;color:var(--text-primary);font-size:14px;display:flex;align-items:center;gap:6px;transition:color .3s ease}.civ-age-badge{font-size:11px;padding:3px 8px;background-color:#0000000f;border-radius:10px;font-weight:600;letter-spacing:.3px;flex-shrink:0}.requires-value{color:#999}@media(max-width:768px){.civ-entity-name{font-size:13px}.civ-section-title{font-size:14px}}@media(max-width:480px){.civ-entity-name{font-size:12px}}.entity-row{background:var(--bg-secondary);border:none;border-radius:8px;margin-bottom:8px;transition:all .2s ease;position:relative}.entity-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,.02) 70%,transparent)}html.dark .entity-row:after{background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,.02) 70%,transparent)}.entity-row:hover{box-shadow:0 2px 8px var(--shadow-md)}.entity-row-header{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.entity-name{font-weight:600;font-size:15px;color:var(--text-primary);flex-shrink:0;min-width:200px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.match-score{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:11px;font-weight:500}.entity-preview{display:flex;flex-wrap:wrap;gap:12px;flex:1;min-width:0}.preview-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;transition:color .3s ease}.preview-item-description{position:relative;flex-basis:100%;width:100%}.description-separator{color:var(--text-tertiary);font-weight:700;margin-right:8px;font-size:16px;transition:color .3s ease}.preview-value{line-height:1.3}.preview-value-long{font-size:11px;line-height:1.3}.yield-icon{width:16px;height:16px;vertical-align:middle}.yield-with-icon{display:inline-flex;align-items:center;gap:2px;margin-right:4px}.requires-label{font-weight:400;color:var(--text-tertiary);transition:color .3s ease}.entity-type-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-primary);vertical-align:middle;display:inline-block;transition:color .3s ease}.expand-icon{color:var(--text-tertiary);font-size:12px;flex-shrink:0;transition:color .3s ease}.entity-row-body{border-top:1px solid var(--border-primary);padding:16px;background:var(--bg-tertiary);border-radius:0 0 8px 8px;transition:all .3s ease}html.dark .entity-row-body{background:#233044}.civ-specific-section{margin-bottom:32px}.civ-section-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.civ-unique-ability-text{line-height:1.6;color:var(--text-secondary)}.unlock-requirements-list{display:flex;flex-direction:column;gap:8px}.unlock-requirement-item{line-height:1.6;display:flex;gap:6px}.unlock-requirement-label{font-weight:400;color:var(--text-tertiary);flex-shrink:0}.unlock-requirement-value{color:var(--text-primary)}.entity-properties{display:flex;flex-direction:column;gap:12px}.property{display:flex;flex-direction:column;gap:4px}.property-no-label{margin-top:8px}.property-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.property-value{font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:4px;transition:color .3s ease}mark{background-color:#fff59d;padding:2px 0;border-radius:2px}html.dark mark{background-color:#a78b00;color:var(--text-primary)}.unlocks-original{color:var(--text-tertiary);font-size:12px;font-style:italic;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-primary);transition:all .3s ease}.unit-stat{display:inline-flex;align-items:center;gap:4px;font-weight:500}.unit-stat-icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle;display:inline-block}@media(max-width:768px){.entity-row-header{padding:10px 12px;gap:8px;flex-direction:column;align-items:flex-start}.entity-name{min-width:unset;font-size:14px;width:100%}.entity-preview{gap:8px;font-size:12px;width:100%}.preview-item{font-size:12px}.entity-row-body{padding:12px}.entity-properties{gap:10px}.property-label{font-size:11px}.property-value{font-size:13px}}.leader-unlocks-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-primary);transition:border-color .3s ease}.leader-unlocks-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.leader-unlocks-count{margin-left:auto;font-size:13px;color:var(--text-tertiary);font-weight:400;transition:color .3s ease}.leader-unlocks-list{display:flex;flex-direction:column;gap:8px}.leader-unlock-item{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 8px;border-left:2px solid var(--border-primary);transition:all .2s ease;min-height:28px}.leader-unlock-item:hover{border-left-width:3px;padding-left:12px}.leader-unlock-name{font-weight:600;color:var(--text-primary);font-size:14px;transition:color .3s ease}.leader-unlock-age{font-size:12px;color:var(--text-tertiary);font-weight:400;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;transition:all .3s ease}@media(max-width:480px){.entity-row-header{padding:8px 10px}.entity-name{font-size:13px}.entity-row-body{padding:10px}}.entity-section{width:100%;margin-bottom:48px;background:var(--bg-secondary);border-radius:16px;padding:24px;box-shadow:0 4px 16px var(--shadow-sm);border:1px solid var(--border-primary);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.section-title{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-primary);transition:color .3s ease,border-color .3s ease}.section-icon{font-size:28px}.section-icon-img{width:32px;height:32px;object-fit:contain}.section-icon-svg{width:28px;height:28px;color:var(--text-primary);transition:color .3s ease}.entity-count{margin-left:auto;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 14px;border-radius:20px;transition:background .3s ease,color .3s ease}.expand-collapse-btn{margin-left:12px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .2s ease}.expand-collapse-btn:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-md)}.entity-list{display:flex;flex-direction:column;gap:16px}.mobile-menu-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:400px;background:var(--bg-primary);z-index:1001;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.mobile-menu-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.mobile-menu-actions{display:flex;gap:8px}.mobile-menu-reset,.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-menu-reset:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(-90deg)}.mobile-menu-close:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.mobile-menu-content{flex:1;overflow-y:auto;padding:20px}.mobile-menu-group{margin-bottom:28px}.mobile-menu-group:last-child{margin-bottom:0}.mobile-menu-group-title{font-size:16px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-secondary)}.mobile-menu-section{margin-bottom:20px}.mobile-menu-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.mobile-menu-ages,.mobile-menu-entities{display:flex;flex-wrap:wrap;gap:8px}.mobile-dark-mode-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;font-weight:500}.mobile-dark-mode-toggle:hover{background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-1px)}.mobile-dark-mode-icon{display:flex;align-items:center;color:var(--text-secondary)}.mobile-dark-mode-label{color:var(--text-primary)}.app{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);transition:background .3s ease}html.dark .app{background:linear-gradient(135deg,#0f172a,#1e293b)}.top-bar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-secondary);box-shadow:0 2px 12px var(--shadow-sm);transition:transform .3s ease,background .3s ease,border-color .3s ease}.top-bar.hidden{transform:translateY(-100%)}html.dark .top-bar{background:#1e293bf2;border-bottom:1px solid var(--border-primary)}.top-bar-row{display:flex;align-items:center;gap:10px;padding:8px 20px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:8px 14px;font-size:14px;border:2px solid var(--border-secondary);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);outline:none;transition:all .3s ease}html.dark .search-input{background:var(--bg-tertiary);border-color:var(--border-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:#a5b4fc;background:var(--bg-secondary);box-shadow:0 0 0 4px #a5b4fc1a}html.dark .search-input:focus{background:var(--bg-secondary)}.entities-filter{display:flex;gap:4px;align-items:center;padding-right:8px;margin-right:8px;border-right:2px solid rgba(0,0,0,.08)}html.dark .entities-filter{border-right-color:var(--border-primary)}.ages-filter{display:flex;gap:4px;align-items:center;padding-right:8px;margin-right:8px;border-right:2px solid rgba(0,0,0,.08)}html.dark .ages-filter{border-right-color:var(--border-primary)}.age-chip{display:inline-block;padding:4px 8px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;font-size:11px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;-webkit-user-select:none;user-select:none}.age-chip:hover{background:var(--age-bg, #e0e7ff);border-color:var(--age-border, #c7d2fe);color:var(--age-text, #64748b);transform:translateY(-1px);opacity:.8}.age-chip.selected{font-weight:600;box-shadow:0 2px 8px var(--shadow-lg)}html.dark .age-chip.selected{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-width:1.5px!important}.civs-button{display:flex;align-items:center;gap:4px;padding:4px 8px;border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;font-size:11px;transition:all .2s ease;font-family:inherit;font-weight:500;margin-right:12px;position:relative;background:var(--bg-tertiary);color:var(--text-primary)}.civs-button:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);height:24px;width:2px;background:var(--border-primary)}.civs-button:hover{opacity:.8;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-md)}.civs-label{font-weight:500}.civs-value{font-weight:600}.result-count{font-size:13px;color:var(--text-secondary);font-weight:500;padding:6px 12px;background:var(--bg-tertiary);border-radius:12px;white-space:nowrap;transition:background .3s ease,color .3s ease}.filter-actions-group{display:flex;gap:4px;align-items:center;margin-left:auto;flex-shrink:0;order:999}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.dark-mode-toggle:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.admin-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.admin-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-1px)}.admin-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.entity-chips-row{display:flex;flex-wrap:nowrap;gap:4px;padding:6px 16px;background:#f8fafccc;border-top:1px solid rgba(0,0,0,.04);transition:background .3s ease,border-color .3s ease;align-items:center}.filters-container{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;align-items:center}html.dark .entity-chips-row{background:#1e293b99;border-top:1px solid var(--border-primary)}.entity-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:var(--text-tertiary)}.entity-chip:hover{border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-md)}.entity-chip.active{box-shadow:0 2px 8px var(--shadow-lg);font-weight:600}html.dark .entity-chip.active{background:var(--bg-secondary)!important;border-width:1.5px!important;border-color:var(--text-tertiary)!important;color:var(--text-primary)!important}.entity-chip-name{font-size:11px;font-weight:500;color:inherit}.entity-chip.active .entity-chip-name{font-weight:600}.entity-chip-count{font-size:9px;padding:2px 5px;background:#0000001a;border-radius:6px;color:inherit;font-weight:600;opacity:.8}.reset-filter-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.reset-filter-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px) rotate(-90deg);box-shadow:0 2px 8px #ef44444d}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.mobile-menu-btn:hover{background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.content{max-width:1400px;margin:0 auto;padding:32px 24px}.no-results{text-align:center;padding:80px 20px;color:var(--text-secondary);transition:color .3s ease}.no-results h2{font-size:28px;margin-bottom:12px;color:var(--text-primary);transition:color .3s ease}.no-results p{font-size:16px;color:var(--text-tertiary);transition:color .3s ease}@media(max-width:768px){.top-bar-row{padding:10px 12px;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-bar-row::-webkit-scrollbar{display:none}.entity-chips-row{padding:10px 12px;gap:6px}.content{padding:16px 12px}.search-input{flex:1 1 auto;max-width:none;min-width:100px;font-size:14px;padding:8px 10px}.result-count{font-size:10px;padding:4px 6px;flex-shrink:0}.dark-mode-toggle,.admin-btn{width:32px;height:32px;flex-shrink:0}.ages-filter{gap:4px;padding-right:8px;margin-right:8px}.age-chip{font-size:11px;padding:4px 8px}.civs-button{font-size:12px;padding:8px 12px;flex:1;justify-content:center}.civs-button:after{display:none}.entity-chips-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.entity-chips-row::-webkit-scrollbar{display:none}.entity-chip{padding:6px 10px;gap:4px;flex-shrink:0}.entity-chip-name{font-size:12px}.entity-chip-count{font-size:10px;padding:2px 6px}.mobile-menu-btn{display:flex;width:32px;height:32px}.entity-chips-row,.reset-filter-btn,.dark-mode-toggle{display:none!important}.no-results{padding:40px 16px}.no-results h2{font-size:22px}.no-results p{font-size:14px}}@media(max-width:480px){.top-bar-row,.entity-chips-row{padding:8px}.content{padding:12px 8px}}