.comparison-item-wrapper{flex-direction:column;min-width:0;display:flex}.comparison-item-wrapper .item-card{border-radius:3px 3px 0 0;flex:1}.item-compare-button{border:1px solid var(--border-strong);background:var(--bg-3);width:100%;min-height:44px;color:var(--text-desc);font:.75rem/1.4 var(--font-ui);cursor:pointer;border-top:0;border-radius:0 0 3px 3px;display:block}.item-compare-button:hover,.item-compare-button[aria-pressed=true]{color:var(--accent-bright);background:var(--accent-dim)}.item-detail-actions{flex-direction:column;flex:none;align-items:stretch;gap:.5rem;display:flex}.comparison-tray{z-index:60;background:var(--bg-3);border-top:1px solid var(--accent);position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #0005}.comparison-tray-inner{max-width:var(--width-shell,1168px);align-items:center;gap:1rem;margin:auto;padding:.85rem 1rem;display:flex}.comparison-tray-title{flex:none;gap:.25rem;display:grid}.comparison-tray-title strong{font:600 .875rem/1.4 var(--font-ui);color:var(--text-emph)}.comparison-tray-title>span{color:var(--text-desc);font-size:.75rem}.comparison-tray-items{flex:1;gap:.5rem;min-width:0;display:flex}.comparison-chip{border:1px solid var(--border-strong);background:var(--bg-1);border-radius:3px;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.35rem;display:flex}.comparison-chip img{object-fit:contain;flex:none}.comparison-chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;overflow:hidden}.comparison-chip button{width:28px;height:28px;color:var(--text-desc);cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;font-size:1.2rem}.comparison-clear{border:1px solid var(--border-strong);background:var(--bg-3);min-height:44px;color:var(--text-desc);font:.875rem/1.4 var(--font-ui);cursor:pointer;border-radius:3px;padding:.6rem .85rem;text-decoration:none}.comparison-clear:hover,.comparison-chip button:hover{color:var(--accent-bright)}body:has(.comparison-tray){padding-bottom:100px}.comparison-notice{color:var(--accent-bright);margin:.65rem 0;font-size:.875rem}.comparison-tray .comparison-notice{max-width:1136px;margin:0 auto;padding:0 1rem .65rem}.comparison-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.5rem;display:flex}.comparison-toolbar .chip[aria-pressed=true]{background:var(--accent-dim);color:var(--accent-bright);border-color:var(--accent)}.comparison-help{color:var(--text-desc);margin:1rem 0;font-size:.875rem;line-height:1.7}.comparison-table-scroll{border:1px solid var(--border-strong);background:var(--bg-1);border-radius:4px;overflow-x:auto}.comparison-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:620px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;padding:.85rem 1rem}.comparison-table tr>:last-child{border-right:0}.comparison-table thead th{text-align:left;padding:1.25rem;font-weight:400}.comparison-table thead th:first-child{vertical-align:bottom;width:190px;color:var(--text-desc);font-size:.875rem}.comparison-table thead th>img{background:var(--bg-3);border:1px solid var(--item-grade);object-fit:contain;border-radius:3px;margin-bottom:.75rem;display:block}.comparison-table thead th>a{color:var(--item-grade);overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.comparison-item-meta{color:var(--text-desc);margin:.4rem 0 .7rem;font-size:.75rem;display:block}.comparison-item-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comparison-item-actions button{border:1px solid var(--border-strong);background:var(--bg-3);min-height:44px;color:var(--text-desc);font:.75rem/1.4 var(--font-ui);cursor:pointer;border-radius:3px;padding:.4rem .6rem}.comparison-item-actions button[aria-pressed=true],.comparison-item-actions button:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-dim)}.comparison-table tbody th{text-align:left;font:400 .875rem/1.55 var(--font-ui);color:var(--text-desc)}.comparison-table td{color:var(--text-emph);font:.875rem/1.6 var(--font-ui);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.comparison-table .comparison-section-row th{background:var(--bg-3);color:var(--text-emph);font-weight:600}.attribute-delta{color:var(--label);font-variant-numeric:tabular-nums;padding-top:.25rem;font-size:.8125rem;display:block}.attribute-delta[data-direction=up]{color:var(--success)}.attribute-delta[data-direction=down]{color:var(--danger)}.comparison-rolls{margin-top:1.5rem}.comparison-roll-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;display:grid}.comparison-roll-grid h2{color:var(--item-grade);font:600 .875rem/1.6 var(--font-ui)}.equipment-picker{border:1px solid var(--border-strong);background:var(--bg-1);border-radius:4px;margin-bottom:1.5rem;padding:1.25rem}.equipment-picker-controls{grid-template-columns:1fr 280px;align-items:end;gap:1rem;margin-bottom:1rem;display:grid}.comparison-search{color:var(--text-desc);gap:.35rem;font-size:.75rem;display:grid}.comparison-search input{appearance:none;background:var(--bg-3);border:1px solid var(--border-strong);min-height:42px;color:var(--text-emph);font:.875rem/1.5 var(--font-ui);border-radius:3px;width:100%;padding:.6rem .8rem}.comparison-search input::-webkit-search-cancel-button{-webkit-appearance:none}.equipment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:390px;display:grid;overflow-y:auto}.equipment-option{border:1px solid var(--border-strong);background:var(--bg-3);cursor:pointer;text-align:left;border-radius:3px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.equipment-option img{object-fit:contain;flex:none}.equipment-option>span:nth-child(2){flex:1;min-width:0}.equipment-option strong{color:var(--item-grade);font:500 .875rem/1.5 var(--font-ui);display:block}.equipment-option small{color:var(--text-desc);font:.75rem/1.5 var(--font-ui);margin-top:.25rem;display:block}.equipment-option-action{color:var(--text-desc);font:.75rem/1.5 var(--font-ui)}.equipment-option:hover,.equipment-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim)}.equipment-option:disabled{opacity:.5;cursor:wait}@media (max-width:900px){.comparison-tray-title{display:none}.comparison-tray-inner{gap:.5rem}.comparison-chip>span{display:none}.comparison-chip{flex:0 auto}.comparison-table thead th:first-child{width:150px}}@media (max-width:700px){.equipment-picker-controls,.equipment-options{grid-template-columns:1fr}.comparison-table{min-width:750px}.comparison-tray-items{gap:.2rem}.comparison-chip{gap:.2rem;padding:.2rem}.comparison-chip img{width:28px;height:28px}.comparison-chip button{width:22px}.comparison-tray-inner{padding:.6rem}.comparison-tray .game-button{padding-inline:.7rem;font-size:.75rem}.comparison-tray .comparison-clear{padding:.3rem;font-size:.75rem}.item-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.item-detail-actions:has(>:only-child){grid-template-columns:1fr}.item-detail-actions .game-button{width:100%;min-width:0}}.comparison-table[data-items="3"]{min-width:900px}.comparison-table thead th:not(:first-child){vertical-align:top}.comparison-table thead .comparison-item-actions{margin-top:.75rem}.comparison-scroll-controls{display:none}@media (max-width:700px){.comparison-scroll-controls{align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.comparison-scroll-controls>span{color:var(--text-desc);margin-right:auto;font-size:.75rem}.comparison-scroll-controls .game-button{min-width:44px;padding:.5rem}.comparison-table[data-items="1"]{min-width:0}.comparison-matrix:has(.comparison-table[data-items="1"]) .comparison-scroll-controls{display:none}.comparison-table thead th:first-child,.comparison-table tbody tr:not(.comparison-section-row)>th:first-child{z-index:1;background:var(--bg-1);box-shadow:1px 0 var(--border-strong);position:sticky;left:0}.comparison-table thead th:first-child{width:120px}.comparison-table[data-items="2"]{width:calc(200vw - 188px);min-width:calc(200vw - 188px)}.comparison-table[data-items="3"]{width:calc(300vw - 342px);min-width:calc(300vw - 342px)}.comparison-table thead th:not(:first-child){padding-bottom:7.5rem}.comparison-item-actions{flex-direction:column;align-items:stretch}.comparison-section-row th>span{display:inline-block;position:sticky;left:16px}}.comparison-toolbar>.chip{min-height:44px}.comparison-item-trade{color:var(--text-main);margin-bottom:.6rem;font-size:.75rem;display:block}.comparison-clear:hover{border-color:var(--accent);background:var(--accent-dim)}.comparison-roll-heading{color:var(--link);align-items:center;gap:.65rem;display:flex}.comparison-roll-heading img{object-fit:contain;flex:none}.equipment-option-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.4rem;min-width:0;display:grid}.equipment-option-row .equipment-option{min-width:0;text-decoration:none}.equipment-option-row[data-selected=true] .equipment-option{border-color:var(--accent);background:var(--accent-dim)}.equipment-select-action{min-width:72px;min-height:44px;padding-inline:.65rem;font-size:.75rem}.equipment-options{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-3)}.comparison-search input{height:44px;min-height:44px;padding-block:0}.comparison-toolbar .game-button{height:44px;min-height:44px;padding-top:0;padding-bottom:0}.comparison-stage{min-height:100svh}.comparison-table[data-compared] tbody tr:not(.comparison-section-row):not([data-differs]) td{color:var(--text-desc)}.comparison-table[data-compared] tbody tr[data-differs]>*{background:#6f9cc41a}.comparison-table[data-compared] tbody tr[data-differs]>th{color:var(--text-emph)}.comparison-pinned{display:none}@media (min-width:701px){.comparison-pinned{top:var(--header-height);z-index:5;height:0;display:block;position:sticky}.comparison-pinned>div{background:var(--bg-3);border:1px solid var(--border-strong);opacity:0;pointer-events:none;grid-template-columns:190px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;transition:opacity .16s,translate .16s;display:grid;translate:0 -4px;box-shadow:0 10px 24px #00000059}.comparison-pinned[data-visible]>div{opacity:1;translate:0}}@media (min-width:701px) and (max-width:900px){.comparison-pinned>div{grid-template-columns:150px}}.comparison-pinned-item{align-items:center;gap:.65rem;min-width:0;padding:.5rem 1rem;display:flex}.comparison-pinned-item img{border:1px solid var(--item-grade);background:var(--bg-1);object-fit:contain;border-radius:3px;flex:none}.comparison-pinned-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--item-grade);font:600 .875rem/1.4 var(--font-ui);overflow:hidden}.comparison-toolbar .share-link{margin-left:auto}@media (max-width:700px){.comparison-toolbar .share-link{margin-left:0}}@media (min-width:1001px){@container content (max-width:700px){.equipment-picker-controls,.equipment-options{grid-template-columns:1fr}.comparison-pinned{display:none}}}
