/* Native parts for the newer pages (chat lobby and rooms, ladder, roulette, lunch).
   Those pages share one markup; this file gives the shared pieces each tool's own vocabulary:
   GitHub boxes, button groups and labels; Jira panels, lozenges and tabs; Notion blocks, select tags and callouts.
   Figma keeps its white frames on the canvas (see chat.css and picks.css). Load after the page's own stylesheet. */

/* ======================= GitHub (Primer) ======================= */
/* Box with a Box-header: the card's title row becomes the gray header strip */
[data-skin="github"] :is(.chat-card, .pick-card) { border-radius: 6px; padding: 16px; }
[data-skin="github"] :is(.chat-card, .pick-card) > :is(.chat-title, .pick-title, .card-head):first-child {
  margin: -16px -16px 16px; padding: 0 16px; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  background: var(--subtle); border-bottom: 1px solid var(--line); border-radius: 6px 6px 0 0; font-size: 14px; font-weight: 600;
}
[data-skin="github"] .card-head .chat-title { font-size: 14px; }
[data-skin="github"] .card-head .btn { height: 28px; padding: 0 12px; font-size: 12px; }
[data-skin="github"] :is(.chat-sub, .pick-sub) { font-size: 14px; }
[data-skin="github"] :is(.chat-card, .pick-card) .field-label, [data-skin="github"] .pick-label { font-size: 14px; font-weight: 600; }

/* list rows run edge to edge inside the box */
[data-skin="github"] .room-list { gap: 0; margin: -16px; }
[data-skin="github"] .room-list li { border: 0; border-radius: 0; border-top: 1px solid var(--line); padding: 10px 16px; }
[data-skin="github"] .room-list li:first-child { border-top: 0; }
[data-skin="github"] .room-list li:hover { background: var(--subtle); }
[data-skin="github"] .room-list li:last-child { border-radius: 0 0 6px 6px; }
[data-skin="github"] #roomListEmpty:not([hidden]) { margin-top: 24px; }

