.cl-tool{--cl-stage:#08090c;--cl-tip-line:#6a5836;container:cl-tool/inline-size}.cl-enchant{background:var(--cl-stage);border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.cl-enchant-icon{flex:none;width:3.5rem;height:3.5rem;position:relative}.cl-enchant-icon>*{position:absolute}.cl-enchant-icon .cl-enchant-glyph{width:68%;height:68%;inset:16%}.cl-enchant-icon .cl-enchant-frame{width:100%;height:100%;inset:0}.cl-enchant-text{flex:14rem;min-width:0}.cl-enchant-search{flex:0 16rem;min-width:min(100%,14rem)}@container cl-tool not (min-width:40rem){.cl-enchant{align-items:flex-start}}.cl-controls{font-size:var(--text-xs);line-height:var(--text-xs--line-height);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem 1.25rem;display:flex}.cl-control{color:var(--muted);align-items:center;gap:.5rem;display:flex}.cl-seg{background:var(--surface);border-radius:.25rem;display:inline-flex}.cl-seg button{min-width:1.75rem;color:var(--muted);border:1px solid #0000;border-radius:.25rem;padding:.125rem .5rem;position:relative}.cl-seg button:not(:disabled):hover{color:var(--text)}.cl-seg button:disabled{opacity:.45}.cl-seg button[aria-pressed=true]{background:var(--surface-2);border-color:var(--accent);color:var(--text)}.cl-ilvl{appearance:textfield;background:var(--surface);width:4.5rem;color:var(--text);border:1px solid #0000;border-radius:.25rem;padding:.125rem .5rem}.cl-ilvl::-webkit-inner-spin-button{appearance:none}.cl-ilvl:hover{border-color:var(--line)}.cl-ilvl::placeholder{color:var(--muted)}@media not (min-width:48rem){.cl-controls{order:2;column-gap:.75rem}.cl-side{order:1}.cl-list{order:3}.cl-control:first-child{order:-2}.cl-control[data-ilvl]{order:-1}.cl-seg button{min-width:2rem;min-height:2.25rem}.cl-seg button:after{content:"";position:absolute;inset:-.25rem 0}.cl-ilvl{min-height:2.25rem;font-size:var(--text-base)}.cl-filter{font-size:var(--text-base);line-height:var(--text-base--line-height);padding-block:.25rem}}.cl-main{--cl-ring:min(32.5rem, max(24rem, calc((100dvh - 19rem) * .88)));grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;margin-top:.5rem;display:grid}.cl-side{min-width:0}.cl-stage{background:var(--cl-stage);border-radius:.25rem;position:relative;overflow:hidden}.cl-stage-frame{max-width:32.5rem;margin-inline:auto}@container cl-tool (min-width:58rem){.cl-main{grid-template-columns:var(--cl-ring) minmax(0, 1fr);gap:1rem}.cl-side{position:sticky;top:3.75rem}}.cl-ring{width:100%;position:relative}.cl-node{cursor:pointer;outline:none}.cl-node:hover image{filter:brightness(1.2)}.cl-rank{font-family:var(--font-item);fill:var(--muted);pointer-events:none;font-size:56px}.cl-rank[data-open]{fill:var(--accent)}.cl-selected{fill:none;stroke:var(--accent);stroke-width:5px;pointer-events:none}.cl-focus{fill:none;stroke:var(--focus);stroke-width:4px;stroke-dasharray:12 8;visibility:hidden;pointer-events:none}.cl-node:focus-visible .cl-focus{visibility:visible}.cl-cost,.cl-entry,.cl-total{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted);pointer-events:none;white-space:nowrap;position:absolute}.cl-cost{transform:translate(-50%,-100%)}.cl-cost[data-below]{transform:translate(-50%)}.cl-cost[data-lit]{color:var(--accent)}.cl-entry{transform:translate(.75rem,-50%)}.cl-total{white-space:normal;max-width:34%;top:.75rem;left:.75rem}.cl-total-end{text-align:right;left:auto;right:.75rem}.cl-total b{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);color:var(--accent);font-weight:600;display:block}.cl-total b span{font-size:var(--text-sm);font-weight:500}.cl-tip{background:var(--cl-stage);border:1px solid var(--cl-tip-line);font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted);border-radius:.25rem;padding:.5rem .75rem;box-shadow:0 8px 24px #0009}.cl-tip-name{font-family:var(--font-item);font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--text)}.cl-mod{color:var(--rarity-magic)}.cl-ring-tip{pointer-events:none;margin:.25rem}@media (min-width:40rem){.cl-ring-tip{z-index:1;width:76%;max-width:21rem;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.cl-list{background:var(--surface);border-radius:.25rem;min-width:0;scroll-margin-top:3.5rem;container-type:inline-size}.cl-list-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.5rem .75rem;display:flex}.cl-list-head:has(+.cl-list-head){border-bottom:0;padding-bottom:0}.cl-list-head h2{font-size:var(--text-base);line-height:var(--text-base--line-height);flex:auto;font-weight:500}.cl-filter{min-width:0;font-size:var(--text-xs);line-height:var(--text-xs--line-height);flex:0 15rem;padding-block:.125rem}.cl-list-note{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted);flex-basis:100%}.cl-row{border-bottom:1px solid var(--line);position:relative}.cl-row:last-child{border-bottom:0}.cl-row[data-selected]{box-shadow:inset 2px 0 0 var(--accent);background:var(--surface-2)}.cl-row-line{align-items:center;min-height:2.5rem;display:flex}.cl-row-main{text-align:left;flex:1;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.25rem .75rem;display:flex}.cl-row-main:not(:disabled):hover{background:var(--surface-2)}.cl-row-main:disabled{opacity:.45}.cl-row-icon{background:var(--cl-stage);border-radius:9999px;flex:none;width:2rem;height:2rem}.cl-names{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:baseline;gap:.5rem;min-width:0;display:grid}.cl-names>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-name{font-weight:500;font-size:var(--text-data);line-height:var(--text-data--line-height)}.cl-en{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted)}.cl-meta{font-family:var(--font-mono);font-size:var(--text-micro);line-height:var(--text-micro--line-height);color:var(--muted);flex:none;grid-template-columns:4.5rem 2rem;gap:.5rem;display:grid}.cl-meta>:last-child{text-align:right}.cl-trail{text-align:right;width:5.25rem;font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted);flex:none;padding-right:.75rem}.cl-trail .btn{font-size:var(--text-xs);padding:0 .5rem;line-height:1.5rem}.cl-row-mods{background:var(--cl-stage);font-size:var(--text-xs);line-height:var(--text-xs--line-height);border-radius:.25rem;margin:0 .75rem .5rem 3.25rem;padding:.25rem .5rem}.cl-row-tip{z-index:20;pointer-events:none;width:22rem;max-width:calc(100% - 3.25rem);display:none;position:absolute;top:100%;left:3.25rem}@container cl-tool (min-width:58rem){.cl-row-tip{max-width:none;top:0;left:auto;right:calc(100% + .5rem)}.cl-row:nth-last-child(-n+5) .cl-row-tip{top:auto;bottom:0}}@media (hover:hover){.cl-row:hover .cl-row-tip{display:block}}.cl-row:has(:focus-visible) .cl-row-tip{display:block}@container not (min-width:34rem){.cl-row-line,.cl-row-main{min-height:2.75rem}.cl-row-main{padding-block:0;padding-inline:.75rem .5rem}.cl-filter{flex-basis:100%}.cl-names{grid-template-columns:minmax(0,1fr);gap:0}.cl-meta{text-align:right;grid-template-columns:auto;gap:0}.cl-trail{width:auto;padding-right:.5rem}}@container (min-width:40rem){.cl-rows[data-many]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:repeat(var(--cl-rows), auto);column-gap:.5rem;display:grid}.cl-rows[data-many] .cl-row-main{padding-block:0}.cl-rows[data-many] .cl-names{grid-template-columns:minmax(0,1fr);gap:0}.cl-rows[data-many] .cl-meta{text-align:right;grid-template-columns:auto;gap:0}.cl-rows[data-many] .cl-trail{width:auto}.cl-rows[data-many] .cl-row:last-child{border-bottom:1px solid var(--line)}}.cl-enchants{grid-template-columns:minmax(0,1fr);display:grid}.cl-enchants .cl-row{border-bottom:1px solid var(--line)}@container (min-width:30rem){.cl-enchants{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-enchants .cl-row:nth-child(odd){border-right:1px solid var(--line)}}.cl-more{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:.75rem}.cl-more>summary{cursor:pointer;width:fit-content;font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:500}.cl-more>summary:hover{text-decoration:underline}