.item-table{table-layout:fixed;font-size:14px}.item-table th:nth-child(1){width:23%}.item-table th:nth-child(2){width:16%}.item-table th:nth-child(3){width:34%}.item-table th:nth-child(4){width:27%}.item-table ul{margin:0;padding-left:17px}.item-table li+li{margin-top:6px}.item-name{display:flex;gap:8px;align-items:center}.item-name b{display:block;line-height:1.3}.item-name small{display:block;font:11px/1.5 system-ui,sans-serif;margin-top:5px}.item-sprite{display:block;flex:0 0 64px;width:64px;height:64px;background-image:url(guide/items.webp?v=2f309e7a5bf6);background-size:1024px auto;background-repeat:no-repeat}.item-table details{font-size:12px;margin-top:8px}.item-table summary{cursor:pointer}.item-none{font-style:italic;color:#6f5b45}:is(#items,#pills) .guide-table-hint{display:none}
@media(max-width:860px){:is(#items,#pills) .item-table-wrap{border:0;overflow:visible}:is(#items,#pills) .item-table,:is(#items,#pills) tbody{display:block;min-width:0;width:100%}:is(#items,#pills) thead{display:none}:is(#items,#pills) tr{display:block;margin:12px 0;border:1px solid #806748;border-radius:5px;overflow:hidden;background:#f1e4c4}:is(#items,#pills) tr[hidden]{display:none}:is(#items,#pills) td,:is(#items,#pills) td:first-child{display:block;position:static;width:auto;min-width:0;max-width:none;box-shadow:none;border:0;border-top:1px solid #80674855;padding:10px;background:transparent}:is(#items,#pills) td:first-child{border-top:0;background:#e5d2aa}:is(#items,#pills) td:not(:first-child)::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:5px}:is(#items,#pills) .item-name small{font-size:12px}:is(#items,#pills) .item-table ul{padding-left:18px}}

.pill-sprite{display:block;flex:0 0 48px;width:48px;height:48px;image-rendering:pixelated}.pill-table small{font-size:11px}
.tablewrap :is(th,td){overflow-wrap:anywhere}
.item-name{flex-wrap:wrap;gap:6px 8px}
.item-name>div{flex:1 1 72px;min-width:0}
.pill-table th:nth-child(1){width:28%}.pill-table th:nth-child(2){width:23%}.pill-table th:nth-child(3){width:31%}.pill-table th:nth-child(4){width:18%}

#items:not(.show-unfinished) tr[data-implementation="unfinished"]{display:none}.item-status{display:block;font:600 11px/1.5 system-ui;margin-top:5px}.item-status.ready{color:#276339}.item-status.pending{color:#8b3d21}.item-ready-filter{display:flex;gap:8px;align-items:center;margin:12px 0}.item-ready-filter input{width:auto}.item-table td{overflow-wrap:anywhere;vertical-align:top}.item-name>div{min-width:0}
