.tj-mode-select{margin-bottom:var(--tj-space-md)}.tj-mode-control{display:inline-grid;grid-template-columns:repeat(2,minmax(205px,1fr));gap:5px;padding:5px;border:1px solid var(--tj-line);border-radius:var(--tj-radius-lg);background:color-mix(in srgb,var(--tj-surface) 64%,transparent);box-shadow:var(--tj-shadow-md)}.tj-mode-option{appearance:none;display:flex;min-height:60px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:9px 18px;border:0;border-radius:var(--tj-radius-sm);background:transparent;color:var(--tj-ink-soft);text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.tj-mode-option:hover:not([aria-pressed=true]){background:var(--tj-surface-sand);color:var(--tj-ink)}.tj-mode-option:active:not([aria-pressed=true]){background:color-mix(in srgb,var(--tj-ink) 10%,var(--tj-surface-sand))}.tj-mode-option[aria-pressed=true]{background:var(--tj-ink);color:var(--tj-surface);box-shadow:var(--tj-shadow-sm)}.tj-mode-option:focus-visible{outline:3px solid color-mix(in srgb,var(--tj-ink) 34%,transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tj-mode-option{transition:none}}.tj-mode-option__label{font-family:var(--tj-font-display);font-size:var(--tj-text-base);font-weight:var(--tj-weight-extrabold);line-height:1.2}.tj-mode-option__hint{font-size:var(--tj-text-xs);line-height:1.3;opacity:.82}.tj-mode-description{display:flex;min-height:46px;align-items:center;gap:9px;margin:0;padding:9px 8px 13px;color:var(--tj-ink-soft);font-size:var(--tj-text-sm)}.tj-mode-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--tj-candy-menthe-500)}.tj-mode-badge{margin-left:auto;padding:5px 10px;border-radius:var(--tj-radius-pill);background:color-mix(in srgb,var(--tj-candy-menthe-500) 16%,var(--tj-surface));color:var(--tj-candy-menthe-600);font-size:var(--tj-text-xs);font-weight:var(--tj-weight-extrabold);white-space:nowrap}.tj-mode-description[data-mode=competition] .tj-mode-dot{background:var(--tj-gold-500)}.tj-mode-description[data-mode=competition] .tj-mode-badge{background:color-mix(in srgb,var(--tj-gold-500) 26%,var(--tj-surface));color:var(--tj-ink)}@media (max-width:720px){.tj-mode-control{display:grid;width:100%;grid-template-columns:1fr 1fr}}@media (max-width:480px){.tj-mode-option{min-width:0;padding:8px 11px}.tj-mode-option__label{font-size:var(--tj-text-sm)}.tj-mode-description{align-items:flex-start;line-height:1.4}.tj-mode-badge{display:none}}
/*# sourceMappingURL=449cd83386c440f2.css.map*/