.lab-page{gap:.75rem}.lab-head h1{margin:0;font-size:1.5rem}.lab-caveat{margin:.5rem 0 0;padding:.5rem .75rem;border-left:4px solid var(--accent);border-radius:0 var(--radius-2, 8px) var(--radius-2, 8px) 0;background:var(--accent-bg-soft);color:var(--ink);font-size:.9375rem;line-height:1.4}.lab-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-3, 12px);padding:.75rem 1rem;margin:0}.lab-adders,.lab-presets{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;margin:0}.lab-top{display:grid;gap:.75rem}.lab-top .lab-kinds{margin-block-end:0}.lab-chips{display:grid;gap:.5rem}.lab-slots,.lab-pills{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0}.lab-slots{align-items:stretch}.lab-slot{display:flex;flex:1 1 10rem;align-items:center;gap:.375rem;min-width:0;min-height:44px;padding:.25rem .25rem .25rem .5rem;color:var(--ink);background:var(--surface-hover);border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px)}.lab-slot>.lab-chip-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.lab-slot-wide{flex-basis:100%}.lab-slot-empty{justify-content:center;font:inherit;cursor:pointer;color:var(--ink-muted);background:none;border-style:dashed}@media(hover:hover){.lab-slot-empty:hover{background:var(--surface-hover)}}.lab-slot-auto{border-style:dashed;border-color:var(--accent)}.lab-auto-tag{flex:none;color:var(--accent-hover);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lab-picks{display:grid}.lab-fill{display:grid;gap:.5rem;margin:0}.lab-fill.is-on{margin-block-start:.5rem;padding:.5rem .75rem;border-left:4px solid var(--accent);border-radius:0 var(--radius-2, 8px) var(--radius-2, 8px) 0;background:var(--accent-bg-soft)}.lab-fill-said{margin:0;color:var(--ink)}.lab-fill-acts{display:flex;flex-wrap:wrap;gap:.5rem}.lab-btn{min-height:44px;padding:0 .75rem;font:inherit;cursor:pointer;color:var(--ink);background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:var(--radius-2, 8px)}@media(hover:hover){.lab-btn:hover:not(:disabled){background:var(--surface-active)}}.lab-btn-accent{color:var(--ink-inverse);background:var(--accent);border-color:var(--accent)}@media(hover:hover){.lab-btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}}.lab-btn-fill{display:inline-flex;align-items:center;gap:.375rem}.lab-fill-em{color:var(--accent-hover);font-weight:600}.lab-btn-fill[aria-disabled=true] .lab-fill-em{color:inherit}.lab-btn-fill[aria-disabled=true]{color:var(--ink-subtle);background:var(--surface-hover);cursor:not-allowed}@media(hover:hover){.lab-btn-fill[aria-disabled=true]:hover{color:var(--ink-subtle);background:var(--surface-hover);cursor:not-allowed}}.lab-champ{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lab-champ-icon{width:48px;height:48px;flex:none;border-radius:var(--radius-2, 8px);background:var(--surface-hover)}.lab-champ-id{display:flex;flex:1 1 12rem;flex-direction:column;gap:.125rem;min-width:0}.lab-champ-name{margin:0;font-size:1.125rem}.lab-champ>.lab-btn{margin-inline-start:auto}.lab-fact{display:flex;flex-wrap:wrap;gap:0 .75rem}.lab-stat{display:inline-flex;align-items:center;gap:.25rem}.lab-stat:not(:last-child):after{content:"·";color:var(--ink-subtle)}.lab-stat-icon{flex:none}.lab-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:44px;padding:.25rem .25rem .25rem .5rem;color:var(--ink);background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:var(--radius-2, 8px)}.lab-chip-own{padding-inline-end:.875rem}.lab-chip-text{display:flex;flex-direction:column;line-height:1.2}.lab-chip-why{color:var(--ink-subtle);font-size:.75rem}.lab-x{min-width:44px;min-height:44px;font-size:1.125rem;cursor:pointer;color:var(--ink);background:none;border:0;border-radius:var(--radius-pill, 999px)}@media(hover:hover){.lab-x:hover{background:var(--surface-active)}}.lab-fact{margin:0;color:var(--ink-muted);font-size:.875rem}.lab-now{margin:0 0 .5rem;color:var(--ink)}.lab-icon{display:inline-block;width:28px;height:28px;border-radius:var(--radius-1, 4px);flex:none}.lab-recipe{display:flex;gap:.25rem;margin-block-start:.25rem}.lab-icon-sm{width:20px;height:20px;border-radius:var(--radius-1, 4px)}.lab-name{display:inline-flex;align-items:center;gap:.5rem}.lab-note,.lab-gives{display:block;color:var(--ink-subtle);font-size:.875rem}.lab-kinds{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;min-inline-size:0;margin:0 0 .5rem;padding:0 .5rem;color:var(--ink-muted);border:1px solid var(--border);border-radius:var(--radius-2, 8px)}.lab-kinds label{display:inline-flex;align-items:center;gap:.375rem;min-height:44px}.lab-rank{overflow-x:auto;contain:paint}.lab-table{width:100%;border-collapse:collapse}.lab-table th,.lab-table td{padding:.25rem .5rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.lab-table thead th{color:var(--ink-muted);font-size:.8125rem;font-weight:600}.lab-table tbody th{font-weight:600}.lab-table td{font-variant-numeric:tabular-nums}.lab-table .num{text-align:right;white-space:nowrap}.lab-table .rhythm{white-space:nowrap}.lab-table .lab-has-note th,.lab-table .lab-has-note td{border-bottom:0}.lab-table .lab-under-cell{padding-block-start:0;padding-inline-start:1rem;border-inline-start:2px solid var(--border-emphasis)}.lab-table button[aria-disabled=true]{color:var(--ink-subtle);background:var(--surface-hover);border-color:var(--border-strong);cursor:not-allowed}@media(hover:hover){.lab-table button[aria-disabled=true]:hover{color:var(--ink-subtle);background:var(--surface-hover);border-color:var(--border-strong);cursor:not-allowed}}.lab-table .recipe-add-icon-btn{inline-size:44px;block-size:44px}.lab-bar{display:none;height:.75rem;background:var(--bg-recessed);border-radius:var(--radius-pill, 999px)}.lab-bar-fill{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill, 999px)}.lab-bar-num{font-variant-numeric:tabular-nums;white-space:nowrap}.lab-table .lab-unit{display:none}.lab-showall{display:block;width:100%;margin-block-start:.5rem}.lab-fight>summary{min-height:44px;color:var(--ink-muted);cursor:pointer}.lab-seg{margin:0 0 .5rem}.lab-seg-label{color:var(--ink-muted);font-size:.875rem}.lab-table .lab-sorted{color:var(--ink);font-weight:700}.lab-page .browse-filter-chip{font-size:.875rem;max-inline-size:100%}.lab-link{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.lab-dialog{width:min(38rem,100vw);max-width:100%;padding:0;color:var(--ink);background:transparent;border:0}.lab-dialog::backdrop{background:var(--bg-overlay)}.lab-dialog-inner{display:flex;flex-direction:column;max-height:85vh;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-3, 12px)}.lab-dialog-head{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;border-block-end:1px solid var(--border)}.lab-dialog-head h2{margin:0;font-size:1.125rem}.lab-dialog-head button{margin-inline-start:auto}.lab-dialog-body{padding:1rem;overflow-y:auto}.lab-search-label{display:block;margin-block-end:.25rem;color:var(--ink-muted);font-size:.875rem}.lab-search{width:100%;min-height:44px;padding:0 .5rem;font:inherit;color:var(--ink);background:var(--surface-hover);border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px)}.lab-picker-count{margin:.375rem 0 .5rem;color:var(--ink-muted);font-size:.8125rem}.lab-picker-group{margin:.75rem 0 .25rem;color:var(--ink-muted);font-size:.875rem}.lab-prows{display:grid;gap:.125rem;margin:0;padding:0;list-style:none}.lab-prow{display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center}.lab-prow-btn{display:flex;gap:.5rem;align-items:center;width:100%;min-height:44px;padding:0 .5rem;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:none;border:1px solid transparent;border-radius:var(--radius-2, 8px)}@media(hover:hover){.lab-prow-btn:hover:not(:disabled){background:var(--surface-hover)}}.lab-prow-btn:disabled{color:var(--ink-subtle);cursor:not-allowed}.lab-prow-name{min-width:0}.lab-prow-now{margin-inline-start:auto;color:var(--ink-muted);font-size:.8125rem}.lab-picker-icon{width:24px;height:24px;flex:none;border-radius:var(--radius-1, 4px);background:var(--surface-hover)}.lab-picker-why{display:block;padding-inline-start:.5rem;color:var(--ink-subtle);font-size:.75rem}.lab-prow-wide{padding:.25rem .5rem}.lab-prow-face{display:flex;flex:1 1 12rem;gap:.5rem;align-items:center;min-width:0}.lab-prow-main{display:flex;flex-direction:column;line-height:1.2;min-width:0}.lab-prow-main .lab-picker-why{padding-inline-start:0}.lab-prow-tiers{display:flex;gap:.25rem;margin-inline-start:auto}.lab-tier-btn{min-width:44px;padding:0 .5rem}.lab-tier-btn:disabled{color:var(--ink-subtle);background:var(--surface-hover);cursor:not-allowed}.lab-prow-on{background:var(--accent-bg-soft);border-radius:var(--radius-2, 8px)}.lab-prow-on .lab-picker-why{color:var(--ink-muted)}.lab-tier-btn[aria-pressed=true]{color:var(--ink-inverse);background:var(--accent);border-color:var(--accent)}@media(hover:hover){.lab-tier-btn[aria-pressed=true]:hover{color:var(--ink-inverse);background:var(--accent);border-color:var(--accent)}}.lab-kinds[hidden],.lab-prows[hidden],.lab-prow[hidden],.lab-note[hidden],.lab-fill-acts[hidden],.lab-btn-fill[hidden],.lab-own[hidden],.lab-presets[hidden],.lab-picker-group[hidden],.lab-table tbody[hidden]{display:none}@media(min-width:720px){.lab-table tbody[hidden]{display:table-row-group}.lab-showall,.lab-table.lab-flat tbody[hidden]{display:none}.lab-table.lab-flat~.lab-showall{display:block}}.lab-vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:719px){.lab-rank{overflow-x:visible;contain:none}.lab-block{padding:12px}.lab-page.detail-page{gap:.75rem}.lab-head h1{font-size:1.125rem}.lab-champ{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:.5rem;row-gap:.25rem;align-items:center}.lab-champ-id{display:contents}.lab-champ-icon,.lab-champ-name{grid-row:1}.lab-champ-name{min-inline-size:0;overflow-wrap:anywhere;font-size:1rem}.lab-champ>.lab-btn{grid-column:1 / -1;justify-self:start;margin:0;padding:0 .5rem;min-inline-size:0;white-space:normal}.lab-champ p{grid-column:1 / -1}.lab-block.lab-top{container-type:inline-size}@container (min-width: 18rem){.lab-champ{grid-template-columns:48px minmax(0,1fr) auto}.lab-champ>.lab-btn{grid-row:1;grid-column:3}}.lab-top{gap:.5rem}.lab-slot{flex-basis:100%}.lab-slot-empty{flex:1 1 5rem}.lab-page .browse-filter-chip{padding-inline:.5rem}.lab-table,.lab-table thead,.lab-table tbody,.lab-table tr,.lab-table th,.lab-table td{display:block}.lab-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.lab-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:.5rem;row-gap:.25rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.lab-table tbody>tr>th{grid-column:1 / -1}.lab-table tbody>tr>th,.lab-table tbody>tr>td{padding:0;border-bottom:0}.lab-table tr.lab-has-note{border-bottom:0}.lab-table .lab-name{display:block}.lab-table .lab-name>.lab-icon{float:inline-start;margin-inline-end:.5rem}.lab-table .lab-name>span{overflow-wrap:anywhere}.lab-table [data-metric]:not([data-metric-on]){display:none}.lab-table .num{text-align:left}.lab-table .lab-bar-num,.lab-table .lab-bar{display:block}.lab-table .lab-unit{display:inline}.lab-table .lab-under{border-bottom:1px solid var(--border)}.lab-table .lab-under-cell{padding:0 0 .5rem .75rem}.lab-dialog-body{overscroll-behavior:contain}.lab-dialog-body .lab-search{position:sticky;top:0;z-index:1}.lab-picker-count,.lab-prow-now,.lab-picker-why,.lab-chip-why,.lab-auto-tag{font-size:.875rem}}