/* Car Race additions to the pinned hosted shell. */
html.tt-shell .preview-wrap { position: relative; }
.preview-tag { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); padding:4px 12px; border-radius:20px; background:#ffd43b; color:#101114; font:700 13px/1.4 Inter,"Segoe UI",sans-serif; pointer-events:none; }
html.tt-shell .choice-field { border:0; padding:0; margin:22px 0; min-width:0; }
html.tt-shell .choice-field legend { color:var(--ink); font-weight:600; padding:0 0 10px; }
html.tt-shell .segments { display:flex; flex-wrap:wrap; gap:8px; }
html.tt-shell .segments label { display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; background:var(--field); color:var(--copy); font-size:14px; cursor:pointer; }
html.tt-shell .segments label:has(input:checked) { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
html.tt-shell .choice-field .segments input[type=radio] { accent-color:#101114; display:inline-block; width:14px; height:14px; min-height:0; margin:0; padding:0; border:0; background:transparent; }
html.tt-shell #last-event { display:flex; align-items:center; gap:10px; font-size:14px; margin-top:12px; }
html.tt-shell #field li { overflow-wrap:anywhere; }
html.tt-shell .gift-copy { min-width:130px; }
html.tt-shell .app-link .tt-tikfinity-arrow { font-weight:400; }
html.tt-shell .effects button { text-align:left; font-size:14px; }
html.tt-shell .preview-tag[hidden] { display:none; }
@media(max-width:600px) { html.tt-shell .modes button { padding-inline:12px; } }