.items-mode .sample-banner{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 20px;background:#233a4d;border-bottom:1px solid #5e7e94;color:#dbeaf3;font-size:12px}
.items-mode .sample-banner strong{color:#efd59e}
.items-mode .sample-banner span{color:#a8c1d3}
.items-mode #mode-change,.items-mode .policy-scope,.items-mode .class-summary-portrait,.items-mode #filter-context{display:none!important}
.items-mode .page-title .subtitle{display:block!important;margin-top:7px}
.items-mode .page-title .eyebrow{display:none!important}
.items-mode .page-title h1{font-size:28px!important}
.items-mode .mode-current{margin-top:20px}
#target-picker{width:min(980px,95vw);max-width:980px}
#target-body .target-option{display:grid;grid-template-columns:20px 48px minmax(140px,1fr) minmax(200px,.8fr);align-items:center;gap:14px;padding:16px 18px;margin-bottom:12px;min-height:100px;background:#192835;border-color:#425765}
#target-body .target-option .tile{width:48px;height:54px;min-width:48px}
#target-body .target-option strong{font-size:15px;line-height:1.6}
#target-body .target-option.chosen{border-color:#d9bd7d;background:#30332f}
.target-class-caption{font-size:12px;color:#9fb5c6;margin:8px 0 0}
.target-class-list{display:flex;flex-direction:column;gap:8px;min-width:0;padding-left:18px;border-left:1px solid #425564}
.target-class-list>small{font-size:11px;color:#a5b6c1}
.target-class-list>span{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}
.target-class-list b{font-size:11px!important;font-weight:500;line-height:1.6;padding:3px 8px;border:1px solid #52697c;border-radius:4px;background:#243b4c;color:#dfedf5!important;min-width:0!important;white-space:nowrap}
@media(max-width:600px){
.items-mode .sample-banner{flex-direction:column;gap:3px;padding:9px}
.items-mode .page-title h1{font-size:22px!important}
#target-body .target-option{grid-template-columns:18px 40px minmax(0,1fr);gap:10px;padding:13px;min-height:0}
#target-body .target-option .tile{width:40px;height:44px;min-width:40px}
#target-body .target-option strong{font-size:13px}
.target-class-list{grid-column:2/-1;padding:10px 0 0;border-left:0;border-top:1px solid #425564;gap:7px}
.target-class-list b{font-size:10px!important}
.target-class-caption{font-size:11px}
#target-picker{width:96vw}}/* Pair the before/after columns with a clear center divider. */
.items-mode .exchange-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important}
.items-mode .pair-arrow,.items-mode .compare-arrow{display:none!important}
.items-mode .paired-after{border-left:2px solid #547085}
.items-mode .pair-heading>span:last-child{border-left:2px solid #547085}
.items-mode .pair-heading{padding-inline:0}
.items-mode .exchange-row{gap:0!important}
.items-mode .result-cell{border-left:2px solid #547085!important}
.items-mode .exchange-table-head{gap:0!important}
.items-mode .exchange-table-head>h3:last-child{border-left:2px solid #547085}
@media(max-width:900px){
.items-mode #picker .exchange-table-head{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}
.items-mode #picker .exchange-table-head h3{font-size:11px;padding:10px 5px;margin:0}
.items-mode #picker .exchange-row,.items-mode #picker:has(.shop-owned-cell) .exchange-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;align-items:stretch;margin-bottom:10px;border:1px solid #405766}
.items-mode #picker .owned-cell,.items-mode #picker .result-cell{border:0;min-width:0;padding:10px!important}
.items-mode #picker .result-cell{border-left:2px solid #547085!important;background:#182c39}
.items-mode #picker .owned-cell:before,.items-mode #picker .result-cell:before{display:none!important}
.items-mode #picker .owned-cell:not(.shop-owned-cell){display:flex!important;flex-direction:column;align-items:stretch;gap:8px!important;min-height:145px}
.items-mode #picker .owned-cell>.tile{width:40px!important;height:44px!important;min-width:40px;display:block!important}
.items-mode #picker .owned-info{width:100%;flex:none!important}
.items-mode #picker .owned-title{display:flex;flex-direction:column-reverse;align-items:stretch;gap:7px!important}
.items-mode #picker .owned-title strong,.items-mode #picker .staged-result strong{font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere}
.items-mode #picker .item-enhance select{min-width:0;width:100%!important;max-width:100%!important;height:36px!important;min-height:36px!important;font-size:13px!important}
.items-mode #picker .owned-cell>.gold-button{align-self:stretch;margin:0!important;width:100%;min-height:36px!important;padding:7px 8px!important}
.items-mode #picker .staged-result{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.items-mode #picker .staged-result .tile{display:block!important;width:40px!important;height:44px!important;min-width:40px}
.items-mode #picker .staged-result>div{flex:none!important;min-width:0}
.items-mode #picker .staged-result .remove-button{align-self:flex-end;margin:0;min-height:30px}
.items-mode #picker .result-cell>p{font-size:11px;line-height:1.7;margin:12px 0;color:#acbdc8}
.items-mode #picker .shop-owned-cell .shop-item-heading{flex-direction:column;align-items:flex-start;gap:7px}
.items-mode #picker .shop-owned-cell .shop-item-heading strong{font-size:12px!important}
.items-mode #picker .shop-owned-cell .shop-item-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px}
.items-mode #picker .shop-owned-cell .shop-item-controls label{display:flex;flex-direction:column;align-items:stretch;font-size:10px}
.items-mode #picker .shop-owned-cell .shop-item-controls select{width:100%!important;max-width:100%!important;min-width:0;height:36px!important;min-height:36px!important;font-size:12px!important}
.items-mode #picker .shop-owned-cell .shop-item-controls .gold-button{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-height:36px!important}
.items-mode .paired-comparisons .comparison-item{flex-direction:column;align-items:flex-start;gap:8px!important}
.items-mode .paired-comparisons .comparison-item>div{min-width:0!important;flex:none!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:12px!important;line-height:1.6!important}
.items-mode .paired-before,.items-mode .paired-after{padding:12px 10px!important}
.items-mode .paired-after{background:#182c39}
.items-mode .pair-heading{font-size:12px}
.items-mode .pair-heading>span{padding:0 8px}
}/* Keep paired item contents aligned at the top of each row. */
.items-mode .exchange-pair{align-items:stretch!important;position:relative}
.items-mode .paired-before,.items-mode .paired-after{display:block!important;min-width:0;padding:14px 16px!important}
.items-mode .paired-comparisons .comparison-item{position:relative;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;align-content:flex-start!important;height:auto!important;min-height:100px!important;gap:9px!important;margin:0!important;padding:0 22px 0 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{display:block!important;flex:0 0 auto!important;width:40px!important;height:46px!important;min-width:40px!important;margin:0!important}
.items-mode .paired-comparisons .comparison-item>div{flex:0 0 auto!important;width:100%;min-width:0!important;margin:0!important}
.items-mode .paired-comparisons .comparison-item strong{display:block;line-height:1.6!important;font-size:13px!important;word-break:keep-all;overflow-wrap:anywhere}
.items-mode .paired-comparisons .item-exchange-cost{display:none!important}
.items-mode .paired-comparisons .remove-button{position:absolute!important;right:0;top:0;margin:0!important;width:24px!important;min-width:24px!important;height:28px!important;min-height:28px!important;padding:0!important;opacity:.85}
.items-mode .pair-heading{padding:0!important}
.items-mode .pair-heading>span{display:flex;align-items:center;justify-content:center;min-height:42px}
.items-mode .pair-heading>span:last-child{border-left:2px solid #547085}
.items-mode .category-intro{min-height:0!important;padding:12px 14px!important}
.items-mode .category-intro>.category-icon{display:none!important}
.items-mode .category-intro>div{display:flex!important;flex:1!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;max-width:none!important}
.items-mode .category-intro h3{margin:0!important;font-size:14px!important}
.items-mode .category-intro small{margin:0!important;font-size:11px!important}
.items-mode .category-intro .change-button{margin:0 0 0 auto!important;min-height:36px!important;padding:7px 12px!important}
@media(max-width:900px){
.items-mode .paired-before,.items-mode .paired-after{padding:12px 10px!important}
.items-mode .paired-comparisons .comparison-item{min-height:100px!important;padding-right:16px!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:12px!important;word-break:normal}
.items-mode .category-intro>div{flex-wrap:wrap!important;gap:6px!important}
.items-mode .category-intro small{font-size:10px!important}
.items-mode .category-intro h3{font-size:12px!important}
.items-mode .category-intro .change-button{font-size:11px!important;padding:6px 9px!important}}/* Portrait keeps a compact icon/name stack; landscape pairs icon and name inline. */
@media(orientation:portrait) and (max-width:600px){
.items-mode .paired-comparisons .comparison-item{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:7px!important;min-height:96px!important;padding-right:15px!important}
.items-mode .paired-before,.items-mode .paired-after{padding:12px 10px!important}
.items-mode .paired-comparisons .comparison-item>.tile{width:44px!important;height:48px!important;min-width:44px!important}
.items-mode .paired-comparisons .comparison-item>div{width:100%!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:12px!important;line-height:1.5!important}
}
@media(orientation:landscape) and (max-height:600px){
.items-mode .paired-comparisons .comparison-item{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;align-content:center!important;justify-content:start!important;gap:10px!important;min-height:62px!important;padding:0 22px 0 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{grid-column:1;grid-row:1;width:44px!important;height:48px!important;min-width:44px!important;margin:0!important}
.items-mode .paired-comparisons .comparison-item>div{grid-column:2;grid-row:1;width:auto!important;align-self:center!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:13px!important;line-height:1.5!important;word-break:keep-all;overflow-wrap:anywhere}
.items-mode .paired-before,.items-mode .paired-after{padding:9px 12px!important}
.items-mode .paired-comparisons .remove-button{top:50%!important;transform:translateY(-50%);right:0!important}
.items-mode .pair-heading>span{min-height:30px!important;font-size:11px!important}
.items-mode .category-intro{padding:8px 12px!important}
.items-mode .category-intro .change-button{min-height:30px!important;padding:5px 10px!important}
.items-mode .planner-tools{padding:5px 12px!important}
.items-mode .reset-selection-button{min-height:28px!important;padding:4px 9px!important;font-size:10px!important}
.items-mode .game-heading{padding:9px 14px!important}
.items-mode .game-heading h2{font-size:16px!important}
.items-mode .wizard-panel{padding:12px!important}
.items-mode .wizard-heading{margin-bottom:9px!important}
.items-mode .wizard-heading>h2{font-size:18px!important}
.items-mode .wizard-heading>.eyebrow{display:none!important}
.items-mode .wizard-navigation{padding:9px 12px!important}
.items-mode .in-selection .page-title,.items-mode .in-selection .mode-current{margin-block:9px!important}
.items-mode #picker .exchange-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.items-mode #picker .owned-cell:not(.shop-owned-cell){display:grid!important;grid-template-columns:38px minmax(0,1fr) 56px!important;align-items:center!important;gap:8px!important;min-height:76px!important}
.items-mode #picker .owned-cell>.tile{grid-column:1;grid-row:1;width:38px!important;height:44px!important;min-width:38px!important}
.items-mode #picker .owned-info{grid-column:2;grid-row:1;min-width:0}
.items-mode .owned-title{gap:5px!important}
.items-mode #picker .owned-cell>.gold-button{grid-column:3;grid-row:1;min-width:0;width:56px!important;min-height:34px!important;align-self:center!important;padding:5px!important}
.items-mode #picker .owned-title strong,.items-mode #picker .staged-result strong{font-size:11px!important;line-height:1.5!important}
.items-mode #picker .item-enhance select{width:65px!important;min-height:30px!important;height:30px!important;font-size:12px!important}
.items-mode #picker .staged-result{display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;align-items:center!important;gap:8px;min-height:56px}
.items-mode #picker .staged-result .tile{grid-column:1;grid-row:1;width:38px!important;height:44px!important;min-width:38px!important}
.items-mode #picker .staged-result>div{grid-column:2;grid-row:1;min-width:0}
.items-mode #picker .staged-result .remove-button{grid-column:3;grid-row:1;align-self:center!important;min-width:22px}
}/* Portrait uses one compact before/after card per exchange. */
@media(orientation:portrait) and (max-width:600px){
.items-mode .paired-comparisons .pair-heading{display:none!important}
.items-mode .paired-comparisons{padding:10px!important;background:#101e2a}
.items-mode .exchange-pair{display:block!important;margin-bottom:10px;border:1px solid #486071;border-radius:8px;overflow:hidden;background:#172936}
.items-mode .exchange-pair:last-child{margin-bottom:0}
.items-mode .paired-before,.items-mode .paired-after{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:11px 10px!important;border-left:0!important;min-height:76px}
.items-mode .paired-before{background:#172633}
.items-mode .paired-after{border-top:1px solid #425968;background:#203745}
.items-mode .paired-before:before,.items-mode .paired-after:before{grid-column:1;grid-row:1;align-self:center;text-align:center;font-size:10px;font-weight:700;line-height:1.5;white-space:normal}
.items-mode .paired-before:before{content:'변경 전';color:#e8aaaa}
.items-mode .paired-after:before{content:'변경 후';color:#edd392}
.items-mode .paired-comparisons .comparison-item{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:center!important;align-content:center!important;gap:9px!important;min-height:48px!important;padding:0 18px 0 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{grid-column:1;grid-row:1;width:40px!important;height:44px!important;min-width:40px!important}
.items-mode .paired-comparisons .comparison-item>div{grid-column:2;grid-row:1;width:auto!important;min-width:0!important;align-self:center}
.items-mode .paired-comparisons .comparison-item strong{font-size:12px!important;line-height:1.65!important;word-break:keep-all;overflow-wrap:anywhere}
.items-mode .paired-comparisons .remove-button{top:50%!important;right:-2px!important;transform:translateY(-50%);width:22px!important;min-width:22px!important;height:28px!important;min-height:28px!important;background:transparent;border:0;color:#b4c7d5;opacity:1}
.items-mode .category-intro>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px!important}
.items-mode .category-intro h3{grid-column:1;grid-row:1}
.items-mode .category-intro small{grid-column:1;grid-row:2;font-size:10px!important}
.items-mode .category-intro .change-button{grid-column:2;grid-row:1/3;margin:0!important}
.items-mode #wizard-items #category-rows{padding:0!important}
}

@media(orientation:portrait) and (max-width:600px){
.items-mode .paired-comparisons .comparison-item strong{font-size:13px!important}
.items-mode .category-intro h3,.items-mode .category-intro small{text-align:left!important}
.items-mode .paired-before:before,.items-mode .paired-after:before{font-size:11px!important}}

@media(orientation:portrait) and (max-width:600px){
.items-mode #category-rows>.category-row{padding:0!important;overflow:hidden}
.items-mode .paired-comparisons{padding:9px!important}
.items-mode .category-intro{margin:0!important;border:0!important;border-bottom:1px solid #405766!important;border-radius:0!important}}
.items-mode .portrait-state-toggle{display:none}
@media(orientation:portrait) and (max-width:600px){
.items-mode .exchange-pair{position:relative;padding-top:42px!important;min-height:126px;background:#203745!important}
.items-mode .exchange-pair .portrait-state-toggle{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:9px;left:12px;z-index:1;padding:5px 11px;min-height:28px;border:1px solid #b59b65;border-radius:5px;color:#efd9a3;background:#3a3b2e;font-size:11px;font-weight:700;cursor:pointer;gap:7px}
.items-mode .exchange-pair .portrait-state-toggle:after{content:'⇄';font-size:13px;font-weight:400}
.items-mode .exchange-pair[data-card-side=before] .portrait-state-toggle{border-color:#a77d7d;color:#efc4c4;background:#3b2f34}
.items-mode .exchange-pair[data-card-side=after]>.paired-before,.items-mode .exchange-pair[data-card-side=before]>.paired-after{display:none!important}
.items-mode .exchange-pair>.paired-before,.items-mode .exchange-pair>.paired-after{display:block!important;padding:9px 12px 14px!important;border:0!important;background:transparent!important;min-height:70px}
.items-mode .exchange-pair[data-card-side=after]>.paired-before,.items-mode .exchange-pair[data-card-side=before]>.paired-after{display:none!important}
.items-mode .paired-before:before,.items-mode .paired-after:before{display:none!important}
.items-mode .paired-comparisons .comparison-item{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-column:auto;grid-row:auto;gap:12px!important;min-height:54px!important;padding:0 24px 0 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{width:48px!important;height:54px!important;min-width:48px!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:14px!important;line-height:1.6!important}
}

@media(orientation:portrait) and (max-width:600px){
.items-mode .exchange-pair{display:grid!important;grid-template-columns:57px minmax(0,1fr)!important;align-items:center!important;column-gap:16px!important;padding:14px 10px 14px 4px!important;min-height:88px!important}
.items-mode .exchange-pair .portrait-state-toggle{position:static!important;grid-column:1;grid-row:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px!important;align-self:center;padding:5px 3px!important;width:57px;min-height:43px;font-size:10px!important;line-height:1.5}
.items-mode .exchange-pair .portrait-state-toggle:after{font-size:12px!important;line-height:1}
.items-mode .exchange-pair>.paired-before,.items-mode .exchange-pair>.paired-after{grid-column:2;grid-row:1;min-width:0;min-height:54px!important;padding:0!important;background:transparent!important}
.items-mode .paired-comparisons .comparison-item{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;min-height:54px!important;padding:0 17px 0 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{width:42px!important;height:48px!important;min-width:42px!important}
.items-mode .paired-comparisons .comparison-item strong{font-size:13px!important;line-height:1.55!important;word-break:keep-all}
.items-mode .paired-comparisons .remove-button{right:-5px!important;width:20px!important;min-width:20px!important}
}

@media(min-width:601px) and (min-height:601px){
.items-mode .paired-comparisons .comparison-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:6px 28px 6px 0!important}
.items-mode .paired-comparisons .comparison-item>.tile{flex:0 0 48px;width:48px!important;height:54px!important;min-width:48px!important;margin:0!important}
.items-mode .paired-comparisons .comparison-item>div{flex:1;min-width:0;width:auto!important;align-self:center!important}
.items-mode .paired-comparisons .comparison-item strong{display:block;font-size:14px!important;line-height:1.6!important}
.items-mode .paired-comparisons .comparison-item .enhance{display:inline!important;margin-right:6px}
}/* Desktop picker: icon, enhancement, name and action stay in one row. */
@media(min-width:601px) and (min-height:601px){
.items-mode #picker .owned-cell:not(.shop-owned-cell){display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:72px!important;padding:10px!important}
.items-mode #picker .owned-cell>.tile{flex:0 0 48px;width:48px!important;min-width:48px!important;height:50px!important}
.items-mode #picker .owned-info{flex:1!important;width:auto!important;min-width:0}
.items-mode #picker .owned-title{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important}
.items-mode #picker .item-enhance{flex:0 0 60px}
.items-mode #picker .item-enhance select{width:60px!important;min-width:60px!important;max-width:60px!important;height:32px!important;min-height:32px!important;font-size:12px!important;padding:4px!important}
.items-mode #picker .owned-title strong{font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere}
.items-mode #picker .owned-cell>.gold-button{flex:0 0 48px;align-self:center!important;width:48px!important;min-width:48px!important;min-height:32px!important;margin:0!important;padding:5px!important}
.items-mode #picker .staged-result{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
.items-mode #picker .staged-result>div{flex:1!important;min-width:0}
.items-mode #picker .staged-result .tile{width:48px!important;min-width:48px!important;height:50px!important}
.items-mode #picker .exchange-row{margin-bottom:5px!important}
}
.items-mode #cost-breakdown .cost-line{font-size:16px!important;line-height:1.6;padding:12px 0!important}
.items-mode #cost-breakdown .cost-line small{font-size:14px!important}
.items-mode #cost-breakdown .cost-line>b{font-size:18px!important;font-weight:700;color:#f1d294}

/* Equal visual frames for owned equipment and exchange results. */
.items-mode .tile{border:1px solid #80939f!important;background:#09131d!important;box-shadow:inset 0 0 0 1px #0008;border-radius:3px;overflow:hidden}
.items-mode .tile:has(img.unique){border-color:#62e6bf!important}
.items-mode .tile:has(img.mythic){border-color:#e8bd55!important}
.items-mode .tile:has(img.legendary){border-color:#b47ce8!important}
.items-mode .tile:has(img.heroic){border-color:#e25d65!important}
.items-mode .tile:has(img.rare){border-color:#69aee5!important}
.items-mode .pair-heading{background:#283f50;color:#e3edf5;font-weight:700}
.items-mode .pair-heading>span:first-child{color:#f0b2ac}
.items-mode .pair-heading>span:last-child{color:#f2d48e}
.items-mode .exchange-pair{border-bottom:1px solid #496070}
.items-mode .exchange-pair:last-child{border-bottom:0}
.items-mode #picker .owned-cell{background:#152737!important}
.items-mode #picker .result-cell{background:#1c3241!important}
.items-mode #picker .result-cell>p{color:#bccbd7!important}
.items-mode .remove-button{color:#d1e0ea!important;opacity:1}
.items-mode button:focus-visible,.items-mode select:focus-visible{outline:2px solid #8bcefa;outline-offset:3px}
@media(min-width:601px) and (min-height:601px){
.items-mode .paired-before{background:#142534;border:1px solid #496070;border-right:0;border-bottom:0}
.items-mode .paired-after{background:#1c3241;border:1px solid #496070;border-left:2px solid #708d9f;border-bottom:0}
.items-mode .exchange-pair:last-child>.paired-before,.items-mode .exchange-pair:last-child>.paired-after{border-bottom:1px solid #496070}
.items-mode #picker .owned-title strong,.items-mode #picker .staged-result strong{font-size:13px!important}
}

.items-mode :is(.comparison-item,.owned-cell,.staged-result,.target-option):has(strong.unique) .tile{border-color:#62e6bf!important}
.items-mode :is(.comparison-item,.owned-cell,.staged-result,.target-option):has(strong.mythic) .tile{border-color:#e8bd55!important}
.items-mode :is(.comparison-item,.owned-cell,.staged-result,.target-option):has(strong.legendary) .tile{border-color:#b47ce8!important}
.items-mode :is(.comparison-item,.owned-cell,.staged-result,.target-option):has(strong.heroic) .tile{border-color:#e25d65!important}
.items-mode :is(.comparison-item,.owned-cell,.staged-result,.target-option):has(strong.rare) .tile{border-color:#69aee5!important}