/* Label (outline), topic tags, danger label */
[data-skin="github"] :is(.kind-tag, .pick-history li, .candidates span) {
  display: inline-block; padding: 0 7px; border: 1px solid var(--line); border-radius: 2em; background: transparent;
  font-size: 12px; font-weight: 500; line-height: 18px; color: var(--muted);
}
[data-skin="github"] .kind-tag.k-secret { border-color: #bf8700; color: #9a6700; }
[data-skin="github"] .menu-chip { border: 0; border-radius: 2em; padding: 0 10px; background: #ddf4ff; color: #0969da; font-size: 12px; font-weight: 500; line-height: 22px; }
[data-skin="github"] .menu-chip:hover { background: #b6e3ff; }
[data-skin="github"] .menu-chip.custom { box-shadow: inset 0 0 0 1px #54aeff; }
[data-skin="github"] .menu-chip[aria-pressed="true"] { background: var(--subtle); color: var(--muted); opacity: 1; }
[data-skin="github"] .gp-bans span { border-radius: 2em; border-color: #cf222e; color: #d1242f; background: transparent; font-weight: 500; font-size: 12px; }

/* radio list like "Choose visibility": no boxes, title and note */
[data-skin="github"] :is(.kind-pick, .method-pick) label { border: 0; border-radius: 0; padding: 6px 0; box-shadow: none !important; background: none; }
[data-skin="github"] .kind-pick b, [data-skin="github"] .method-pick b { font-size: 14px; }

/* SegmentedControl-ish button group */
[data-skin="github"] .ttl-pick { gap: 0; }
[data-skin="github"] .ttl-pick legend { font-size: 14px; }
[data-skin="github"] .ttl-pick span { border-radius: 0; margin-left: -1px; padding: 0 12px; line-height: 30px; font-size: 14px; color: var(--fg); background: var(--subtle); border-color: var(--line); }
[data-skin="github"] .ttl-pick label:first-of-type span { border-radius: 6px 0 0 6px; margin-left: 0; }
[data-skin="github"] .ttl-pick label:last-of-type span { border-radius: 0 6px 6px 0; }
[data-skin="github"] .ttl-pick input:checked + span { background: var(--bg); color: var(--fg); border-color: var(--line); font-weight: 600; box-shadow: inset 0 -2px 0 #fd8c73; position: relative; }

/* UnderlineNav for the room tabs, Counter for unread */
[data-skin="github"] .room-tabs { gap: 8px; border-bottom: 1px solid var(--line); padding: 0; margin-bottom: 16px; }
[data-skin="github"] .room-tab { height: 40px; padding: 0 8px; border: 0; border-radius: 0; background: none; color: var(--fg); position: relative; font-size: 14px; }
[data-skin="github"] .room-tab:hover { background: none; }
[data-skin="github"] .room-tab .rt-name { padding: 4px 6px; border-radius: 6px; }
[data-skin="github"] .room-tab:hover .rt-name { background: rgba(129, 139, 152, .15); }
[data-skin="github"] .room-tab.on, [data-skin="github"] .room-tab.lobby-tab.on { background: none; color: var(--fg); font-weight: 600; }
[data-skin="github"] .room-tab.on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; border-radius: 6px; background: #fd8c73; }
[data-skin="github"] .room-tab.lobby-tab { color: var(--muted); }
[data-skin="github"] .rt-badge { background: #59636e; }

/* form-control */
[data-skin="github"] :is(.join-row input, .text-in, .gm-bans input[type="text"]) { height: 32px; border-radius: 6px; border-color: var(--line); background: var(--bg); }
[data-skin="github"] :is(.join-row input, .text-in, .gm-bans input[type="text"]):focus { outline: none; border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
[data-skin="github"] .secret-opts { border: 1px solid var(--line); border-radius: 6px; }
[data-skin="github"] .pick-result { border-radius: 6px; background: #ddf4ff; border-color: rgba(84, 174, 255, .4); }
[data-skin="github"] .game-menu { border-radius: 12px; box-shadow: 0 0 0 1px var(--line), 0 6px 12px -3px rgba(37, 41, 46, .04), 0 6px 18px rgba(37, 41, 46, .12); border: 0; }
[data-skin="github"] .chat-room { border-radius: 6px; }

[data-mode="dark"][data-skin="github"] .menu-chip { background: rgba(56, 139, 253, .1); color: #4493f8; }
[data-mode="dark"][data-skin="github"] .menu-chip:hover { background: rgba(56, 139, 253, .2); }
[data-mode="dark"][data-skin="github"] .menu-chip[aria-pressed="true"] { background: var(--subtle); color: var(--muted); }
[data-mode="dark"][data-skin="github"] .kind-tag.k-secret { border-color: #9e6a03; color: #d29922; }
[data-mode="dark"][data-skin="github"] .gp-bans span { border-color: #da3633; color: #f85149; }
[data-mode="dark"][data-skin="github"] .pick-result { background: rgba(56, 139, 253, .1); border-color: rgba(56, 139, 253, .4); }
[data-mode="dark"][data-skin="github"] .ttl-pick input:checked + span { box-shadow: inset 0 -2px 0 #f78166; }
[data-mode="dark"][data-skin="github"] .room-tab.on::after { background: #f78166; }
[data-mode="dark"][data-skin="github"] .rt-badge { background: #656c76; }

/* ======================= Jira (Atlassian) ======================= */
/* sections of an issue view: no boxes, a heading and the content under it */
[data-skin="jira"] .chat-lobby { gap: 32px; }
[data-skin="jira"] :is(.chat-card, .pick-card) { border: 0; border-radius: 0; padding: 0; background: none; }
[data-skin="jira"] .pick-card + .pick-card { margin-top: 32px; }
[data-skin="jira"] :is(.chat-title, .pick-title) { font-size: 16px; font-weight: 600; color: var(--fg); margin-bottom: 8px; }
[data-skin="jira"] :is(.chat-sub, .pick-sub) { color: var(--subtle-fg); font-size: 14px; }
[data-skin="jira"] :is(.chat-card, .pick-card) .field-label, [data-skin="jira"] .pick-label { font-size: 12px; font-weight: 600; color: var(--muted); }

/* child-issue table */
[data-skin="jira"] .room-list { gap: 0; border: 1px solid var(--line); border-radius: 3px; }
[data-skin="jira"] .room-list li { border: 0; border-radius: 0; border-top: 1px solid var(--line); padding: 6px 12px; }
[data-skin="jira"] .room-list li:first-child { border-top: 0; }
[data-skin="jira"] .room-list li:hover { background: var(--sunken); }
[data-skin="jira"] .room-list .rl-name { font-weight: 400; color: var(--fg); }
[data-skin="jira"] .room-list .btn { height: 28px; }

/* lozenges and labels */
[data-skin="jira"] :is(.kind-tag, .pick-history li) {
  display: inline-block; padding: 0 4px; border: 0; border-radius: 3px; background: #dcdfe4; color: #44546f;
  font-size: 11px; font-weight: 700; line-height: 16px; vertical-align: 1px;
}
[data-skin="jira"] .kind-tag.k-open { background: #baf3db; color: #216e4e; }
[data-skin="jira"] .kind-tag.k-secret { background: #dfd8fd; color: #5e4db2; }
[data-skin="jira"] .pick-history li b { color: inherit; }
[data-skin="jira"] :is(.menu-chip, .candidates span) { border: 0; border-radius: 3px; padding: 0 6px; background: var(--sunken); color: var(--subtle-fg); font-size: 12px; line-height: 22px; }
[data-skin="jira"] .menu-chip:hover { background: #dcdfe4; }
[data-skin="jira"] .menu-chip.custom { box-shadow: inset 0 0 0 1px #8590a2; }
[data-skin="jira"] .menu-chip[aria-pressed="true"] { background: none; opacity: .7; }
[data-skin="jira"] .gp-bans span { border: 0; border-radius: 3px; background: #ffeceb; color: #ae2e24; font-size: 11px; font-weight: 700; line-height: 16px; padding: 0 4px; }

/* radio group: plain radios; options shown as toggle buttons */
[data-skin="jira"] :is(.kind-pick, .method-pick) label { border: 0; border-radius: 3px; padding: 6px 8px; box-shadow: none !important; background: none; }
[data-skin="jira"] :is(.kind-pick, .method-pick) label:hover { background: var(--sunken); }
[data-skin="jira"] .ttl-pick { gap: 4px; }
[data-skin="jira"] .ttl-pick legend { font-size: 12px; color: var(--muted); }
[data-skin="jira"] .ttl-pick span { border: 0; border-radius: 3px; padding: 0 10px; line-height: 32px; font-size: 14px; font-weight: 500; background: var(--sunken); color: var(--subtle-fg); }
[data-skin="jira"] .ttl-pick input:checked + span { background: var(--sel); color: var(--accent); font-weight: 500; }

/* tabs: blue underline on the current one */
[data-skin="jira"] .room-tabs { gap: 0; padding: 0; margin-bottom: 20px; box-shadow: inset 0 -2px 0 var(--line); }
[data-skin="jira"] .room-tab { height: 36px; padding: 0 8px; border: 0; border-radius: 0; background: none; color: var(--subtle-fg); font-size: 14px; font-weight: 500; position: relative; }
[data-skin="jira"] .room-tab:hover { color: var(--fg); background: none; }
[data-skin="jira"] .room-tab.on, [data-skin="jira"] .room-tab.lobby-tab.on, [data-mode="dark"][data-skin="jira"] .room-tab.on { background: none; color: var(--accent); }
[data-skin="jira"] .room-tab.on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 0; height: 2px; background: var(--accent); }
[data-skin="jira"] .rt-badge { border-radius: 2em; background: var(--bad); }

/* textfield, section messages, dropdown */
[data-skin="jira"] :is(.join-row input, .text-in, .gm-bans input[type="text"]) { height: 32px; border: 1px solid #8590a2; border-radius: 3px; background: var(--bg); }
[data-skin="jira"] :is(.join-row input, .text-in, .gm-bans input[type="text"]):focus { outline: none; border-color: var(--focus); box-shadow: inset 0 0 0 1px var(--focus); }
[data-skin="jira"] .chips-box { border-radius: 3px; border-color: #8590a2; background: var(--bg); }
[data-skin="jira"] .secret-opts { border-radius: 3px; background: var(--sel); }
[data-skin="jira"] .pick-result { border: 0; border-radius: 3px; background: #dcfff1; }
[data-skin="jira"] .game-menu { border: 0; border-radius: 3px; box-shadow: 0 8px 12px rgba(9, 30, 66, .15), 0 0 1px rgba(9, 30, 66, .31); }
[data-skin="jira"] .game-panel { background: var(--bg); }

[data-mode="dark"][data-skin="jira"] :is(.kind-tag, .pick-history li) { background: #2c333a; color: #9fadbc; }
[data-mode="dark"][data-skin="jira"] .kind-tag.k-open { background: #164b35; color: #7ee2b8; }
[data-mode="dark"][data-skin="jira"] .kind-tag.k-secret { background: #352c63; color: #b8acf6; }
[data-mode="dark"][data-skin="jira"] .menu-chip:hover { background: #2c333a; }
[data-mode="dark"][data-skin="jira"] .gp-bans span { background: #42221f; color: #fd9891; }
[data-mode="dark"][data-skin="jira"] :is(.join-row input, .text-in, .gm-bans input[type="text"], .chips-box) { border-color: #738496; }
[data-mode="dark"][data-skin="jira"] .pick-result { background: #1c3329; }
[data-mode="dark"][data-skin="jira"] .game-menu { box-shadow: 0 8px 12px rgba(3, 4, 4, .36), 0 0 1px rgba(3, 4, 4, .5); }

/* ======================= Notion ======================= */
/* blocks on a page: headings and plain content, no boxes */
[data-skin="notion"] .chat-lobby { gap: 36px; max-width: none; }
[data-skin="notion"] :is(.chat-card, .pick-card) { border: 0; border-radius: 0; padding: 0; background: none; }
[data-skin="notion"] .pick-card + .pick-card { margin-top: 36px; }
[data-skin="notion"] :is(.chat-title, .pick-title) { font-size: 20px; font-weight: 600; margin-bottom: 6px; letter-spacing: -.005em; }
[data-skin="notion"] .card-head .btn { height: 28px; font-size: 14px; border: 0; color: var(--muted); background: none; }
[data-skin="notion"] .card-head .btn:hover { background: var(--hover); }
[data-skin="notion"] :is(.chat-sub, .pick-sub) { color: var(--fg); font-size: 16px; line-height: 1.5; }
[data-skin="notion"] :is(.chat-card, .pick-card) .field-label, [data-skin="notion"] .pick-label { font-size: 14px; font-weight: 400; color: var(--muted); }
[data-skin="notion"] :is(.chat-card, .pick-card) .hint { font-size: 14px; color: var(--muted); }

/* inline database */
[data-skin="notion"] .room-list { gap: 0; border-top: 1px solid var(--line); }
[data-skin="notion"] .room-list li { border: 0; border-radius: 0; border-bottom: 1px solid var(--line); padding: 7px 4px; }
[data-skin="notion"] .room-list li:hover { background: var(--hover); }
[data-skin="notion"] .room-list .rl-name { font-weight: 500; }
[data-skin="notion"] .room-list .rl-meta { font-size: 13px; color: var(--muted); }
[data-skin="notion"] .room-list .btn { height: 26px; padding: 0 8px; font-size: 12px; font-weight: 500; color: var(--muted); background: var(--bg); box-shadow: rgba(15, 15, 15, .1) 0 0 0 1px, rgba(15, 15, 15, .1) 0 2px 4px; border: 0; }

/* select / multi-select tags */
[data-skin="notion"] :is(.kind-tag, .pick-history li, .candidates span, .menu-chip) {
  display: inline-block; padding: 0 6px; border: 0; border-radius: 3px; background: rgba(227, 226, 224, .5); color: #32302c;
  font-size: 14px; font-weight: 400; line-height: 22px;
}
[data-skin="notion"] .kind-tag { font-size: 12px; line-height: 18px; vertical-align: 1px; }
[data-skin="notion"] .kind-tag.k-open { background: #dbeddb; color: #1c3829; }
[data-skin="notion"] .kind-tag.k-secret { background: #e8deee; color: #412454; }
[data-skin="notion"] .menu-chip:hover { background: rgba(227, 226, 224, .9); }
[data-skin="notion"] .menu-chip.custom { background: #d3e5ef; color: #183347; }
[data-skin="notion"] .menu-chip[aria-pressed="true"] { opacity: .5; background: rgba(227, 226, 224, .5); }
[data-skin="notion"] .gp-bans span { border: 0; border-radius: 3px; background: #ffe2dd; color: #5d1715; line-height: 20px; padding: 0 6px; }

/* options as menu rows; segmented choices as select tags */
[data-skin="notion"] :is(.kind-pick, .method-pick) label { border: 0; border-radius: 4px; padding: 6px 8px; box-shadow: none !important; background: none; }
[data-skin="notion"] :is(.kind-pick, .method-pick) label:hover { background: var(--hover); }
[data-skin="notion"] :is(.kind-pick, .method-pick) label:has(input:checked) { background: rgba(35, 131, 226, .07); }
[data-skin="notion"] :is(.kind-pick, .method-pick) b { font-weight: 500; }
[data-skin="notion"] .ttl-pick legend { font-size: 14px; font-weight: 400; color: var(--muted); }
[data-skin="notion"] .ttl-pick span { border: 0; border-radius: 3px; padding: 0 8px; line-height: 24px; font-size: 14px; background: rgba(227, 226, 224, .5); color: #32302c; }
[data-skin="notion"] .ttl-pick input:checked + span { background: #d3e5ef; color: #183347; font-weight: 400; }

/* view tabs for the rooms */
[data-skin="notion"] .room-tabs { gap: 2px; padding: 0 0 6px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
[data-skin="notion"] .room-tab { height: 28px; padding: 0 8px; border: 0; border-radius: 4px; background: none; color: var(--muted); font-size: 14px; position: relative; }
[data-skin="notion"] .room-tab:hover { background: var(--hover); }
[data-skin="notion"] .room-tab.on, [data-skin="notion"] .room-tab.lobby-tab.on { background: none; color: var(--fg); font-weight: 500; }
[data-skin="notion"] .room-tab.on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -7px; height: 2px; background: var(--fg); }
[data-skin="notion"] .rt-badge { background: #eb5757; }

/* inputs, callouts, menu */
[data-skin="notion"] :is(.join-row input, .text-in, .gm-bans input[type="text"]) { height: 32px; border-radius: 4px; border: 0; background: rgba(242, 241, 238, .6); box-shadow: rgba(15, 15, 15, .1) 0 0 0 1px inset; }
[data-skin="notion"] :is(.join-row input, .text-in, .gm-bans input[type="text"]):focus { outline: none; box-shadow: rgba(35, 131, 226, .57) 0 0 0 1px inset, rgba(35, 131, 226, .35) 0 0 0 2px; }
[data-skin="notion"] .chips-box { border: 0; border-radius: 4px; background: rgba(242, 241, 238, .6); box-shadow: rgba(15, 15, 15, .1) 0 0 0 1px inset; }
[data-skin="notion"] .secret-opts, [data-skin="notion"] #inviteCard { border-radius: 4px; background: var(--callout); padding: 16px 16px 16px 12px; }
[data-skin="notion"] .pick-result { border: 0; border-radius: 4px; background: #e7f3f8; }
[data-skin="notion"] .game-menu { border: 0; border-radius: 6px; box-shadow: rgba(15, 15, 15, .05) 0 0 0 1px, rgba(15, 15, 15, .1) 0 3px 6px, rgba(15, 15, 15, .2) 0 9px 24px; }

[data-mode="dark"][data-skin="notion"] :is(.kind-tag, .pick-history li, .candidates span, .menu-chip, .ttl-pick span) { background: rgba(90, 90, 90, .5); color: #d4d4d4; }
[data-mode="dark"][data-skin="notion"] .kind-tag.k-open { background: #2b593f; }
[data-mode="dark"][data-skin="notion"] .kind-tag.k-secret { background: #492f64; }
[data-mode="dark"][data-skin="notion"] :is(.menu-chip.custom, .ttl-pick input:checked + span) { background: #28456c; color: #d4d4d4; }
[data-mode="dark"][data-skin="notion"] .gp-bans span { background: #6e3630; color: #d4d4d4; }
[data-mode="dark"][data-skin="notion"] :is(.join-row input, .text-in, .gm-bans input[type="text"], .chips-box) { background: rgba(255, 255, 255, .055); box-shadow: rgba(255, 255, 255, .094) 0 0 0 1px inset; }
[data-mode="dark"][data-skin="notion"] .room-list .btn { background: #252525; box-shadow: rgba(255, 255, 255, .094) 0 0 0 1px; }
[data-mode="dark"][data-skin="notion"] .pick-result { background: #1f282d; }

/* ======================= Figma ======================= */
/* frames stay white; inside them the parts are Figma's own (UI3): small type, gray fills, blue selection */
[data-skin="figma"] :is(.kind-tag, .pick-history li, .candidates span) { display: inline-block; padding: 0 6px; border: 0; border-radius: 4px; background: #f0f0f0; color: #444; font-size: 11px; font-weight: 500; line-height: 18px; vertical-align: 1px; }
[data-skin="figma"] .kind-tag.k-secret { background: #f1e5ff; color: #8638e5; }
[data-skin="figma"] .kind-tag.k-open { background: #e5f4ff; color: #007be5; }
[data-skin="figma"] .room-list li { border-radius: 6px; }
[data-skin="figma"] .room-list li:hover { box-shadow: inset 0 0 0 1px #0d99ff; }
[data-skin="figma"] .ttl-pick span { border-radius: 6px; font-size: 12px; }
[data-skin="figma"] :is(.join-row input, .text-in) { border-radius: 6px; background: #f5f5f5; border-color: transparent; font-size: 13px; }
[data-skin="figma"] :is(.join-row input, .text-in):focus { outline: none; border-color: #0d99ff; background: #fff; }

/* ======================= tests and solo games (play.css parts) ======================= */
[data-skin="github"] :is(.quiz-opt, .result-facts div, .bingo button, .scale-pick span) { border-radius: 6px; }
[data-skin="github"] .quiz-opt[aria-checked="true"] { background: color-mix(in srgb, var(--accent) 8%, var(--bg)); }
[data-skin="github"] .mines button { border-radius: 3px; }

[data-skin="jira"] :is(.quiz-opt, .result-facts div, .bingo button, .scale-pick span, .mines-stat, .mines-msg) { border-radius: 3px; }
[data-skin="jira"] .quiz-opt { border-color: var(--line); }
[data-skin="jira"] .quiz-opt:hover { background: var(--sunken); border-color: var(--line); }
[data-skin="jira"] .quiz-opt[aria-checked="true"], [data-skin="jira"] .scale-pick input:checked + span { background: var(--sel); border-color: var(--accent); box-shadow: none; color: var(--accent); }
[data-skin="jira"] .scale-pick span { border: 0; background: var(--sunken); color: var(--subtle-fg); }
[data-skin="jira"] .mines button { border-radius: 2px; }

/* Notion: options are menu rows, facts are a callout, the bingo board is a gallery of cards */
[data-skin="notion"] .quiz-opt { border: 0; border-radius: 4px; padding: 8px 10px; background: none; font-size: 16px; }
[data-skin="notion"] .quiz-opt:hover { background: var(--hover); }
[data-skin="notion"] .quiz-opt[aria-checked="true"] { background: rgba(35, 131, 226, .1); box-shadow: none; }
[data-skin="notion"] .quiz-opt .qk { border-radius: 4px; }
[data-skin="notion"] .result-facts div { border: 0; border-radius: 4px; background: var(--callout); }
[data-skin="notion"] .scale-pick span { border: 0; border-radius: 3px; background: rgba(227, 226, 224, .5); color: #32302c; }
[data-skin="notion"] .scale-pick input:checked + span { background: #d3e5ef; color: #183347; }
[data-skin="notion"] .bingo button { border-radius: 4px; box-shadow: rgba(15, 15, 15, .1) 0 0 0 1px, rgba(15, 15, 15, .1) 0 2px 4px; border-color: transparent; }
[data-skin="notion"] :is(.mines-stat, .mines-msg) { border-radius: 4px; }
[data-mode="dark"][data-skin="notion"] .scale-pick span { background: rgba(90, 90, 90, .5); color: #d4d4d4; }
[data-mode="dark"][data-skin="notion"] .scale-pick input:checked + span { background: #28456c; color: #d4d4d4; }
[data-mode="dark"][data-skin="notion"] .bingo button { box-shadow: rgba(255, 255, 255, .094) 0 0 0 1px; }

[data-skin="figma"] :is(.quiz-opt, .result-facts div, .bingo button, .scale-pick span) { border-radius: 6px; font-size: 13px; }
[data-skin="figma"] .quiz-opt[aria-checked="true"], [data-skin="figma"] .bingo button[aria-pressed="true"] { border-color: #0d99ff; box-shadow: inset 0 0 0 1px #0d99ff; }