.rc-stage{--tip-bg:#101012;--tip-line:#6a5836;--tip-line-soft:#6a583680;--tip-head-from:#2d2619;--tip-head-to:#18150f;--rc-gap:.75rem;margin-top:1rem;container-type:inline-size}.rc-grid{gap:var(--rc-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.rc-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.rc-switch .chip{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}@container not (min-width:37.5rem){.rc-a[data-off=true],.rc-b[data-off=true]{display:none}}.rc-under-a,.rc-under-b{display:none}@container (min-width:37.5rem){.rc-switch{display:none}.rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-centre{grid-column:1/-1}}@container (min-width:56rem){.rc-stage{--rc-gap:.75rem}.rc-grid{grid-template-columns:minmax(0,1fr) clamp(14.5rem,25cqw,19rem) minmax(0,1fr);grid-template-areas:"a centre b"}.rc-a{grid-area:a}.rc-b{grid-area:b}.rc-centre{grid-area:centre/auto;padding-top:1.75rem}.rc-grid[data-under]{grid-template-rows:auto 1fr;grid-template-areas:"a centre b""under-a centre under-b"}.rc-grid[data-under] .rc-a,.rc-grid[data-under] .rc-b{align-self:stretch}.rc-grid[data-under] :is(.rc-a,.rc-b)>section{flex-direction:column;height:100%;display:flex}.rc-grid[data-under] .rc-tip{flex:1}.rc-under-a,.rc-under-b{margin-top:calc(.5rem - var(--rc-gap));display:block}.rc-under-a{grid-area:under-a}.rc-under-b{grid-area:under-b}.rc-outcomes-narrow{display:none}.rc-recombine-wrap:before,.rc-recombine-wrap:after{content:"";width:var(--rc-gap);height:1px;position:absolute;top:50%}.rc-recombine-wrap:before{background:linear-gradient(90deg, var(--tip-line), #c98a4e);right:100%}.rc-recombine-wrap:after{background:linear-gradient(90deg, #c98a4e, var(--tip-line));left:100%}}.rc-slot-bar{white-space:nowrap;align-items:baseline;gap:.75rem;height:1.5rem;margin-bottom:.25rem;display:flex}.rc-tip{background:var(--tip-bg);border:1px solid var(--tip-line);border-radius:.25rem;box-shadow:0 8px 24px #0006}.rc-tip-head{background:linear-gradient(180deg, var(--tip-head-from), var(--tip-head-to));border-bottom:1px solid var(--tip-line);font-family:var(--font-item);text-align:center;border-radius:.1875rem .1875rem 0 0;padding:.375rem .75rem}.rc-tip-head>span{font-size:var(--text-base);line-height:1.25rem;display:block}.rc-tip-head[data-rarity=rare]{color:var(--rarity-rare)}.rc-tip-head[data-rarity=magic]{color:var(--rarity-magic)}.rc-tip-head[data-rarity=normal]{color:var(--rarity-normal)}.rc-tip-body{font-family:var(--font-item);font-size:var(--text-sm);font-variant-numeric:lining-nums;text-align:center;padding:.5rem .75rem .625rem;line-height:1.25rem}.rc-tip-top{align-items:center;gap:.5rem;display:flex}.rc-tip-top>:last-child:not(:only-child){flex:1;min-width:0}.rc-tip-top:has(>:only-child){justify-content:center}.rc-tip-art{width:4rem;height:6rem}.rc-rolls{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.5rem;margin-top:.5rem;display:grid}.rc-rolled{background:var(--surface);text-align:left;border:1px solid #0000;border-radius:4px;width:100%;height:100%;padding:.5rem;display:block}.rc-rolled:hover{background:var(--surface-2)}.rc-rolled[aria-pressed=true]{border-color:var(--accent)}.rc-rolled-mods{font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin-top:.375rem;display:block}:is(.rc-sec,.rc-tip-top)+.rc-sec:before{background:linear-gradient(90deg, transparent, var(--tip-line), transparent);content:"";height:1px;margin:.375rem 0;display:block}.rc-prop-label{color:var(--tooltip-label)}.rc-level{appearance:textfield;color:var(--text);field-sizing:content;font:inherit;text-align:center;background:0 0;border:1px solid #0000;border-radius:.25rem;min-width:2ch;padding:0 .125rem}.rc-level::-webkit-inner-spin-button{appearance:none}.rc-level::-webkit-outer-spin-button{appearance:none}.rc-level:placeholder-shown,.rc-level:hover,.rc-level:focus{background:var(--bg);border-color:var(--line-control)}.rc-mod{border-radius:.25rem;grid-template-columns:1.75rem minmax(0,1fr) 2.75rem;grid-template-areas:"star head tools""star text chance";padding:.125rem 0;display:grid}.rc-mod[data-want=true]{background:#c9a14a1a}.rc-mod-star{font-family:var(--font-sans);font-size:var(--text-base);grid-area:star;align-self:center}.rc-mod-head{color:var(--tooltip-label);font-family:var(--font-sans);font-size:var(--text-micro);font-style:italic;line-height:var(--text-micro--line-height);grid-area:head}.rc-mod-tools{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-micro--line-height);grid-area:tools;justify-content:flex-end;gap:.25rem;padding-right:.25rem;display:flex}.rc-mod-text{overflow-wrap:anywhere;grid-area:text;min-width:0}.rc-mod-chance{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;grid-area:chance;align-self:end;padding-right:.25rem;line-height:1.25rem}.rc-mod[data-want=true] .rc-mod-chance{color:var(--accent)}@media (hover:hover){.rc-mod-tools>button:not([aria-pressed=true]){opacity:0}.rc-mod:hover .rc-mod-tools>button,.rc-mod:focus-within .rc-mod-tools>button{opacity:1}.rc-mod-star[aria-pressed=false]{opacity:.55}.rc-mod:hover .rc-mod-star,.rc-mod-star:focus-visible{opacity:1}}.rc-tier{appearance:none;border:0;border-bottom:1px dotted var(--tooltip-label);color:inherit;cursor:pointer;field-sizing:content;font:inherit;background:0 0;padding:0}.rc-tier:hover{color:var(--text)}.rc-tier option{background:var(--surface);color:var(--text);font-style:normal}.rc-recombine-wrap{position:relative}.rc-recombine{color:#fff1dc;font-family:var(--font-item);font-size:var(--text-xl);background:linear-gradient(#a5521f,#7d3b12);border:1px solid #c98a4e;border-radius:.25rem;width:100%;min-height:2.75rem;padding:.25rem .75rem;line-height:1.75rem}.rc-recombine:not(:disabled):hover{background:linear-gradient(#b85e27,#8c4416)}.rc-recombine:not(:disabled):active{background:linear-gradient(#7d3b12,#a5521f)}.rc-recombine:disabled{background:var(--surface-2);border-color:var(--line);color:var(--muted);cursor:not-allowed}.rc-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.rc-outcomes[data-count="1"]{grid-template-columns:minmax(0,1fr)}.rc-outcomes[data-count="1"] .rc-outcome{text-align:left;flex-direction:row}.rc-outcomes-here,.rc-outcomes-narrow,.rc-roll{margin-top:.5rem}.rc-outcome{background:var(--tip-bg);border:1px solid var(--tip-line-soft);text-align:center;border-radius:.25rem;flex-direction:column;align-items:center;gap:.25rem .75rem;min-width:0;padding:.5rem;display:flex}.rc-outcome-art{width:3rem;height:4.5rem}.rc-outcome-share{color:var(--text);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;line-height:1.5rem}.rc-invite{position:relative}.rc-invite .rc-tip{border-style:dashed}.rc-invite:hover .rc-tip,.rc-invite:focus-within .rc-tip{border-color:#c98a4e}.rc-invite-body{font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem .25rem;display:flex}@container (min-width:56rem){.rc-invite-body{min-height:18rem}}.rc-invite-input{cursor:text;opacity:0;resize:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.rc-invite-top{z-index:2;width:100%;max-width:22rem;position:relative}.rc-stage [cmdk-root]{text-align:left;max-width:100%}.rc-keys{color:var(--muted);font-size:var(--text-data);line-height:var(--text-data--line-height);pointer-events:none;text-align:left;white-space:nowrap;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.5rem;display:grid}.rc-action .rc-keys{margin-top:1rem}.rc-key{background:var(--surface);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;border-bottom-width:2px;border-radius:.25rem;min-width:1.75rem;margin-inline:.25rem;padding:0 .375rem;line-height:1.25rem;display:inline-block}.rc-key:first-child{margin-left:0}.rc-key:last-child{margin-right:0}.rc-notes{font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin-top:.75rem}.rc-notes:empty{display:none}.rc-notes>*{break-inside:avoid;margin-bottom:.25rem}@container (min-width:56rem){.rc-notes{columns:2;column-gap:1.5rem}}.rc-caveat{color:var(--muted);font-size:var(--text-xs);line-height:var(--text-xs--line-height);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;margin-top:.75rem;display:flex}.rc-how{margin-top:1rem;scroll-margin-top:4rem}.rc-how>section{border-top:1px solid var(--line);max-width:none;margin-top:1.5rem;padding-top:1.5rem}.rc-how>summary+section{margin-top:.75rem}.rc-how h2{font-size:var(--text-base);font-weight:500;line-height:var(--text-base--line-height)}.rc-how>section>:last-child{columns:auto;margin-top:.5rem}.rc-how>section p{max-width:65ch}@container (min-width:60rem){.rc-how>section{grid-template-columns:13rem minmax(0,1fr);column-gap:2rem;display:grid}.rc-how>section>:last-child{margin-top:0}}.rc-counts>div{gap:.75rem 1.5rem;display:grid}@container (min-width:45rem){.rc-counts>div{grid-template-columns:minmax(0,28rem) minmax(0,1fr);align-items:start}}.rc-counts th{position:static}.rc-counts [data-on]{background:var(--surface-2)}.rc-counts th[data-on]{color:var(--accent)}.rc-rule{border-bottom:1px solid var(--line);gap:.25rem 1rem;padding-block:.5rem;display:grid}.rc-rule-head{color:var(--muted);font-size:var(--text-xs);line-height:var(--text-xs--line-height);padding-block:.25rem;display:none}@container (min-width:45rem){.rc-rule{grid-template-columns:minmax(0,1fr) 7rem 11rem}.rc-rule-head{display:grid}}@container (min-width:72rem){.rc-rule{grid-template-columns:minmax(0,33rem) 7rem minmax(0,1fr)}}.rc-add{color:var(--muted);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-xs--line-height);flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;padding-top:.25rem;display:flex}.rc-action{text-align:center;min-width:0}.rc-chance{background:var(--tip-bg);border:1px solid var(--tip-line-soft);border-radius:.25rem;margin-top:.5rem;padding:.5rem .75rem}.rc-roll{min-width:0}[data-art~=head] .rc-tip-head{background-color:#0000;background-position:0,100%,50%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:auto 100%;border:0;min-height:3.375rem;padding-inline:2.75rem}[data-art~=head] .rc-tip-head[data-frame=rare]{background-image:var(--rc-head-rare-left), var(--rc-head-rare-right), var(--rc-head-rare-middle)}[data-art~=head] .rc-tip-head[data-frame=rare1]{background-image:var(--rc-head-rare1-left), var(--rc-head-rare1-right), var(--rc-head-rare1-middle)}[data-art~=head] .rc-tip-head[data-frame=magic]{background-image:var(--rc-head-magic-left), var(--rc-head-magic-right), var(--rc-head-magic-middle)}[data-art~=head] .rc-tip-head[data-frame=white]{background-image:var(--rc-head-white-left), var(--rc-head-white-right), var(--rc-head-white-middle)}[data-art~=head] .rc-tip-head{flex-direction:column;justify-content:center;display:flex}[data-art~=head] .rc-tip{background:#0b0b0c;border:0}[data-art~=sep] :is(.rc-sec,.rc-tip-top)+.rc-sec:before{background:var(--rc-sep-white) center / 100% 100% no-repeat;height:.8125rem;margin:0}[data-art~=sep] .rc-tip[data-rarity=rare] :is(.rc-sec,.rc-tip-top)+.rc-sec:before{background-image:var(--rc-sep-rare)}[data-art~=sep] .rc-tip[data-rarity=magic] :is(.rc-sec,.rc-tip-top)+.rc-sec:before{background-image:var(--rc-sep-magic)}[data-art~=button] .rc-recombine:not(:disabled){background-color:#0000;background-image:var(--rc-button-normal-left), var(--rc-button-normal-right), var(--rc-button-normal-middle);background-position:0,100%,50%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:auto 100%;border:0;min-height:3rem}[data-art~=button] .rc-recombine:not(:disabled):hover{background-image:var(--rc-button-hover-left), var(--rc-button-hover-right), var(--rc-button-hover-middle)}[data-art~=button] .rc-recombine:not(:disabled):active{background-image:var(--rc-button-pressed-left), var(--rc-button-pressed-right), var(--rc-button-pressed-middle)}[data-art~=button] .rc-recombine:disabled{background-color:#0000;background-image:var(--rc-button-normal-left), var(--rc-button-normal-right), var(--rc-button-normal-middle);color:var(--text);filter:grayscale()brightness(.7);background-position:0,100%,50%;background-repeat:no-repeat,no-repeat,repeat-x;background-size:auto 100%;border:0;min-height:3rem}.rc-emblem{display:none}[data-art~=emblem] .rc-emblem{background:var(--rc-emblem-device) center / contain no-repeat;height:125px;margin-top:1rem;display:block}@container not (min-width:37.5rem){[data-art~=emblem] .rc-emblem{height:5rem}}[data-art~=chance] .rc-chance{background:var(--rc-chance-frame) center / 100% 100% no-repeat;border:0;padding:1rem 1.25rem}[data-art~=head] .rc-invite .rc-tip-body{border:1px dashed var(--tip-line);border-top:0;border-radius:0 0 .25rem .25rem}[data-art~=head] .rc-invite:hover .rc-tip-body,[data-art~=head] .rc-invite:focus-within .rc-tip-body{border-color:#c98a4e}
