.tf{container:tf / inline-size;width:min(100%,720px);margin:0 auto;padding:10px 12px;box-sizing:border-box;border-radius:16px;background:#0a0e18c7;box-shadow:inset 0 0 0 1px #ffffff1f;color:#dfe6f5;font:calc(14px * var(--text-scale, 1)) / 1.35 ui-sans-serif,system-ui,sans-serif;text-align:left}.tf-in{display:grid;gap:8px}.tf p{margin:0}.tf--off{background:none;box-shadow:none}.tf-cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px}.tf-vs{align-self:center;font:calc(10px * var(--text-scale, 1)) "Press Start 2P",ui-monospace,monospace;color:#ffffff80}.tf-card{--tf-c: #ff6b6b;display:grid;align-content:start;justify-items:start;gap:4px;min-width:0;padding:8px 10px;border-radius:12px;border:2px solid var(--tf-c);background:color-mix(in srgb,var(--tf-c) 12%,transparent)}.tf-card--blue{--tf-c: #4aa3ff}.tf-card.is-free{border-style:dashed;background:transparent}.tf-where{font:calc(9px * var(--text-scale, 1)) / 1.4 "Press Start 2P",ui-monospace,monospace;color:var(--tf-c);text-transform:uppercase}.tf .plc-namebtn:after{top:-14px;right:-8px;bottom:-14px;left:-8px}.tf-who{max-width:100%;font-weight:800;font-size:calc(16px * var(--text-scale, 1));color:#fff;overflow-wrap:anywhere}.tf-card.is-free .tf-who{font-weight:600;color:#ffffff9e}.tf-sign{padding:3px 8px;border-radius:6px;border:2px solid #6dffb0;color:#6dffb0;font:calc(10px * var(--text-scale, 1)) / 1.3 "Press Start 2P",ui-monospace,monospace;text-transform:uppercase;text-shadow:0 0 8px #6dffb0;box-shadow:0 0 12px #6dffb073,inset 0 0 8px #6dffb040}.tf-state{font-size:calc(12.5px * var(--text-scale, 1));color:#aab4c8}.tf-state--ready{font-weight:700;color:#ffe53f}.tf-next{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:calc(13px * var(--text-scale, 1))}.tf-next-tag{padding:2px 8px;border-radius:999px;background:#3a3010;color:#ffe53f;font-weight:700;font-size:calc(11px * var(--text-scale, 1));text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.tf-line{text-align:center}.tf-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tf-keys>button{min-height:44px}.tf-open{display:grid;justify-items:center;gap:4px}.tf-switch{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgb(255 255 255 / .28);background:#ffffff0f;color:#fff;font:650 calc(14px * var(--text-scale, 1)) / 1 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation}.tf-dot{width:10px;height:10px;border-radius:50%;background:#ffffff47}.tf-switch[aria-checked=true]{border-color:#6dffb0;box-shadow:0 0 12px #6dffb059}.tf-switch[aria-checked=true] .tf-dot{background:#6dffb0;box-shadow:0 0 10px #6dffb0}.tf-note{text-align:center;font-size:calc(12px * var(--text-scale, 1));color:#aab4c8}@media (max-height: 500px) and (orientation: landscape){.tf{width:100%;padding:6px 10px;font-size:calc(12.5px * var(--text-scale, 1))}.tf-where,.tf-vs,.tf-note{display:none}.tf-card{padding:4px 8px;gap:2px}.tf-who{font-size:calc(14px * var(--text-scale, 1))}@container tf (min-width: 540px){.tf-in{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:2px 10px}.tf-in>*{grid-column:2}.tf-in>.tf-cards{grid-column:1;grid-row:1 / span 4;grid-template-columns:auto auto}.tf-in>.tf-keys{grid-column:3;grid-row:1 / span 4;flex-wrap:nowrap}.tf-in>.tf-open{grid-column:4;grid-row:1 / span 4}.tf-card{min-width:72px}.tf-switch-more{display:none}.tf-line{text-align:left}.tf-switch{padding:0 12px}}}