:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#0d0e12;--bg-card:#171821;--bg-card-hover:#1f202e;--border-color:#27293a;--border-color-focus:#4b4e6d;--color-text:#e2e8f0;--color-text-muted:#8a90af;--color-text-inverse:#0d0e12;--color-accent:#00e676;--color-accent-glow:#00e67626;--color-betterend:#d941ff;--color-betterend-bg:#d941ff1a;--color-betterend-border:#d941ff4d;--color-betternether:#ff6e40;--color-betternether-bg:#ff6e401a;--color-betternether-border:#ff6e404d;--color-wunderreich:#0dc3ff;--color-wunderreich-bg:#0dc3ff1a;--color-wunderreich-border:#0dc3ff4d;--color-minecraft:#8bc34a;--color-minecraft-bg:#8bc34a1a;--color-minecraft-border:#8bc34a4d;--color-danger:#ff5252;--color-danger-bg:#ff52521a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-app);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}code{font-family:var(--font-mono);color:#ff9d00;background:#0000004d;border-radius:4px;padding:.2em .4em;font-size:.85em}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border-bottom:1px solid var(--border-color);background:#0d0e12cc;padding:1rem 2rem;position:sticky;top:0}.header-container{flex-direction:column;gap:1rem;max-width:1400px;margin:0 auto;display:flex}@media (width>=900px){.header-container{flex-direction:row;justify-content:space-between;align-items:center}}.logo{align-items:center;gap:.75rem;display:flex}.logo-icon{color:var(--color-accent);width:28px;height:28px}.logo h1{font-size:1.5rem;font-weight:700}.logo h1 span{color:var(--color-text-muted);font-weight:400}.version-selector-wrapper{margin-left:.5rem}.version-dropdown{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-glow);cursor:pointer;transition:var(--transition-fast);border:1px solid #00e6764d;border-radius:12px;outline:none;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.version-dropdown:hover,.version-dropdown:focus{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow)}.quick-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-box{flex-grow:1;min-width:260px;position:relative}.search-box input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--color-text);font-family:var(--font-sans);transition:var(--transition-fast);border-radius:8px;padding:.6rem 2.5rem;font-size:.95rem}.search-box input:focus{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow);outline:none}.search-icon{color:var(--color-text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.clear-search{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-search:hover{color:var(--color-text)}.tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;width:100%;padding:3px;display:flex}.tab{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.tab:hover{color:var(--color-text)}.tab.active{background:var(--bg-app);color:var(--color-accent);box-shadow:0 2px 6px #0006}.filter-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:500;display:flex}.filter-toggle-btn:hover{color:var(--color-text);border-color:var(--border-color-focus)}.filter-toggle-btn.active{color:var(--color-accent);background:var(--color-accent-glow);border-color:var(--color-accent)}.view-toggles{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:3px;display:flex}.view-toggle{color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.view-toggle:hover{color:var(--color-text)}.view-toggle.active{background:var(--bg-app);color:var(--color-accent)}.active-filters-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 2rem;animation:.2s ease-out slideDown;display:flex}.active-filters-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8rem;font-weight:600}.active-filters-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-chip{font-size:.78rem;font-family:var(--font-sans);border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-weight:500;display:flex}.tag-chip{color:#ff9d00;font-family:var(--font-mono);background:#ff9d001a;border:1px solid #ff9d0040}.recipe-chip{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid #00e67640}.prop-chip{color:#a855f7;background:#a855f71a;border:1px solid #a855f740}.chip-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:0;font-size:1.1rem;font-weight:700;line-height:1;transition:opacity .15s;display:flex}.chip-remove:hover{opacity:1}.btn-clear-all{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.78rem;font-weight:600;transition:opacity .15s}.btn-clear-all:hover{text-decoration:underline}.filters-panel{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filters-header h3{color:var(--color-accent);align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.filters-actions{align-items:center;gap:1rem;display:flex}.btn-text{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.btn-text:hover{color:var(--color-text)}.btn-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.btn-close:hover{color:var(--color-text)}.filters-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-height:400px;padding-right:.5rem;display:grid;overflow-y:auto}.filter-group{border:1px solid var(--border-color);background:#0003;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.filter-label{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.filter-input-wrapper{align-items:center;margin-bottom:.25rem;display:flex;position:relative}.filter-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:.6rem}.filter-input-wrapper input{background:var(--bg-app);border:1px solid var(--border-color);width:100%;color:var(--color-text);transition:var(--transition-fast);border-radius:6px;padding:.35rem 1.6rem .35rem 1.85rem;font-size:.82rem}.filter-input-wrapper input:focus{border-color:var(--border-color-focus);outline:none}.input-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:.4rem}.input-clear:hover{color:var(--color-text);background:#ffffff1a}.filter-no-results{color:var(--color-text-muted);padding:.35rem .25rem;font-size:.8rem;font-style:italic}.checkbox-options{flex-direction:column;gap:.35rem;max-height:140px;display:flex;overflow-y:auto}.checkbox-option{color:var(--color-text-muted);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.checkbox-option:hover{color:var(--color-text)}.checkbox-option.checked,.check-icon{color:var(--color-accent)}.main-content{max-width:1400px;min-height:calc(100vh - 120px);margin:0 auto;padding:2rem}.loading-state,.error-state,.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;margin-bottom:1.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{color:var(--color-danger);margin-bottom:.5rem}.error-state .subtext{color:var(--color-text-muted);margin-top:1rem}.error-state code{color:var(--color-text)}.empty-state h3{color:var(--color-text-muted);margin-top:1rem;margin-bottom:1.5rem}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 14px var(--color-accent-glow);transition:var(--transition-fast);border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px var(--color-accent-glow);transform:translateY(-1px)}.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.item-tile,.item-grid-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:var(--transition-fast);content-visibility:auto;contain-intrinsic-size:auto 180px;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.25rem;display:flex;position:relative;overflow:hidden}.item-tile:hover,.item-grid-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-focus);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.tile-icon-wrapper,.item-grid-card .card-icon-wrapper{background:#0003;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;margin-top:auto;margin-bottom:1rem;display:flex}.tile-icon-wrapper img,.item-grid-card .card-icon{object-fit:contain;width:48px;height:48px}.tile-info,.item-grid-card .card-info{width:100%}.tile-name,.item-grid-card .card-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;font-size:1.05rem;overflow:hidden}.tile-id,.item-grid-card .card-id{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;display:block;overflow:hidden}.item-grid-card.compact{border-radius:8px;gap:.35rem;padding:.6rem .4rem}.item-grid-card.compact .card-icon-wrapper{background:0 0;border:none;width:36px;height:36px;margin-bottom:0}.item-grid-card.compact .card-icon{width:32px;height:32px}.item-grid-card.compact .card-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.15rem;font-size:.75rem;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.item-grid-card.compact .card-id{text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:100%;font-size:.65rem;line-height:1.1;overflow:hidden}.mod-indicator{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.mod-indicator.mini{border-radius:4px;padding:.1rem .35rem;font-size:.6rem;line-height:1.2;display:inline-block;position:static}.mod-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.mod-indicator.betterend,.mod-badge.betterend{background:var(--color-betterend-bg);color:var(--color-betterend);border:1px solid var(--color-betterend-border)}.mod-indicator.betternether,.mod-badge.betternether{background:var(--color-betternether-bg);color:var(--color-betternether);border:1px solid var(--color-betternether-border)}.mod-indicator.wunderreich,.mod-badge.wunderreich{background:var(--color-wunderreich-bg);color:var(--color-wunderreich);border:1px solid var(--color-wunderreich-border)}.mod-indicator.minecraft,.mod-badge.minecraft{background:var(--color-minecraft-bg);color:var(--color-minecraft);border:1px dashed var(--color-minecraft-border)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.column-selector{position:relative}.column-selector-toggle{background:var(--bg-app);border:1px solid var(--border-color);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.column-selector-toggle:hover{border-color:var(--border-color-focus)}.column-menu{z-index:50;background:var(--bg-card-hover);border:1px solid var(--border-color-focus);border-radius:8px;width:250px;padding:.5rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 30px #0009}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.column-menu-header{color:var(--color-text-muted);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.35rem .5rem;font-size:.8rem;font-weight:600;display:flex}.column-menu-header button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.column-menu-options{flex-direction:column;gap:2px;max-height:250px;display:flex;overflow-y:auto}.column-menu-option{color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;font-size:.9rem;display:flex}.column-menu-option:hover{color:var(--color-text);background:#ffffff0d}.column-menu-option.disabled{opacity:.5;cursor:not-allowed}.column-menu-option.active{color:var(--color-accent)}.results-count{color:var(--color-text-muted);font-size:.9rem}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:.85rem 1rem;font-size:.95rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:#0003;font-size:.85rem;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--color-text);background:#0000004d}.col-icon{width:60px}.col-name{min-width:250px}.row-icon-wrapper{background:#0003;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.row-icon-wrapper img{width:28px;height:28px}.table-row{cursor:pointer;transition:var(--transition-fast)}.table-row:hover{background:#ffffff05}.name-id-cell{flex-direction:column;gap:.15rem;display:flex}.row-name{color:var(--color-text);font-weight:500}.row-id{color:var(--color-text-muted);font-size:.75rem}.row-mod-badge{text-transform:uppercase;border-radius:4px;align-self:flex-start;margin-top:.25rem;padding:.1rem .3rem;font-size:.6rem;font-weight:600}.row-mod-badge.betterend{background:var(--color-betterend-bg);color:var(--color-betterend)}.row-mod-badge.betternether{background:var(--color-betternether-bg);color:var(--color-betternether)}.badge{border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:600}.badge-true{color:var(--color-accent);background:#00e6761a}.badge-false{background:var(--color-danger-bg);color:var(--color-danger)}.val-text{color:var(--color-text);font-family:var(--font-mono);font-size:.85em}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}.modal-content{background:var(--bg-card);border:1px solid var(--border-color-focus);box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;min-width:0;max-width:1200px;max-height:90vh;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;min-width:0;max-width:100%;padding:1.5rem 2rem;display:flex}.modal-title-wrapper{align-items:center;gap:1.25rem;min-width:0;max-width:100%;display:flex}.modal-icon-wrapper{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.modal-icon-wrapper img{width:44px;height:44px}.modal-title-wrapper h2{color:var(--color-text);word-break:break-word;overflow-wrap:anywhere;margin-bottom:.15rem;font-size:1.4rem}.modal-close,.icon-btn{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.modal-close:hover,.icon-btn:hover{color:var(--color-text);background:#ffffff1a}.modal-close:focus-visible,.icon-btn:focus-visible{box-shadow:0 0 0 2px var(--color-accent)}.modal-body{box-sizing:border-box;flex-grow:1;min-width:0;max-width:100%;padding:2rem;overflow:hidden auto}.details-grid{grid-template-columns:minmax(0,1fr);gap:2rem;width:100%;min-width:0;max-width:100%;display:grid}@media (width>=900px){.details-grid{grid-template-columns:minmax(360px,450px) minmax(0,1fr)}}.details-panel{box-sizing:border-box;flex-direction:column;min-width:0;max-width:100%;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.05rem;display:flex}.spacing-top{margin-top:2rem}.properties-list{border:1px solid var(--border-color);background:#0003;border-radius:8px;flex-direction:column;max-height:400px;display:flex;overflow:hidden auto}.prop-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.prop-row:last-child{border-bottom:none}.prop-key{color:var(--color-text-muted);font-size:.9rem;font-family:var(--font-mono)}.prop-val{color:var(--color-text);font-size:.95rem;font-weight:500}.no-props{color:var(--color-text-muted);text-align:center;padding:1.5rem;font-size:.9rem}.tags-container{flex-wrap:wrap;gap:.5rem;display:flex}.tag-badge{color:#ff9d00;font-family:var(--font-mono);cursor:pointer;font-size:.75rem;line-height:inherit;background:#ff9d001a;border:1px solid #ff9d0040;border-radius:12px;align-items:center;padding:.2rem .6rem;text-decoration:none;transition:all .2s;display:inline-flex}.tag-badge-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-right:.35rem}.tag-badge:hover{color:#ffb700;background:#ff9d0040;border-color:#ff9d0080;transform:translateY(-1px)}.no-tags{color:var(--color-text-muted);font-size:.9rem;font-style:italic}.recipes-panel{flex-direction:column;display:flex}.recipes-list{flex-direction:column;gap:1.5rem;padding-right:.5rem;display:flex;overflow:hidden}.no-recipes{border:1px solid var(--border-color);color:var(--color-text-muted);background:#0003;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.recipe-card{border:1px solid var(--border-color);background:#0003;border-radius:12px;flex-shrink:0;overflow:hidden}.recipe-card-header{border-bottom:1px solid var(--border-color);background:#0000004d;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.6rem 1rem;display:flex}.recipe-type{text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-glow);border:1px solid #00e67633;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:700}.recipe-id{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.recipe-body{padding:1.25rem}.grid-slot,.result-slot{cursor:help;background:#373737;border:2px solid #222;border-color:#555 #222 #222 #555;border-radius:2px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;box-shadow:inset 2px 2px 5px #00000080}.result-slot{background:#4a4a4a;border:3px solid #111;border-color:#777 #111 #111 #777;width:60px;height:60px;box-shadow:inset 3px 3px 6px #0009}.slot-icon,.result-icon{width:32px;height:32px}.result-icon{width:36px;height:36px}.slot-count,.result-count{color:#fff;font-family:var(--font-sans);text-shadow:2px 2px #000;font-size:.75rem;font-weight:700;position:absolute;bottom:2px;right:4px}.fallback-slot-icon{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;font-size:.75rem;font-weight:700}.fallback-slot-icon.is-tag{color:#ff9d00}.arrow-indicator{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;font-size:1.8rem}.shaped-crafting-view{justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:.5rem;display:flex}.crafting-grid{background:#8b8b8b;border:3px solid #373737;border-color:#c6c6c6 #373737 #373737 #c6c6c6;border-radius:4px;grid-template-columns:repeat(3,50px);gap:4px;padding:6px;display:grid}.furnace-alloy-view{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:.75rem;display:flex}.recipe-slots-row{justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.furnace-inputs{flex-direction:column;gap:8px;display:flex}.furnace-flame-arrow{flex-direction:column;align-items:center;gap:4px;display:flex}.flame-icon{font-size:1.4rem;animation:.4s ease-in-out infinite alternate fire-flicker}@keyframes fire-flicker{0%{filter:drop-shadow(0 0 2px orange);transform:scale(1)}to{filter:drop-shadow(0 0 5px red);transform:scale(1.15)}}.recipe-extra-info{color:var(--color-text-muted);text-align:center;width:100%;margin-top:.75rem;font-size:.78rem}.divider{color:var(--border-color);margin:0 .5rem}.anvil-smithing-view{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:.75rem;display:flex}.anvil-inputs{align-items:center;gap:8px;display:flex}.smithing-hammer-slot{background:#2a2a2a;border:2px dashed #444;border-radius:2px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.smithing-hammer-slot .tool-badge{text-align:center;color:#fff;font-size:.65rem;font-family:var(--font-sans);text-shadow:1px 1px #000;font-weight:700;position:absolute;bottom:2px;left:0;right:0}.grid-slot.clickable,.smithing-hammer-slot.clickable{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.grid-slot.clickable:hover,.smithing-hammer-slot.clickable:hover{border-color:var(--primary);z-index:10;transform:scale(1.08);box-shadow:0 0 10px #a855f780}.hammer-mini-icon{color:var(--color-text-muted);font-size:1.2rem}.smithing-transform-view{justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:.5rem;display:flex}.smithing-slots{gap:6px;display:flex}.stonecutting-view{justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:.5rem;display:flex}.stonecutter-icon-wrapper{flex-direction:column;align-items:center;display:flex}.stonecutter-icon{font-size:1.4rem;animation:5s linear infinite rotateGear;display:inline-block}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.infusion-view{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem 0;display:flex}.infusion-circle{background:#b388ff0d;border:1px dashed #b388ff33;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.infusion-center-slot{z-index:10;background:#2b2b2b;border:2px solid #6b5b95;border-radius:2px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;box-shadow:0 0 10px #6b5b9566}.center-icon{width:28px;height:28px}.infusion-catalyst-slot{background:#1b1b1b;border:1px solid #b388ff66;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;box-shadow:inset 1px 1px 3px #000c}.catalyst-icon{width:20px;height:20px}.infusion-time{color:var(--color-betterend);font-size:.75rem;position:absolute;bottom:0}.pos-north{top:4px;left:calc(50% - 16px)}.pos-north_east{top:22px;right:22px}.pos-east{top:calc(50% - 16px);right:4px}.pos-south_east{bottom:22px;right:22px}.pos-south{bottom:4px;left:calc(50% - 16px)}.pos-south_west{bottom:22px;left:22px}.pos-west{top:calc(50% - 16px);left:4px}.pos-north_west{top:22px;left:22px}.recipe-fallback-json{max-height:150px;font-family:var(--font-mono);color:#8da6c9;background:#0006;border-radius:6px;padding:.5rem;font-size:.8rem;overflow-y:auto}.count-badge{font-family:var(--font-mono);color:var(--color-text-muted);margin-left:.25rem;font-size:.8rem}.col-tags{min-width:200px}.tags-container-mini{flex-wrap:wrap;gap:.25rem;max-height:80px;padding:.2rem 0;display:flex;overflow-y:auto}.tag-badge-mini{color:#ff9d00;font-family:var(--font-mono);white-space:nowrap;background:#ff9d0014;border:1px solid #ff9d002e;border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.lang-selector-wrapper{margin-left:.5rem}.lang-dropdown{background:var(--bg-card);border:1px solid var(--border-color);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border-radius:6px;outline:none;padding:.2rem .5rem;font-size:.8rem}.lang-dropdown:hover,.lang-dropdown:focus{border-color:var(--color-accent)}.col-recipe-types{min-width:150px}.recipe-types-container-mini{flex-wrap:wrap;gap:.25rem;max-height:80px;padding:.2rem 0;display:flex;overflow-y:auto}.recipe-type-badge-mini{background:var(--color-accent-glow);color:var(--color-accent);font-family:var(--font-mono);white-space:nowrap;text-transform:uppercase;border:1px solid #00e67633;border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.version-selection{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--color-text-muted);margin-top:50px;margin-bottom:50px;padding-top:1rem;font-size:.8rem}.footer a{color:var(--color-accent);margin-left:4px;margin-right:4px}.footer a:hover{text-decoration:underline}.loot-table-container{border:1px solid var(--border-color);background:#00000026;border-radius:8px;flex-direction:column;gap:1.25rem;max-height:400px;margin-top:.5rem;padding:1rem;display:flex;overflow-y:auto}.loot-pool-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.loot-pool-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.pool-title{color:var(--color-accent);font-size:.85rem;font-weight:600}.pool-rolls{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.pool-conditions{background:#0000001a;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem;display:flex}.condition-badge{color:#ef5350;text-transform:capitalize;background:#ef53501a;border:1px solid #ef535033;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.loot-entries{flex-direction:column;display:flex}.loot-entry-row{transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.loot-entry-row:last-child{border-bottom:none}.loot-entry-row.clickable{cursor:pointer}.loot-entry-row.clickable:hover{background:#ffffff0d}.loot-entry-left{align-items:center;gap:.75rem;display:flex}.slot-icon-wrapper{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.loot-icon{object-fit:contain;width:20px;height:20px}.loot-entry-info{flex-direction:column;gap:.15rem;display:flex}.loot-entry-name{color:var(--color-text);font-size:.85rem;font-weight:500}.loot-entry-conditions{flex-wrap:wrap;gap:.25rem;display:flex}.loot-cond{color:var(--color-text-muted);background:#ffffff0f;border-radius:3px;padding:.05rem .3rem;font-size:.65rem}.loot-entry-right{align-items:center;display:flex}.loot-entry-count{color:var(--color-text);font-size:.8rem;font-weight:600;font-family:var(--font-mono);background:#ffffff1a;border-radius:4px;padding:.1rem .4rem}.loot-entry-row.highlighted-loot{border-left:3px solid var(--color-accent);background:#00e67614}.loot-entry-row.highlighted-loot:hover{background:#00e6761f}.reverse-loot-container{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.reverse-block-header{transition:all var(--transition-fast);background:#00e67614;border:1px solid #00e67633;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.reverse-block-header.clickable{cursor:pointer}.reverse-block-header.clickable:hover{border-color:var(--color-accent);background:#00e67626;box-shadow:0 0 10px #00e67626}.block-icon-mini{object-fit:contain;width:20px;height:20px}.block-name-mini{color:var(--color-accent);font-size:.85rem;font-weight:600}.mini-loot-table{border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:-.5rem}.no-loot{text-align:center;color:var(--color-text-muted);padding:1rem;font-size:.85rem}.fallback-slot-icon.mini-icon{border-radius:3px;width:20px;height:20px;font-size:.65rem;line-height:20px}.special-tag-badge{font-family:var(--font-mono);color:#ff9d00;vertical-align:middle;background:#ff9d001a;border:1px solid #ff9d0040;border-radius:12px;align-items:center;font-size:.75rem;transition:all .2s;display:inline-flex;overflow:hidden}.special-tag-badge:hover{background:#ff9d002e;border-color:#ff9d0080;transform:translateY(-1px)}.special-tag-badge.chip{background:#ff9d0026;border-color:#ff9d0059;border-radius:16px;font-size:.8rem}.tag-main-btn{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem .5rem;display:inline-flex}.tag-main-btn:disabled{cursor:default}.tag-eye-btn,.tag-remove-btn{color:#ff9d00b3;cursor:pointer;background:0 0;border:none;border-left:1px solid #ff9d0033;justify-content:center;align-items:center;padding:.2rem .4rem;transition:all .15s;display:inline-flex}.tag-eye-btn:hover{color:#fff;background:#ff9d0059}.tag-remove-btn:hover{color:var(--color-danger);background:#ff525233}.filter-item-row{justify-content:space-between;align-items:center;width:100%;display:flex}.filter-item-row .checkbox-option{flex-grow:1}.filter-item-eye-btn{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.3rem .4rem;display:flex}.filter-item-eye-btn:hover{color:#ff9d00;background:#ff9d0026}.tag-details-modal{max-width:1300px}.tag-icon-large{width:56px;height:56px;padding:4px}.tag-icon-large img{object-fit:contain;width:44px;height:44px}.fallback-tag-icon{color:#ff9d00}.tag-title-row{align-items:center;gap:.75rem;display:flex}.tag-title-row h2{color:#ff9d00;font-size:1.5rem}.tag-sub-id{align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.tag-item-count{color:var(--color-text-muted);font-size:.85rem}.tag-section{margin-bottom:2rem}.tag-items-grid{border:1px solid var(--border-color);background:#00000040;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;padding:.5rem;display:grid}.tag-item-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .4rem;transition:all .2s;display:flex}.tag-item-card:hover{border-color:var(--color-accent);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.tag-item-icon-wrapper{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tag-item-icon{object-fit:contain;width:32px;height:32px}.tag-item-name{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.tag-details-split{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=900px){.tag-details-split{grid-template-columns:1fr 1fr}}.tag-loot-tables-list{flex-direction:column;gap:1.25rem;display:flex}.tag-loot-card{border:1px solid var(--border-color);background:#0003;border-radius:8px;padding:.75rem}.loot-table-id-header{margin-bottom:.5rem}.load-more-sentinel{justify-content:center;align-items:center;width:100%;padding:2rem 0;display:flex}.sentinel-badge{background:var(--bg-card);border:1px solid var(--border-color);color:var(--color-text-muted);border-radius:20px;padding:.5rem 1.25rem;font-size:.85rem;box-shadow:0 4px 12px #0003}.table-row{content-visibility:auto;contain-intrinsic-size:auto 45px}.view-toggle.bom-toggle{color:#818cf8;background:#4f46e526;border-color:#4f46e566;border-radius:6px;gap:.4rem;width:auto;padding:.4rem .75rem}.view-toggle.bom-toggle:hover{color:#a5b4fc;background:#4f46e540}.view-toggle.bom-toggle.active{color:#fff;background:#4f46e5;border-color:#6366f1;box-shadow:0 0 12px #4f46e566}.bom-tab-text{font-size:.85rem;font-weight:600}.bom-badge-count{color:#fff;background:#ffffff40;border-radius:10px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.modal-header-actions{align-items:center;gap:.75rem;display:flex}.modal-bom-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #4f46e54d}.modal-bom-btn:hover{background:linear-gradient(135deg,#6366f1,#60a5fa);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e580}.recipe-tree-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:relative}.card-expanded-body .recipe-tree-container{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:0}.tree-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.root-icon-box{border:1px solid var(--border-color);background:#0000004d;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.root-icon-box img{object-fit:contain;width:36px;height:36px}.header-left h2{color:var(--color-text);margin:0;font-size:1.35rem}.root-id{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8rem}.qty-control-group{border:1px solid var(--border-color);background:#00000040;border-radius:8px;align-items:center;gap:.75rem;padding:.4rem .8rem;display:flex}.qty-control-group label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.qty-input-wrap input{border:1px solid var(--border-color);color:#fff;text-align:center;background:#0006;border-radius:4px;width:65px;padding:.25rem .5rem;font-size:.95rem;font-weight:600}.quick-qty-btns{gap:.25rem;display:flex}.quick-btn{border:1px solid var(--border-color);color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:.2rem .45rem;font-size:.75rem;transition:all .15s}.quick-btn:hover{color:#fff;background:#ffffff26}.quick-btn.active{background:var(--color-accent);color:#000;border-color:var(--color-accent);font-weight:700}.header-right{align-items:center;gap:.75rem;display:flex}.reset-btn{border:1px solid var(--border-color);color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.85rem;transition:all .2s;display:flex}.reset-btn:hover{color:#fff;background:#ffffff1a}.add-bom-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #10b9814d}.add-bom-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 4px 14px #10b98180}.tree-instructions-banner{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.tree-viewport{flex-direction:column;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tree-branch-wrapper{margin-left:calc(var(--depth) * 1.75rem);flex-direction:column;display:flex;position:relative}.tree-branch-wrapper:before{content:"";width:2px;display:calc(var(--depth)) ? "block" : "none";background:#ffffff1a;position:absolute;top:1.2rem;bottom:0;left:-1rem}.tree-node-card{border:1px solid var(--border-color);cursor:pointer;background:#00000059;border-radius:8px;align-items:center;gap:.85rem;margin-top:.5rem;padding:.6rem 1rem;transition:all .2s;display:flex;position:relative}.tree-node-card:hover{background:#4f46e526;border-color:#6366f1;transform:translate(3px)}.tree-node-card.is-raw{border-left:4px solid #10b981}.tree-node-card.has-recipe{border-left:4px solid #818cf8}.node-icon-wrapper{background:#0006;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.node-icon{object-fit:contain;width:26px;height:26px}.node-info{flex-direction:column;flex-grow:1;display:flex}.node-name{color:var(--color-text);font-size:.95rem;font-weight:600}.node-sub{align-items:center;gap:.5rem;display:flex}.node-code{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.node-tag-badge{color:#fbbf24;font-size:.7rem;font-family:var(--font-mono);background:#f59e0b26;border-radius:4px;align-items:center;gap:.25rem;padding:.1rem .4rem;display:inline-flex}.node-meta{align-items:center;gap:.75rem;display:flex}.node-qty{color:var(--color-accent);background:#ffffff0d;border-radius:4px;padding:.2rem .5rem;font-size:1rem;font-weight:700}.node-status-pill{border-radius:12px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.node-status-pill.raw{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.node-status-pill.recipe{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.edit-hint{color:var(--color-text-muted);opacity:.6}.tree-node-card:hover .edit-hint{color:#6366f1;opacity:1}.node-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;border-radius:12px;position:absolute;inset:0}.node-modal-popover{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) popIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.node-modal-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.node-title-box{align-items:center;gap:1rem;display:flex}.node-icon-frame{background:#0006;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.node-icon-frame img{object-fit:contain;width:32px;height:32px}.node-title-box h3{color:#fff;margin:0;font-size:1.15rem}.qty-badge{color:var(--color-accent);margin-right:.5rem;font-size:.8rem;font-weight:600}.tag-pill{color:#fbbf24;font-size:.75rem;font-family:var(--font-mono)}.node-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.config-stage{flex-direction:column;gap:.85rem;display:flex}.stage-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.stage-step{background:var(--color-accent);color:#000;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.stage-header h4{color:var(--color-text);flex-grow:1;margin:0;font-size:.95rem}.tag-code{font-family:var(--font-mono);color:#fbbf24}.cycle-btn{color:#818cf8;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.cycle-btn:hover{color:#fff;background:#6366f14d}.tag-items-grid{border:1px solid var(--border-color);background:#0003;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:160px;padding:.5rem;display:grid;overflow-y:auto}.tag-item-chip{border:1px solid var(--border-color);color:var(--color-text-muted);cursor:pointer;text-align:left;background:#ffffff08;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .5rem;transition:all .15s;display:flex}.tag-item-chip:hover{color:#fff;background:#ffffff1a}.tag-item-chip.selected{color:#fff;background:#4f46e540;border-color:#6366f1;font-weight:600}.chip-icon{object-fit:contain;width:20px;height:20px}.chip-label{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;font-size:.75rem;overflow:hidden}.check-icon{color:#34d399}.recipe-options-list{flex-direction:column;gap:.75rem;display:flex}.recipe-option-card{border:1px solid var(--border-color);text-align:left;cursor:pointer;background:#0000004d;border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem;transition:all .2s;display:flex;position:relative}.recipe-option-card:hover{background:#6366f114;border-color:#6366f180}.recipe-option-card.active{background:#4f46e526;border-color:#6366f1;box-shadow:0 0 12px #4f46e533}.option-header{justify-content:space-between;align-items:center;display:flex}.option-title{color:#fff;font-size:.9rem;font-weight:600}.badge.raw-badge{color:#34d399;background:#10b98126;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.yield-badge{color:#a5b4fc;background:#6366f133;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.option-desc{color:var(--color-text-muted);margin:0;font-size:.8rem}.option-ingredients{flex-direction:column;gap:.35rem;margin-top:.25rem;display:flex}.ing-label{color:var(--color-text-muted);font-size:.75rem}.ing-icons-row{flex-wrap:wrap;gap:.35rem;display:flex}.ing-mini-tag{border:1px solid var(--border-color);background:#0006;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.75rem;display:inline-flex}.ing-mini-tag img{object-fit:contain;width:16px;height:16px}.ing-count{color:var(--color-accent);font-weight:600}.option-selected-marker{color:#34d399;align-self:flex-end;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:flex}.node-modal-footer{border-top:1px solid var(--border-color);background:#0003;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.primary-btn{background:var(--color-accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-weight:700;transition:all .15s}.primary-btn:hover{background:#fcd34d}.bom-view-container{flex-direction:column;gap:1.75rem;padding-bottom:2rem;display:flex}.bom-warning-banner{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.banner-icon{margin-top:.1rem}.banner-content strong{margin-bottom:.25rem;font-size:.95rem;display:block}.banner-content p{color:#ffffffd9;margin:0;font-size:.85rem}.bom-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.toolbar-title{align-items:center;gap:.85rem;display:flex}.toolbar-title h2{align-items:center;gap:.5rem;margin:0;font-size:1.4rem;display:flex}.bom-count-pill{color:#a5b4fc;background:#4f46e533;border:1px solid #4f46e54d;border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.toolbar-actions{gap:.75rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-btn.secondary{color:#fff;border:1px solid var(--border-color);background:#ffffff14}.action-btn.secondary:hover{background:#ffffff26}.action-btn.danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.action-btn.danger:hover{color:#fff;background:#ef44444d}.bom-empty-state{background:var(--bg-card);border:1px dashed var(--border-color);text-align:center;color:var(--color-text-muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon{color:var(--color-text-muted);opacity:.4;margin-bottom:1rem}.bom-empty-state h3{color:#fff;margin:0 0 .5rem}.bom-section{flex-direction:column;gap:1rem;display:flex}.section-title h3{color:var(--color-accent);margin:0;font-size:1.15rem}.sub-hint{color:var(--color-text-muted);font-size:.85rem}.bom-entries-grid{flex-direction:column;gap:1rem;display:flex}.bom-entry-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.entry-main-info{align-items:center;gap:.85rem;display:flex}.entry-icon-frame{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.entry-icon-frame img{object-fit:contain;width:30px;height:30px}.entry-name{color:#fff;margin:0;font-size:1.05rem}.entry-id{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.entry-qty-wrap{border:1px solid var(--border-color);background:#00000040;border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .6rem;display:flex}.entry-qty-wrap label{color:var(--color-text-muted);font-size:.8rem}.entry-qty-wrap input{border:1px solid var(--border-color);color:#fff;text-align:center;background:#0006;border-radius:4px;width:60px;padding:.2rem .4rem;font-weight:600}.entry-card-actions{align-items:center;gap:.5rem;display:flex}.card-btn{border:1px solid var(--border-color);color:var(--color-text);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.card-btn:hover{background:#ffffff1f}.card-btn.icon-only{padding:.4rem}.card-btn.danger:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.card-expanded-body{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem}.section-title-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-search-box{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.table-search-box input{color:#fff;background:0 0;border:none;outline:none;font-size:.85rem}.bom-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.bom-summary-table{border-collapse:collapse;text-align:left;width:100%}.bom-summary-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:#0006;padding:.85rem 1rem;font-size:.8rem}.bom-summary-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem;font-size:.9rem}.bom-summary-table tr:last-child td{border-bottom:none}.mat-info-row{align-items:center;gap:.75rem;display:flex}.mat-icon-frame{background:#0000004d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mat-icon-frame img{object-fit:contain;width:22px;height:22px}.mat-name{color:#fff;font-weight:600}.qty-highlight{color:var(--color-accent);font-size:1rem;font-weight:700}.stack-badge{color:#34d399;background:#10b98126;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.subtle-text{color:var(--color-text-muted);font-size:.8rem}.usage-chips{flex-wrap:wrap;gap:.35rem;display:flex}.usage-chip{border:1px solid var(--border-color);color:var(--color-text-muted);background:#ffffff0d;border-radius:4px;padding:.15rem .45rem;font-size:.75rem}.usage-chip strong{color:#fff}.empty-table-cell{text-align:center;color:var(--color-text-muted);padding:2rem!important}.tree-builder-page{flex-direction:column;gap:1rem;display:flex}.back-link-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.9rem;font-weight:600;transition:opacity .15s}.back-link-btn:hover{opacity:.8;text-decoration:underline}.tree-layout-toggles{border:1px solid var(--border-color);background:#0000004d;border-radius:6px;gap:.2rem;padding:.2rem;display:flex}.layout-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.layout-toggle:hover{color:#fff;background:#ffffff14}.layout-toggle.active{background:var(--color-accent);color:#000;font-weight:700}.tree-viewport.graph-layout{border:1px solid var(--border-color);background:#00000040;border-radius:10px;padding:1.5rem 1rem}.graph-viewport-content{justify-content:center;align-items:flex-start;min-width:min-content;padding:.5rem;display:flex}.graph-branch-col{flex-direction:column;align-items:center;display:flex}.graph-node-box{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:.4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.graph-node-box:hover{transform:translateY(-3px)scale(1.05)}.graph-node-box:focus-visible{outline:2px solid var(--color-accent)}.graph-circle-node{background:radial-gradient(circle at 35% 35%,#3d4351 0%,#222630 100%);border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 14px #0006,inset 0 1px 2px #fff3}.graph-node-box:hover .graph-circle-node{border-color:#818cf8;box-shadow:0 6px 20px #6366f166,inset 0 1px 3px #ffffff4d}.graph-node-box.is-raw .graph-circle-node{border-color:#10b98199}.graph-node-box.is-raw:hover .graph-circle-node{border-color:#34d399;box-shadow:0 6px 20px #10b98166}.graph-circle-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:36px;height:36px}.graph-circle-fallback{color:var(--color-text-muted)}.graph-qty-pill{background:var(--color-accent);color:#000;border:1px solid #0000004d;border-radius:10px;padding:.1rem .4rem;font-size:.72rem;font-weight:800;line-height:1.1;position:absolute;top:-4px;right:-6px;box-shadow:0 2px 6px #00000080}.graph-status-dot{border:2px solid #222630;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:0;box-shadow:0 2px 4px #0006}.graph-status-dot.raw{background:#34d399}.graph-status-dot.recipe{background:#818cf8}.graph-status-dot.tag{background:#fbbf24}.graph-node-text{text-align:center;flex-direction:column;align-items:center;max-width:110px;display:flex}.graph-node-title{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.graph-tag-sub{color:#fbbf24;font-size:.7rem;font-family:var(--font-mono)}.graph-stem-down{background:#fff6;flex-shrink:0;width:2px;height:16px;margin:0 auto}.graph-children-row{justify-content:center;display:flex;position:relative}.branch-connector-svg{flex-shrink:0;display:block;overflow:visible}.owned-input-wrap input{border:1px solid var(--border-color);color:#fff;text-align:center;background:#0006;border-radius:6px;width:70px;padding:.25rem .5rem;font-size:.9rem;font-weight:600;transition:all .15s}.owned-input-wrap input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 8px #f59e0b4d}.status-badge{border-radius:12px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-badge.complete{color:#34d399;background:#10b98133;border:1px solid #10b98166;box-shadow:0 0 10px #10b98140}.status-badge.pending{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.bom-summary-table tr.row-fulfilled{background:#10b9810a}.qr-modal-content{background:var(--bg-card);border:1px solid var(--border-color);z-index:2005;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:440px;padding:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0009}.qr-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.qr-title-group{color:var(--color-accent);align-items:center;gap:.6rem;display:flex}.qr-title-group h3{color:var(--color-text);margin:0;font-size:1.15rem}.qr-modal-body{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.qr-preview-frame{background:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:260px;min-height:260px;padding:12px;display:flex;box-shadow:0 8px 24px #0000004d,0 0 15px #6366f133}.qr-image{width:260px;height:260px;display:block}.qr-instructions{text-align:center;color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.45}.share-url-box{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;gap:.5rem;width:100%;padding:.4rem;display:flex}.share-url-box .url-input{color:#fff;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:.3rem .5rem;font-size:.8rem;overflow:hidden}.share-url-box .url-input:focus{outline:none}.copy-url-btn{background:var(--color-accent);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.copy-url-btn:hover{background:#f59e0b}.qr-modal-footer{justify-content:flex-end;display:flex}.shared-bom-banner{background:linear-gradient(135deg,#6366f140,#3b82f640);border:1px solid #6366f166;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 20px #6366f133}.shared-banner-left{align-items:center;gap:.85rem;display:flex}.banner-icon-frame{color:#818cf8;background:#6366f14d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.banner-text{flex-direction:column;gap:.15rem;display:flex}.banner-text strong{color:#fff;font-size:.95rem}.banner-text span{color:#c7d2fe;font-size:.82rem}.shared-banner-actions{align-items:center;gap:.5rem;display:flex}.banner-btn{cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.banner-btn.primary{background:var(--color-accent);color:#000;border:none;font-weight:700}.banner-btn.primary:hover{background:#f59e0b}.banner-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.banner-btn.secondary:hover{background:#fff3}.banner-btn.ghost{color:#a5b4fc;background:0 0;border:none}.banner-btn.ghost:hover{color:#fff}@media (width<=768px){html,body{max-width:100vw;overflow-x:hidden}.modal-backdrop{box-sizing:border-box;align-items:flex-end;width:100vw;max-width:100vw;padding:.5rem}.modal-content{box-sizing:border-box;border-radius:14px 14px 0 0;width:100%;max-width:calc(100vw - 1rem);max-height:94vh;margin:0 auto;overflow-x:hidden}.modal-header{box-sizing:border-box;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;padding:.85rem 1rem}.modal-title-wrapper{flex-wrap:wrap;flex-grow:1;gap:.75rem;min-width:0;max-width:100%}.modal-icon-wrapper{width:44px;min-width:44px;height:44px}.modal-icon-wrapper img{width:30px;height:30px}.modal-title-wrapper h2{word-break:break-word;overflow-wrap:anywhere;font-size:1.15rem}.modal-header-actions{justify-content:space-between;gap:.5rem;width:100%}.modal-bom-btn{flex:1;justify-content:center;padding:.35rem .65rem;font-size:.78rem}.modal-body{box-sizing:border-box;width:100%;max-width:100%;padding:.85rem;overflow-x:hidden}.details-grid{gap:1.25rem;width:100%;min-width:0;max-width:100%}.details-panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.properties-list{width:100%;max-width:100%;max-height:300px}.prop-row{flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem;font-size:.85rem}.prop-key,.prop-val{word-break:break-word;overflow-wrap:anywhere;max-width:100%}.special-tag-badge{box-sizing:border-box;max-width:100%}.tag-main-btn{min-width:0;max-width:100%}.tag-label{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:inline-block;overflow:hidden}.tag-details-modal .tag-title-row{flex-wrap:wrap;gap:.5rem}.tag-sub-id code{word-break:break-all;overflow-wrap:anywhere;max-width:100%}.loot-table-container{box-sizing:border-box;width:100%;max-width:100%;padding:.5rem}.loot-entry-row{flex-wrap:wrap;gap:.35rem;padding:.4rem .5rem}.loot-entry-left,.loot-entry-info{min-width:0;max-width:100%}.loot-entry-name{word-break:break-word;overflow-wrap:anywhere;font-size:.82rem}.bom-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.toolbar-title{justify-content:space-between;width:100%}.toolbar-title h2{font-size:1.2rem}.toolbar-actions{flex-wrap:wrap;gap:.5rem;width:100%}.toolbar-actions .action-btn{flex:calc(50% - .25rem);justify-content:center;padding:.45rem .6rem;font-size:.8rem}.bom-entry-card{box-sizing:border-box;gap:.75rem;width:100%;max-width:100%;padding:1rem}.card-top{flex-direction:column;align-items:stretch;gap:.75rem}.entry-main-info{width:100%}.entry-qty-wrap{justify-content:space-between;width:100%}.entry-card-actions{justify-content:flex-end;gap:.5rem;width:100%}.entry-card-actions .card-btn{flex:auto;justify-content:center}.section-title-bar{flex-direction:column;align-items:stretch;gap:.75rem}.table-search-box{width:100%}.bom-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;max-width:100%;overflow-x:auto}.bom-summary-table{min-width:580px}.bom-summary-table th,.bom-summary-table td{padding:.55rem .65rem;font-size:.82rem}.mat-icon-frame{width:24px;min-width:24px;height:24px}.mat-icon-frame img{width:18px;height:18px}.app-header{padding:.75rem 1rem}.header-container{gap:.75rem}.quick-controls{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;max-width:100%}.search-box{width:100%;min-width:0}.tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;box-sizing:border-box;gap:3px;width:100%;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;text-align:center;flex:1 0 auto;padding:.4rem .6rem;font-size:.8rem}.bom-entry-card .card-expanded-body{border-top:1px solid var(--border-color);box-sizing:border-box;width:calc(100% + 2rem);margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem;padding:.75rem .5rem .25rem}.card-expanded-body .recipe-tree-container{box-shadow:none;background:0 0;border:none;width:100%;max-width:100%;padding:0}.recipe-tree-container{box-sizing:border-box;gap:1rem;width:100%;max-width:100%;padding:1rem}.tree-header{flex-direction:column;align-items:stretch;gap:.75rem;padding-bottom:1rem}.header-left{flex-wrap:wrap;gap:.75rem}.root-icon-box{width:40px;min-width:40px;height:40px}.root-icon-box img{width:28px;height:28px}.header-left h2{word-break:break-word;overflow-wrap:anywhere;font-size:1.15rem}.qty-control-group{justify-content:space-between;width:100%}.header-right{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%;max-width:100%}.header-right .tree-layout-toggles{flex:auto}.header-right .reset-btn{flex:none;justify-content:center}.header-right .add-bom-btn{box-sizing:border-box;flex:100%;justify-content:center;width:100%;margin-top:.25rem}}@media (width<=600px){.modal-backdrop{padding:.25rem}.modal-content{border-radius:12px 12px 0 0;max-width:calc(100vw - .5rem)}.modal-body{padding:.6rem}.recipe-card{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.recipe-card-header{padding:.5rem .75rem}.recipe-body{box-sizing:border-box;width:100%;max-width:100%;padding:.5rem}.shaped-crafting-view{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;max-width:100%;padding:.2rem}.crafting-grid{grid-template-columns:repeat(3,38px);gap:2px;padding:3px}.grid-slot{width:38px;height:38px}.result-slot{width:44px;height:44px}.slot-icon{width:22px;height:22px}.result-icon{width:26px;height:26px}.arrow-indicator{font-size:1.1rem}.recipe-slots-row{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;max-width:100%}.furnace-inputs,.anvil-inputs{flex-wrap:wrap;justify-content:center;gap:4px}.smithing-hammer-slot{width:38px;height:38px}.infusion-view{width:100%;max-width:100%}.infusion-circle{width:130px;height:130px}.infusion-center-slot{width:36px;height:36px}.center-icon{width:22px;height:22px}.infusion-catalyst-slot{width:26px;height:26px}.catalyst-icon{width:16px;height:16px}.pos-north{top:2px;left:calc(50% - 13px)}.pos-south{bottom:2px;left:calc(50% - 13px)}.pos-east{top:calc(50% - 13px);right:2px}.pos-west{top:calc(50% - 13px);left:2px}.pos-north_east{top:14px;right:14px}.pos-north_west{top:14px;left:14px}.pos-south_east{bottom:14px;right:14px}.pos-south_west{bottom:14px;left:14px}.tag-items-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}.node-modal-backdrop{z-index:2000}.node-modal-popover{border-radius:12px;z-index:2050!important;box-sizing:border-box!important;width:calc(100vw - 1rem)!important;max-width:440px!important;max-height:88vh!important;margin:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tree-branch-wrapper{margin-left:calc(var(--depth) * .85rem)}}@media (width<=480px){.modal-content{border-radius:10px 10px 0 0;max-width:100vw}.tag-label{max-width:120px}.crafting-grid{grid-template-columns:repeat(3,34px);gap:2px;padding:2px}.grid-slot{width:34px;height:34px}.result-slot{width:40px;height:40px}.slot-icon{width:20px;height:20px}.result-icon{width:24px;height:24px}.bom-summary-table .col-id,.bom-summary-table .cell-id{display:none}.bom-summary-table{min-width:100%}.toolbar-actions .action-btn{flex:100%}.qr-modal-content{width:calc(100vw - 1rem)!important;max-width:360px!important;padding:1rem!important}.qr-preview-frame{min-width:0;max-width:100%;padding:6px}.qr-image{max-width:200px;height:auto}}