/* Blackmint theme detail: Dark (id dark, v1.67 "darkdetail").
   Keeps Dark's black + mint (#3DDC97) identity. Adds HUD chrome to match Pink Circuit / Light detail level:
   mint circuit grid + scanlines, corner brackets, section codes, mono "> " labels, packet lights,
   scrollbars, focus rings, pulsing up-chips, modal frames. Prices stay semantic (mint up / red down).
   Every rule is scoped under S = html:not(#_t1):not(#_t2)[data-theme-id="dark"] so Light/Arcade/Pink are untouched. */

/* 1) richer mint circuit grid + solder pads + faint scanlines over the existing body::before */
html:not(#_t1):not(#_t2)[data-theme-id="dark"][lang] body::before{background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),
  radial-gradient(ellipse at 50% 35%,rgba(0,0,0,0) 30%,rgba(0,0,0,.88) 100%),
  radial-gradient(circle,rgba(61,220,151,.42) 1.3px,transparent 2px) 0 0/144px 144px,
  linear-gradient(rgba(61,220,151,.12) 1px,transparent 1px) 0 72px/144px 144px,
  linear-gradient(90deg,rgba(61,220,151,.12) 1px,transparent 1px) 72px 0/144px 144px,
  linear-gradient(rgba(61,220,151,.05) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(61,220,151,.05) 1px,transparent 1px) 0 0/48px 48px,#000!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] ::selection{background:#3ddc97;color:#04120b}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] :focus-visible{outline:2px solid #8ff0c4;outline-offset:2px}

/* 2) header + logo mint glow (leaf logos already mint on Dark via leaflogo) */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] header{border-bottom:1px solid rgba(61,220,151,.55)!important;box-shadow:0 0 14px -2px rgba(61,220,151,.35)}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .logo i{color:#3ddc97!important;text-shadow:0 0 10px rgba(61,220,151,.55)}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] header b:empty,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .bmls i{box-shadow:0 0 6px #3ddc97}

/* 3) cards: mint rim + top trace on compact cards */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .glass{box-shadow:0 0 0 1px rgba(61,220,151,.10),0 0 22px -12px rgba(61,220,151,.4),inset 0 1px 0 rgba(143,240,196,.06)!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .glass.stat,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .glass.mv,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .glass.hb,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .glass.cst{background-image:linear-gradient(90deg,transparent,#3ddc97 30%,#bfffe3 50%,#3ddc97 70%,transparent)!important;background-size:100% 1px!important;background-repeat:no-repeat!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs{border-color:rgba(61,220,151,.55)!important;box-shadow:0 0 14px -4px rgba(61,220,151,.4)}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs .on,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs [aria-current=page],html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs [aria-selected=true],html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs button.on{color:#8ff0c4!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .thb .thx{stroke:#3ddc97}

/* 4) mono "> " terminal labels */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .stat small{font-family:var(--mono),ui-monospace,Menlo,monospace!important;letter-spacing:.1em}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .stat small::before{content:"> ";color:#3ddc97}

/* 5) up/down stay semantic; soft mint glow on up figures */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vbig.up,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dp.up,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .stat .up{text-shadow:0 0 10px rgba(61,220,151,.4)!important}

/* 6) HUD section headers: section code + blinking cursor, glitch-in title, mint scanline divider */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh{position:relative;padding-bottom:9px;margin-bottom:10px;border-bottom:0!important;
 background-image:repeating-linear-gradient(90deg,rgba(61,220,151,.55) 0 6px,transparent 6px 9px);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh b{font-family:var(--mono),ui-monospace,monospace!important;letter-spacing:.14em;color:#fff;text-shadow:0 0 12px rgba(61,220,151,.45);animation:dkGlitch .7s steps(2,end) 1}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh b::before{display:inline-block;margin-right:.6em;padding:1px 5px;border:1px solid rgba(61,220,151,.55);border-radius:3px;font:700 9px/1.4 var(--mono),ui-monospace,monospace;letter-spacing:.12em;color:#8ff0c4;vertical-align:2px;text-shadow:none;content:"SYS"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #macro .vh b::before{content:"MX-01"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bonds .vh b::before{content:"BD-02"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #debt .vh b::before{content:"DT-03"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #wtbp .vh b::before{content:"WB-04"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #market .vh b::before{content:"MK-05"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #vault .vh b::before{content:"VT-06"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #cats .vh b::before{content:"CT-07"}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh small::before{content:"// ";color:#3ddc97}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh b::after{content:"_";margin-left:.2em;color:#3ddc97;animation:dkBlink 1.1s steps(1) infinite}
@keyframes dkBlink{50%{opacity:0}}
@keyframes dkGlitch{0%{opacity:0;transform:translateX(-4px);text-shadow:2px 0 #3ddc97,-2px 0 #7cf0ff;clip-path:inset(0 0 55% 0)}
 40%{opacity:1;transform:translateX(3px);text-shadow:-2px 0 #3ddc97,2px 0 #bfffe3;clip-path:inset(45% 0 0 0)}
 100%{opacity:1;transform:none;clip-path:inset(0)}}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #news h1::after,html:not(#_t1):not(#_t2)[data-theme-id="dark"] #news .nwh h1::after{content:" NW-08";font:700 9px var(--mono),ui-monospace,monospace;letter-spacing:.12em;color:#8ff0c4;vertical-align:middle}

/* 7) status badges as chips: [ LIVE ] with a pulsing node */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vbadge{font-family:var(--mono),ui-monospace,monospace!important;letter-spacing:.12em;color:#8ff0c4!important;background:rgba(61,220,151,.08)!important;border:1px solid rgba(61,220,151,.45)!important;border-radius:3px!important;box-shadow:inset 0 0 8px rgba(61,220,151,.12)}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vbadge::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#3ddc97;box-shadow:0 0 6px #3ddc97;vertical-align:1px;animation:dkPulse 1.6s ease-in-out infinite}
@keyframes dkPulse{50%{opacity:.25}}

/* 8) corner brackets on every card (HUD frame) */
html:not(#_t1):not(#_t2)[data-theme-id="dark"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b):not(.stat):not(.mv):not(.hb):not(.cst){background-image:
 linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),
 linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97)!important;
 background-size:12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px,12px 1.5px,1.5px 12px!important;
 background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%!important;background-repeat:no-repeat!important}
@media (hover:hover){
 html:not(#_t1):not(#_t2)[data-theme-id="dark"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b){transition:border-color .25s,box-shadow .25s}
 html:not(#_t1):not(#_t2)[data-theme-id="dark"][lang] body .glass:not(nav):not(header):not(#_a):not(#_b):not(#bmad):hover{border-color:#3ddc97!important;box-shadow:0 0 0 1px rgba(61,220,151,.35),0 0 28px -6px rgba(61,220,151,.55),0 0 40px -18px rgba(124,240,255,.35),inset 0 1px 0 rgba(191,255,227,.14)!important}
 html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row:hover{box-shadow:inset 3px 0 0 #3ddc97}
}

/* 9) animated data packet along the header + tab bar */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent 0,#bfffe3 50%,transparent 100%) no-repeat;background-size:120px 1px;animation:dkPacket 6s linear infinite}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#bfffe3,transparent) no-repeat;background-size:90px 1px;animation:dkPacket 8s linear infinite reverse}
@keyframes dkPacket{0%{background-position:-120px 0}100%{background-position:calc(100% + 120px) 0}}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs .on svg,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs button.on svg{filter:drop-shadow(0 0 6px rgba(61,220,151,.75))}

/* 10) animated gradient border on More sheet + theme menu */
@property --dkA{syntax:"<angle>";inherits:false;initial-value:0deg}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bmMore .bmmc,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .thmn{border:1px solid transparent!important;
 background:linear-gradient(#0b100e,#0b100e) padding-box,conic-gradient(from var(--dkA),#3ddc97,#1d6b4b,#bfffe3,#7cf0ff,#3ddc97) border-box!important;animation:dkSpin 7s linear infinite}
@keyframes dkSpin{to{--dkA:360deg}}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bmMore .bmmh::before{content:"> ";color:#3ddc97;font-family:var(--mono),monospace}

/* 11) ad slot frame */
html:not(#_t1):not(#_t2)[data-theme-id="dark"][lang] body aside#bmad.bmad.glass:not(#_a):not(#_b){border:1px dashed rgba(61,220,151,.5)!important;background-image:
 linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97),linear-gradient(#3ddc97,#3ddc97)!important;
 background-size:14px 2px,2px 14px,14px 2px,2px 14px!important;background-position:0 0,0 0,100% 100%,100% 100%!important;background-repeat:no-repeat!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bmad > small:first-child,html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bmad .bmadl{font-family:var(--mono),monospace;letter-spacing:.2em}

/* 12) skeleton shimmer in mint */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .sk,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .skl{background:linear-gradient(90deg,#0a100e,#12201a,#0a100e)!important;background-size:200% 100%!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .sk::after{background:linear-gradient(100deg,transparent 30%,rgba(61,220,151,.14) 50%,transparent 70%)!important}

/* 13) custom scrollbars + focus rings */
html:not(#_t1):not(#_t2)[data-theme-id="dark"],html:not(#_t1):not(#_t2)[data-theme-id="dark"] *{scrollbar-color:#3ddc97 #0b100e}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] ::-webkit-scrollbar{width:10px;height:10px}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] ::-webkit-scrollbar-track{background:#000}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] ::-webkit-scrollbar-thumb{background:linear-gradient(#3ddc97,#1d6b4b);border-radius:6px;border:2px solid #000}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] :focus-visible{outline:2px solid #8ff0c4!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(61,220,151,.22),0 0 14px rgba(61,220,151,.45)!important}

/* 14) chips, search sheet, inputs */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] input[type=search],html:not(#_t1):not(#_t2)[data-theme-id="dark"] input[type=text],html:not(#_t1):not(#_t2)[data-theme-id="dark"] #pq,html:not(#_t1):not(#_t2)[data-theme-id="dark"] #wbQ{caret-color:#3ddc97;border-color:rgba(61,220,151,.35)!important}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .sph{background-image:linear-gradient(90deg,transparent,rgba(61,220,151,.55),transparent);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}

/* 15) footer circuit motif */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .bmft{position:relative;border-top:1px solid rgba(61,220,151,.3);padding-top:44px!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='40'%3E%3Cg fill='none' stroke='%233ddc97' stroke-opacity='.35' stroke-width='1'%3E%3Cpath d='M0 8h40l8 8h50l6-6h60l8 8h48'/%3E%3Cpath d='M0 30h24l6-6h70l10 10h110'/%3E%3C/g%3E%3Cg fill='%233ddc97' fill-opacity='.6'%3E%3Ccircle cx='48' cy='16' r='2'/%3E%3Ccircle cx='104' cy='10' r='2'/%3E%3Ccircle cx='172' cy='18' r='2'/%3E%3Ccircle cx='30' cy='24' r='2'/%3E%3Ccircle cx='110' cy='34' r='2'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 40px repeat-x}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .bmft [title^="Build"]::before{content:"[ OK ] ";color:#3ddc97;font-family:var(--mono),monospace}

/* 16) pulsing price-change chips (mint up / red down) */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .num.h .rc.up,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .p.fu,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .chip.up{animation:dkChipUp 2.4s ease-in-out infinite}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .num.h .rc.dn,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .p.fd{animation:dkChipDn 2.4s ease-in-out infinite}
@keyframes dkChipUp{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(61,220,151,.55)}}
@keyframes dkChipDn{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(255,92,92,.45)}}

/* 17) tooltips + theme menu polish */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tip,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .ctip{border-color:rgba(61,220,151,.4)!important;box-shadow:0 0 18px -6px rgba(61,220,151,.4)}

/* 18) chart header dashed divider */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #det .dh,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .det .dh{background-image:repeating-linear-gradient(90deg,rgba(61,220,151,.5) 0 6px,transparent 6px 9px);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] #list .row .rk,html:not(#_t1):not(#_t2)[data-theme-id="dark"] #list .row .r{font-family:var(--mono),monospace;color:#8ff0c4}

/* 19) easter-egg overlay (shown by app/darkfx.js on logo double-click) */
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-egg{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(4,18,11,.72),rgba(0,0,0,.82))}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-cross{width:64px;height:86px;stroke:#3ddc97;stroke-width:3;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(61,220,151,.85));stroke-dasharray:160;stroke-dashoffset:160;animation:dkDraw 1.1s ease-out forwards}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-say{font:700 13px/1.35 var(--mono),ui-monospace,monospace;letter-spacing:.18em;color:#bfffe3;text-align:center;text-shadow:0 0 14px rgba(61,220,151,.7);opacity:0;animation:dkSay .5s ease .55s forwards}
html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-say small{display:block;margin-top:8px;font-size:11px;letter-spacing:.14em;color:#8ff0c4}
@keyframes dkDraw{to{stroke-dashoffset:0}}
@keyframes dkSay{to{opacity:1}}

/* 20) motion off */
@media (prefers-reduced-motion:reduce){
 html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh b,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vh b::after,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .vbadge::before,html:not(#_t1):not(#_t2)[data-theme-id="dark"] header::after,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .tabs::before,html:not(#_t1):not(#_t2)[data-theme-id="dark"] #bmMore .bmmc,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .thmn,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .num.h .rc.up,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .num.h .rc.dn,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .p.fu,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .row .p.fd,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-cross,html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-say{animation:none!important}
 html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-cross{stroke-dashoffset:0}
 html:not(#_t1):not(#_t2)[data-theme-id="dark"] .dk-say{opacity:1}
}