/* ==== LOOK: generated by docs/reprint-lab/src/ship-look.js from the Reprint Lab. Do not edit by hand. ====
   Recipe: T82-eyJwYWxldHRlIjoidmljZSIsImZvbnQiOiJ5ZWxsb3d0YWlsIiwiZm9udDgyIjoiYmlnc2hvdWxkZXJzIiwiaW5rODIiOiJhIiwiZGVwdGgiOiJzdGFjayIsImNvbmNlcHQiOiJob29wLXN1bnJpc2UiLCJiYWNrZHJvcCI6ImdyaWQiLCJidG4iOiJuZW9uIiwiY2FyZCI6Im91dGxpbmUiLCJjaGlwIjoiaW5rIiwiY29ybmVycyI6InJvdW5kIiwiZGlzcCI6ImJpZ3Nob3VsZGVycyIsImJvZHkiOiJydWJpayIsIm1vbm8iOiJzcGFjZW1vbm8iLCJ3bCI6InN3YXAiLCJ2b3RlcyI6IndsIiwibmVvbiI6Im1vcmUiLCJidG5EZXB0aCI6InN0YWNrZWQiLCJkZXB0aEJhc2UiOiJzaGFkZSJ9
   The shipped look's component layer (buttons, cards, chips, depth, neon), switched by the data-* attributes on
   each page's <html>. Colors come from the theme tokens in styles.css (tools/theme-core.js). To change the look,
   change it in the lab and ship it again. 124 color-mix() uses remain, each rule followed by a plain @supports-not copy for older phones. ==== */
