/* ═══ DARK-PAGES1 generated by build/dark-css.mjs — do not edit inside; re-run it ═══ */
/* The dark twins of katomia.css (+ CSS that two scripts inject). Linked right after katomia.css on every Katomia page except the board (katomia-board.css DARK-BOARD1 is its own).
   How and why: build/dark-css.mjs */
@media (prefers-color-scheme: dark){
/* from katomia.css */
:root{ --bg-color: rgb(23, 23, 23); --text-color: rgb(210, 210, 210); }
.account-xproof-label{ color: rgb(179, 179, 179); }
.section-controls{ color: rgb(179, 179, 179); }
.section-controls button{ background-color: rgb(19, 19, 19); color: rgb(186, 186, 186); }
.section-controls button:hover{ background-color: rgb(11, 11, 11); }
.game-meta{ color: rgb(186, 186, 186); }
.header{ border-bottom-color: rgb(49, 49, 49); }
.header > div{ color: rgb(179, 179, 179); }
.account-row{ border-top-color: rgb(57, 57, 57); }
.account-row{ border-top-color: rgb(57, 57, 57); }
.lockbar-seg{ background-color: rgb(0, 14, 39); }
.lockgroup-hl .lockbar-seg{ background-color: rgb(2, 26, 52); }
.account-row[data-mode="shop"]{ background-color: rgb(12, 21, 31); }
.account-row[data-mode="lock"]{ background-color: rgb(29, 14, 0); }
.account-row[data-mine="true"]:has(+ .account-row[data-mine="false"]), .account-row[data-mine="true"]:last-child{ border-bottom-color: rgb(49, 49, 49); }
.column, .assets{ border-top-color: rgb(62, 62, 62); border-right-color: rgb(62, 62, 62); border-bottom-color: rgb(62, 62, 62); border-left-color: rgb(62, 62, 62); background-color: rgb(30, 30, 30); }
.drop-target.drag-over{ background-color: rgb(23, 23, 23); }
.zzasset{ background-color: rgb(19, 19, 19); }
.asset{ background-color: rgb(19, 19, 19); }
.asset.selected{ outline-color: rgb(113, 113, 113); }
.hint{ color: rgb(186, 186, 186); }
.subtle{ color: rgb(179, 179, 179); }
.muted{ color: rgb(179, 179, 179); }
.asset-modal-card{ background-color: rgb(30, 30, 30); }
.asset-modal-target{ border-top-color: rgb(57, 57, 57); border-right-color: rgb(57, 57, 57); border-bottom-color: rgb(57, 57, 57); border-left-color: rgb(57, 57, 57); }
.asset-modal-stop:hover{ color: rgb(242, 242, 242); }
.asset.thumb-stack-item .asset-thumb{ border-top-color: rgb(65, 65, 65); border-right-color: rgb(65, 65, 65); border-bottom-color: rgb(65, 65, 65); border-left-color: rgb(65, 65, 65); background-color: rgb(30, 30, 30); }
.notice{ border-top-color: rgba(255, 255, 255, 0.072); border-right-color: rgba(255, 255, 255, 0.072); border-bottom-color: rgba(255, 255, 255, 0.072); border-left-color: rgba(255, 255, 255, 0.072); }
.notice.error{ background-color: rgb(25, 4, 7); color: rgb(255, 154, 154); }
.notice.warning{ background-color: rgb(29, 21, 0); color: rgb(213, 185, 122); }
.notice.info, .notice.event{ background-color: rgb(2, 10, 30); color: rgb(132, 192, 255); }
.notice.success{ background-color: rgb(0, 15, 9); color: rgb(148, 211, 173); }
.notice.debug{ background-color: rgb(12, 13, 14); color: rgb(188, 194, 200); }
#notifications .notice{ --notice-tint: rgb(31, 31, 31); color: rgb(197, 210, 226); border-top-color: rgba(255, 255, 255, 0.072); border-right-color: rgba(255, 255, 255, 0.072); border-bottom-color: rgba(255, 255, 255, 0.072); border-left-color: rgba(255, 255, 255, 0.072); }
#notifications .notice.success{ --notice-tint: rgb(25, 33, 29); color: rgb(149, 210, 165); }
#notifications .notice.warning{ --notice-tint: rgb(35, 31, 20); color: rgb(217, 189, 131); }
#notifications .notice.error, #notifications .notice.failed{ --notice-tint: rgb(37, 29, 30); color: rgb(255, 159, 159); }
#notifications .notice.info, #notifications .notice.event{ --notice-tint: rgb(27, 32, 38); color: rgb(160, 201, 255); }
#notifications .notice.debug{ --notice-tint: rgb(31, 31, 33); color: rgb(184, 196, 216); }
#notifications .notice-close:hover, #notifications .notice-close:focus-visible{ background-color: rgba(255, 255, 255, 0.063); }
.exit-game-btn:hover{ background-color: rgb(11, 11, 11); }
.game-title{ color: rgb(199, 204, 213); }
.game-meta-row{ color: rgb(176, 188, 204); }
.game-meta-row .meta-chip{ background-color: rgb(18, 19, 22); }
.game-meta-row button.meta-chip:hover{ background-color: rgb(12, 14, 17); }
.game-meta-row .meta-chip.meta-soft{ box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset; color: rgb(172, 180, 193); }
.game-meta-row button.meta-chip.meta-soft:hover{ background-color: rgb(21, 22, 24); }
.game-id-row code{ color: rgb(160, 168, 182); }
.kx-help-card{ background-color: rgb(30, 30, 30); color: rgb(199, 204, 213); }
.kx-help-what{ color: rgb(176, 188, 204); }
.kx-help-now{ background-color: rgb(21, 24, 31); border-top-color: rgb(49, 58, 78); border-right-color: rgb(49, 58, 78); border-bottom-color: rgb(49, 58, 78); border-left-color: rgb(49, 58, 78); }
.kx-help-text{ color: rgb(184, 196, 216); }
.kx-help-others li{ border-top-color: rgb(60, 62, 64); color: rgb(167, 174, 189); }
.kx-help-others li b{ color: rgb(176, 188, 204); }
.kx-help-note{ background-color: rgb(25, 25, 26); color: rgb(176, 188, 204); }
.kx-help .kfb-lead{ color: rgb(164, 174, 189); }
.kx-help .kfb-btn{ border-top-color: rgb(54, 59, 66); border-right-color: rgb(54, 59, 66); border-bottom-color: rgb(54, 59, 66); border-left-color: rgb(54, 59, 66); background-color: rgb(30, 30, 30); }
.kx-help .kfb-btn.on{ background-color: rgb(16, 21, 30); }
.kx-help .kfb-msg{ color: rgb(114, 169, 255); }
.kx-help .kfb-msg-warn{ color: rgb(229, 150, 74); }
body{ background-color: rgb(23, 23, 23); }
zz-distracting-body[data-network="playnet"]{ background-color: rgb(23, 23, 23); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='120' text-rendering='geometricPrecision'><g transform='rotate(-30 80 60)' fill='rgba(255, 255, 255, 0.054)' font-size='18' font-weight='700' font-family='Arial, Helvetica, sans-serif'><text x='10' y='40'>playnet</text><text x='90' y='80'>playnet</text></g></svg>"); }
.app-banner{ background-color: rgb(16, 16, 16); border-bottom-color: rgb(56, 56, 56); }
.app-menu-btn{ color: rgb(179, 179, 179); }
.app-menu-btn:hover{ color: rgb(210, 210, 210); }
body.hdr-stuck .app-menu-btn{ background-color: rgb(31, 31, 31); border-top-color: rgba(255, 255, 255, 0.108); border-right-color: rgba(255, 255, 255, 0.108); border-bottom-color: rgba(255, 255, 255, 0.108); border-left-color: rgba(255, 255, 255, 0.108); }
body.hdr-stuck .app-menu-btn:hover{ background-color: rgb(31, 31, 31); }
.app-menu{ background-color: rgb(30, 30, 30); border-top-color: rgb(57, 57, 57); border-right-color: rgb(57, 57, 57); border-bottom-color: rgb(57, 57, 57); border-left-color: rgb(57, 57, 57); }
.app-menu-item{ color: rgb(202, 202, 202); }
.app-menu-item:hover{ background-color: rgb(22, 22, 22); }
.app-menu-viewrow{ border-top-color: rgb(61, 61, 61); border-bottom-color: rgb(61, 61, 61); }
.app-menu-viewlabel{ color: rgb(202, 202, 202); }
.app-menu-viewbtn:hover{ background-color: rgb(22, 22, 22); color: rgb(202, 202, 202); }
.app-menu-viewbtn--on{ color: rgb(114, 169, 255); border-top-color: rgb(45, 56, 77); border-right-color: rgb(45, 56, 77); border-bottom-color: rgb(45, 56, 77); border-left-color: rgb(45, 56, 77); background-color: rgb(18, 23, 31); }
.app-menu-item--on{ color: rgb(219, 219, 219); }
.app-logo{ background-color: rgb(11, 11, 11); }
button{ background-color: rgb(30, 30, 30); color: rgb(202, 202, 202); border-top-color: rgb(53, 53, 53); border-right-color: rgb(53, 53, 53); border-bottom-color: rgb(53, 53, 53); border-left-color: rgb(53, 53, 53); }
button:hover{ background-color: rgb(22, 22, 22); border-top-color: rgb(49, 49, 49); border-right-color: rgb(49, 49, 49); border-bottom-color: rgb(49, 49, 49); border-left-color: rgb(49, 49, 49); }
.addacct-manual input{ border-top-color: rgb(53, 53, 53); border-right-color: rgb(53, 53, 53); border-bottom-color: rgb(53, 53, 53); border-left-color: rgb(53, 53, 53); }
.addacct-manual input:focus{ border-top-color: rgb(67, 67, 67); border-right-color: rgb(67, 67, 67); border-bottom-color: rgb(67, 67, 67); border-left-color: rgb(67, 67, 67); }
.addacct-chip.addacct-ghost{ background-color: rgb(30, 30, 30); border-top-color: rgb(49, 49, 49); border-right-color: rgb(49, 49, 49); border-bottom-color: rgb(49, 49, 49); border-left-color: rgb(49, 49, 49); }
.addacct-link{ color: rgb(121, 174, 241); }
.addacct-error{ color: rgb(255, 137, 129); }
#addAcctJoinAll{ background-color: rgb(10, 42, 16); }
#addAcctJoinAll:hover{ background-color: rgb(17, 48, 22); }
#ordersSection .order-row, #transactionsSection .tx-row{ border-top-color: rgb(59, 59, 59); border-right-color: rgb(59, 59, 59); border-bottom-color: rgb(59, 59, 59); border-left-color: rgb(56, 56, 56); background-color: rgb(30, 30, 30); }
#ordersSection .order-row.order-ghost{ border-top-color: rgb(46, 46, 46); border-right-color: rgb(46, 46, 46); border-bottom-color: rgb(46, 46, 46); border-left-color: rgb(46, 46, 46); }
#ordersSection .order-row.order-gone{ background-color: rgb(24, 25, 27); border-top-color: rgb(57, 59, 63); border-right-color: rgb(57, 59, 63); border-bottom-color: rgb(57, 59, 63); border-left-color: rgb(49, 53, 60); }
.order-gone-link{ color: rgb(134, 174, 249); }
#ordersSection .order-row.order-gone:hover{ background-color: rgb(19, 21, 25); }
.tx-row:hover, .tx-row.tx-highlight{ border-top-color: rgb(54, 54, 54); border-right-color: rgb(54, 54, 54); border-bottom-color: rgb(54, 54, 54); border-left-color: rgb(54, 54, 54); }
.asset-modal-card{ border-top-color: rgba(255, 255, 255, 0.054); border-right-color: rgba(255, 255, 255, 0.054); border-bottom-color: rgba(255, 255, 255, 0.054); border-left-color: rgba(255, 255, 255, 0.054); }
.asset-modal-card label{ color: rgb(179, 179, 179); }
.asset-modal-card input:not([type="radio"]):not([type="checkbox"]), .asset-modal-card select, .asset-modal-card textarea{ border-top-color: rgb(57, 57, 57); border-right-color: rgb(57, 57, 57); border-bottom-color: rgb(57, 57, 57); border-left-color: rgb(57, 57, 57); background-color: rgb(26, 26, 26); }
.asset-modal-card input:not([type="radio"]):not([type="checkbox"]):focus, .asset-modal-card select:focus, .asset-modal-card textarea:focus{ background-color: rgb(30, 30, 30); }
.dev-help{ color: rgb(172, 172, 172); }
#ordersSection .order-row:hover, #ordersSection .order-row.tx-highlight{ border-top-color: rgb(54, 54, 54); border-right-color: rgb(54, 54, 54); border-bottom-color: rgb(54, 54, 54); border-left-color: rgb(54, 54, 54); }
.order-actions button{ border-top-color: rgba(255, 255, 255, 0.054); border-right-color: rgba(255, 255, 255, 0.054); border-bottom-color: rgba(255, 255, 255, 0.054); border-left-color: rgba(255, 255, 255, 0.054); }
.kbtn{ background-color: rgba(31, 31, 31, 0.605); color: rgb(184, 196, 210); border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); }
.kbtn:hover{ background-color: rgba(31, 31, 31, 0.88); }
.kbtn-green{ background-color: rgba(10, 42, 16, 0.22); color: rgb(139, 201, 147); }
.kbtn-green:hover{ background-color: rgba(10, 42, 16, 0.34); }
.kbtn-blue{ background-color: rgba(14, 42, 68, 0.22); color: rgb(151, 192, 233); border-top-color: rgba(51, 69, 88, 0.4); border-right-color: rgba(51, 69, 88, 0.4); border-bottom-color: rgba(51, 69, 88, 0.4); border-left-color: rgba(51, 69, 88, 0.4); }
.kbtn-blue:hover{ background-color: rgba(14, 42, 68, 0.34); }
.kbtn-red{ background-color: rgba(61, 23, 25, 0.22); color: rgb(245, 157, 154); border-top-color: rgba(85, 57, 57, 0.4); border-right-color: rgba(85, 57, 57, 0.4); border-bottom-color: rgba(85, 57, 57, 0.4); border-left-color: rgba(85, 57, 57, 0.4); }
.kbtn-red:hover{ background-color: rgba(61, 23, 25, 0.34); }
#createOrderDev summary{ color: rgb(179, 179, 179); }
.rate-steps button{ color: rgb(202, 202, 202); background-color: rgb(19, 19, 19); border-top-color: rgb(53, 53, 53); border-right-color: rgb(53, 53, 53); border-bottom-color: rgb(53, 53, 53); border-left-color: rgb(53, 53, 53); }
.rate-steps button:hover{ background-color: rgb(12, 12, 12); }
#createOrderExit{ background-color: rgba(255, 255, 255, 0.036); color: rgb(186, 186, 186); border-top-color: rgba(255, 255, 255, 0.054); border-right-color: rgba(255, 255, 255, 0.054); border-bottom-color: rgba(255, 255, 255, 0.054); border-left-color: rgba(255, 255, 255, 0.054); }
#createOrderExit:hover{ background-color: rgba(255, 255, 255, 0.063); }
#createOrderSubmit{ background-color: rgba(10, 42, 16, 0.22); color: rgb(139, 201, 147); }
#createOrderEdit{ background-color: rgba(14, 42, 68, 0.22); color: rgb(151, 192, 233); border-top-color: rgba(51, 69, 88, 0.4); border-right-color: rgba(51, 69, 88, 0.4); border-bottom-color: rgba(51, 69, 88, 0.4); border-left-color: rgba(51, 69, 88, 0.4); }
#createOrderDelete{ background-color: rgba(61, 23, 25, 0.22); color: rgb(241, 166, 163); border-top-color: rgba(85, 57, 57, 0.4); border-right-color: rgba(85, 57, 57, 0.4); border-bottom-color: rgba(85, 57, 57, 0.4); border-left-color: rgba(85, 57, 57, 0.4); }
#createOrderTruncate{ color: rgb(186, 186, 186); }
#createOrderSubmit:hover{ background-color: rgba(10, 42, 16, 0.34); }
#createOrderEdit:hover{ background-color: rgba(14, 42, 68, 0.34); }
#createOrderDelete:hover{ background-color: rgba(61, 23, 25, 0.34); }
#createOrderModal .account-picker button{ background-color: rgb(19, 19, 19); color: rgb(186, 186, 186); }
#createOrderModal .account-picker button:hover{ background-color: rgb(11, 11, 11); }
.order-action-help{ color: rgb(172, 172, 172); }
select{ background-color: rgb(30, 30, 30); border-top-color: rgb(55, 58, 61); border-right-color: rgb(55, 58, 61); border-bottom-color: rgb(55, 58, 61); border-left-color: rgb(55, 58, 61); color: rgb(210, 210, 210); }
select:focus{ border-top-color: rgb(54, 64, 74); border-right-color: rgb(54, 64, 74); border-bottom-color: rgb(54, 64, 74); border-left-color: rgb(54, 64, 74); }
.profile-btn{ color: rgb(186, 186, 186); }
.profile-btn:hover{ color: rgb(210, 210, 210); }
.profile-card{ background-color: rgb(30, 30, 30); color: rgb(210, 210, 210); }
.profile-close{ background-color: rgb(31, 31, 31); }
.profile-close:active{ background-color: rgb(17, 20, 23); }
.profile-busy{ background-color: rgb(30, 24, 12); border-top-color: rgb(67, 55, 32); border-right-color: rgb(67, 55, 32); border-bottom-color: rgb(67, 55, 32); border-left-color: rgb(67, 55, 32); color: rgb(221, 168, 104); }
.profile-scope{ color: rgb(172, 172, 172); }
.profile-link{ color: rgb(172, 172, 172); }
.profile-link:hover{ color: rgb(210, 210, 210); background-color: rgb(21, 21, 21); }
.chat-msg:hover{ background-color: rgb(20, 20, 20); }
.chat-who{ color: rgb(194, 194, 194); }
.chat-msg--sys .chat-who{ color: rgb(200, 183, 132); }
.chat-msg--sys{ background-color: rgba(34, 31, 20, 0.55); }
.chat-acct{ color: rgb(172, 172, 172); }
.chat-text{ color: rgb(202, 202, 202); }
.profile-commit-key{ border-top-color: rgb(61, 59, 54); }
.profile-auth select, .profile-debug select{ background-color: rgb(30, 30, 30); border-top-color: rgb(55, 58, 61); border-right-color: rgb(55, 58, 61); border-bottom-color: rgb(55, 58, 61); border-left-color: rgb(55, 58, 61); color: rgb(210, 210, 210); }
.profile-auth select:focus, .profile-debug select:focus{ border-top-color: rgb(54, 64, 74); border-right-color: rgb(54, 64, 74); border-bottom-color: rgb(54, 64, 74); border-left-color: rgb(54, 64, 74); }
button.profile-auth-x{ border-top-color: rgb(57, 59, 62); border-right-color: rgb(57, 59, 62); border-bottom-color: rgb(57, 59, 62); border-left-color: rgb(57, 59, 62); background-color: rgb(30, 30, 30); color: rgb(255, 137, 133); }
.profile-auth-x:hover{ background-color: rgb(28, 15, 18); border-top-color: rgb(72, 45, 51); border-right-color: rgb(72, 45, 51); border-bottom-color: rgb(72, 45, 51); border-left-color: rgb(72, 45, 51); }
.profile-auth-statement{ background-color: rgb(24, 25, 26); border-top-color: rgb(57, 59, 62); border-right-color: rgb(57, 59, 62); border-bottom-color: rgb(57, 59, 62); border-left-color: rgb(57, 59, 62); color: rgb(202, 202, 202); }
.profile-section{ border-top-color: rgb(61, 61, 61); }
.profile-section-title{ color: rgb(210, 210, 210); }
.profile-tag{ background-color: rgb(19, 20, 22); color: rgb(176, 181, 186); }
.profile-tag-public{ background-color: rgb(12, 23, 16); color: rgb(118, 205, 135); }
.profile-tag-private{ background-color: rgb(28, 14, 13); color: rgb(255, 141, 125); }
.profile-tag-optional{ background-color: rgb(14, 20, 30); color: rgb(123, 180, 255); }
.kpref-design{ border-top-color: rgb(57, 59, 62); }
.kpref-design select{ border-top-color: rgb(53, 53, 53); border-right-color: rgb(53, 53, 53); border-bottom-color: rgb(53, 53, 53); border-left-color: rgb(53, 53, 53); }
.kpref-design .profile-debug-label button{ border-top-color: rgb(50, 55, 61); border-right-color: rgb(50, 55, 61); border-bottom-color: rgb(50, 55, 61); border-left-color: rgb(50, 55, 61); background-color: rgb(30, 30, 30); }
.kpref-tuner summary{ color: rgb(156, 168, 184); }
.kpref-tuner textarea{ border-top-color: rgb(50, 55, 61); border-right-color: rgb(50, 55, 61); border-bottom-color: rgb(50, 55, 61); border-left-color: rgb(50, 55, 61); background-color: rgb(27, 28, 29); color: rgb(202, 202, 202); }
.profile-card .kpref-tuner-row button{ border-top-color: rgb(50, 55, 61); border-right-color: rgb(50, 55, 61); border-bottom-color: rgb(50, 55, 61); border-left-color: rgb(50, 55, 61); background-color: rgb(30, 30, 30); }
.kpref-tuner-row button:hover{ color: rgb(114, 169, 255); }
.kpref-tuner-msg{ color: rgb(114, 169, 255); }
.kpref-tuner-msg.warn{ color: rgb(229, 150, 74); }
.profile-netnote{ color: rgb(202, 202, 202); }
.profile-card .profile-info{ color: rgb(123, 180, 255); }
.profile-ghost{ border-top-color: rgb(57, 59, 62); border-right-color: rgb(57, 59, 62); border-bottom-color: rgb(57, 59, 62); border-left-color: rgb(57, 59, 62); background-color: rgb(30, 30, 30); }
.create-order-auth-hint.bound{ color: rgb(118, 205, 135); }
.create-order-auth-hint.warn{ color: rgb(202, 171, 85); }
.profile-auth-result > summary{ color: rgb(176, 181, 186); }
.profile-auth-output{ background-color: rgb(24, 25, 26); border-top-color: rgb(57, 59, 62); border-right-color: rgb(57, 59, 62); border-bottom-color: rgb(57, 59, 62); border-left-color: rgb(57, 59, 62); }
@media (max-width: 640px){.profile-modal{ background-color: rgb(30, 30, 30); }}
.kchat-panel-tab{ border-top-color: rgba(255, 255, 255, 0.108); border-right-color: rgba(255, 255, 255, 0.108); border-bottom-color: rgba(255, 255, 255, 0.108); border-left-color: rgba(255, 255, 255, 0.108); background-color: rgba(31, 31, 31, 0.77); color: rgb(191, 202, 223); }
.kchat-panel-count{ color: rgb(167, 180, 200); }
.kchat-panel-body{ background-color: rgba(31, 31, 31, 0.88); border-top-color: rgba(255, 255, 255, 0.126); border-right-color: rgba(255, 255, 255, 0.126); border-bottom-color: rgba(255, 255, 255, 0.126); border-left-color: rgba(255, 255, 255, 0.126); }
.kchat-row-bar{ background-color: rgb(20, 29, 42); }
.kchat-row-to{ color: rgb(114, 169, 255); }
.kchat-send{ border-top-color: rgba(255, 255, 255, 0.09); }
.kchat-row--sys .kchat-row-bar{ background-color: rgb(30, 21, 0); }
.kchat-row--sys b{ color: rgb(187, 171, 111); }
.kchat-row--sys a{ color: rgb(114, 169, 255); }
.kchat-row--kato{ background-color: rgba(30, 21, 0, 0.1); }
.kchat-acct-link{ border-bottom-color: rgba(255, 255, 255, 0.315); }
.kchat-act-mark{ color: rgb(114, 169, 255); }
.knarr-step--done::after{ color: rgb(99, 198, 124); }
.kchat-row--linked:hover{ background-color: rgba(255, 255, 255, 0.036); }
.tx-autosign--requesting{ background-color: rgb(29, 21, 0); color: rgb(213, 185, 122); }
.tx-autosign--signed{ background-color: rgb(0, 15, 9); color: rgb(148, 211, 173); }
.tx-autosign--failed{ background-color: rgb(25, 4, 7); color: rgb(255, 154, 154); }
.kchip--open{ background-color: rgb(14, 19, 29); color: rgb(146, 189, 255); }
.kchip--ok{ background-color: rgb(0, 15, 9); color: rgb(148, 211, 173); }
.kchip--pend{ background-color: rgb(29, 21, 0); color: rgb(213, 185, 122); }
.kchip--req{ background-color: rgb(29, 21, 0); color: rgb(213, 185, 122); }
.kchip--fail{ background-color: rgb(25, 4, 7); color: rgb(255, 154, 154); }
.kchip--muted{ background-color: rgb(18, 19, 21); color: rgb(167, 174, 189); }
.order-side-badge--buy{ background-color: rgb(13, 24, 16); color: rgb(120, 203, 152); }
.order-side-badge--sell{ background-color: rgb(29, 16, 16); color: rgb(255, 134, 128); }
.order-price{ color: rgb(198, 209, 225); }
.order-qty{ color: rgb(186, 186, 196); }
.order-mine-tag{ background-color: rgb(21, 17, 31); color: rgb(175, 165, 255); }
.tx-hero .tx-rate{ color: rgb(184, 196, 216); }
.tx-acct{ color: rgb(167, 174, 189); }
.tx-acct--mine{ color: rgb(205, 216, 237); }
.tx-give{ color: rgb(255, 134, 128); }
.tx-get{ color: rgb(120, 203, 152); }
.market-header{ background-color: rgb(30, 30, 30); border-top-color: rgb(59, 59, 59); border-right-color: rgb(59, 59, 59); border-bottom-color: rgb(59, 59, 59); border-left-color: rgb(59, 59, 59); }
.market-kv-val{ color: rgb(198, 209, 225); }
.market-kv--up .market-kv-val{ color: rgb(120, 203, 152); }
.market-kv--down .market-kv-val{ color: rgb(255, 134, 128); }
.market-lastline-label{ fill: rgb(134, 174, 249); }
.market-mine-marker{ fill: rgb(175, 165, 255); }
.mleg-orig{ border-top-color: rgb(65, 65, 65); border-right-color: rgb(65, 65, 65); border-bottom-color: rgb(65, 65, 65); border-left-color: rgb(65, 65, 65); }
@media (max-width: 899px){body[data-trading-mode="orderBook"] .ktabs.mode-order{ background-color: rgb(18, 19, 21); }}
@media (max-width: 899px){.ktabs button{ color: rgb(186, 186, 196); }}
@media (max-width: 899px){.ktabs button.on{ background-color: rgb(30, 30, 30); color: rgb(198, 209, 225); }}
.kvis{ color: rgb(132, 195, 143); }
.kvis:hover{ background-color: rgb(21, 15, 3); }
.kvis--off:hover{ color: rgb(169, 175, 183); }
.addacct-row:hover{ background-color: rgba(255, 255, 255, 0.039); }
.addacct-row--off .addacct-rowname{ text-decoration-color: rgba(242, 242, 242, 0.3); }
.addacct-primary:disabled, .k-primary-action:disabled{ background-color: rgb(7, 18, 47); }
.addacct-later{ color: rgb(164, 174, 189); }
.board-playercard-removelink:hover{ color: rgb(255, 135, 122); }
.katomia-aud{ color: rgb(186, 186, 186); }
body[data-network="playnet"] .game-meta-row .meta-chip.meta-net, body[data-network="playnet"] .kx-help-phrase.is-net{ color: rgb(217, 202, 155); }
/* from katomia-composer.js (injected at run time) */
:root .kcomp{ background-color: rgb(28, 28, 29); color: rgb(198, 205, 214); }
:root .kcomp-head{ border-bottom-color: rgb(56, 59, 65); background-color: rgb(30, 30, 30); }
:root .kcomp-x{ color: rgb(156, 168, 184); }
:root .kcomp-foot{ border-top-color: rgb(56, 59, 65); background-color: rgb(30, 30, 30); }
:root .kcomp-row select, :root .kcomp-row input{ border-top-color: rgb(56, 59, 65); border-right-color: rgb(56, 59, 65); border-bottom-color: rgb(56, 59, 65); border-left-color: rgb(56, 59, 65); background-color: rgb(30, 30, 30); }
:root .kcomp-add{ border-top-color: rgb(56, 59, 65); border-right-color: rgb(56, 59, 65); border-bottom-color: rgb(56, 59, 65); border-left-color: rgb(56, 59, 65); background-color: rgb(20, 23, 26); }
:root .kcomp-chip{ background-color: rgb(20, 23, 26); border-top-color: rgb(56, 59, 65); border-right-color: rgb(56, 59, 65); border-bottom-color: rgb(56, 59, 65); border-left-color: rgb(56, 59, 65); }
:root .kcomp-chip button{ color: rgb(156, 168, 184); }
:root .kcomp-out{ border-top-color: rgb(56, 59, 65); }
:root .kcomp-code{ background-color: rgb(19, 21, 25); }
:root .kcomp-plain{ color: rgb(177, 188, 204); background-color: rgb(18, 24, 19); border-top-color: rgb(44, 62, 49); border-right-color: rgb(44, 62, 49); border-bottom-color: rgb(44, 62, 49); border-left-color: rgb(44, 62, 49); }
:root .kcomp-note{ color: rgb(156, 168, 184); }
:root .kcomp-kbtn{ border-top-color: rgb(56, 59, 65); border-right-color: rgb(56, 59, 65); border-bottom-color: rgb(56, 59, 65); border-left-color: rgb(56, 59, 65); background-color: rgb(30, 30, 30); }
/* from kchanges.js (injected at run time) */
:root .kch-tag{ background-color: rgb(28, 23, 0); color: rgb(209, 190, 126); }
:root .kch-tag:hover, :root .kch-tag:active{ background-color: rgb(24, 18, 0); }
:root .kch-tag--said{ background-color: rgb(19, 21, 24); border-top-color: rgb(48, 55, 64); border-right-color: rgb(48, 55, 64); border-bottom-color: rgb(48, 55, 64); border-left-color: rgb(48, 55, 64); color: rgb(171, 181, 197); }
:root .kch-tag--said:hover, :root .kch-tag--said:active{ background-color: rgb(12, 15, 20); }
:root .kch-pop{ background-color: rgb(30, 30, 30); color: rgb(195, 208, 227); border-top-color: rgb(58, 59, 62); border-right-color: rgb(58, 59, 62); border-bottom-color: rgb(58, 59, 62); border-left-color: rgb(58, 59, 62); }
:root .kch-pop-ref{ background-color: rgb(28, 23, 0); color: rgb(209, 190, 126); }
:root .kch-pop-x:hover{ color: rgb(184, 196, 216); }
:root .kch-pop-meta{ color: rgb(164, 174, 189); }
:root .kch-pop-meta a{ color: rgb(114, 169, 255); }
:root .kch-pop-said{ color: rgb(172, 190, 220); background-color: rgb(19, 21, 24); border-top-color: rgb(54, 59, 66); border-right-color: rgb(54, 59, 66); border-bottom-color: rgb(54, 59, 66); border-left-color: rgb(54, 59, 66); }
:root .kch-pop-said a{ color: rgb(114, 169, 255); }
:root .kch-pop-detail{ color: rgb(184, 196, 216); }
:root .kch-pop-foot{ border-top-color: rgb(60, 62, 64); }
:root .kch-pop-done{ border-top-color: rgb(54, 59, 66); border-right-color: rgb(54, 59, 66); border-bottom-color: rgb(54, 59, 66); border-left-color: rgb(54, 59, 66); background-color: rgb(30, 30, 30); color: rgb(184, 196, 216); }
:root .kch-pop-done:hover{ color: rgb(255, 135, 122); }
:root .kch-sheet-panel{ background-color: rgb(25, 25, 25); color: rgb(195, 208, 227); }
:root .kch-sheet-head{ border-bottom-color: rgb(58, 59, 62); }
:root .kch-sheet-count{ color: rgb(164, 174, 189); }
:root .kch-sheet-x{ border-top-color: rgb(54, 59, 66); border-right-color: rgb(54, 59, 66); border-bottom-color: rgb(54, 59, 66); border-left-color: rgb(54, 59, 66); background-color: rgb(30, 30, 30); color: rgb(184, 196, 216); }
:root .kch-sheet-x:hover{ color: rgb(255, 135, 122); }
:root .kch-row{ background-color: rgb(30, 30, 30); border-top-color: rgb(58, 59, 62); border-right-color: rgb(58, 59, 62); border-bottom-color: rgb(58, 59, 62); border-left-color: rgb(58, 59, 62); }
:root .kch-row-top:hover{ background-color: rgb(23, 25, 30); }
:root .kch-row-ref{ background-color: rgb(28, 23, 0); color: rgb(209, 190, 126); }
:root .kch-row-sub{ color: rgb(164, 174, 189); }
:root .kch-cue--here{ background-color: rgb(12, 24, 17); border-top-color: rgb(37, 62, 47); border-right-color: rgb(37, 62, 47); border-bottom-color: rgb(37, 62, 47); border-left-color: rgb(37, 62, 47); color: rgb(125, 206, 144); }
:root .kch-cue--go{ background-color: rgb(16, 21, 30); border-top-color: rgb(45, 55, 76); border-right-color: rgb(45, 55, 76); border-bottom-color: rgb(45, 55, 76); border-left-color: rgb(45, 55, 76); color: rgb(140, 185, 255); }
:root .kch-cue--page{ background-color: rgb(30, 23, 10); border-top-color: rgb(67, 55, 32); border-right-color: rgb(67, 55, 32); border-bottom-color: rgb(67, 55, 32); border-left-color: rgb(67, 55, 32); color: rgb(221, 168, 100); }
:root .kch-cue--none{ background-color: rgb(22, 23, 24); border-top-color: rgb(57, 59, 63); border-right-color: rgb(57, 59, 63); border-bottom-color: rgb(57, 59, 63); border-left-color: rgb(57, 59, 63); color: rgb(164, 174, 189); }
:root .kch-row--said .kch-row-ref{ background-color: rgb(19, 21, 24); border-top-color: rgb(48, 55, 64); border-right-color: rgb(48, 55, 64); border-bottom-color: rgb(48, 55, 64); border-left-color: rgb(48, 55, 64); color: rgb(171, 181, 197); }
:root .kch-row--said .kch-row-title{ color: rgb(171, 181, 197); }
:root .kch-said-pill{ background-color: rgb(19, 21, 24); border-top-color: rgb(51, 57, 64); border-right-color: rgb(51, 57, 64); border-bottom-color: rgb(51, 57, 64); border-left-color: rgb(51, 57, 64); color: rgb(172, 190, 220); }
:root .kch-row-chev:hover{ color: rgb(114, 169, 255); }
:root .kch-row-open{ border-top-color: rgb(60, 62, 64); background-color: rgb(28, 28, 30); }
:root .kch-row-detail{ color: rgb(184, 196, 216); }
:root .kch-sheet-note{ color: rgb(164, 174, 189); }
:root .kch-sheet-empty{ color: rgb(164, 174, 189); }
:root .kch-pop .kfb-btn, :root .kch-row .kfb-btn{ border-top-color: rgb(54, 59, 66); border-right-color: rgb(54, 59, 66); border-bottom-color: rgb(54, 59, 66); border-left-color: rgb(54, 59, 66); background-color: rgb(30, 30, 30); }
:root .kch-pop .kfb-btn.on, :root .kch-row .kfb-btn.on{ background-color: rgb(16, 21, 30); }
:root .kch-pop .kfb-msg, :root .kch-row .kfb-msg{ color: rgb(114, 169, 255); }
:root .kch-pop .kfb-msg-warn, :root .kch-row .kfb-msg-warn{ color: rgb(229, 150, 74); }
}
/* ═══ end of generated ═══ */

/* ═══ DARK-PAGES1 hand-tuned (below the generated twins, so these win) ═══ */
@media (prefers-color-scheme: dark){
  /* katomia-composer.js sets this button's look inline (style=""), so only !important reaches it */
  #kcompOpen{ background: #262b33 !important; border-color: rgba(255,255,255,.14) !important; color: #e7ecf4; }
  /* a shorthand written with var(--line, …) hides its colour from the generator */
  details.profile-commit{ border-top-color: rgba(255,255,255,.14); }
}