.tc-page{--tc-ink: color-mix(in oklch, var(--color-primary) 45%, var(--color-base-content))}.tc-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);padding-block-end:var(--space-md);border-bottom:1px solid var(--color-item-border)}.tc-header .tc-portrait{flex:none;width:64px;height:64px}.tc-header-title{flex:1 1 14rem;min-width:0}.tc-page .tc-header-title h1{margin:0;font-size:var(--text-2xl);line-height:1.2}.tc-flavor{margin:0;font-size:var(--text-sm);color:color-mix(in oklch,var(--color-base-content) 70%,transparent)}.tc-header-slots{display:flex;flex-direction:column;gap:var(--space-xs);margin:0;text-align:end}.tc-summary-total{font-size:var(--text-lg);font-weight:var(--font-bold)}.tc-summary-split{color:color-mix(in oklch,var(--color-base-content) 75%,transparent);font-size:var(--text-sm)}.tc-header-link{flex:none;font-size:var(--text-sm);font-weight:var(--font-semibold)}.tc-details{border-bottom:1px solid var(--color-item-border)}.tc-details>summary{padding:var(--space-sm) var(--space-xs);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-base-content);cursor:pointer;list-style-position:inside}.tc-details>summary::marker{color:var(--color-primary)}.tc-details>summary:hover{background:color-mix(in oklch,var(--color-primary) 8%,transparent)}.tc-details>summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.tc-details-body{padding:var(--space-sm) var(--space-xs) var(--space-lg)}.tc-details-body>p{margin-block:0 var(--space-sm)}.tc-details-body>p:last-child{margin-block-end:0}.tc-buy-slots-options{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block:var(--space-sm)}.tc-how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--space-xl) var(--space-2xl);align-items:start}.tc-how-group{max-width:34rem}.tc-how-group-title{margin-block:0 var(--space-sm);padding-block-end:var(--space-xs);border-bottom:1px solid color-mix(in oklch,var(--color-primary) 35%,var(--color-item-border));color:var(--color-base-content);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase}.tc-how-list{margin:0}.tc-how-list dt{font-weight:var(--font-bold);line-height:1.4}.tc-how-list dd{margin:0 0 var(--space-md);font-size:var(--text-sm);line-height:1.5}.tc-how-list dd:last-child{margin-block-end:0}.tc-chest-tabs{display:flex;flex-wrap:wrap;gap:1px;margin-block:var(--space-lg);border-bottom:1px solid var(--color-item-border)}a.tc-chest-tab:link,a.tc-chest-tab:visited,a.tc-chest-tab:active{padding:var(--space-sm) var(--space-lg);background:color-mix(in oklch,var(--color-primary) 6%,var(--color-base-200));color:var(--color-base-content);border:1px solid var(--color-item-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;text-decoration:none;font-weight:var(--font-semibold)}a.tc-chest-tab:hover{background:color-mix(in oklch,var(--color-primary) 15%,var(--color-base-200));color:var(--color-base-content)}a.tc-chest-tab--active:link,a.tc-chest-tab--active:visited,a.tc-chest-tab--active:active{background:color-mix(in oklch,var(--color-primary) 18%,var(--color-base-200));color:var(--tc-ink);box-shadow:inset 0 -2px 0 var(--tc-ink)}.tc-chest-tab:focus-visible{outline:2px solid var(--tc-ink);outline-offset:-2px}.tc-chest-panel[hidden]{display:none}.tc-chest-meta,.tc-chest-toolbar,.tc-chest-field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.tc-chest-meta,.tc-chest-toolbar{margin-block-end:var(--space-md)}.tc-chest-meta{row-gap:var(--space-md)}.tc-chest-meta label{font-size:var(--text-sm);font-weight:var(--font-semibold)}.tc-chest-meta input[type=text]{background:var(--color-content-area);color:var(--color-base-content);border:1px solid var(--color-item-border);border-radius:var(--radius-sm);padding:.4rem .6rem;min-width:12rem}.tc-chest-meta input[type=text]:focus{border-color:var(--color-primary);outline:2px solid color-mix(in oklch,var(--color-primary) 25%,transparent);outline-offset:-1px}.tc-chest-displayed{margin:0;font-size:var(--text-sm);color:color-mix(in oklch,var(--color-base-content) 75%,transparent)}.tc-chest-meta button,.tc-chest-toolbar button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:transparent;color:var(--tc-ink);border:1px solid color-mix(in oklch,var(--color-primary) 40%,var(--color-item-border));border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;font-weight:var(--font-semibold);line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease}.tc-chest-meta button:hover,.tc-chest-toolbar button:hover{background:color-mix(in oklch,var(--color-primary) 10%,transparent);border-color:var(--color-primary)}.tc-chest-meta button:focus-visible,.tc-chest-toolbar button:focus-visible{outline:2px solid var(--tc-ink);outline-offset:2px}.tc-chest-meta button:disabled,.tc-chest-toolbar button:disabled{opacity:.6;cursor:not-allowed}.tc-chest-meta button:disabled:hover,.tc-chest-toolbar button:disabled:hover{background:transparent;border-color:color-mix(in oklch,var(--color-primary) 40%,var(--color-item-border))}.tc-selected-count{font-size:var(--text-sm);font-weight:var(--font-semibold);padding-inline:var(--space-xs)}.tc-save-status{margin:0;font-size:var(--text-sm);color:color-mix(in oklch,var(--color-base-content) 70%,transparent)}.tc-save-status--error{color:var(--color-error);font-weight:var(--font-semibold)}.tc-move-note{font-size:var(--text-sm);color:color-mix(in oklch,var(--color-base-content) 70%,transparent);margin-block:0 var(--space-md)}.tc-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-sm);align-items:start}.tc-grid--fixed{grid-template-columns:repeat(var(--tc-cols),minmax(44px,1fr))}.tc-grid-scroll:has(.tc-grid--fixed){overflow-x:auto;overscroll-behavior-x:contain}.tc-grid--dragging{touch-action:none;-webkit-user-select:none;user-select:none}.tc-grid--busy{opacity:.6;pointer-events:none}.tc-grid .tc-item{position:relative;container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-xs);background:var(--color-item-bg);border:1px solid var(--color-item-border);border-radius:var(--radius-md);cursor:grab;transition:border-color .12s ease,background .12s ease}.tc-grid .tc-item:hover{border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 6%,var(--color-base-200))}.tc-grid .tc-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tc-grid .tc-item img{width:64px;max-width:100%;height:auto;pointer-events:none}.tc-item-name{font-size:var(--text-xs);line-height:1.2;text-align:center;color:color-mix(in oklch,var(--color-base-content) 80%,transparent)}.tc-item-select{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:var(--space-xs);cursor:pointer;opacity:.55;transition:opacity .12s ease}.tc-item-select input{accent-color:var(--color-primary);width:15px;height:15px;margin:0;cursor:pointer}.tc-item:hover .tc-item-select,.tc-item:focus-within .tc-item-select,.tc-item[aria-selected=true] .tc-item-select{opacity:1}.tc-grid .tc-item[aria-selected=true],.tc-grid .tc-item:has(.tc-item-select input:checked){border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 15%,var(--color-base-200))}a.tc-item-remove:link,a.tc-item-remove:visited,a.tc-item-remove:active{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-base-300) 70%,transparent);color:color-mix(in oklch,var(--color-base-content) 65%,transparent);font-size:var(--text-xs);text-decoration:none;opacity:.55;transition:opacity .12s ease,background .12s ease,color .12s ease}a.tc-item-remove:hover,a.tc-item-remove:focus-visible{opacity:1;background:color-mix(in oklch,var(--color-error) 20%,var(--color-base-200));color:var(--color-error)}.tc-item:hover .tc-item-remove,.tc-item:focus-within .tc-item-remove{opacity:1}.tc-grid .tc-item--picked,.tc-grid .tc-item--grabbed{border-color:var(--color-primary);border-style:dashed;background:color-mix(in oklch,var(--color-primary) 12%,var(--color-base-200))}.tc-grid .tc-item--dragging{opacity:.6;z-index:2;cursor:grabbing}.tc-drop-marker{position:absolute;width:2px;border-radius:1px;background:var(--tc-ink);pointer-events:none;z-index:3}.tc-grid .tc-item--flank{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-base-200))}@container (max-width: 64px){.tc-item-name{display:none}.tc-item .tc-item-select,a.tc-item-remove:link,a.tc-item-remove:visited,a.tc-item-remove:active{opacity:0;pointer-events:none}.tc-item:hover .tc-item-select,.tc-item:focus-within .tc-item-select,.tc-item:hover a.tc-item-remove,.tc-item:focus-within a.tc-item-remove{pointer-events:auto}}.tc-empty{background:color-mix(in oklch,var(--color-primary) 6%,var(--color-base-200));border:1px solid var(--color-item-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center}.tc-empty p{margin-block:0 var(--space-sm)}.tc-empty p:last-child{margin-block-end:0;color:color-mix(in oklch,var(--color-base-content) 75%,transparent)}.tc-per-row-note{width:100%;margin:0;font-size:var(--text-sm);color:color-mix(in oklch,var(--color-base-content) 70%,transparent)}[data-content=dark] .tc-grid .tc-item{background:color-mix(in oklch,var(--color-primary) 5%,oklch(18% .01 0))}[data-content=dark] .tc-grid .tc-item:hover{background:color-mix(in oklch,var(--color-primary) 14%,oklch(18% .01 0))}[data-content=dark] .tc-grid .tc-item--flank,[data-content=dark] .tc-grid .tc-item[aria-selected=true],[data-content=dark] .tc-grid .tc-item:has(.tc-item-select input:checked),[data-content=dark] .tc-grid .tc-item--picked,[data-content=dark] .tc-grid .tc-item--grabbed{background:color-mix(in oklch,var(--color-primary) 25%,oklch(18% .01 0))}[data-content=dark] .tc-empty,[data-content=dark] a.tc-chest-tab:link,[data-content=dark] a.tc-chest-tab:visited,[data-content=dark] a.tc-chest-tab:active{background:color-mix(in oklch,var(--color-primary) 8%,oklch(18% .01 0));color:var(--color-base-content)}[data-content=dark] a.tc-chest-tab--active:link,[data-content=dark] a.tc-chest-tab--active:visited,[data-content=dark] a.tc-chest-tab--active:active{background:color-mix(in oklch,var(--color-primary) 22%,oklch(18% .01 0));color:var(--color-base-content)}[data-content=dark] a.tc-item-remove:link,[data-content=dark] a.tc-item-remove:visited,[data-content=dark] a.tc-item-remove:active{background:color-mix(in oklch,var(--color-base-content) 18%,transparent)}@media(prefers-reduced-motion:reduce){.tc-grid .tc-item,.tc-item-select,.tc-item-remove,.tc-chest-meta button,.tc-chest-toolbar button{transition:none}}@media(max-width:600px){.tc-header-slots{text-align:start}.tc-page .tc-header-title h1{font-size:var(--text-xl)}.tc-chest-meta,.tc-chest-toolbar{gap:var(--space-xs)}.tc-chest-meta button,.tc-chest-toolbar button{padding:.45rem .7rem;font-size:var(--text-sm)}.tc-chest-meta input[type=text]{min-width:0;flex:1 1 8rem}a.tc-chest-tab:link,a.tc-chest-tab:visited,a.tc-chest-tab:active{padding:var(--space-sm) var(--space-md)}}.tc-showcase-chest{margin-block:var(--space-lg)}.tc-page .tc-showcase-chest h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin-block-end:var(--space-sm);padding-block-end:var(--space-xs);border-bottom:1px solid var(--color-item-border)}.tc-showcase-count{font-size:var(--text-sm);font-weight:var(--font-normal);color:color-mix(in oklch,var(--color-base-content) 70%,transparent)}.tc-showcase-badge{padding:.15rem .5rem;border-radius:var(--radius-full);background:color-mix(in oklch,var(--color-primary) 15%,var(--color-base-200));color:var(--tc-ink);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tc-showcase-empty{margin:0;color:color-mix(in oklch,var(--color-base-content) 70%,transparent)}