.tbal-field{display:grid;grid-gap:6px;gap:6px;margin-top:18px;padding:14px 16px;border:1px solid var(--dsb-line,rgba(255,255,255,.12));border-radius:12px;background:var(--dsb-panel-2,rgba(255,255,255,.03));min-width:0}.tbal-field__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dsb-muted,rgba(255,255,255,.64))}.tbal-field__control{position:relative;min-width:0}.tbal-field__select{width:100%;min-width:0;height:44px;padding:0 40px 0 12px;border:1px solid var(--dsb-line-2,rgba(255,255,255,.2));border-radius:10px;background-color:var(--dsb-panel-3,#1c1c1e);color:var(--dsb-ink,#f5f5f5);font:inherit;font-size:15px;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tbal-field__control:after{content:"";position:absolute;top:50%;right:14px;width:12px;height:12px;margin-top:-6px;background-color:currentColor;color:var(--dsb-muted,rgba(255,255,255,.64));opacity:.85;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m2 4 4 4 4-4%27/%3E%3C/svg%3E") center /12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m2 4 4 4 4-4%27/%3E%3C/svg%3E") center /12px 12px no-repeat}.tbal-field__control:focus-within:after,.tbal-field__control:hover:after{color:var(--dsb-ink,#f5f5f5);opacity:1}.tbal-field__control:has(.tbal-field__select:disabled):after{opacity:.4}.tbal-field__control:has(.tbal-field__select--placeholder):after{display:none}.tbal-field__select--placeholder{display:flex;align-items:center;box-sizing:border-box;color:var(--dsb-faint,rgba(255,255,255,.5));cursor:default}.tbal-field__hint--reserved{visibility:hidden}.tbal-field__select:focus-visible{outline:2px solid var(--dsb-orange,#f5a524);outline-offset:2px}.tbal-field__select:disabled{cursor:not-allowed;opacity:.7}.tbal-field__hint{margin:0;font-size:13px;color:var(--dsb-faint,rgba(255,255,255,.5));overflow-wrap:anywhere}.tbal-field__error{margin:0;font-size:13px;color:var(--dsb-red,#ff6b6b)}.tbal-badge{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;max-width:100%;min-width:0;height:24px;padding:3px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#19191b;color:#e5e2e1;font-size:12px;line-height:1;white-space:nowrap;vertical-align:middle}.tbal-badge:has(.tbal-badge__mode){padding-right:4px}.tbal-badge__label,.tbal-badge__mode,.tbal-badge__name{display:inline-flex;align-items:center;box-sizing:border-box;height:16px;line-height:1}.tbal-badge__label{flex:0 0 auto;padding-top:1px;color:#f5c46a;font:700 10px/1 var(--ritual-font-display,"Space Grotesk",sans-serif);letter-spacing:.12em;text-transform:uppercase}.tbal-badge__name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px;font-weight:600;line-height:15px}.tbal-badge__mode{flex:0 0 auto;padding:2px 6px 0;border:1px solid rgba(0,219,231,.4);border-radius:999px;background:rgba(0,219,231,.08);color:#00dbe7;font:700 9px/1 var(--ritual-font-display,"Space Grotesk",sans-serif);letter-spacing:.1em;text-transform:uppercase}.tbal-badge[data-ranked-fallback=true] .tbal-badge__label{color:rgba(229,226,225,.64)}.tbal-badge--lobby{justify-self:center;margin:2px auto 8px}.tbal-badge--watch{flex:0 0 auto;align-self:center;margin-inline:6px}