/* controls */
html[data-btn] { --c-bg: var(--t-ground); --c-fg: var(--t-text); --c-fg2: var(--t-text-2); --c-line: var(--t-line); --c-well: var(--t-ground-3);--c-pri: var(--t-accent); --c-pri-hi: var(--t-accent-hi); --c-pri-edge: var(--t-accent-edge); --c-pri-ink: var(--t-accent-ink);--c-pri-tone: var(--t-accent); --c-yes-tone: var(--t-sun); --c-bad-tone: var(--t-bad);--c-yes-ctone: var(--t-sun); --c-bad-ctone: color-mix(in srgb, var(--t-bad) 70%, var(--t-light));--c-yes: var(--t-sun); --c-yes-hi: color-mix(in srgb, var(--t-sun) 70%, var(--t-light)); --c-yes-edge: var(--t-sun-edge); --c-yes-ink: var(--t-ink);--c-bad: var(--t-bad); --c-bad-edge: var(--t-bad-edge); --c-bad-ink: var(--t-bad-ink); --c-bad-lab: var(--t-ink); --c-good-lab: var(--t-ink);--c-sheet: var(--t-paper); --c-sheet-ink: var(--t-ink); --c-sheet-edge: var(--t-paper-2); --c-sheet-bd: transparent;--c-plate: color-mix(in srgb, var(--t-ground) 72%, var(--t-shadow)); --c-plate-ink: var(--t-text);--c-ring: var(--t-text); --c-off: var(--t-offset); --c-dis: var(--t-text-2);--c-off-pri: var(--t-offset); --c-off-yes: var(--t-offset); --c-off-bad: var(--t-offset);--c-neon-pri: var(--t-accent); --c-neon-yes: var(--t-sun); --c-neon-bad: var(--t-bad); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] { --c-bad-ctone: var(--t-bad); --c-yes-hi: var(--t-sun); --c-plate: var(--t-ground); } }
html[data-btn][data-ground="day"] { --c-sheet: var(--t-paper); --c-sheet-bd: var(--t-text);--c-plate: var(--t-text); --c-plate-ink: var(--t-ground); --c-ring: var(--t-text); }
html[data-btn] :is(#lab-k#lab-k, [data-lab-paper]) { --c-bg: var(--t-paper); --c-fg: var(--t-ink); --c-fg2: var(--t-ink-2); --c-line: color-mix(in srgb, var(--t-line-paper) 26%, var(--t-paper)); --c-well: var(--t-paper-2);--c-yes-tone: var(--t-sun-ink); --c-bad-tone: var(--t-bad-ink);--c-yes-ctone: color-mix(in srgb, var(--t-sun-ink) 90%, var(--t-shadow)); --c-bad-ctone: var(--t-bad-ink);--c-ring: var(--t-ink); --c-dis: var(--t-ink-2); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, [data-lab-paper]) { --c-line: var(--t-paper); --c-yes-ctone: var(--t-sun-ink); } }
html[data-btn] { --c-yes: #41C6EA; --c-yes-hi: #7AD7F0; --c-yes-edge: #246D81; --c-yes-ink: #0C242A;--c-bad: #FF48B0; --c-bad-edge: #8C2861; --c-bad-ink: #2E0D20; --c-bad-lab: #2E0D20;--c-yes-tone: var(--t-win); --c-bad-tone: var(--t-loss);--c-yes-ctone: var(--t-win); --c-bad-ctone: var(--t-loss);--c-neon-yes: #41C6EA; --c-neon-bad: #FF48B0; }
html[data-btn] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]), html[data-btn] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info) { --k-face: var(--c-pri); --k-hi: var(--c-pri-hi); --k-edge: var(--c-pri-edge); --k-ink: var(--c-pri-ink); --k-tone: var(--c-pri-tone);--k-neon: var(--c-neon-pri); --k-off: var(--c-off-pri); --k-bd: transparent; }
html[data-btn] :is(#lab-k#lab-k, .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-face: var(--c-yes); --k-hi: var(--c-yes-hi); --k-edge: var(--c-yes-edge); --k-ink: var(--c-yes-ink); --k-tone: var(--c-yes-tone); --k-neon: var(--c-neon-yes); --k-off: var(--c-off-yes); }
html[data-btn] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-face: var(--c-bad); --k-hi: color-mix(in srgb, var(--c-bad) 78%, var(--t-light)); --k-edge: var(--c-bad-edge); --k-ink: var(--c-bad-ink); --k-tone: var(--c-bad-tone); --k-neon: var(--c-neon-bad); --k-off: var(--c-off-bad); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-hi: var(--c-bad); } }
html[data-btn] :is(#lab-k#lab-k, .t-btn[data-kind="good"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-face: var(--t-good); --k-hi: color-mix(in srgb, var(--t-good) 80%, var(--t-light)); --k-edge: var(--t-good-edge); --k-ink: var(--c-good-lab); --k-tone: var(--t-good); --k-neon: var(--t-good); --k-off: var(--c-off-pri); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .t-btn[data-kind="good"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-hi: var(--t-good); } }
html[data-btn] :is(#lab-k#lab-k, .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-face: var(--c-sheet); --k-hi: color-mix(in srgb, var(--c-sheet) 80%, var(--t-light)); --k-edge: var(--c-sheet-edge); --k-ink: var(--c-sheet-ink); --k-tone: var(--c-fg);--k-neon: var(--c-plate-ink); --k-bd: var(--c-sheet-bd); --k-off: var(--c-off); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-hi: var(--c-sheet); } }
html[data-btn] :is(#lab-k#lab-k, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-face: transparent; --k-hi: transparent; --k-edge: transparent; --k-ink: var(--c-fg); --k-tone: var(--c-fg2);--k-neon: color-mix(in srgb, var(--c-plate-ink) 70%, transparent); --k-bd: var(--c-line); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-neon: var(--c-plate-ink); } }
html[data-btn] :is(#lab-k#lab-k, .skip-btn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]).firesale { --k-face: var(--c-bad); --k-hi: color-mix(in srgb, var(--c-bad) 78%, var(--t-light)); --k-edge: var(--c-bad-edge); --k-ink: var(--c-bad-ink); --k-tone: var(--c-bad-tone); --k-neon: var(--c-neon-bad); --k-off: var(--c-off-bad); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .skip-btn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]).firesale { --k-hi: var(--c-bad); } }
html[data-btn] :is(#lab-k#lab-k, .skip-btn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]).refunded { --k-face: var(--t-good); --k-hi: color-mix(in srgb, var(--t-good) 88%, var(--t-light)); --k-edge: color-mix(in srgb, var(--t-good) 60%, var(--t-shadow)); --k-ink: var(--c-good-lab); --k-tone: var(--t-good); --k-neon: var(--t-good); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn] :is(#lab-k#lab-k, .skip-btn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]).refunded { --k-hi: var(--t-good); --k-edge: var(--t-good); } }
html[data-btn="neon"] :is(#lab-k#lab-k, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .t-btn[data-kind="text"]) { background: none; border: 0; box-shadow: none; text-shadow: none; color: var(--c-fg2); transform: none; }
html[data-btn="neon"] :is(#lab-k#lab-k, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .t-btn[data-kind="text"]):active { color: var(--c-pri-tone); transform: none; box-shadow: none; }
html[data-btn="neon"] :is(#lab-k#lab-k, .du-exit, .gate-back) { color: var(--c-fg); }
html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { border-radius: var(--t-r-btn); transition: transform 80ms ease, box-shadow 80ms ease, background-color 120ms ease, color 120ms ease, filter 120ms ease; }
html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):focus-visible { outline: 2px solid var(--c-ring); outline-offset: 3px; }
html[data-btn="neon"] :is(#lab-k#lab-k, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .t-btn[data-kind="text"]):focus-visible { outline: 2px solid var(--c-ring); outline-offset: 2px; border-radius: 3px; }
html[data-btn="neon"] :is(#lab-k#lab-k, #shareTeamBtn.elite-result):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { animation: none; outline: 2px solid var(--t-sun); outline-offset: 3px; }
html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { background: var(--c-plate); color: color-mix(in srgb, var(--k-neon) 62%, var(--t-light)); border: 1.5px solid var(--k-neon); transform: none;box-shadow: 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 8px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 20px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); text-shadow: 0 0 6px color-mix(in srgb, var(--k-neon) 85%, transparent), 0 0 14px color-mix(in srgb, var(--k-neon) 45%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { color: var(--k-neon); box-shadow: 0 0 0 1px transparent, 0 0 8px transparent, 0 0 20px -2px transparent, inset 0 0 9px transparent; text-shadow: 0 0 6px var(--k-neon), 0 0 14px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-neon: color-mix(in srgb, var(--c-plate-ink) 50%, var(--c-plate)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --k-neon: var(--c-plate-ink); } }
html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(.no, .idk) { background: radial-gradient(120% 95% at 50% 30%, color-mix(in srgb, var(--k-neon) 72%, var(--t-light)), var(--k-neon) 72%); color: var(--c-plate);border: 1.5px solid color-mix(in srgb, var(--k-neon) 55%, var(--t-light)); text-shadow: none; box-shadow: 0 0 0 1px color-mix(in srgb, var(--k-neon) 35%, transparent), 0 0 10px color-mix(in srgb, var(--k-neon) 62%, transparent), 0 0 26px -2px color-mix(in srgb, var(--k-neon) 48%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(.no, .idk) { background: radial-gradient(120% 95% at 50% 30%, var(--k-neon), var(--k-neon) 72%); border: 1.5px solid var(--k-neon); box-shadow: 0 0 0 1px transparent, 0 0 10px transparent, 0 0 26px -2px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { background: color-mix(in srgb, var(--k-neon) 24%, var(--c-plate)); border: 2px solid var(--k-neon); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { background: var(--c-plate); } }
html[data-btn="neon"] :is(#lab-k#lab-k, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { background: transparent; color: var(--c-fg); border: 1px solid color-mix(in srgb, var(--c-fg) 35%, transparent); box-shadow: none; text-shadow: none; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { border: 1px solid transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: color-mix(in srgb, var(--k-neon) 22%, var(--c-plate)); color: var(--t-light); box-shadow: 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 14px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 32px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); transform: scale(0.98); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: var(--c-plate); box-shadow: 0 0 0 1px transparent, 0 0 14px transparent, 0 0 32px -2px transparent, inset 0 0 9px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(.no, .idk):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: radial-gradient(120% 95% at 50% 30%, color-mix(in srgb, var(--k-neon) 60%, var(--t-light)), var(--k-neon) 72%); color: var(--c-plate); box-shadow: 0 0 0 2px var(--c-plate), 0 0 0 4px color-mix(in srgb, var(--k-neon) 80%, var(--t-light)), 0 0 0 1px color-mix(in srgb, var(--k-neon) 35%, transparent), 0 0 16px color-mix(in srgb, var(--k-neon) 62%, transparent), 0 0 34px -2px color-mix(in srgb, var(--k-neon) 48%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(.no, .idk):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: radial-gradient(120% 95% at 50% 30%, var(--k-neon), var(--k-neon) 72%); box-shadow: 0 0 0 2px var(--c-plate), 0 0 0 4px var(--k-neon), 0 0 0 1px transparent, 0 0 16px transparent, 0 0 34px -2px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: color-mix(in srgb, var(--k-neon) 36%, var(--c-plate)); box-shadow: 0 0 0 2px var(--c-plate), 0 0 0 4px color-mix(in srgb, var(--k-neon) 80%, var(--t-light)), 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 14px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 32px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: var(--c-plate); box-shadow: 0 0 0 2px var(--c-plate), 0 0 0 4px var(--k-neon), 0 0 0 1px transparent, 0 0 14px transparent, 0 0 32px -2px transparent, inset 0 0 9px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: transparent; color: var(--t-accent); border-color: var(--t-accent); box-shadow: 0 0 10px rgb(var(--t-accent-rgb) / 45%); text-shadow: 0 0 6px rgb(var(--t-accent-rgb) / 70%); }
html[data-btn="neon"] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info) { border-radius: 50%; background: var(--c-plate); color: color-mix(in srgb, var(--k-neon) 62%, var(--t-light)); border: 1.5px solid var(--k-neon); box-shadow: 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 6px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 14px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); text-shadow: 0 0 5px var(--k-neon); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info) { color: var(--k-neon); box-shadow: 0 0 0 1px transparent, 0 0 6px transparent, 0 0 14px -2px transparent, inset 0 0 9px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info):not(:disabled):is(:active, [aria-expanded=true]) { background: color-mix(in srgb, var(--k-neon) 25%, var(--c-plate)); transform: scale(0.95); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info):not(:disabled):is(:active, [aria-expanded=true]) { background: var(--c-plate); } }
html[data-btn="neon"] :is(#lab-k#lab-k, .rs-close) { border-radius: var(--t-r-btn); }
html[data-btn="neon"] :is(#lab-k#lab-k, .cap-info, .trait-info-btn, .rs-close, .strap-info):focus-visible { outline: 2px solid var(--c-ring); outline-offset: 2px; }
html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"], .cap-info, .trait-info-btn, .rs-close, .strap-info):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):disabled { background: color-mix(in srgb, var(--c-fg) 7%, transparent); color: color-mix(in srgb, var(--c-dis) 85%, transparent); border: 1.5px dashed color-mix(in srgb, var(--c-fg) 28%, transparent);box-shadow: none; text-shadow: none; transform: none; filter: none; cursor: not-allowed; -webkit-mask: none; mask: none; outline: 0; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"], .cap-info, .trait-info-btn, .rs-close, .strap-info):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):disabled { background: transparent; color: var(--c-dis); border: 1.5px dashed transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .reel-done):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { padding-left: 18px; padding-right: 18px; }
html[data-btn="neon"] :is(#lab-k#lab-k, .hh-btn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { padding-left: 20px; padding-right: 20px; }
html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile) { border-radius: calc(var(--t-r-btn) * 1.6); }
html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile):focus-visible { outline: 3px solid var(--c-ring); outline-offset: 3px; }
html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile) { background: var(--c-plate); border: 1.5px solid color-mix(in srgb, var(--c-neon-pri) 70%, transparent); box-shadow: 0 0 8px color-mix(in srgb, var(--c-neon-pri) 30%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile) { border: 1.5px solid var(--c-neon-pri); box-shadow: 0 0 8px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile):active { transform: translateY(1px); box-shadow: 0 0 14px color-mix(in srgb, var(--c-neon-pri) 55%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile):active { box-shadow: 0 0 14px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .bt-tile.neg) { border: 2px solid var(--c-neon-bad); }
html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input, .browse-sel, .share-out, .arena-input, .year-sel:not(.year-wrap .year-sel)) { background-color: var(--c-well); color: var(--c-fg); border: 1.5px solid var(--c-line); border-radius: var(--t-r-btn); box-shadow: none; }
html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input, .browse-sel, .share-out, .arena-input, .year-sel:not(.year-wrap .year-sel)):focus { outline: 0; border-color: var(--c-pri-tone); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-pri-tone) 28%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input, .browse-sel, .share-out, .arena-input, .year-sel:not(.year-wrap .year-sel)):focus { box-shadow: 0 0 0 3px transparent; } }
html[data-btn="neon"] :is(#lab-k#lab-k, .year-face:not(.year-fixed)) { border-radius: var(--t-r-btn); }
html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input, .browse-sel, .share-out, .arena-input, .year-sel:not(.year-wrap .year-sel)) { background-color: var(--c-plate); color: var(--c-plate-ink); border: 1px solid rgb(var(--t-accent-rgb) / 55%); box-shadow: 0 0 8px rgb(var(--t-accent-rgb) / 22%); }
html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input, .browse-sel, .share-out, .arena-input, .year-sel:not(.year-wrap .year-sel)):focus { border-color: var(--t-accent); box-shadow: 0 0 0 1px rgb(var(--t-accent-rgb) / 40%), 0 0 14px rgb(var(--t-accent-rgb) / 50%); }
html[data-btn="neon"] :is(#lab-k#lab-k, .year-face:not(.year-fixed)) { border-color: rgb(var(--t-accent-rgb) / 50%); box-shadow: 0 0 6px rgb(var(--t-accent-rgb) / 25%); }
html[data-btn="neon"] :is(#lab-k#lab-k, .pool-search, .search-input)::placeholder { color: var(--c-fg2); }
html[data-btn="neon"] :is(#lab-k#lab-k, .site-foot a, .site-links a, .static-links a, .content-page a:not(.btn), .pr-bref, .pr-team, .res-comp .cl-link, .bref-credit a, .gate-scout a, .rs-link, .rs-ref-body a, .bt-foot a) { text-decoration-line: underline; text-decoration-color: rgb(var(--t-accent-rgb) / 70%); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
html[data-btn="neon"] :is(#lab-k#lab-k, .site-foot a, .site-links a, .static-links a, .content-page a:not(.btn), .pr-bref, .pr-team, .res-comp .cl-link, .bref-credit a, .gate-scout a, .rs-link, .rs-ref-body a, .bt-foot a) { text-shadow: 0 0 8px rgb(var(--t-accent-rgb) / 40%); }
html[data-btn="neon"] :is(#lab-k#lab-k, .site-foot a, .site-links a, .static-links a, .content-page a:not(.btn), .pr-bref, .pr-team, .res-comp .cl-link, .bref-credit a, .gate-scout a, .rs-link, .rs-ref-body a, .bt-foot a):active { color: var(--c-pri-tone); }
html[data-btn="neon"] :is(#lab-k#lab-k, .site-foot a, .site-links a, .static-links a, .content-page a:not(.btn), .pr-bref, .pr-team, .res-comp .cl-link, .bref-credit a, .gate-scout a, .rs-link, .rs-ref-body a, .bt-foot a):focus-visible { outline: 2px solid var(--c-ring); outline-offset: 2px; border-radius: 2px; }
html[data-chip] :is(#lab-k#lab-k, .bt-tag, .tchip, .tm-tag, .q-tag, .t-chip) { --q-face: var(--c-yes); --q-hi: var(--c-yes-hi); --q-edge: var(--c-yes-edge); --q-ink: var(--c-yes-ink); --q-tone: var(--c-yes-ctone); }
html[data-chip] :is(#lab-k#lab-k, .bt-tag.neg, .tchip.anti, .t-chip[data-tone="bad"]) { --q-face: var(--c-bad); --q-hi: var(--c-bad); --q-edge: var(--c-bad-edge); --q-ink: var(--c-bad-lab); --q-tone: var(--c-bad-ctone); }
html[data-chip] :is(#lab-k#lab-k, .sort-chip, .five-chip, .r-chip, .cap-season, .pool-cue, .gate-drag, .slot-badge, .ds-pill, .bt-pill, .cap-row .cap-cost, .sk-chip, .t-chip[data-tone="plain"]) { --q-face: var(--c-well); --q-hi: var(--c-well); --q-edge: var(--c-line); --q-ink: var(--c-fg); --q-tone: var(--c-fg2); }
html[data-chip] :is(#lab-k#lab-k, .sort-chip.active, .r-chip.chip-active, .ds-pill.ds-off, .ls-swap, .ls-pos, .t-chip[data-tone="on"]) { --q-face: var(--c-pri); --q-hi: var(--c-pri-hi); --q-edge: var(--c-pri-edge); --q-ink: var(--c-pri-ink); --q-tone: var(--c-pri-tone); }
html[data-chip] :is(#lab-k#lab-k, .r-chip.chip-none) { --q-face: var(--c-bad); --q-edge: var(--c-bad-edge); --q-ink: var(--c-bad-ink); --q-tone: var(--c-bad-tone); }
html[data-chip] :is(#lab-k#lab-k, .slot-badge) { --q-face: var(--t-metal); --q-ink: var(--c-bg); --q-tone: var(--t-metal); }
html[data-chip] :is(#lab-k#lab-k, .hot-pick .slot-badge) { --q-face: var(--t-hot); --q-ink: var(--t-accent-ink); --q-tone: var(--t-hot); }
html[data-chip] :is(#lab-k#lab-k, .sk-chip) { --q-face: rgb(var(--t-accent-ink-rgb) / 82%); --q-ink: var(--t-accent-hi); --q-tone: currentColor; }
html[data-chip] :is(#lab-k#lab-k, .bt-pill) { --q-tone: var(--c-fg); }
html[data-chip] :is(#lab-k#lab-k, .t-chip, .tchip, .bt-tag, .tm-tag, .q-tag) { --chip-top: var(--q-hi); --chip-face: var(--q-face); --chip-edge: var(--q-edge); --chip-ink: var(--q-ink); }
html[data-chip] :is(#lab-k#lab-k, .t-chip[data-size="sm"]) { --chip-top: var(--q-face); }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag, .tchip, .sort-chip, .five-chip, .r-chip, .tm-tag, .q-tag, .t-chip) { border-radius: var(--t-r-chip); }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.mine)::after { border-radius: calc(var(--t-r-chip) + 4px); }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag):focus-visible { outline: 3px solid var(--c-ring); outline-offset: 3px; }
html[data-chip="ink"] :is(#lab-k#lab-k, .tchip, .sort-chip):focus-visible { outline: 2px solid var(--c-ring); outline-offset: 2px; }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag, .tchip) { transform: none; }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.mine)::after { inset: -5px; }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag, .tchip, .tm-tag, .q-tag) { background: var(--q-face); color: var(--q-ink); border: 0; box-shadow: none; }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag, .tchip):is(:active, .pressed, .flashed, .expanded) { transform: translateY(1px); background: color-mix(in srgb, var(--q-face) 84%, var(--t-shadow)); box-shadow: none; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag, .tchip):is(:active, .pressed, .flashed, .expanded) { background: var(--q-face); } }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.off) { background: transparent; color: var(--q-tone); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--q-tone) 55%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.off) { box-shadow: inset 0 0 0 1.5px transparent; } }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.off):is(:active, .pressed, .flashed, .expanded) { background: color-mix(in srgb, var(--q-face) 30%, transparent); box-shadow: inset 0 0 0 1.5px var(--q-tone); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.off):is(:active, .pressed, .flashed, .expanded) { background: transparent; } }
html[data-chip="ink"] :is(#lab-k#lab-k, .sort-chip) { background: var(--q-face); color: var(--q-ink); border: 0; }
html[data-chip="ink"] :is(#lab-k#lab-k, .sort-chip.active) { font-weight: 700; }
html[data-chip="ink"] :is(#lab-k#lab-k, .five-chip) { background: var(--q-face); border: 0; }
html[data-chip="ink"] :is(#lab-k#lab-k, .r-chip) { background: var(--q-face); color: var(--q-ink); border: 0; }
html[data-chip="ink"] :is(#lab-k#lab-k, .r-chip.chip-pending, .r-chip.chip-disputed) { color: var(--q-tone); }
html[data-chip="ink"] :is(#lab-k#lab-k, .ls-token:not(.is-open)) { border-color: var(--t-metal); box-shadow: none; }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.add) { background: transparent; color: var(--c-fg); border: 2px dashed color-mix(in srgb, var(--c-fg) 50%, transparent); box-shadow: none; outline: 0; transform: none; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.add) { border: 2px dashed transparent; } }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.add):is(:active, .pressed, .flashed, .expanded) { background: color-mix(in srgb, var(--c-fg) 10%, transparent); transform: translateY(1px); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.add):is(:active, .pressed, .flashed, .expanded) { background: transparent; } }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-tag.q)::before { border-radius: 50%; transform: none; }
html[data-chip="ink"] :is(#lab-k#lab-k, .slot-badge, .ds-pill, .sk-chip, .cap-season, .year-face:not(.year-fixed)) { border-radius: var(--t-r-chip); }
html[data-chip="ink"] :is(#lab-k#lab-k, .cap-row .cap-cost) { border-radius: calc(var(--t-r-chip) + 3px); }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-pill, .pool-cue, .gate-drag) { border-radius: calc(var(--t-r-chip) * 3); }
html[data-chip="ink"] :is(#lab-k#lab-k, .cap-row .cap-cost .cc-amt) { color: var(--c-pri-tone); }
html[data-chip="ink"] :is(#lab-k#lab-k, .cap-row .cap-cost .cc-tag) { color: var(--c-fg2); }
html[data-chip="ink"] :is(#lab-k#lab-k, .slot-badge, .ds-pill.ds-off, .cap-season) { background: var(--q-face); color: var(--q-ink); border-color: transparent; box-shadow: none; text-shadow: none; }
html[data-chip="ink"] :is(#lab-k#lab-k, .cap-season) { color: var(--c-fg); }
html[data-chip="ink"] :is(#lab-k#lab-k, .bt-pill) { background: var(--t-ink); color: var(--t-paper); border-color: var(--t-ink); }
html[data-chip="ink"] :is(#lab-k#lab-k, .pool-cue, .gate-drag) { background: var(--t-accent); color: var(--t-accent-ink); border-color: var(--t-accent); }
html[data-chip="ink"] :is(#lab-k#lab-k, .cap-row .cap-cost) { background: var(--c-well); border-color: transparent; }
html[data-chip="ink"] :is(#lab-k#lab-k, .player-row.sel .cap-cost) { background: color-mix(in srgb, var(--t-accent) 22%, var(--c-well)); border-color: var(--t-accent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-chip="ink"] :is(#lab-k#lab-k, .player-row.sel .cap-cost) { background: var(--c-well); } }
html[data-chip="ink"] :is(#lab-k#lab-k, .ls-swap) { background: var(--t-accent); color: var(--t-accent-ink); border-color: var(--t-accent); }

/* surfaces */
html[data-card] { --s-dots: none; --s-dots-card: none; --s-dots-ink: none; --s-grain: none; --s-grain-blend: multiply; --s-dots-size: 6px 6px;--s-ptex: var(--s-paper-tex, var(--t-paper-tex)); }
html[data-card][data-texture="dots"] { --s-dots: radial-gradient(circle, rgb(var(--t-text-rgb) / 11%) 0 0.95px, transparent 1.35px);--s-dots-card: radial-gradient(circle, rgb(var(--t-text-rgb) / 5.5%) 0 0.95px, transparent 1.35px);--s-dots-ink: radial-gradient(circle, rgb(var(--t-ink-rgb) / 7.5%) 0 0.95px, transparent 1.35px); }
html[data-card][data-texture="grain"] { --s-grain: var(--s-grain-d, none); --s-grain-blend: multiply; }
html[data-card][data-texture="grain"][data-ground="night"] { --s-grain: var(--s-grain-n, none); --s-grain-blend: soft-light; }
html[data-card] { --s-p-accent: color-mix(in srgb, var(--t-accent) 76%, var(--t-shadow)); --s-p-metal: color-mix(in srgb, var(--t-metal) 80%, var(--t-shadow));--s-p-bad: color-mix(in srgb, var(--t-bad) 76%, var(--t-shadow)); --s-p-good: color-mix(in srgb, var(--t-good) 76%, var(--t-shadow));--s-p-hot: color-mix(in srgb, var(--t-hot) 72%, var(--t-shadow));--s-p-line: color-mix(in srgb, var(--t-ink) 16%, var(--t-paper)); --s-root-ink: var(--t-ground); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card] { --s-p-accent: var(--t-accent); --s-p-metal: var(--t-metal); --s-p-bad: var(--t-bad); --s-p-good: var(--t-good); --s-p-hot: var(--t-hot); --s-p-line: var(--t-paper); } }
html[data-card="tunnel"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame) { border-radius: var(--t-r-card); }
html[data-card="tunnel"] :is(#lab-s#lab-s, .ticket, .board, .pick-card, .t-card, .error-box, .reel-overlay .reel-card, .trait-legend) { background-image: var(--s-dots-card), var(--s-grain); background-size: var(--s-dots-size), 400px; background-blend-mode: normal, var(--s-grain-blend); }
html[data-card="tunnel"] :is(#lab-s#lab-s, .plq-frame, #app button.daily-tile) { background-image: var(--s-dots-card), var(--s-grain), radial-gradient(140% 120% at 50% 0%, rgb(var(--t-accent-hi-rgb) / 9%), transparent 55%);background-size: var(--s-dots-size), 400px, auto; background-blend-mode: normal, var(--s-grain-blend), normal; }
html[data-card="tunnel"] :is(#lab-s#lab-s, .traits-module) { background-image: var(--s-dots-card), var(--s-grain), linear-gradient(180deg, var(--t-ground-3), var(--t-ground-2));background-size: var(--s-dots-size), 400px, auto; background-blend-mode: normal, var(--s-grain-blend), normal; }
html[data-card="tunnel"] :is(#lab-s#lab-s, .wrap .card) { background-image: var(--s-dots-card), var(--s-grain), linear-gradient(180deg, var(--t-ground-2), var(--t-ground-2));background-size: var(--s-dots-size), 400px, auto; background-blend-mode: normal, var(--s-grain-blend), normal; }
html[data-card="tunnel"] :is(#lab-s#lab-s, .player-row) { border-radius: calc(var(--t-r-card) * 0.6); background-image: var(--s-dots-card), var(--s-grain); background-size: var(--s-dots-size), 400px; background-blend-mode: normal, var(--s-grain-blend); }
html[data-card="tunnel"] :is(#lab-s#lab-s, .tray) { background-image: var(--s-dots-card), var(--s-grain); background-size: var(--s-dots-size), 400px; background-blend-mode: normal, var(--s-grain-blend); }
html[data-card="tunnel"][data-texture="dots"] :is(#lab-s#lab-s, main.content-page) { background-color: var(--t-ground); background-image: var(--s-dots-card); background-size: var(--s-dots-size); background-attachment: fixed; }
html[data-card="tunnel"] :is(#lab-s#lab-s, .bt-toast, .duel-toast, .t-toast) { border-radius: var(--t-r-card); }
html[data-card="tunnel"] :is(#lab-s#lab-s, .hh-card) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 1px solid var(--t-line); border-top: 3px solid var(--t-metal); border-radius: var(--t-r-card);padding: 18px 16px 20px; box-shadow: 0 18px 44px -18px rgb(var(--t-shadow-rgb) / 70%); }
html[data-card="paper"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) { color: var(--t-ink);--ink: var(--t-paper-2); --tunnel: var(--t-paper); --tunnel-2: var(--s-p-line); --chalk: var(--t-ink); --chalk-dim: var(--t-ink-2);--maple: var(--s-p-metal); --maple-line: var(--t-rule); --amber: var(--s-p-accent); --whistle: var(--s-p-bad); --ok: var(--s-p-good);--line: var(--t-line); --panel: var(--t-paper); --card: var(--t-paper); --ember: var(--s-p-bad); --plq-deep: var(--s-p-metal);--t-ground: #FDF2F7; --t-ground-rgb: 253 242 247;--t-ground-2: #FDF2F7; --t-ground-2-rgb: 253 242 247;--t-ground-3: #EEE3EB; --t-ground-3-rgb: 238 227 235;--t-line: #C6BACA; --t-line-rgb: 198 186 202;--t-rule: #9E91A9; --t-rule-rgb: 158 145 169;--t-text: #2A1B4A; --t-text-rgb: 42 27 74;--t-text-2: #64577A; --t-text-2-rgb: 100 87 122;--t-label: #775BA6; --t-label-rgb: 119 91 166;--t-accent: #BA398F; --t-accent-rgb: 186 57 143;--t-bad: #BA464C; --t-bad-rgb: 186 70 76;--t-hot: #8B6030; --t-hot-rgb: 139 96 48;--t-good: #307863; --t-good-rgb: 48 120 99;--t-you: #6C75DA; --t-you-rgb: 108 117 218;--t-shadow: #2A1B4A; --t-shadow-rgb: 42 27 74;--t-accent-face: #A83380; --t-accent-face-rgb: 168 51 128;--t-accent-glow: #E267B2; --t-accent-glow-rgb: 226 103 178;--t-good-soft: #536272; --t-good-soft-rgb: 83 98 114;--t-good-top: #599081; --t-good-top-rgb: 89 144 129;--t-good-face: #2E5C5C; --t-good-face-rgb: 46 92 92;--t-good-edge: #2D4656; --t-good-edge-rgb: 45 70 86;--t-good-ink: #2B2C4F; --t-good-ink-rgb: 43 44 79;--t-bad-soft: #AC4953; --t-bad-soft-rgb: 172 73 83;--t-bad-top: #C0575C; --t-bad-top-rgb: 192 87 92;--t-bad-face: #B34243; --t-bad-face-rgb: 179 66 67;--t-bad-hi: #CE7C80; --t-bad-hi-rgb: 206 124 128;--t-warn: #BA3D7C; --t-warn-rgb: 186 61 124;--t-hot-hi: #997349; --t-hot-hi-rgb: 153 115 73;--t-hot-glow: #B16D63; --t-hot-glow-rgb: 177 109 99;--t-text-3: #B4A8BC; --t-text-3-rgb: 180 168 188;--t-off-face: #D8CCD9; --t-off-face-rgb: 216 204 217;--t-off-edge: #C5B9C9; --t-off-edge-rgb: 197 185 201;--t-off-ink: #9285A0; --t-off-ink-rgb: 146 133 160;--t-overlay-warm: #1C0D1F; --t-overlay-warm-rgb: 28 13 31;--t-metal-deep: #CAB2E3; --t-metal-deep-rgb: 202 178 227;--t-metal-dark: #584180; --t-metal-dark-rgb: 88 65 128;--t-news-ink-2: #E0CEEC; --t-news-ink-2-rgb: 224 206 236;--t-news-red: #AB3E3A; --t-news-red-rgb: 171 62 58; }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-chip, .tchip, .bt-tag, .tm-tag, .q-tag, .slot-badge) { --t-accent: #FF48B0; --t-accent-rgb: 255 72 176;--t-bad: #FF5A4E; --t-bad-rgb: 255 90 78;--t-hot: #FFB511; --t-hot-rgb: 255 181 17;--t-good: #32A66E; --t-good-rgb: 50 166 110;--t-you: #7A89FA; --t-you-rgb: 122 137 250;--t-accent-face: #DA3E98; --t-accent-face-rgb: 218 62 152;--t-accent-glow: #FF6DC0; --t-accent-glow-rgb: 255 109 192;--t-good-soft: #80A39C; --t-good-soft-rgb: 128 163 156;--t-good-top: #2C8861; --t-good-top-rgb: 44 136 97;--t-good-face: #23744D; --t-good-face-rgb: 35 116 77;--t-good-edge: #174C33; --t-good-edge-rgb: 23 76 51;--t-good-ink: #091E14; --t-good-ink-rgb: 9 30 20;--t-bad-soft: #F1665E; --t-bad-soft-rgb: 241 102 94;--t-bad-top: #FF695E; --t-bad-top-rgb: 255 105 94;--t-bad-face: #DE4F44; --t-bad-face-rgb: 222 79 68;--t-bad-hi: #FF8A81; --t-bad-hi-rgb: 255 138 129;--t-hot-hi: #FFBE2E; --t-hot-hi-rgb: 255 190 46;--t-hot-glow: #FFA64F; --t-hot-glow-rgb: 255 166 79; }
html[data-card="paper"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .bt-sheet, .t-sheet) { background-color: var(--t-paper); background-image: var(--s-dots-ink), var(--s-ptex);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, normal;border: 0; border-radius: var(--t-r-card); box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); }
html[data-card="paper"] :is(#lab-s#lab-s, .plq-frame)::before { border-color: rgb(var(--t-ink-rgb) / 26%); border-radius: calc(var(--t-r-card) * 0.5); }
html[data-card="paper"] :is(#lab-s#lab-s, .plq-frame)::after { display: none; }
html[data-card="paper"] :is(#lab-s#lab-s, .plq-slim)::before { border-color: rgb(var(--t-ink-rgb) / 16%); }
html[data-card="paper"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { background-image: linear-gradient(rgb(var(--t-paper-2-rgb) / 70%), rgb(var(--t-paper-2-rgb) / 70%)), var(--s-dots-ink), var(--s-ptex);background-size: auto, var(--s-dots-size), 400px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-line-paper) 26%, var(--t-paper)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { box-shadow: inset 0 0 0 1px var(--t-paper); } }
html[data-card="paper"] :is(#lab-s#lab-s, :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(.board-cell, .rs-law, .rs-ref, .cap-tip, .cap-bar, .wrap .controls)) { background: var(--t-paper-2); border-color: color-mix(in srgb, var(--t-line-paper) 26%, var(--t-paper)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(#lab-s#lab-s, :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(.board-cell, .rs-law, .rs-ref, .cap-tip, .cap-bar, .wrap .controls)) { border-color: var(--t-paper); } }
html[data-card="paper"] :is(#lab-s#lab-s, .wrap .card .controls) { border: 0; border-radius: calc(var(--t-r-card) * 1.1); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-line-paper) 26%, var(--t-paper)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(#lab-s#lab-s, .wrap .card .controls) { box-shadow: inset 0 0 0 1px var(--t-paper); } }
html[data-card="paper"] :is(#lab-s#lab-s, .traits-module) { border: 0; }
html[data-card="paper"] :is(#lab-s#lab-s, .player-row) { background-color: var(--t-paper); background-image: var(--s-dots-ink), var(--s-ptex);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, normal;border: 0; border-left: 3px solid transparent; border-radius: calc(var(--t-r-card) * 0.6); box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 22%), 0 5px 10px -7px rgb(var(--t-shadow-rgb) / 70%); }
html[data-card="paper"] :is(#lab-s#lab-s, .player-row):active { background-image: linear-gradient(rgb(var(--t-ink-rgb) / 8%), rgb(var(--t-ink-rgb) / 8%)), var(--s-dots-ink), var(--s-ptex); background-size: auto, var(--s-dots-size), 400px; }
html[data-card="paper"] :is(#lab-s#lab-s, .player-row.sel) { background-image: linear-gradient(rgb(var(--t-sun-rgb) / 22%), rgb(var(--t-sun-rgb) / 22%)), var(--s-dots-ink), var(--s-ptex); background-size: auto, var(--s-dots-size), 400px;border-left-color: var(--t-ink); box-shadow: 0 0 0 2px var(--t-ink), 0 1px 0 rgb(var(--t-shadow-rgb) / 22%), 0 5px 10px -7px rgb(var(--t-shadow-rgb) / 70%); }
html[data-card="paper"] :is(#lab-s#lab-s, .player-row.off) { background-image: linear-gradient(rgb(var(--t-paper-2-rgb) / 90%), rgb(var(--t-paper-2-rgb) / 90%)), var(--s-dots-ink), var(--s-ptex); background-size: auto, var(--s-dots-size), 400px;opacity: 1; box-shadow: none; }
html[data-card="paper"] :is(#lab-s#lab-s, .player-row.off) > * { opacity: 0.42; }
html[data-card="paper"] :is(#lab-s#lab-s, .tray) { background-color: var(--t-paper); background-image: var(--s-dots-ink), var(--s-ptex);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, normal;border-top: 0; box-shadow: 0 -1px 0 rgb(var(--t-shadow-rgb) / 30%), 0 -12px 24px -14px rgb(var(--t-shadow-rgb) / 80%); }
html[data-card="paper"] :is(#lab-s#lab-s, main.content-page) { background-color: var(--t-paper); background-image: var(--s-dots-ink), var(--s-ptex);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, normal;border-radius: var(--t-r-card); box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); margin: 14px auto 18px; padding: 18px 18px 22px; width: calc(100% - 24px); }
html[data-card="paper"] :is(#lab-s#lab-s, .hh-card) { background-color: var(--t-paper); background-image: var(--s-dots-ink), var(--s-ptex);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, normal;border-radius: var(--t-r-card); box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); padding: 18px 16px 20px; }
html[data-card="paper"] :is(#lab-s#lab-s, .bt-toast, .duel-toast, .t-toast) { background-color: var(--t-paper); background-image: var(--s-ptex); background-size: 400px; color: var(--t-ink); border: 0; border-radius: var(--t-r-card); box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .daily-tile .dt-title, .gate-title, .mpb-amt, .mp-bank.bank-low .mpb-amt, .board .big-label .net-bonus, .hot-pick .pr-v .hot-bonus, .hot-pick .slot-badge, .gate-tipoff .gate-pull, .hh-eyebrow, .hh-lever-hint, .cy-arrow) { text-shadow: none; }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .traits-module .tm-eyebrow, .traits-module .tm-eyeb, .traits-module .tm-res b, .traits-module .tm-q:active, .trait-legend-title, .trait-legend-row b) { color: var(--s-p-accent); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .traits-module .tm-res .neg, .mpb-delta.neg, .mp-bank.bank-mid .mpb-amt, .mp-bank.bank-down .mpb-amt) { color: var(--s-p-bad); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hot-pick .pr-name, .hot-pick .pr-v .hot-bonus, .rr .bt-val .hot-bonus, .board .big-label .net-bonus) { color: var(--s-p-hot); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .traits-module .tm-new, .mp-bank.bank-up .mpb-amt, .mpb-delta.pos) { color: var(--s-p-good); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .traits-module .tm-new) { border-color: var(--s-p-good); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mpb-lab) { color: var(--s-p-accent); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mp-bank) { border-color: color-mix(in srgb, var(--s-p-accent) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mp-bank) { border-color: transparent; } }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mpb-meter) { border-color: color-mix(in srgb, var(--s-p-accent) 45%, transparent); background: rgb(var(--t-ink-rgb) / 10%); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mpb-meter) { border-color: transparent; } }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-name.hot) { color: var(--t-ink); text-shadow: 2px -1px 0 rgb(var(--t-offset-rgb) / 75%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-payline) { border-color: rgb(var(--t-ink-rgb) / 30%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg) { background: rgb(var(--t-ink-rgb) / 10%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.fill.lvl0) { background: color-mix(in srgb, var(--s-p-metal) 45%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.fill.lvl0) { background: transparent; } }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.fill.lvl1) { background: color-mix(in srgb, var(--s-p-metal) 75%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.fill.lvl1) { background: var(--s-p-metal); } }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.fill.lvl2, .hh-seg.fill.lvl3, .hh-seg.fill.lvl4) { background: var(--t-sun); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-seg.lit, .hh-seg.result) { background: var(--t-sun); box-shadow: 2px 2px 0 var(--t-ink); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-heatlabel.lvl2, .hh-heatlabel.lvl3, .hh-heatlabel.lvl4) { color: var(--t-ink); text-shadow: 2px -1px 0 rgb(var(--t-offset-rgb) / 75%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-stamp) { color: var(--t-ink); text-shadow: 2px -1.5px 0 rgb(var(--t-offset-rgb) / 70%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-stamp.miss) { color: var(--t-ink-2); text-shadow: none; }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-net.over) { color: var(--t-ink); text-shadow: 2px -1.5px 0 rgb(var(--t-offset-rgb) / 70%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-thresh) { background: var(--t-ink); box-shadow: none; }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-fill) { background: var(--t-sun); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-fill-bonus) { box-shadow: none; }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .hh-hoop svg g) { stroke: rgb(var(--t-ink-rgb) / 55%); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mp-bank.bank-low) { border-color: color-mix(in srgb, var(--s-p-bad) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mp-bank.bank-low) { border-color: transparent; } }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .mp-bank.bank-low .mpb-lab) { color: var(--s-p-bad); }
html[data-card="paper"] :is(.ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, .tray, main.content-page, .hh-card, .bt-sheet, .t-sheet, .bt-toast, .duel-toast, .t-toast):not([data-kit-ghost]) :is(#lab-s#lab-s, .qx-btn.qx-play, .act-next, .rs-got:not(.rs-ref-btn), .reel-done, .confirm-btn, .btn-primary, .dt-act-share, .cap-info) { --amber: var(--t-accent); --ink: var(--s-root-ink); }
html[data-card="paper"] :is(#lab-s#lab-s, .pick-card.hot-pick) { box-shadow: 0 0 0 2px var(--t-hot), 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); }
html[data-card="outline"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame) { background: transparent; border: 2px solid var(--t-text); border-radius: var(--t-r-card); box-shadow: 4px 4px 0 rgb(var(--t-text-rgb) / 34%); }
html[data-card="outline"] :is(#lab-s#lab-s, .plq-frame)::before { display: none; }
html[data-card="outline"] :is(#lab-s#lab-s, .plq-frame)::after { display: none; }
html[data-card="outline"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { border-width: 1.5px; box-shadow: none; }
html[data-card="outline"] :is(#lab-s#lab-s, .rules-sheet, .reel-overlay .reel-card) { background-color: var(--t-ground); }
html[data-card="outline"] :is(#lab-s#lab-s, .player-row) { background: transparent; border: 1.5px solid rgb(var(--t-text-rgb) / 75%); border-left-width: 1.5px;border-radius: calc(var(--t-r-card) * 0.6); box-shadow: 3px 3px 0 rgb(var(--t-text-rgb) / 28%); }
html[data-card="outline"] :is(#lab-s#lab-s, .player-row):active { background-color: rgb(var(--t-text-rgb) / 8%); }
html[data-card="outline"] :is(#lab-s#lab-s, .player-row.sel) { border-color: var(--t-text); background-color: rgb(var(--t-accent-rgb) / 12%); box-shadow: inset 4px 0 0 var(--t-accent), 3px 3px 0 rgb(var(--t-text-rgb) / 28%); }
html[data-card="outline"] :is(#lab-s#lab-s, .tray) { background-color: var(--t-ground); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border-top: 2px solid var(--t-text); box-shadow: 0 -4px 0 rgb(var(--t-text-rgb) / 16%); }
html[data-card="outline"] :is(#lab-s#lab-s, main.content-page) { border: 2px solid var(--t-text); border-radius: var(--t-r-card); box-shadow: 4px 4px 0 rgb(var(--t-text-rgb) / 34%); margin: 14px auto 18px; padding: 16px 16px 20px; width: calc(100% - 28px); }
html[data-card="outline"] :is(#lab-s#lab-s, .hh-card) { border: 2px solid var(--t-text); border-radius: var(--t-r-card); box-shadow: 4px 4px 0 rgb(var(--t-text-rgb) / 34%); padding: 18px 16px 20px; background-color: var(--t-ground); }
html[data-card="outline"] :is(#lab-s#lab-s, .bt-toast, .duel-toast, .t-toast) { background: var(--t-ground); color: var(--t-text); border: 2px solid var(--t-text); border-radius: var(--t-r-card); box-shadow: 3px 3px 0 rgb(var(--t-text-rgb) / 28%); }
html[data-card="outline"][data-texture="dots"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame, .player-row, main.content-page) { background-color: var(--t-ground); }
html[data-card="outline"][data-texture="dots"] :is(#lab-s#lab-s, .player-row):active { background-color: color-mix(in srgb, var(--t-text) 8%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="outline"][data-texture="dots"] :is(#lab-s#lab-s, .player-row):active { background-color: var(--t-ground); } }
html[data-card="outline"][data-texture="dots"] :is(#lab-s#lab-s, .player-row.sel) { background-color: color-mix(in srgb, var(--t-accent) 12%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="outline"][data-texture="dots"] :is(#lab-s#lab-s, .player-row.sel) { background-color: var(--t-ground); } }
html[data-card="ticket"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 0; border-radius: 0; box-shadow: none;-webkit-mask: radial-gradient(circle at 0 0, transparent 14px, var(--t-text) 14.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 14px, var(--t-text) 14.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 14px, var(--t-text) 14.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 14px, var(--t-text) 14.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 14px, var(--t-text) 14.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 14px, var(--t-text) 14.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 14px, var(--t-text) 14.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 14px, var(--t-text) 14.5px) right bottom / 51% 51% no-repeat;outline: 1.5px dashed rgb(var(--t-metal-rgb) / 60%); outline-offset: -5px; }
html[data-card="ticket"] :is(#lab-s#lab-s, .traits-module) { background-color: var(--t-ground-3); }
html[data-card="ticket"] :is(#lab-s#lab-s, .ticket) { padding: 14px 15px 13px; }
html[data-card="ticket"] :is(#lab-s#lab-s, .plq-slim) { padding-top: 13px; padding-bottom: 13px; }
html[data-card="ticket"] :is(#lab-s#lab-s, .plq-frame)::before { display: none; }
html[data-card="ticket"] :is(#lab-s#lab-s, .plq-frame)::after { display: none; }
html[data-card="ticket"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { -webkit-mask: radial-gradient(circle at 0 0, transparent 10px, var(--t-text) 10.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 10px, var(--t-text) 10.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 10px, var(--t-text) 10.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 10px, var(--t-text) 10.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 10px, var(--t-text) 10.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 10px, var(--t-text) 10.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 10px, var(--t-text) 10.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 10px, var(--t-text) 10.5px) right bottom / 51% 51% no-repeat;outline-offset: -4px; background-color: var(--t-ground-3); }
html[data-card="ticket"] :is(#lab-s#lab-s, .ticket .plq-frame, .plq-frame .plq-frame) { background-color: var(--t-ground); }
html[data-card="ticket"] :is(#lab-s#lab-s, .wrap .card .controls) { -webkit-mask: none; mask: none;border: 1.5px dashed rgb(var(--t-metal-rgb) / 45%); border-radius: 0; }
html[data-card="ticket"] :is(#lab-s#lab-s, .player-row) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 0; border-left: 2px dashed rgb(var(--t-metal-rgb) / 45%); border-radius: 0; box-shadow: none;-webkit-mask: radial-gradient(circle at 0 0, transparent 6px, var(--t-text) 6.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 6px, var(--t-text) 6.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 6px, var(--t-text) 6.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 6px, var(--t-text) 6.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 6px, var(--t-text) 6.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 6px, var(--t-text) 6.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 6px, var(--t-text) 6.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 6px, var(--t-text) 6.5px) right bottom / 51% 51% no-repeat; }
html[data-card="ticket"] :is(#lab-s#lab-s, .player-row):active { background-color: var(--t-ground-3); }
html[data-card="ticket"] :is(#lab-s#lab-s, .player-row.sel) { background-color: var(--t-ground-3); border-left: 3px dashed var(--t-accent); }
html[data-card="ticket"] :is(#lab-s#lab-s, .tray) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border-top: 0; box-shadow: none;-webkit-mask: radial-gradient(circle at 50% 0, transparent 4px, var(--t-text) 4.5px) 0 0 / 12px 100% repeat-x; mask: radial-gradient(circle at 50% 0, transparent 4px, var(--t-text) 4.5px) 0 0 / 12px 100% repeat-x; }
html[data-card="ticket"] :is(#lab-s#lab-s, main.content-page) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);-webkit-mask: radial-gradient(circle at 0 0, transparent 12px, var(--t-text) 12.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 12px, var(--t-text) 12.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 12px, var(--t-text) 12.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 12px, var(--t-text) 12.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 12px, var(--t-text) 12.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 12px, var(--t-text) 12.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 12px, var(--t-text) 12.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 12px, var(--t-text) 12.5px) right bottom / 51% 51% no-repeat;outline: 1.5px dashed rgb(var(--t-metal-rgb) / 60%); outline-offset: -5px;margin: 14px auto 18px; padding: 20px 20px 24px; width: calc(100% - 24px); }
html[data-card="ticket"] :is(#lab-s#lab-s, .hh-card) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);-webkit-mask: radial-gradient(circle at 0 0, transparent 12px, var(--t-text) 12.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 12px, var(--t-text) 12.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 12px, var(--t-text) 12.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 12px, var(--t-text) 12.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 12px, var(--t-text) 12.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 12px, var(--t-text) 12.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 12px, var(--t-text) 12.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 12px, var(--t-text) 12.5px) right bottom / 51% 51% no-repeat;outline: 1.5px dashed rgb(var(--t-metal-rgb) / 60%); outline-offset: -5px;padding: 22px 18px 22px; }
html[data-card="ticket"] :is(#lab-s#lab-s, .bt-toast, .duel-toast, .t-toast) { -webkit-mask: radial-gradient(circle at 0 0, transparent 6px, var(--t-text) 6.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 6px, var(--t-text) 6.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 6px, var(--t-text) 6.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 6px, var(--t-text) 6.5px) right bottom / 51% 51% no-repeat; mask: radial-gradient(circle at 0 0, transparent 6px, var(--t-text) 6.5px) left top / 51% 51% no-repeat, radial-gradient(circle at 100% 0, transparent 6px, var(--t-text) 6.5px) right top / 51% 51% no-repeat, radial-gradient(circle at 0 100%, transparent 6px, var(--t-text) 6.5px) left bottom / 51% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent 6px, var(--t-text) 6.5px) right bottom / 51% 51% no-repeat;border-radius: 0; box-shadow: none; }
html[data-card="flat"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 0; border-radius: var(--t-r-card); box-shadow: none; outline: 0; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .ticket, .traits-module, .board, .pick-card, .t-card, .wrap .card, .wrap .skel, .error-box, .reel-overlay .reel-card, .trait-legend, .rr .ledger, .plq-frame) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .plq-frame)::before { display: none; }
html[data-card="flat"] :is(#lab-s#lab-s, .plq-frame)::after { display: none; }
html[data-card="flat"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { background-color: color-mix(in srgb, var(--t-text) 12%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .ticket .traits-module, .ticket .plq-frame, .plq-frame .plq-frame, .wrap .card .controls) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .rules-sheet, .reel-overlay .reel-card) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .rules-sheet, .reel-overlay .reel-card) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .player-row) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 0; border-left: 3px solid transparent; border-radius: calc(var(--t-r-card) * 0.6); box-shadow: none; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .player-row) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .player-row):active { background-color: color-mix(in srgb, var(--t-text) 12%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .player-row):active { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .player-row.sel) { background-color: color-mix(in srgb, var(--t-accent) 14%, var(--t-ground)); border-left-color: var(--t-accent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .player-row.sel) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .tray) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border-top: 0; box-shadow: none; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .tray) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, main.content-page) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border-radius: var(--t-r-card); margin: 14px auto 18px; padding: 16px 16px 20px; width: calc(100% - 24px); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, main.content-page) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .hh-card) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border-radius: var(--t-r-card); padding: 18px 16px 20px; } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .hh-card) { background-color: var(--t-ground); } }
html[data-card="flat"] :is(#lab-s#lab-s, .bt-toast, .duel-toast, .t-toast) { box-shadow: none; border-radius: var(--t-r-card); }
html[data-card] :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { border-radius: min(calc(var(--t-r-card) * 2), 22px) min(calc(var(--t-r-card) * 2), 22px) 0 0; }
html[data-card="outline"] :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { background: var(--t-ground); border: 2px solid var(--t-text); border-bottom: 0; box-shadow: 0 -4px 0 rgb(var(--t-text-rgb) / 24%); }
html[data-card="ticket"] :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { background-color: var(--t-ground-2); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);-webkit-mask: radial-gradient(circle at 50% 0, transparent 5px, var(--t-text) 5.5px) 0 0 / 14px 100% repeat-x; mask: radial-gradient(circle at 50% 0, transparent 5px, var(--t-text) 5.5px) 0 0 / 14px 100% repeat-x;border: 0; border-radius: 0; }
html[data-card="flat"] :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { background-color: color-mix(in srgb, var(--t-text) 7%, var(--t-ground)); background-image: var(--s-dots-card), var(--s-grain);background-size: var(--s-dots-size), 400px; background-position: 0 0; background-repeat: repeat, repeat;background-blend-mode: normal, var(--s-grain-blend);border: 0; box-shadow: 0 -1px 0 rgb(var(--t-shadow-rgb) / 25%); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card="flat"] :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { background-color: var(--t-ground); } }
html[data-card="outline"] :is(#lab-s#lab-s, .pick-card.hot-pick) { border-color: var(--t-hot); box-shadow: inset 0 0 0 1px var(--t-hot), 4px 4px 0 rgb(var(--t-text-rgb) / 34%); }
html[data-card="ticket"] :is(#lab-s#lab-s, .pick-card.hot-pick) { outline-color: var(--t-hot); outline-style: solid; outline-width: 2px; }
html[data-card="flat"] :is(#lab-s#lab-s, .pick-card.hot-pick) { box-shadow: inset 0 0 0 2px var(--t-hot); }
html[data-card][data-texture="dots"] body { background-image: var(--s-dots); background-size: var(--s-dots-size); background-attachment: fixed; }
html[data-card][data-texture="dots"] body:has(> .wrap) { background-image: var(--s-dots), radial-gradient(120% 90% at 50% 0%, rgb(var(--t-accent-rgb) / 5%), transparent 55%), repeating-linear-gradient(0deg, transparent 0 46px, rgb(var(--t-line-rgb) / 2.2%) 46px 47px), radial-gradient(140% 120% at 50% 110%, var(--t-ground), var(--t-ground) 60%); background-size: var(--s-dots-size), auto, auto, auto; }
html[data-card][data-texture="grain"] body { background-image: var(--s-grain); background-size: 400px; background-blend-mode: var(--s-grain-blend); background-attachment: fixed; }
html[data-card][data-texture="grain"] body:has(> .wrap) { background-image: var(--s-grain), radial-gradient(120% 90% at 50% 0%, rgb(var(--t-accent-rgb) / 5%), transparent 55%), repeating-linear-gradient(0deg, transparent 0 46px, rgb(var(--t-line-rgb) / 2.2%) 46px 47px), radial-gradient(140% 120% at 50% 110%, var(--t-ground), var(--t-ground) 60%); background-size: 400px, auto, auto, auto; background-blend-mode: var(--s-grain-blend), normal, normal, normal; }
html[data-card]:is([data-texture="dots"], [data-texture="grain"]) body.drafting .pool-fade { background-color: var(--t-ground); background-image: var(--s-dots), var(--s-grain); background-size: var(--s-dots-size), 400px; background-blend-mode: normal, var(--s-grain-blend); background-attachment: fixed;-webkit-mask: linear-gradient(180deg, transparent, var(--t-text) 82%); mask: linear-gradient(180deg, transparent, var(--t-text) 82%); }
html[data-card][data-texture="grain"] body.drafting .pool-fade { background-image: var(--s-grain); background-size: 400px; background-blend-mode: var(--s-grain-blend); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .daily-tile .dt-title, .gate-title, .mpb-amt, .mp-bank.bank-low .mpb-amt, .board .big-label .net-bonus, .hot-pick .pr-v .hot-bonus, .hot-pick .slot-badge, .gate-tipoff .gate-pull, .hh-eyebrow, .hh-lever-hint, .cy-arrow) { text-shadow: none; }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .traits-module .tm-eyebrow, .traits-module .tm-eyeb, .traits-module .tm-res b, .traits-module .tm-q:active, .trait-legend-title, .trait-legend-row b) { color: var(--s-p-accent); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .traits-module .tm-res .neg, .mpb-delta.neg, .mp-bank.bank-mid .mpb-amt, .mp-bank.bank-down .mpb-amt) { color: var(--s-p-bad); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hot-pick .pr-name, .hot-pick .pr-v .hot-bonus, .rr .bt-val .hot-bonus, .board .big-label .net-bonus) { color: var(--s-p-hot); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .traits-module .tm-new, .mp-bank.bank-up .mpb-amt, .mpb-delta.pos) { color: var(--s-p-good); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .traits-module .tm-new) { border-color: var(--s-p-good); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mpb-lab) { color: var(--s-p-accent); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank) { border-color: color-mix(in srgb, var(--s-p-accent) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank) { border-color: transparent; } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mpb-meter) { border-color: color-mix(in srgb, var(--s-p-accent) 45%, transparent); background: rgb(var(--t-ink-rgb) / 10%); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mpb-meter) { border-color: transparent; } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-name.hot) { color: var(--t-ink); text-shadow: 2px -1px 0 rgb(var(--t-offset-rgb) / 75%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-payline) { border-color: rgb(var(--t-ink-rgb) / 30%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg) { background: rgb(var(--t-ink-rgb) / 10%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.fill.lvl0) { background: color-mix(in srgb, var(--s-p-metal) 45%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.fill.lvl0) { background: transparent; } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.fill.lvl1) { background: color-mix(in srgb, var(--s-p-metal) 75%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.fill.lvl1) { background: var(--s-p-metal); } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.fill.lvl2, .hh-seg.fill.lvl3, .hh-seg.fill.lvl4) { background: var(--t-sun); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-seg.lit, .hh-seg.result) { background: var(--t-sun); box-shadow: 2px 2px 0 var(--t-ink); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-heatlabel.lvl2, .hh-heatlabel.lvl3, .hh-heatlabel.lvl4) { color: var(--t-ink); text-shadow: 2px -1px 0 rgb(var(--t-offset-rgb) / 75%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-stamp) { color: var(--t-ink); text-shadow: 2px -1.5px 0 rgb(var(--t-offset-rgb) / 70%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-stamp.miss) { color: var(--t-ink-2); text-shadow: none; }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-net.over) { color: var(--t-ink); text-shadow: 2px -1.5px 0 rgb(var(--t-offset-rgb) / 70%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-thresh) { background: var(--t-ink); box-shadow: none; }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-fill) { background: var(--t-sun); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-fill-bonus) { box-shadow: none; }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-hoop svg g) { stroke: rgb(var(--t-ink-rgb) / 55%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank.bank-low) { border-color: color-mix(in srgb, var(--s-p-bad) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank.bank-low) { border-color: transparent; } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank.bank-low .mpb-lab) { color: var(--s-p-bad); }
html[data-card="tunnel"][data-ground="day"] :is(#lab-s#lab-s, .pick-card.hot-pick) { box-shadow: 0 0 0 2px var(--t-hot); }
html[data-card="tunnel"][data-ground="day"] :is(#lab-s#lab-s, .traits-module) { box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 28%), 0 12px 26px -16px rgb(var(--t-shadow-rgb) / 80%); }
html[data-card="tunnel"][data-ground="day"] :is(#lab-s#lab-s, .plq-frame, #app button.daily-tile) { box-shadow: inset 0 0 0 1px rgb(var(--t-paper-rgb) / 60%), inset 0 0 0 4px rgb(var(--t-metal-rgb) / 16%), 0 3px 10px -6px rgb(var(--t-shadow-rgb) / 40%); }
html[data-card="tunnel"][data-ground="day"] :is(#lab-s#lab-s, .wrap .card) { border-top-color: var(--t-line); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mp-bank, #app .cap-mode-panel .mp-bank) { box-shadow: inset 0 1px 0 rgb(var(--t-shadow-rgb) / 12%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .mpb-meter) { background: rgb(var(--t-ink-rgb) / 10%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .cap-row .cap-cost) { box-shadow: 0 2px 0 rgb(var(--t-shadow-rgb) / 18%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .rules-overlay) { background: rgb(var(--t-ink-rgb) / 42%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .bt-backdrop) { background: rgb(var(--t-ink-rgb) / 34%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .reel-overlay) { background: color-mix(in srgb, color-mix(in srgb, var(--t-ink) 70%, var(--t-shadow)) 84%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .reel-overlay) { background: var(--t-ink); } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-overlay) { background: radial-gradient(120% 90% at 50% 32%, rgb(var(--t-ink-rgb) / 88%), color-mix(in srgb, color-mix(in srgb, var(--t-ink) 70%, var(--t-shadow)) 95%, transparent)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-overlay) { background: radial-gradient(120% 90% at 50% 32%, rgb(var(--t-ink-rgb) / 88%), var(--t-ink)); } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-overlay.hh-reveal) { background: radial-gradient(120% 90% at 50% 32%, var(--t-ink), color-mix(in srgb, var(--t-ink) 70%, var(--t-shadow))); } @supports not (color: color-mix(in srgb, red 50%, blue)) { html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-overlay.hh-reveal) { background: radial-gradient(120% 90% at 50% 32%, var(--t-ink), var(--t-ink)); } }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .hh-skip) { color: rgb(var(--t-paper-rgb) / 78%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .rr .rr-eyebrow) { color: var(--t-text); text-shadow: 1px -1px 0 rgb(var(--t-offset-rgb) / 45%); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .rr .bref-credit) { color: var(--t-text-2); }
html[data-card][data-ground="day"]:is([data-card="tunnel"], [data-card="paper"]) :is(#lab-s#lab-s, .reel-overlay .reel-card) { box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 18%), 0 18px 44px -18px rgb(var(--t-shadow-rgb) / 60%); }
html[data-card][data-ground="day"]:is([data-card="tunnel"], [data-card="paper"]) :is(#lab-s#lab-s, .bt-sheet, .t-sheet) { box-shadow: 0 -1px 0 rgb(var(--t-shadow-rgb) / 15%), 0 -14px 34px -10px rgb(var(--t-shadow-rgb) / 35%); }
html[data-card][data-ground="day"]:not([data-chip="ink"]) :is(#lab-s#lab-s, .pool-cue) { background: rgb(var(--t-ground-rgb) / 92%); }
html[data-card] :is(#lab-s#lab-s, .site-head) { border-bottom-color: var(--t-line); }
html[data-card][data-lab-mast-ink="light"] :is(#lab-s#lab-s, .brand-logo) { mix-blend-mode: darken; }
html[data-card][data-lab-mast-ink="dark"] :is(#lab-s#lab-s, .brand-logo) { mix-blend-mode: lighten; }
html[data-card][data-lab-mast="band"] :is(#lab-s#lab-s, .site-head) { box-shadow: inset 0 0 0 100vmax var(--s-mast-band), 0 0 0 100vmax var(--s-mast-band); clip-path: inset(0 -100vmax); border-bottom-color: var(--s-mast-band); }
html[data-card][data-lab-mast="slip"] :is(#lab-s#lab-s, .brand-logo) { border-radius: 3px; box-shadow: 0 1px 0 rgb(var(--t-shadow-rgb) / 30%), 0 10px 22px -12px rgb(var(--t-shadow-rgb) / 75%); }
html[data-card] :is(#lab-s#lab-s, .site-foot) { border-top-color: var(--t-line); }
html[data-card][data-ground="day"] :is(#lab-s#lab-s, .site-foot .games-count, .site-foot .foot-stats) { color: var(--t-text-2); }
html[data-card] { --s-dfit: 0.88; }
html[data-card] :is(#lab-s#lab-s, [data-lab-disp]) { font-size: calc(var(--s-fs0, 1em) * var(--s-dfit)); font-weight: var(--t-disp-weight, 700); font-style: var(--t-disp-style, normal); font-synthesis: none; }
html[data-card] :is(#lab-s#lab-s, [data-lab-disp="lit"]) { font-family: var(--disp); }
html[data-card] :is(#lab-s#lab-s, [data-lab-disp="small"]) { font-family: "Barlow Condensed", var(--body); font-size: var(--s-fs0, 1em); font-weight: 700; font-style: normal; }
html[data-card] :is(#lab-s#lab-s, [data-lab-mono]) { font-family: var(--mono); }

/* neon-amount */
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] { --lab-neon2: #41C6EA; }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .slot-badge { background: var(--t-accent); color: var(--t-accent-ink); border-color: var(--t-accent); box-shadow: 0 0 8px rgb(var(--t-accent-rgb) / 55%); text-shadow: none; }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .hot-pick .slot-badge { background: var(--t-hot); color: var(--t-accent-ink); border-color: var(--t-hot); box-shadow: 0 0 8px rgb(var(--t-hot-rgb) / 55%); }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .fill-path { stroke: var(--lab-neon2); filter: drop-shadow(0 0 4px color-mix(in srgb, var(--lab-neon2) 70%, transparent)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .fill-path { filter: drop-shadow(0 0 4px var(--lab-neon2)); } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .rail-path { stroke: color-mix(in srgb, var(--lab-neon2) 18%, var(--t-ground)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .rail-path { stroke: var(--t-ground); } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-pin:not(.comp) { background: var(--lab-neon2); box-shadow: 0 0 6px color-mix(in srgb, var(--lab-neon2) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-pin:not(.comp) { box-shadow: 0 0 6px transparent; } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-tag:not(.comp) { color: color-mix(in srgb, var(--lab-neon2) 75%, var(--t-text)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-tag:not(.comp) { color: var(--lab-neon2); } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-tag:not(.comp) b { color: var(--lab-neon2); }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-summit-cap { color: var(--lab-neon2); text-shadow: 0 0 8px color-mix(in srgb, var(--lab-neon2) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .climb-summit-cap { text-shadow: 0 0 8px transparent; } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] .rr-climb .cy-dot { box-shadow: 0 0 0 3px rgb(var(--t-accent-rgb) / 30%), 0 0 12px rgb(var(--t-accent-rgb) / 70%); }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(.refunded):not(.firesale) { --k-neon: var(--lab-neon2); }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled) { background: var(--c-plate); color: color-mix(in srgb, var(--lab-neon2) 70%, var(--t-light)); border-width: 1.5px; border-color: var(--lab-neon2); box-shadow: 0 0 0 1px color-mix(in srgb, var(--lab-neon2) 25%, transparent), 0 0 8px color-mix(in srgb, var(--lab-neon2) 45%, transparent), inset 0 0 6px color-mix(in srgb, var(--lab-neon2) 22%, transparent); text-shadow: 0 0 6px color-mix(in srgb, var(--lab-neon2) 70%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled) { color: var(--lab-neon2); box-shadow: 0 0 0 1px transparent, 0 0 8px transparent, inset 0 0 6px transparent; text-shadow: 0 0 6px var(--lab-neon2); } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: color-mix(in srgb, var(--lab-neon2) 18%, var(--c-plate)); color: var(--t-light); box-shadow: 0 0 0 1px color-mix(in srgb, var(--lab-neon2) 30%, transparent), 0 0 12px color-mix(in srgb, var(--lab-neon2) 60%, transparent), 0 0 26px -2px color-mix(in srgb, var(--lab-neon2) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--lab-neon2) 32%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.daily-strip, .dt-act-ghost, .hh-charity, .reel-skip, .hh-btn.hh-bref, .tm-vb.idk, .tm-sharebar, .bt-big.idk, .qx-btn:not(.qx-play), .act-share, .btn-ghost, .t-btn[data-kind="quiet"]):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { background: var(--c-plate); box-shadow: 0 0 0 1px transparent, 0 0 12px transparent, 0 0 26px -2px transparent, inset 0 0 9px transparent; } }
:is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .t-btn[data-kind="text"]) { text-shadow: 0 0 7px color-mix(in srgb, var(--lab-neon2) 60%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-n#lab-n#lab-n#lab-n#lab-n#lab-n, html)[data-btn="neon"] :is(.gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .t-btn[data-kind="text"]) { text-shadow: 0 0 7px transparent; } }

/* button-depth */
:is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --dp-1: color-mix(in srgb, var(--k-neon) 72%, var(--t-shadow)); --dp-2: color-mix(in srgb, var(--k-neon) 40%, var(--t-shadow)); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]) { --dp-1: var(--k-neon); --dp-2: var(--t-shadow); } }
:is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled) { box-shadow: 0 3px 0 0 var(--dp-1), 0 6px 0 0 var(--dp-2), 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 8px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 20px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); transform: none; transition: transform 70ms ease, box-shadow 70ms ease; } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled) { box-shadow: 0 3px 0 0 var(--dp-1), 0 6px 0 0 var(--dp-2), 0 0 0 1px transparent, 0 0 8px transparent, 0 0 20px -2px transparent, inset 0 0 9px transparent; } }
:is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { transform: translateY(6px); box-shadow: 0 0 0 0 var(--dp-1), 0 0 0 0 var(--dp-2), 0 0 0 1px color-mix(in srgb, var(--k-neon) 30%, transparent), 0 0 14px color-mix(in srgb, var(--k-neon) 60%, transparent), 0 0 32px -2px color-mix(in srgb, var(--k-neon) 45%, transparent), inset 0 0 9px color-mix(in srgb, var(--k-neon) 32%, transparent); } @supports not (color: color-mix(in srgb, red 50%, blue)) { :is(#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d#lab-d, html)[data-btn="neon"] :is(button.presti-spin, a.btn, .confirm-btn, .hh-btn, .gate-play-btn, .rs-got, .reel-done, .bt-done, .act-next, .qx-btn.qx-play, .tm-again, .dt-act-share, .btn-primary, .weekly-tile, .t-btn:not([data-kind]), .t-btn[data-kind="primary"], .tm-vb, .vbtn.v-yes, .bt-big.yes, .t-btn[data-kind="yes"], .tm-vb.no, .vbtn.v-no, .bt-big.no, .t-btn[data-kind="no"], .t-btn[data-kind="good"], .skip-btn, .mp-rules-btn, button.more-modes, #againBtn, .startover-btn, .donate-btn, .v-unsure, a.rs-ref-btn, .btn-dark, .arena-chip, .arena-duelbtn):not(.daily-tile, .np-read, .np-underbtn, .np-bundle, .tchip, .bt-tag, .t-chip, .sort-chip, .bt-tile, .gate-back, .du-exit, .hh-skip, .bt-change, .cv-link, .t-link, .cap-info, .trait-info-btn, .rs-close, .strap-info, .t-btn[data-kind="text"]):not(:disabled):is(:active, .pressed, .flashed, .expanded) { box-shadow: 0 0 0 0 var(--dp-1), 0 0 0 0 var(--dp-2), 0 0 0 1px transparent, 0 0 14px transparent, 0 0 32px -2px transparent, inset 0 0 9px transparent; } }

/* lead-patches */
html[data-btn] .reel-overlay .riso-streak:not(.dead):not(.cold) { color: #41C6EA; }
html[data-btn] .reel-overlay .riso-streak:is(.dead, .cold) { color: #FF48B0; }
html[data-btn] .reel-overlay .riso-swept { color: #41C6EA; border-color: #41C6EA; }
html[data-btn] [data-kit-ghost] .riso-streak, html[data-btn] [data-kit-ghost] .riso-swept { color: var(--t-text); border-color: var(--t-text); }
html[data-card="paper"] .daily-tile .dt-title { opacity: 1; }

/* ---- site glue: the masthead plate sits straight on the header (its paper is the ground) ---- */
.brand-logo { width: 336px; max-width: 92%; }