@layer components{.dr{flex-direction:column;gap:12px;display:flex}.dr-round{align-items:center;gap:12px;min-height:40px;display:flex}.dr-round .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.dr-round .txt small{color:var(--color-mute)}.dr-round .txt .num{color:var(--color-ink);font-weight:600}.dr-plan{min-height:16px;color:var(--color-mute);margin:0;display:block}.dr-plan .now{color:var(--color-ink);font-weight:600}.dr-plan .past{color:var(--color-down)}.dr-plan .sep{color:var(--color-faint)}.dr-pool{flex-direction:column;gap:8px;display:flex}.dr-card{text-align:left;background:var(--color-card);border-radius:var(--radius-ctl);min-height:72px;color:var(--color-ink);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.dr-card .who{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-card .who small{color:var(--color-mute)}.dr-card .what{text-align:right;white-space:nowrap;flex-direction:column;gap:2px;display:flex}.dr-card .what b{font-weight:500}.dr-card .what small{color:var(--color-mute)}button.dr-card{transition:background-color var(--dur-fast)}@media (hover:hover) and (pointer:fine){button.dr-card:hover{background:var(--color-line)}}.dr-card[aria-pressed=true],.dr-card[aria-pressed=true]:hover{background:var(--color-ink);color:var(--color-on-ink)}.dr-card[aria-pressed=true] .who small,.dr-card[aria-pressed=true] .what small{color:var(--color-on-ink-kicker)}.dr-cabinet{flex-direction:column;gap:4px;display:flex}.dr-seat{text-align:left;background:var(--color-card);border-radius:var(--radius-ctl);min-height:44px;color:var(--color-ink);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 12px;display:grid}.dr-seat .mark{color:var(--color-mute);justify-content:center;display:inline-flex}.dr-seat .txt{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-seat .txt b{font-weight:500}.dr-seat .txt small{color:var(--color-mute);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dr-seat .read{white-space:nowrap;font-weight:500}.dr-seat .key{color:var(--color-mute)}@media (hover:none){.dr-seat .key{display:none}}button.dr-seat{transition:background-color var(--dur-fast)}button.dr-seat:disabled{cursor:default}@media (hover:hover) and (pointer:fine){button.dr-seat:enabled:hover{background:var(--color-line)}}.dr-seat .pts{font-weight:600}.dr-q-good{color:var(--color-ink)}.dr-q-fair{color:var(--color-mute)}.dr-q-bad{color:var(--color-ember)}.dr-act{min-height:44px}@media (min-width:1024px){.dr-pool{flex-direction:row;gap:12px}.dr-pool>*{flex:1 1 0;min-width:0}.dr-card{grid-template-columns:minmax(0,1fr);align-content:space-between;min-height:108px;padding:14px}.dr-card .what{text-align:left;white-space:normal;flex-direction:row;align-items:baseline;gap:8px}.dr-seat{min-height:56px}}.dr-map{width:100%;height:auto;margin:12px 0 4px;display:block}.dr-rows{flex-direction:column;display:flex}.dr-row{border-top:1px solid var(--color-line);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:grid}.dr-row .fl{display:inline-flex}.dr-row .txt{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-row .txt small{color:var(--color-mute);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dr-row .val{text-align:right;white-space:nowrap;font-weight:600}.dr-row .val.mute{color:var(--color-mute)}.dr-lead{color:var(--color-mute);margin:4px 0 0}.dr-rows+.dr-lead,.dr-lead+.sh,.dr-rows+.sh{margin-top:20px}.sh+.dr-lead{margin:0 0 4px}}