:root{--bg:#10110e;--surface:#171914;--surface-2:#1e2119;--border:#2c3126;--border-strong:#3d4434;--text:#eceadf;--muted:#9b9a8c;--accent:#c9a227;--accent-hover:#ddb52e;--accent-dim:rgba(201,162,39,.16);--green:#6f8f4e;--green-strong:#7ea85a;--danger:#c45c4a;--danger-hover:#d46a57;--white:#eceadf;--blue:#c9a227;--background-color:var(--bg);--font-title:"FutureRot","Segoe UI",sans-serif;--font-display:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-body:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--shadow:0 10px 30px rgba(0,0,0,.28);--radius:10px}@font-face{font-display:swap;font-family:FutureRot;font-style:normal;font-weight:400;src:url(/static/media/FutureRot.87ac51c07e0b42372871.woff2) format("woff2")}*{box-sizing:border-box}body{background-color:#10110e;background-color:var(--bg);color:#eceadf;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-body);line-height:1.5;margin:0;min-height:100vh;padding:0}a{color:#c9a227;color:var(--accent);text-decoration:none}a:hover{color:#ddb52e;color:var(--accent-hover);text-decoration:underline}a:visited{color:#d4bc6a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#4a4e43;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#63685c}.app{margin:0 auto;max-width:1180px;padding:20px 24px 48px}.app-header{align-items:center;color:#eceadf;color:var(--text);display:flex;font-family:FutureRot,Segoe UI,sans-serif;gap:18px;margin-bottom:8px;padding:8px 4px 20px}.app-logo{height:72px;object-fit:contain;width:72px}.app-header h1{font-family:inherit;font-size:2.1rem;font-weight:400;letter-spacing:.02em;line-height:1.1;margin:0}.header-desc{color:#9b9a8c;color:var(--muted);font-size:.95rem;margin:6px 0 0}button{background-color:#c9a227;background-color:var(--accent);border:none;border-radius:6px;color:#1a160c;cursor:pointer;font-family:inherit;font-weight:600;margin-left:8px;padding:9px 14px;transition:background-color .2s ease,transform .15s ease,opacity .2s ease}button:hover{background-color:#ddb52e;background-color:var(--accent-hover)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6}.modpack-actions,.search-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.popup-content input[type=text],.search-container>input[type=text],.search-container>select{background-color:#1e2119;background-color:var(--surface-2);border:1px solid #2c3126;border:1px solid var(--border);border-radius:8px;color:#eceadf;color:var(--text);font-family:inherit;font-size:15px;min-width:160px;padding:10px 12px}.search-container>input[type=text]{flex:1 1;min-width:220px}.popup-content input[type=text]:focus,.search-container>input[type=text]:focus,.search-container>select:focus{border-color:#c9a227;border-color:var(--accent);outline:2px solid #c9a227;outline:2px solid var(--accent);outline-offset:1px}.browser-option{align-items:center;color:#eceadf;color:var(--text);cursor:pointer;display:flex;font-size:.88rem;gap:8px;-webkit-user-select:none;user-select:none}.browser-option+.browser-option{margin-top:10px}.browser-option input{accent-color:#c9a227;accent-color:var(--accent);flex-shrink:0;margin:0}.browser-option:has(input:disabled){cursor:not-allowed;opacity:.5}.browser-filter-wrap{flex-shrink:0;position:relative}.browser-filter-btn{align-items:center;background:#1e2119;background:var(--surface-2);border:1px solid #2c3126;border:1px solid var(--border);border-radius:8px;color:#9b9a8c;color:var(--muted);cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;position:relative;width:42px}.browser-filter-btn.is-open,.browser-filter-btn:hover{border-color:#3d4434;border-color:var(--border-strong);color:#eceadf;color:var(--text)}.browser-filter-btn.is-active{border-color:#c9a227;border-color:var(--accent);color:#c9a227;color:var(--accent)}.browser-filter-icon{display:block}.browser-filter-count{align-items:center;border-radius:999px;color:#1a160c;font-size:.68rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;right:-5px;top:-5px}.browser-filter-active-dot,.browser-filter-count{background:#c9a227;background:var(--accent);position:absolute}.browser-filter-active-dot{border-radius:50%;height:7px;right:7px;top:7px;width:7px}.browser-filter-panel{background:#171914;background:var(--surface);border:1px solid #2c3126;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.28);box-shadow:var(--shadow);padding:12px 14px;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:20}.browser-filter-panel .browser-option{align-items:flex-start;display:flex;gap:10px;line-height:1.35;width:100%}.browser-filter-panel .browser-option+.browser-option{margin-top:8px}.browser-filter-panel .browser-option input[type=checkbox]{background:transparent;border:none;flex:0 0 16px;height:16px;margin-top:2px;min-width:0;padding:0;width:16px}.browser-filter-panel-title{color:#9b9a8c;color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.browser-filter-panel-hint{color:#9b9a8c;color:var(--muted);font-size:.78rem;line-height:1.4;margin:12px 0 0}.nav-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.view-tabs{background:#171914;background:var(--surface);border:1px solid #2c3126;border:1px solid var(--border);border-radius:10px;display:flex;gap:4px;padding:4px}.view-tab{background:transparent;border-radius:7px;color:#9b9a8c;color:var(--muted);font-weight:600;margin-left:0}.view-tab:hover{background:#1e2119;background:var(--surface-2);color:#eceadf;color:var(--text)}.view-tab.active{background:#c9a227;background:var(--accent);color:#1a160c}.tab-count{align-items:center;background:rgba(26,22,12,.2);border-radius:999px;display:inline-flex;font-size:.78rem;justify-content:center;margin-left:8px;min-width:1.4em;padding:0 6px}.mod-list{background:#171914;background:var(--surface);overflow-x:hidden!important}.mod-card,.mod-list{border:1px solid #2c3126;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius)}.mod-card{align-items:stretch;background-color:#1e2119;background-color:var(--surface-2);box-shadow:none;color:#eceadf;color:var(--text);display:flex;gap:16px;height:calc(100% - 12px);margin:6px 8px;padding:12px;transition:border-color .2s ease,transform .2s ease}.mod-card:hover{border-color:#3d4434;border-color:var(--border-strong)}.mod-card-missing-slot{background-color:rgba(201,162,39,.16);background-color:var(--accent-dim);border-color:#c9a227;border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(201,162,39,.35)}.mod-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.mod-card h3,.mod-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-card-meta{color:#9b9a8c;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:12px 16px;margin-bottom:8px}.modpack-status{color:#7ea85a;color:var(--green-strong);font-weight:600}.mod-card-slots,.mod-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.mod-card-actions{align-items:center;display:flex;gap:12px}.mod-card-img{background:#111;border-radius:8px;height:100%;min-width:168px;object-fit:cover;width:168px}.lazy-image{overflow:hidden;position:relative}.lazy-image-placeholder{animation:shimmer 1.3s linear infinite;background:linear-gradient(90deg,#1c1f18 25%,#2a2e24 50%,#1c1f18 75%);background-size:200% 100%;border-radius:8px;inset:0;position:absolute}.lazy-image img.is-loading{opacity:0}.lazy-image img.is-loaded{opacity:1;transition:opacity .25s ease}.tag{background-color:rgba(201,162,39,.16);background-color:var(--accent-dim);border-radius:999px;color:#e6d7a2;display:inline-block;font-size:12px;margin-bottom:0;margin-right:0;padding:2px 8px}.add-to-modpack{background-color:#6f8f4e;background-color:var(--green);color:#10140c;margin-left:0;margin-top:0;padding:8px 12px}.add-to-modpack:hover{background-color:#7ea85a;background-color:var(--green-strong)}.add-to-modpack.in-modpack{background-color:#1e2119;background-color:var(--surface-2);border:1px solid #3d4434;border:1px solid var(--border-strong);color:#eceadf;color:var(--text)}.add-to-modpack.in-modpack:hover{background-color:#2c3126;background-color:var(--border)}#modpack-creator{background-color:#171914;background-color:var(--surface);border:1px solid #2c3126;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#eceadf;color:var(--text);height:calc(100vh - 220px);min-height:420px;overflow:hidden auto;padding:20px 24px}#modpack-list{margin-bottom:20px}.modpack-item{align-items:center;background-color:#1e2119;background-color:var(--surface-2);border-radius:6px;display:flex;padding:10px 12px}.tag-pill{background:rgba(201,162,39,.16);background:var(--accent-dim);border-radius:999px;color:#e6d7a2;display:inline-block;font-size:.85rem;margin:0 3px;padding:2px 8px}.view{display:none}.view.active{display:block}.add-to-modpack-popup,.import-collection-popup{align-items:center;background:rgba(8,9,6,.72);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.popup-content{background-color:#171914;background-color:var(--surface);border:1px solid #3d4434;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28);box-shadow:var(--shadow);color:#eceadf;color:var(--text);left:auto;max-height:85vh;overflow:auto;padding:0 24px 20px;position:relative;top:auto;width:min(720px,100%)}.add-modpack-popup{display:flex;flex-direction:column;overflow:hidden;padding:0}.add-modpack-popup .modpack-slot-header{background-color:#171914;background-color:var(--surface);border-bottom:1px solid #2c3126;border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(8,9,6,.35);flex-shrink:0;margin:0;padding:20px 24px 16px}.add-modpack-popup .slot-list-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.add-modpack-popup .slot-list-container{flex:1 1;overflow-y:auto;padding:8px 24px 24px}.modpack-slot-heading h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 4px}.modpack-slot-mod-title{color:#9b9a8c;color:var(--muted);font-size:.95rem;line-height:1.4;margin:0;max-width:420px}.add-modpack-popup .popup-buttons{flex-shrink:0;margin-top:0}.slot-category-section{margin-top:20px}.slot-category-section:first-child{margin-top:8px}.slot-category-label,.slot-category-section h3{color:#9b9a8c;color:var(--muted);font-size:.95rem;font-weight:600;margin:0}.slot-category-label{align-items:center;cursor:pointer;display:flex;gap:8px}.slot-category-name{line-height:1.2}.slot-category-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.slot-category-header .slot-section-hint{margin:0 0 10px}.slot-select-tagged-btn{flex-shrink:0;font-size:.8rem;padding:4px 10px;white-space:nowrap}.slot-select-tagged-btn:disabled{cursor:default;opacity:.65}.slot-suggested-section h3{color:#c9a227;color:var(--accent)}.slot-section-hint{color:#9b9a8c;color:var(--muted);font-size:.85rem;margin:-2px 0 10px}.list-item{align-items:center;border-bottom:1px solid #2c3126;border-bottom:1px solid var(--border);display:flex;padding:10px 0}#tag-stats{background-color:transparent;border-radius:8px;margin-top:20px;padding:0}#tag-stats h3,.tag-stats h3{color:#eceadf;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-display);font-weight:600;margin-top:32px}.tag-category{margin-bottom:15px}.tag-category h4{color:#9b9a8c;color:var(--muted);margin-bottom:5px}.tag-count{border-bottom:1px solid #2c3126;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:5px 0}.missing-tag{color:#c45c4a;color:var(--danger);font-weight:700}.has-tag{color:#eceadf;color:var(--text)}.popup-buttons{display:flex;gap:8px;margin-top:16px}.import-button{margin-left:0}.modpack-slot-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.export-mod-details{margin-left:1%}.export-collection-note{color:#9b9a8c;color:var(--muted);margin:12px 0 0}.export-collection-actions{align-items:center;display:flex;gap:12px;margin-top:16px}.export-steam-button{align-items:center;background:#c9a227;background:var(--accent);border:none;border-radius:8px;color:#171914;color:var(--surface);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:600;padding:8px 14px;text-decoration:none}.export-steam-button:hover{filter:brightness(1.08)}.export-browser-link{color:#9b9a8c;color:var(--muted);font-size:.9rem}.export-browser-link:hover{color:#eceadf;color:var(--text)}.export-collection-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.export-collection-stats h3{margin:0}.export-collection-section{margin-top:20px}.export-mod-item{align-items:flex-start;display:flex;gap:12px}.export-mod-links{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.export-mod-links a:first-child{font-weight:600}.popup-content .error{color:#c45c4a;color:var(--danger);margin-top:12px}.slot-item{align-items:stretch;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:10px 12px;transition:background-color .2s ease,border-color .2s ease}.slot-item:hover{background-color:#1e2119;background-color:var(--surface-2)}.slot-item-label{align-items:center;cursor:pointer;display:flex;gap:10px}.slot-item-name{flex:1 1}.slot-item input{accent-color:#c9a227;accent-color:var(--accent);flex-shrink:0}.slot-match-badge{color:#9b9a8c;color:var(--muted);font-size:.78rem;font-style:italic}.suggested-slot{background-color:#1e2119;background-color:var(--surface-2)}.slot-occupancy{color:#9b9a8c;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px 12px;padding-left:28px}.slot-occupancy-current,.slot-occupancy-mod{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-occupancy-current{color:#7ea85a;color:var(--green-strong)}.empty-state,.mod-list-panel{background:#171914;background:var(--surface);border:1px solid #2c3126;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);min-height:360px}.empty-state,.mod-list-panel{align-items:center;display:flex;justify-content:center}.empty-state{flex-direction:column;padding:48px 24px;text-align:center}.empty-state h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-display);font-weight:600;margin:0 0 8px}.empty-state p{color:#9b9a8c;color:var(--muted);margin:0;max-width:420px}.mod-list-skeleton{padding:8px}.mod-card-skeleton{display:flex;gap:16px;margin-bottom:8px;padding:12px}.mod-card-skeleton-row{pointer-events:none}.skeleton-line,.skeleton-thumb{animation:shimmer 1.3s linear infinite;background:linear-gradient(90deg,#1c1f18 25%,#2a2e24 50%,#1c1f18 75%);background-size:200% 100%;border-radius:8px}.skeleton-thumb{flex-shrink:0;height:120px;width:168px}.skeleton-body{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.skeleton-line{height:12px;width:55%}.skeleton-line.wide{height:18px;width:78%}.skeleton-line.short{width:32%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{display:none}@media only screen and (max-width:800px){.app{max-width:100%;padding:12px}.app-header h1{font-size:1.75rem}.app-logo{height:52px;width:52px}.mod-card-img,.skeleton-thumb{min-width:110px;width:110px}.mod-title{font-size:1rem;margin-bottom:0}.nav-container button{margin:0}.search-container>input[type=text],.search-container>select{min-width:0;width:100%}}.modpack-overview{background-color:#1e2119;background-color:var(--surface-2,#1e2119);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:8px;margin-bottom:32px;padding:20px}.overview-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.overview-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0}.overview-expand-btn{background:#c9a227;background:var(--accent,#c9a227);border:none;border-radius:6px;color:#1a160c;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 14px;transition:background-color .2s ease;white-space:nowrap}.overview-expand-btn:hover{background-color:#ddb52e;background-color:var(--accent-hover,#ddb52e)}.overview-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.overview-stat{align-items:flex-start;background:#161812;background:var(--surface,#161812);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}button.overview-stat{color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,background-color .2s ease;width:100%}button.overview-stat:hover{border-color:#3d4434;border-color:var(--border-strong,#3d4434)}.overview-stat-warning{background:rgba(196,92,74,.08);border-color:rgba(196,92,74,.45)}.overview-stat-warning.is-active,.overview-stat-warning:hover{border-color:#c45c4a;border-color:var(--danger,#c45c4a)}.overview-stat-warning.is-active{background:rgba(196,92,74,.16)}.overview-stat-value{font-size:1.35rem;font-weight:700;line-height:1.2}.overview-stat-label{color:#9b9a8c;color:var(--muted,#9b9a8c);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.overview-progress{background:#161812;background:var(--surface,#161812);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:999px;height:8px;overflow:hidden}.overview-progress-bar{background:linear-gradient(90deg,#8f7420,#c9a227);background:linear-gradient(90deg,#8f7420,var(--accent,#c9a227));border-radius:999px;height:100%;transition:width .3s ease}.overview-progress-label{color:#9b9a8c;color:var(--muted,#9b9a8c);font-size:.85rem;margin:8px 0 0}.overview-inventory{border-top:1px solid #2c3126;border-top:1px solid var(--border,#2c3126);margin-top:20px;padding-top:20px}.overview-search{background:#161812;background:var(--surface,#161812);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:6px;color:#e8e6dc;color:var(--text,#e8e6dc);font-size:.9rem;margin-bottom:12px;padding:10px 12px;width:100%}.overview-search:focus{border-color:#c9a227;border-color:var(--accent,#c9a227);outline:none}.overview-empty{color:#9b9a8c;color:var(--muted,#9b9a8c);margin:0;padding:16px 0;text-align:center}.inventory-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.inventory-row{align-items:center;background:#161812;background:var(--surface,#161812);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:8px;display:flex;gap:12px;padding:10px 12px}.inventory-thumb{background:#1e2119;background:var(--surface-2,#1e2119);border-radius:6px;flex-shrink:0;height:54px;width:72px}.inventory-thumb img{border-radius:6px;height:100%;object-fit:cover;width:100%}.inventory-info{flex:1 1;min-width:0}.inventory-title{display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}a.inventory-title{color:inherit}a.inventory-title:hover,a.inventory-title:visited{color:#c9a227;color:var(--accent,#c9a227)}.inventory-tags{display:flex;flex-wrap:wrap;gap:4px}.inventory-untagged{color:#c45c4a;color:var(--danger,#c45c4a);font-size:.8rem;font-style:italic}.inventory-actions{display:flex;flex-shrink:0;gap:8px}.inventory-actions button{font-size:.85rem;padding:6px 12px}.modpack-item{justify-content:space-between}.remove-button{background-color:#c45c4a;background-color:var(--danger,#c45c4a);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .2s ease}.remove-button:hover{background-color:#d46a57;background-color:var(--danger-hover,#d46a57)}.stat-value{font-weight:700}.tag-stats h3{font-size:1.5rem;font-weight:600;margin-bottom:16px}.category-container{margin-bottom:28px}.category-container h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin:0 0 12px}.tag-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.popup-overlay{align-items:center;background-color:rgba(8,9,6,.72);bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.popup-content h3{margin-bottom:16px}.popup-content ul{list-style-type:none;margin:0 0 16px;padding:0}.popup-content li{margin-bottom:8px}.popup-content button{margin-left:0}.untagged-mods-section{background-color:#1e2119;background-color:var(--surface-2,#1e2119);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:8px;margin-top:32px;padding:24px}.untagged-mods-section h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0 0 16px}.slot-item{border-radius:4px;padding:8px;transition:background-color .3s ease}.highlighted-slot{animation:pulse 2s infinite;background-color:rgba(201,162,39,.16);background-color:var(--accent-dim,rgba(201,162,39,.16))}@keyframes pulse{0%{background-color:rgba(201,162,39,.16)}50%{background-color:rgba(201,162,39,.28)}to{background-color:rgba(201,162,39,.16)}}.tag-card{aspect-ratio:4/5;border-radius:var(--radius);cursor:pointer;outline:none;position:relative;width:100%}.tag-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-card-face{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);inset:0;overflow:hidden;position:absolute;transition:border-color .2s ease,transform .2s ease}.tag-card:hover .tag-card-face{border-color:var(--border-strong);transform:translateY(-2px)}.tag-card.has-tag:hover .tag-card-face{border-color:var(--green)}.tag-card.missing-tag:hover .tag-card-face{border-color:var(--danger)}.tag-card.is-expanded .tag-card-face{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(126,168,90,.35)}.tag-image-container,.tag-image-container .lazy-image,.tag-image-container img{height:100%;inset:0;position:absolute;width:100%}.tag-image-container{background:#12140f;overflow:hidden}.tag-image-container img{object-fit:cover;transform:scale(1);transition:transform .4s ease,filter .2s ease}.tag-card.has-tag:hover:not(.is-expanded) .tag-image-container img{transform:scale(1.04)}.tag-card.missing-tag .tag-image-container img{filter:saturate(.55) brightness(.72)}.tag-info{background:linear-gradient(0deg,rgba(16,17,14,.96) 0,rgba(16,17,14,.78) 48%,rgba(16,17,14,0));bottom:0;left:0;padding:48px 12px 12px;position:absolute;right:0;z-index:1}.tag-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-display);font-size:1.02rem;font-weight:600;line-height:1.25;margin:0;overflow:hidden}.tag-info-meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:6px}.tag-info .count,.tag-info .status{font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0}.tag-info .status.added{color:var(--green-strong)}.tag-info .status.missing{color:var(--danger)}.tag-info .count{color:var(--muted)}.tag-info .count-warn{color:var(--accent)}.tag-card-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-column:1/-1;padding:10px}.tag-card-detail ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.tag-card-mod{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:10px 12px}.tag-card-mod-thumb{background:var(--surface);border-radius:6px;flex-shrink:0;height:54px;width:72px}.tag-card-mod-thumb img,.tag-card-mod-thumb.lazy-image{border-radius:6px;height:54px;object-fit:cover;width:72px}.tag-card-mod-info{flex:1 1;min-width:0}.tag-card-mod-info a,.tag-card-mod-info span{color:var(--text);display:block;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-card-mod-info a:hover,.tag-card-mod-info a:visited{color:var(--accent)}.tag-card-mod-actions{display:flex;flex-shrink:0;gap:8px}.tag-card-mod-actions button{font-size:.85rem;margin:0;padding:6px 12px}@media (max-width:600px){.tag-card-mod{flex-wrap:wrap}.tag-card-mod-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.tag-card-face,.tag-image-container img{transition:none}.tag-card.has-tag:hover:not(.is-expanded) .tag-image-container img,.tag-card:hover .tag-card-face{transform:none}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.loading-small{padding:10px}.loading-medium{padding:28px 20px 8px}.loading-large{padding:40px}.spinner{animation:spin .9s linear infinite;border:3px solid rgba(201,162,39,.2);border-radius:50%;border-top-color:#c9a227;border-top:3px solid var(--accent,#c9a227)}.loading-small .spinner{border-width:2px;height:20px;width:20px}.loading-medium .spinner{height:36px;width:36px}.loading-large .spinner{border-width:4px;height:56px;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#9b9a8c;color:var(--muted,#9b9a8c);font-size:14px;margin-top:12px}.loading-small .loading-message{font-size:12px}.loading-large .loading-message{font-size:16px}.error-boundary{background-color:#171914;background-color:var(--surface,#171914);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:12px;color:#eceadf;color:var(--text,#eceadf);margin:24px auto;max-width:640px;padding:32px 24px;text-align:center}.error-boundary h2{font-family:inherit;font-family:var(--font-display,inherit);letter-spacing:.04em;margin-top:0;text-transform:uppercase}.error-boundary details,.error-boundary p{color:#9b9a8c;color:var(--muted,#9b9a8c)}.error-boundary details{background-color:#1e2119;background-color:var(--surface-2,#1e2119);border-radius:4px;font-family:ui-monospace,monospace;font-size:12px;margin-top:16px;max-height:200px;overflow-y:auto;padding:10px;text-align:left;white-space:pre-wrap}.error-state{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;flex-direction:column;justify-content:center;min-height:420px;padding:48px 24px;text-align:center}.error-state-icon{color:var(--danger);height:56px;margin-bottom:16px;width:56px}.error-state-icon svg{height:100%;width:100%}.error-state h2{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.error-state p{color:var(--muted);line-height:1.5;margin:0 0 24px;max-width:420px}.error-state-retry{background:var(--accent);color:#1a160c;font-weight:600;letter-spacing:.03em;margin-left:0}.toast{background:#1e2119;background:var(--surface-2,#1e2119);border:1px solid #2c3126;border:1px solid var(--border,#2c3126);border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.35);color:#eceadf;color:var(--text,#eceadf);max-width:420px;min-width:280px;padding:12px 16px;position:relative;transform:translateX(110%);transition:transform .3s ease-in-out;z-index:1100}.toast-visible{transform:translateX(0)}.toast-hidden{transform:translateX(110%)}.toast-content{align-items:center;display:flex;justify-content:space-between}.toast-message{flex:1 1;margin-right:10px}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;margin-left:0;padding:0;width:20px}.toast-info{border-left:4px solid #6b8cae}.toast-success{border-left:4px solid #6f8f4e;border-left:4px solid var(--green,#6f8f4e)}.toast-warning{border-left:4px solid #c9a227;border-left:4px solid var(--accent,#c9a227)}.toast-error{border-left:4px solid #c45c4a;border-left:4px solid var(--danger,#c45c4a)}.loading-more{background-color:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;display:flex;justify-content:center;padding:16px}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1100}
/*# sourceMappingURL=main.bed505ec.css.map*/