.recipe-component{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:64px;border:0;background:none;padding:4px;color:inherit;cursor:pointer}.recipe-component small{margin-top:0}.recipe-table th,.recipe-table td{position:relative}.recipe-table .recipe-path-horizontal,.recipe-table .recipe-path-vertical{background:#fff6ce;box-shadow:inset 0 0 13px #e9bb3b29}.recipe-table .recipe-path-horizontal{border-top-color:#e6ca72;border-bottom-color:#e6ca72}.recipe-table .recipe-path-vertical{border-left-color:#e6ca72;border-right-color:#e6ca72}.recipe-table .recipe-path-target{background:#fff0ae;box-shadow:inset 0 0 0 2px #dbb34c,inset 0 0 20px #e9b72c33}.recipe-table .recipe-path-endpoint{background:#ffefb7;box-shadow:inset 0 0 0 2px #d5ad42,0 0 10px #d6ae4633;color:#6b5219}
.equipment-popover{position:fixed;inset:auto;margin:0;z-index:100;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;border:1px solid #a18a4d;border-radius:0;padding:21px 20px 19px;background:#151c28;color:#c8c7c1;box-shadow:0 0 0 2px #13181d,0 10px 35px #0005;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:14px;line-height:1.65;overscroll-behavior:contain}.equipment-popover::backdrop{background:transparent;pointer-events:none}.equipment-popover-title{display:flex;gap:15px;align-items:center;margin:0 18px 16px 0}.equipment-popover-title>img,.equipment-popover-recipe img{border:1px solid #777b7c;border-radius:0;object-fit:contain;flex:none}.equipment-popover-title h2{margin:0;color:#f1eddb;font-size:20px;font-weight:600;line-height:1.4}.equipment-popover-close{position:absolute;right:6px;top:3px;width:28px;height:28px;padding:0;background:none;border:0;color:#9e9d91;font-size:22px;cursor:pointer}.equipment-stat-list{margin:0 0 14px;display:grid;gap:5px}.equipment-stat-list>div{display:flex;align-items:center;justify-content:space-between;background:#0c131d;padding:3px 9px;gap:12px}.equipment-stat-list dt{display:flex;align-items:center;gap:8px;font-weight:400}.equipment-stat-list dt i{font-size:11px;color:#cb9b54;font-style:normal}.equipment-stat-list dd{margin:0;color:#d7d6cf;font-variant-numeric:tabular-nums}.equipment-effect p{margin:0 0 13px;white-space:pre-line}.equipment-effect p:last-child{margin-bottom:0}.equipment-popover-recipe{display:flex;align-items:center;gap:14px;margin-top:19px}.equipment-popover-recipe button{padding:0;border:0;background:none;cursor:pointer;display:flex}.equipment-popover-recipe b{font-size:24px;font-weight:400;color:#a8a89b}.equipment-data-missing{font-size:12px;color:#aaa79c}.equipment-popover :focus-visible{outline:2px solid #e2c275;outline-offset:3px}.recipe-component:focus-visible{outline:2px solid #b4933c;outline-offset:-3px}.recipe-cell:focus-visible{outline:2px solid #b4933c;outline-offset:-2px}@media(max-width:600px){.equipment-popover{width:310px;padding:18px;font-size:13px}.equipment-popover-title h2{font-size:18px}}
.equipment-stat-list .equipment-stat-icon{display:block;width:20px;height:20px;object-fit:contain;flex:none;border:0;border-radius:0}.equipment-stat-list dt{gap:8px}.equipment-stat-list>div{min-height:30px}
.equipment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.equipment-gallery-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:16px 10px;border:1px solid #dbe8f2;border-radius:8px;background:#fff;color:#285777;text-align:center;min-height:150px;cursor:pointer}.equipment-gallery-card>img{border:1px solid #b6a568;border-radius:4px;object-fit:contain}.equipment-gallery-card strong{font-size:13px}.equipment-gallery-card small{font-size:10px;color:#8192a0;line-height:1.7}.artifact-section .filter-row{margin:16px 0}.artifact-section #artifact-count{font-size:12px;color:#8192a0}.equipment-gallery-card:focus-visible{outline:2px solid #c5a341;outline-offset:3px}@media(hover:hover) and (pointer:fine){.equipment-gallery-card:hover{background:#f4f9ff;border-color:#8cb7da}}@media(max-width:600px){.equipment-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.equipment-gallery-card{padding:12px 5px;min-height:140px}.equipment-gallery-card strong{font-size:11px}.equipment-gallery-card small{font-size:9px}}
.equipment-stat-symbol{display:block;width:20px;height:20px;flex:none}.equipment-popover .equipment-stat-icon{filter:none;opacity:1}@supports(mask-image:url("")){.equipment-stat-symbol{background:var(--stat-color);mask-image:var(--stat-image);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--stat-image);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.equipment-popover .equipment-stat-symbol>.equipment-stat-icon{opacity:0}}