@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;600&display=swap');
/* PREVIEW downtown theme: Main Street Evening */
:root{--hf:'Playfair Display',Georgia,serif;--bf:'Source Sans 3',system-ui,sans-serif;--btn2:#2B1714;--lamp:#FFE3A3;--asphalt:#26272B;--lane:rgba(236,220,180,.22);--walk:#D9CCB0;--walk2:#C9BB9C;--facade:#5B2E26;--line:#3A1E19;--text:#F4EBDD;--muted:#E2CDB8;--head:#FBF3E4;--acc:#2F5D46;--awn1:#2F5D46;--awn2:#6E2433;--sign:#2B1714;--tree:#4F7A3A;--tree2:#3B5E2B;--btn:#6E2433;--btntext:#FBF3E4;--bg:#1C1A1A}
/* ===== MyAttiQ color themes : one bold accent on clean surfaces. html[data-theme][data-mode] set by theme-init.js ===== */
html[data-theme=red][data-mode=day]{--bg:#FFF6F3;--surface:#FFFFFF;--surface2:#FFEDE8;--line:#F1CFC6;--text:#2A1513;--head:#2A1513;--muted:#6E4A44;--acc:#D3302A;--acc-text:#B42520;--acc-ink:#FFFFFF;--acc-soft:#FDE3DE;--btn:#D3302A;--btntext:#FFFFFF;--btn2:#FFEDE8;--sign:#FFFFFF;--tint:rgba(0,0,0,.04)}
html[data-theme=red][data-mode=night]{--bg:#160F0E;--surface:#221716;--surface2:#2D1F1D;--line:#43302C;--text:#FBEDEA;--head:#FBEDEA;--muted:#D2B6B0;--acc:#FF5A4E;--acc-text:#FF8A80;--acc-ink:#1A0605;--acc-soft:#3A1D1A;--btn:#FF5A4E;--btntext:#1A0605;--btn2:#2D1F1D;--sign:#1D1413;--tint:rgba(255,255,255,.04)}
html[data-theme=blue][data-mode=day]{--bg:#F4F8FF;--surface:#FFFFFF;--surface2:#E9F0FD;--line:#CFDDF5;--text:#0F1B2D;--head:#0F1B2D;--muted:#46586F;--acc:#1F6FEB;--acc-text:#1A5FCC;--acc-ink:#FFFFFF;--acc-soft:#DDE9FD;--btn:#1F6FEB;--btntext:#FFFFFF;--btn2:#E9F0FD;--sign:#FFFFFF;--tint:rgba(0,0,0,.04)}
html[data-theme=blue][data-mode=night]{--bg:#0C1320;--surface:#142033;--surface2:#1B2A42;--line:#2A3D5C;--text:#EAF1FF;--head:#EAF1FF;--muted:#AAB9D2;--acc:#4C9AFF;--acc-text:#86BBFF;--acc-ink:#04122A;--acc-soft:#16304F;--btn:#4C9AFF;--btntext:#04122A;--btn2:#1B2A42;--sign:#111B2C;--tint:rgba(255,255,255,.04)}
html[data-theme=teal][data-mode=day]{--bg:#F1FAF9;--surface:#FFFFFF;--surface2:#E2F3F2;--line:#C6E4E2;--text:#0E2224;--head:#0E2224;--muted:#45605F;--acc:#0B7A7C;--acc-text:#086668;--acc-ink:#FFFFFF;--acc-soft:#D3EEEC;--btn:#0B7A7C;--btntext:#FFFFFF;--btn2:#E2F3F2;--sign:#FFFFFF;--tint:rgba(0,0,0,.04)}
html[data-theme=teal][data-mode=night]{--bg:#0A1617;--surface:#112123;--surface2:#172C2E;--line:#24403F;--text:#E6F6F5;--head:#E6F6F5;--muted:#A2C3C1;--acc:#2CC5C0;--acc-text:#62DAD5;--acc-ink:#022120;--acc-soft:#103A39;--btn:#2CC5C0;--btntext:#022120;--btn2:#172C2E;--sign:#0E1C1D;--tint:rgba(255,255,255,.04)}
body{background:var(--bg)!important;color:var(--text);font:14px/1.5 var(--bf)}
a{color:var(--acc-text)}.muted{color:var(--muted)!important}
header{background:var(--sign)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important}
header h1{text-shadow:none!important}
header h1 a{font:700 20px/1 var(--hf)!important;letter-spacing:.04em!important;color:var(--head)!important;-webkit-text-stroke:0!important;text-shadow:none!important;text-transform:none!important}
header h1 a .moon{box-shadow:inset -5px 2px 0 0 var(--acc)!important;filter:none!important}
header button,#hvmb{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--text)!important}
#hvmenu{background:var(--sign)!important;border:1px solid var(--line)!important}
.btn,button{background:var(--btn);color:var(--btntext);border-radius:6px;font-family:var(--bf);font-weight:600}
.btn.g,button.g{background:var(--btn2);color:var(--text);border:1px solid rgba(255,255,255,.15)}
canvas{background:var(--surface);border:2px solid var(--sign)!important}
.bn{border:1px solid var(--line)!important;box-shadow:none!important;background:linear-gradient(var(--sign),var(--bg))!important;border-radius:10px}
.bn .fog{display:none!important}.bn h1{font:700 60px/.95 var(--hf)!important;color:var(--head)!important;-webkit-text-stroke:0!important;text-shadow:none!important}
.bn p{font:16px/1.5 var(--bf)!important;color:var(--text)!important;text-shadow:none!important}
.bn .cta{background:var(--btn)!important;color:var(--btntext)!important;border:0!important;box-shadow:none!important;border-radius:6px;font:600 14px var(--bf)!important}
.bn .cta.g,.bn .cta.k{background:transparent!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important}
@media(max-width:600px){.bn h1{font-size:40px!important}}
.pcard{background:var(--sign)!important;border:1px solid var(--line)!important}.pcard .pr{color:var(--head)!important}
/* ---- downtown: asphalt streets with lane dashes ---- */
.amb,.fogl{display:none!important}
.townwrap.street{background:
  repeating-linear-gradient(90deg,var(--lane) 0 14px,transparent 14px 34px) 0 50%/100% 2px no-repeat,
  var(--asphalt)!important;border-radius:10px;border:1px solid var(--line)}
.street .town{z-index:auto!important}
/* city blocks = sidewalks */
.room,.district{--c:var(--line)!important}
.district,.district.plaza{background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(0,0,0,.09) 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,rgba(0,0,0,.09) 15px 16px),var(--walk)!important;border:0!important;border-radius:10px!important;box-shadow:inset 0 0 0 3px var(--walk2),0 0 0 2px rgba(0,0,0,.35)!important}
/* town square */
.district.plaza{background:radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(0,0,0,.06) 30% 31%,transparent 31% 45%,rgba(0,0,0,.06) 45% 46%,transparent 46%),repeating-conic-gradient(var(--walk) 0 25%,color-mix(in srgb,var(--walk) 55%,var(--walk2)) 0 50%) 0 0/28px 28px!important}
/* storefronts */
.room{border:0!important;box-shadow:0 2px 0 rgba(0,0,0,.35)!important;border-radius:4px;animation:none!important;color:var(--text)}
.room p{color:var(--muted)!important}
a.room:not(.vacant){padding-top:15px!important;background:var(--facade)!important}
a.room:not(.vacant)::before{content:"";position:absolute;left:-3px;right:-3px;top:0;height:10px;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,var(--awn1) 0 12px,color-mix(in srgb,var(--awn1) 70%,#000) 12px 24px);-webkit-mask:radial-gradient(circle 6px at 6px 4px,#000 98%,transparent) 0 0/12px 10px,linear-gradient(#000,#000) 0 0/100% 5px no-repeat;mask:radial-gradient(circle 6px at 6px 4px,#000 98%,transparent) 0 0/12px 10px,linear-gradient(#000,#000) 0 0/100% 5px no-repeat;pointer-events:none}
a.room:hover,a.room:focus-visible,a.room:active{box-shadow:0 0 0 2px var(--acc)!important}
.room h2{color:var(--head)!important;font:700 15px/1.15 var(--hf)!important;overflow-wrap:break-word;word-break:normal;hyphens:manual}
.room .heart{top:24px}
/* signboards */
.room.hoodsign,.room.plazasign,.room.board,.room.hang{background:var(--sign)!important;border:2px solid color-mix(in srgb,var(--acc) 60%,var(--sign))!important;border-radius:6px!important;padding-top:8px!important}
.room.hoodsign::before,.room.plazasign::before,.room.board::before{display:none}
.room.hoodsign h2,.room.plazasign h2,.room.board h2,.room.hang h2{font-size:17px!important}
.hangtag{color:var(--head)!important;border-color:var(--acc)!important;background:transparent;font-family:var(--bf)}
.room.vacant{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 8px,transparent 8px 16px),color-mix(in srgb,var(--walk2) 60%,var(--asphalt))!important;border:2px dashed rgba(255,255,255,.25)!important;opacity:.8}
.room.featured{box-shadow:0 0 0 2px var(--acc)!important}
.newtag,.newtag.feat{background:var(--sign)!important;color:var(--head)!important;border:1px solid var(--acc);font:700 9.5px/1.3 var(--bf)!important;border-radius:20px;padding:2px 7px;white-space:nowrap;top:-11px!important;z-index:4}
.newtag.feat{background:var(--acc)!important;color:var(--btntext)!important;border-color:var(--acc)}
.heart{background:rgba(0,0,0,.45)!important;border:1px solid rgba(255,255,255,.3)!important;color:var(--head)!important}
.heart.on{background:var(--btn)!important;color:var(--btntext)!important}
.neon{background:var(--sign)!important;border:1px solid var(--acc)!important;color:var(--head)!important;text-shadow:none!important;box-shadow:none!important;animation:none!important;font:700 10px var(--bf)!important}
/* street trees (sit in the gaps under the cards, never over them) */
.lamp{z-index:0!important;animation:none!important;opacity:1!important;width:calc(var(--gs)*1.15)!important;height:calc(var(--gs)*1.15)!important;max-width:34px!important;max-height:34px!important;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tree) 80%,#fff) 0 12%,var(--tree) 40%,var(--tree2) 72%,rgba(0,0,0,.35) 73%,transparent 76%)!important;box-shadow:none!important}
.lamp.lamp-none,.lamp.lamp-plaza{width:calc(var(--gs)*.9)!important;height:calc(var(--gs)*.9)!important;border-radius:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 6px)!important;opacity:.6!important}
.lamp.lamp-plaza{display:none!important;background:radial-gradient(circle,#9fc6d6 0 35%,#7d8f96 36% 52%,#5d666a 53% 60%,transparent 62%)!important;opacity:1!important}
.cmini{background:color-mix(in srgb,var(--sign) 92%,transparent)!important;border-color:var(--line)!important}
.cmtg{background:var(--sign)!important;color:var(--head)!important;border-color:var(--line)!important}
#hvbk .btn,#hvbk button{background:var(--sign)!important;color:var(--text)!important}




@media(max-width:600px){.street .town{gap:30px!important;--cw:minmax(98px,1fr)!important}.townwrap.street{padding:8px!important}.district{margin:-4px!important}.town .room:not(.hoodsign):not(.plazasign):not(.board):not(.hang) h2{font-size:12.5px!important}.room.hoodsign h2,.room.plazasign h2{font-size:15px!important}.room .heart{top:22px}}
.room.testacct{opacity:1!important;filter:saturate(.6) brightness(.85)!important}
@media(min-width:601px){.street .town{gap:56px!important}.district{margin:-12px!important}}
/* shared chrome: panels, cards, chips, forms */
.card,.item,.gbox,#hvmenu,.chsheet{background:var(--sign)!important;border:1px solid color-mix(in srgb,var(--acc) 35%,var(--sign))!important;color:var(--text)!important;box-shadow:none!important}
.item .pr{color:var(--head)!important}
.tag{border-color:var(--acc)!important;color:var(--head)!important}
.chip{background:var(--sign)!important;border-color:rgba(255,255,255,.18)!important;color:var(--text)!important}.chip.on{background:var(--acc)!important;border-color:var(--acc)!important;color:var(--head)!important}
input,select,textarea{background:var(--surface)!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--text)!important}
label{color:var(--muted)!important}
h1,h2,h3{font-family:var(--hf)}
main>h1,main>h2,.card h1,.card h2{color:var(--head)}
.chsheet b{color:var(--head)!important}.chsheet .yes{background:var(--btn)!important;color:var(--btntext)!important}

/* page-specific chrome that used neon */
main a:not(.btn):not(.room):not(.pcard):not(.cta){color:var(--acc-text)!important}a{color:var(--acc-text)}#hvfoot a{color:var(--text)!important}
.hub-term,.crt{font-family:var(--hf)!important;color:var(--head)!important;text-shadow:none!important;letter-spacing:.02em}
.hub-login{background:var(--sign)!important;border:1px solid color-mix(in srgb,var(--acc) 50%,var(--sign))!important;box-shadow:none!important;color:var(--text)!important}
.hub-login *{font-family:var(--bf)!important}
.hub-label{color:var(--head)!important;border-color:color-mix(in srgb,var(--acc) 70%,#fff 10%)!important;background:var(--sign)!important;text-shadow:none!important;box-shadow:none!important;font-family:var(--bf)!important}
.stab{color:var(--muted)!important;background:var(--sign)!important;border-color:rgba(255,255,255,.15)!important}.stab[aria-selected=true],.stab.on{color:var(--head)!important;border-color:var(--acc)!important}
.pr,.hprice,.ip-price,.ip-box b{color:var(--head)!important}
.ip-box{border:1px solid color-mix(in srgb,var(--acc) 40%,var(--sign))!important;box-shadow:none!important;background:var(--sign)!important}
.ip-box h2,.ip-box h3,main h3{color:var(--head)!important}
img.on{border-color:var(--head)!important}
.phn{color:var(--head)!important}
main b{color:inherit}

#hvtoasts>a{background:var(--sign)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--acc) 60%,var(--sign))!important;font-family:var(--bf)!important}
#hvtoasts>a div:last-child{color:var(--acc-text)!important}
.cbo.on,.cbp.on{border-color:var(--head)!important}.cbo.on{background:var(--btn)!important;color:var(--btntext)!important}
.atc{background:var(--sign)!important;border:1px solid color-mix(in srgb,var(--acc) 45%,var(--sign))!important;box-shadow:none!important}
.lv{background:var(--acc)!important;color:var(--head)!important}
p.tag{background:var(--surface)!important;color:var(--head)!important;border-color:#8a6a3a!important}
a.on{background:var(--btn)!important}
.gtracker{color:var(--head)!important;border-color:rgba(255,255,255,.25)!important;background:var(--sign)!important}
#hvbc{background:var(--btn)!important}#hvnmc{background:var(--acc)!important}
@media(max-width:600px){header h1 a{font-size:15px!important;letter-spacing:.05em!important;white-space:nowrap}header{flex-wrap:nowrap!important}}

.room:not(.hoodsign):not(.plazasign):not(.board):not(.hang):not(.vacant){background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(0,0,0,.18) 9px 10px),repeating-linear-gradient(90deg,transparent 0 19px,rgba(0,0,0,.12) 19px 20px),var(--facade)!important}
a.room:nth-of-type(even)::before{background:repeating-linear-gradient(90deg,var(--awn2) 0 12px,#58202b 12px 24px)}
.lamp.a,.lamp.b,.lamp.c{background:url(trees/tree1.webp) center/contain no-repeat!important;border-radius:0!important;width:calc(var(--gs)*1.5)!important;height:calc(var(--gs)*1.5)!important;max-width:48px!important;max-height:48px!important}
.lamp.b{background-image:url(trees/tree2.webp)!important}.lamp.c{background-image:url(trees/tree3.webp)!important}
.lamp.lamp-none{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--lamp)!important;box-shadow:0 0 0 2px #2a2624,0 0 12px 5px rgba(255,214,140,.33)!important;opacity:1!important}

@media(max-width:600px){html body header h1 a{font-size:15px!important;letter-spacing:.05em!important;white-space:nowrap!important}html body header h1 a .moon{flex:none}}

html.hv-notrees .lamp.a,html.hv-notrees .lamp.b,html.hv-notrees .lamp.c{display:none!important}
.pkh h2,#pkt{color:var(--head)!important}
/* ---- shop storefronts (town map + My Store picker) ---- */
.room.sfront{background:transparent!important;padding:0!important;box-shadow:none!important;gap:2px;overflow:visible}
.room.sfront.featured .sfimg{filter:drop-shadow(0 0 6px var(--acc,#fde68a))}
.sfb{position:relative;width:100%;aspect-ratio:3/4;container-type:inline-size}
.sfb .sfimg{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto;pointer-events:none}
.sfsign{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;z-index:1}
.sfsign span{display:block;max-width:94%;font:700 12px/1.05 var(--hf,Georgia,serif);text-shadow:0 1px 0 rgba(0,0,0,.35);overflow-wrap:anywhere}
.sfwin{position:absolute;overflow:hidden;background:var(--surface);border-radius:1px}
.town .sfwin canvas,.sfwin canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%!important;width:auto!important;max-width:none;aspect-ratio:400/190;border:0!important;opacity:.95}
.sfwin:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 45%);pointer-events:none}
.room.sfront .heart{top:-2px!important;right:-4px!important;width:26px;height:26px;font-size:14px;z-index:4}
.sfbase{position:absolute;left:2%;right:2%;bottom:1.5%;display:flex;justify-content:space-between;gap:3px;z-index:2;pointer-events:none}
.sfbase span{background:rgba(20,12,10,.82);color:var(--text);border:1px solid rgba(251,233,200,.45);border-radius:20px;padding:1px 6px;font:600 9.5px/1.4 var(--bf,system-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sfbase .sfh{min-width:0;flex:1 1 auto;max-width:68%}.sfbase .sfn{flex:0 0 auto}
.room.sfront .itags{text-align:center;font-size:9px!important}
.room.sfront .neon{z-index:5}
.sfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.sfopt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;border:2px solid transparent;background:rgba(0,0,0,.18);text-align:center}
.sfopt.on{border-color:var(--acc,var(--acc))}
.sfopt b{font-size:13px}.sfopt .btn{font-size:12px;padding:5px 10px}.sfst{font-size:12px}
.thumb.sfthumb{aspect-ratio:3/2!important;display:flex;justify-content:center;background:rgba(0,0,0,.25)}.thumb.sfthumb img{position:static!important;width:auto!important;height:100%!important;object-fit:contain!important}
.town a.room.sfront:not(.vacant):not(.hoodsign){background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
.town a.room.sfront::before{display:none!important}
.street .town:has(.sfront){--cw:minmax(140px,1fr)!important}
@media(max-width:600px){.street .town:has(.sfront){--cw:minmax(136px,1fr)!important;gap:26px!important}}
/* fix1: one-line sign names with ellipsis; handle pill fits inside base */
.sfsign span{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal!important;word-break:normal!important;max-width:92%;width:auto}
.sfbase{left:3%;right:3%;gap:2px}
.sfbase span{min-width:0;box-sizing:border-box;padding:1px 5px;font-size:9px}
.sfbase .sfh{flex:1 1 0;max-width:none}
.sfbase .sfn{flex:0 0 auto;max-width:45%}
/* fix2: full name on one line, may extend past the sign; readable outline; sits above neighbours */
.sfsign{overflow:visible!important;z-index:6}
.sfsign span{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:max-content;position:relative;left:50%;transform:translateX(-50%);flex:0 0 auto;
 text-shadow:0 0 2px #000,0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000!important;color:var(--text)!important}
.sfsign{justify-content:flex-start!important}
.room.sfront:hover,.room.sfront:focus-within{z-index:7}
.town .room.sfront{overflow:visible!important;z-index:2}

/* fix3: storefront picker modal */
.sfmodal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);display:flex;align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sfmodal[hidden]{display:none}
.sfmbox{position:relative;width:100%;max-width:760px;margin:auto 0}
.sfmbox .sfpick{margin:0}
.sfmbox .sfx{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;padding:0;border-radius:50%}
.sfmodal .sfsign span{color:var(--text)!important}
.town .room.sfront{z-index:auto!important}.town .room.sfront .sfsign{z-index:8}
header h1 a{display:inline-flex!important;align-items:center}header h1 .hvlogo{height:var(--lgd,52px);width:calc(var(--lgd,52px)*1.7);object-fit:contain;object-position:left center;display:block}@media(max-width:480px){header h1 .hvlogo{height:var(--lgp,50px);width:calc(var(--lgp,50px)*1.7)}}

/* ===== theme chrome  ===== */
html,body{background:var(--bg)!important;color:var(--text)}
header{background:var(--sign)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 var(--line)}
header h1 a,header h1 a *{color:var(--head)}
header button,#hvmb{color:var(--text)!important;border-color:var(--line)!important}
#hvMode{flex:none;margin-left:auto;margin-right:8px;width:40px;height:40px;border-radius:999px;font-size:18px;line-height:1;padding:0;background:var(--surface2)!important;border:1px solid var(--line)!important;cursor:pointer}
#hvmenu,#hvmenu *{border-color:var(--line)!important}#hvmenu{background:var(--surface)!important;color:var(--text)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)}#hvmenu a{color:var(--text)!important}
.btn,button.btn,.big{background:var(--acc)!important;color:var(--acc-ink)!important;border:0;border-radius:10px}
.btn:hover,.big:hover{filter:brightness(1.07)}
input,select,textarea{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}
input::placeholder,textarea::placeholder{color:var(--muted)!important;opacity:.85}
.card,.cardx,.panel,.box,.tile,dialog{background:var(--surface)!important;color:var(--text);border-color:var(--line)!important}
html[data-mode=day] .card,html[data-mode=day] .cardx{box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.05)}
.muted,small.muted,p.muted{color:var(--muted)!important}
h1,h2,h3{color:var(--head)}
#chtabs{background:var(--sign)!important;border-top:1px solid var(--line)!important}#chtabs a,#chtabs button{color:var(--muted)!important;background:transparent!important}
#chtabs a.on,#chtabs a[aria-current],#chtabs .on{color:var(--acc-text)!important}
#ga-banner{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 -2px 12px rgba(0,0,0,.08)!important}#ga-banner b{color:var(--acc-text)!important}#ga-banner .ga-btn,.ga-btn{background:var(--acc-soft)!important;color:var(--acc-text)!important;border-color:transparent!important}
.chip,.chips button,.cats button,.tabs button{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.chip.on,.chips button.on,.cats button.on,.tabs button.on{background:var(--acc)!important;color:var(--acc-ink)!important;border-color:var(--acc)!important}
/* LIVE badges stay signal-red with white text in every theme */
.live,.lv,.badge-live,[class*=live-badge]{color:#fff}
/* logo: cream/gold art gets a soft outline in day mode so it reads on white */
html[data-mode=day] .hvlogo{filter:drop-shadow(0 0 1px rgba(60,30,10,.55)) drop-shadow(0 1px 1px rgba(60,30,10,.35))}

/* ===== Site theme v3: every color comes from theme-init.js (Moderation → 🎨 Theme) ===== */
html[data-mode=day] body{background:radial-gradient(900px 520px at 0% 0%,var(--wash1),transparent 65%),radial-gradient(800px 500px at 100% 12%,var(--wash2),transparent 65%),radial-gradient(900px 600px at 50% 110%,var(--wash3),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-end))!important;background-attachment:fixed!important}
html[data-mode=day] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--conf-op);background-image:radial-gradient(circle,var(--dot1) 1.6px,transparent 2px),radial-gradient(circle,var(--dot2) 1.4px,transparent 1.8px);background-size:34px 34px,46px 46px;background-position:0 0,17px 23px}
html[data-mode=day][data-hdr=grad] header{background:var(--hdr)!important;border-bottom:0!important;box-shadow:0 3px 14px var(--glow)}
html[data-mode=day][data-hdr=grad] header h1 a,html[data-mode=day][data-hdr=grad] header h1 a *{color:#fff}
html[data-mode=day][data-hdr=grad] header button,html[data-mode=day][data-hdr=grad] #hvmb{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:rgba(0,0,0,.12)!important}
html[data-mode=day][data-hdr=grad] #hvMode{background:rgba(0,0,0,.12)!important;border-color:rgba(255,255,255,.6)!important}
html[data-mode=day][data-hdr=plain] header{border-bottom:3px solid var(--acc)!important}
html[data-mode=day] .hvlogo{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
html[data-mode=day] .card,html[data-mode=day] .cardx,html[data-mode=day] .panel,html[data-mode=day] .box,html[data-mode=day] .tile{background:linear-gradient(180deg,var(--card-tint),#fff 70%)!important;border-top:3px solid var(--acc)!important;transition:box-shadow .2s,transform .2s}
html[data-mode=day] .card:hover,html[data-mode=day] .cardx:hover{box-shadow:0 6px 22px var(--glow)!important;transform:translateY(-1px)}
html[data-mode=day] .chip,html[data-mode=day] .chips button,html[data-mode=day] .cats button,html[data-mode=day] .tabs button{background:var(--acc-soft)!important;color:var(--acc-text)!important;border-color:var(--chip-line)!important}
html[data-mode=day] .chip.on,html[data-mode=day] .chips button.on,html[data-mode=day] .cats button.on,html[data-mode=day] .tabs button.on{background:var(--acc)!important;color:var(--acc-ink)!important}
html[data-mode=day] .btn:hover,html[data-mode=day] .big:hover,html[data-mode=day] .chip:hover,html[data-mode=day] .cats button:hover{box-shadow:0 0 0 4px var(--ring)}
html[data-mode=day] #chtabs{background:linear-gradient(0deg,#fff,var(--surface2))!important;border-top:2px solid var(--nav-top)!important}
html[data-mode=day] input,html[data-mode=day] textarea,html[data-mode=day] select{background:#fff!important}
html[data-mode=night] body{background:radial-gradient(900px 500px at 0% 0%,var(--wash1),transparent 65%),radial-gradient(800px 500px at 100% 100%,var(--wash2),transparent 65%),var(--bg)!important;background-attachment:fixed!important}
html[data-mode=night] header{box-shadow:0 1px 0 var(--line),0 4px 18px var(--ring)}
.vw,.vw *{background:rgba(0,0,0,.66)!important;color:#fff!important}.vw *{background:transparent!important}
.mc{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)}