/* Bloxxed In themes. Loaded after style.css.
   <html data-theme="classic|modern|navy"> picks the design; <html data-dark="1"> switches on dark mode (works with any design).
   Classic is style.css as it is, so it needs no rules here. */

/* ---------- the advert space: easier to see in every design ---------- */
.card.promo{border:2px solid #e0a800;background:#fffdf3;box-shadow:0 2px 8px rgba(224,168,0,.18)}
.card.promo .promohead{display:flex;align-items:center;justify-content:space-between;padding:6px 11px;background:linear-gradient(#ffe48a,#f6c13d);border-bottom:1px solid #e0a800}
.card.promo .promohead b{font:bold 11px Verdana,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4a3500}
.card.promo .promohead span{font-size:10px;color:#6a4f00}
.card.promo .ad{padding:10px 11px;border-top:1px solid #f0dc9a;font-size:12px}
.card.promo .ad:first-of-type{border-top:0}
.card.promo .ad b{font-size:13px;margin-bottom:2px}
.card.promo .ad .adimg{border:1px solid #e8d48a;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.card.promo .ad:hover{background:#fff6d3}
.card.promo .promomore{display:block;padding:8px 11px;border-top:1px solid #f0dc9a;font-weight:bold;font-size:11px;background:#fff8dc}
.card.promo .promoempty{padding:12px 11px;font-size:12px;color:#5a4a1a}

/* ---------- Modern: flat, rounded and roomy ---------- */
html[data-theme=modern] body{background:#eef1f5;font:13px/1.5 'Segoe UI',system-ui,-apple-system,Arial,sans-serif}
html[data-theme=modern] .top{border:0;border-radius:12px 12px 0 0;margin-top:14px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
html[data-theme=modern] main{border:0;box-shadow:0 1px 3px rgba(16,24,40,.06);border-radius:0 0 12px 12px;background:#f8fafc}
html[data-theme=modern] .foot{border:0;border-radius:12px;margin-top:14px;background:#fff}
html[data-theme=modern] .word{font-family:'Segoe UI',system-ui,sans-serif;font-weight:700}
html[data-theme=modern] .nav{border-bottom:1px solid #e3e8ef;gap:4px}
html[data-theme=modern] .nav a{background:none;border:0;border-radius:0;color:#475467;text-shadow:none;font:600 13px 'Segoe UI',system-ui,sans-serif;padding:9px 12px;border-bottom:3px solid transparent}
html[data-theme=modern] .nav a:hover{background:#f2f5f9;color:#1e4f8c}
html[data-theme=modern] .nav a[aria-current=page]{background:none;color:#1e4f8c;border-bottom-color:#1e4f8c}
html[data-theme=modern] .nav a.admintab{background:none;color:#c2410c}
html[data-theme=modern] .nav a.admintab[aria-current=page]{border-bottom-color:#c2410c;background:none}
html[data-theme=modern] .card{border:1px solid #e3e8ef;border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.05);overflow:hidden}
html[data-theme=modern] .card h2,html[data-theme=modern] .card h3{background:#fff;color:#101828;font:600 14px 'Segoe UI',system-ui,sans-serif;border-bottom:1px solid #eef1f5;padding:9px 12px}
html[data-theme=modern] .btn{background:#1e4f8c;border:1px solid #1e4f8c;color:#fff!important;border-radius:8px;box-shadow:none;font:600 13px 'Segoe UI',system-ui,sans-serif;padding:6px 14px}
html[data-theme=modern] .btn:hover{background:#173f70}
html[data-theme=modern] .btn.ghost{background:#fff;border-color:#d0d5dd;color:#344054!important}
html[data-theme=modern] .btn.ghost:hover{background:#f9fafb}
html[data-theme=modern] .btn.plain{background:none;border-color:transparent;color:#1e4f8c!important}
html[data-theme=modern] .btn.danger{background:#fff;border-color:#fda29b;color:#b42318!important}
html[data-theme=modern] input.i,html[data-theme=modern] select.i,html[data-theme=modern] textarea.i,html[data-theme=modern] .search input{border:1px solid #d0d5dd;border-radius:8px;padding:6px 9px;font:13px 'Segoe UI',system-ui,sans-serif}
html[data-theme=modern] input.i:focus,html[data-theme=modern] select.i:focus,html[data-theme=modern] textarea.i:focus{background:#fff;outline:2px solid #b2ccff}
html[data-theme=modern] .av{border-radius:50%;border-color:#e3e8ef}
html[data-theme=modern] .logo-sq,html[data-theme=modern] .cocard,html[data-theme=modern] .carcard,html[data-theme=modern] .filters,html[data-theme=modern] .hero,html[data-theme=modern] .tile{border-radius:10px}
html[data-theme=modern] .cocard{border-color:#e3e8ef;box-shadow:0 1px 2px rgba(16,24,40,.05)}
html[data-theme=modern] .cocard:hover{background:#fff;border-color:#b2ccff;box-shadow:0 4px 12px rgba(30,79,140,.12)}
html[data-theme=modern] .cocard b,html[data-theme=modern] .job b,html[data-theme=modern] .ad b{text-decoration:none}
html[data-theme=modern] .job:nth-child(even){background:none}
html[data-theme=modern] .job:hover{background:#f5f8ff}
html[data-theme=modern] .tick,html[data-theme=modern] .ownerbadge,html[data-theme=modern] .xbadge{border-radius:10px;padding:1px 7px}
html[data-theme=modern] .card.promo{border-radius:10px;border-width:2px}
html[data-theme=modern] .card.promo .promohead{background:#fff4cc}

/* ---------- Navy & Gold: dark navy header, cream page, gold accents ---------- */
html[data-theme=navy]{--blue:#14243a;--blue2:#c9a227;--link:#1d4f8a;--line:#d9cfb8;--soft:#f6f1e4}
html[data-theme=navy] body{background:#efe8d8}
html[data-theme=navy] .top{background:#14243a;border-color:#0c1726}
html[data-theme=navy] .word{color:#fff}
html[data-theme=navy] .word b{color:#e6c35a}
html[data-theme=navy] .search input{background:#fff;border-color:#c9a227}
html[data-theme=navy] .nav{background:#14243a;border-bottom:4px solid #c9a227}
html[data-theme=navy] .nav a{background:linear-gradient(#26405f,#1a2f4a);border-color:#0c1726;color:#f1e3b4}
html[data-theme=navy] .nav a:hover{background:linear-gradient(#335377,#22395a)}
html[data-theme=navy] .nav a[aria-current=page]{background:linear-gradient(#e6c35a,#c9a227);color:#14243a;text-shadow:none}
html[data-theme=navy] main{background:#fffdf7;border-color:#cbbf9f}
html[data-theme=navy] .foot{background:#14243a;color:#c8b98f;border-color:#0c1726;border-top-color:#c9a227}
html[data-theme=navy] .card{border-color:#d9cfb8}
html[data-theme=navy] .card h2,html[data-theme=navy] .card h3{background:linear-gradient(#fbf6ea,#efe5cc);color:#14243a;border-bottom-color:#d9cfb8}
html[data-theme=navy] .btn{background:linear-gradient(#f1d779,#c9a227);border-color:#9c7a13}
html[data-theme=navy] .btn.ghost{background:linear-gradient(#fff,#f1ead7);border-color:#b9a67a;color:#14243a!important}
html[data-theme=navy] .tick{background:#14243a}
html[data-theme=navy] .hero-art{background:linear-gradient(#26405f,#14243a)}
html[data-theme=navy] .logo-sq.career{background:#14243a;border-color:#14243a}

/* ---------- Dark mode (works with any design) ---------- */
html[data-dark="1"]{--ink:#e3e8ef;--mute:#9aa7b7;--link:#7ab8ff;--line:#2e3a49;--soft:#1c2531;--blue:#8ab8ea;--blue2:#7ab8ff;color-scheme:dark}
html[data-dark="1"] body{background:#0d1218;color:#e3e8ef}
html[data-dark="1"] .top,html[data-dark="1"] main,html[data-dark="1"] .foot{background:#151c25;border-color:#2a3542;color:#e3e8ef}
html[data-dark="1"] .word{color:#e3e8ef}
html[data-dark="1"] .nav{background:#151c25;border-bottom-color:#3d6fa6}
html[data-dark="1"] .card,html[data-dark="1"] .cocard,html[data-dark="1"] .carcard,html[data-dark="1"] .tile,html[data-dark="1"] .dlg{background:#1a222d;border-color:#2e3a49;color:#e3e8ef}
html[data-dark="1"] .card h2,html[data-dark="1"] .card h3{background:#202b38;color:#cfe2f7;border-bottom-color:#2e3a49}
html[data-dark="1"] .card h2[style],html[data-dark="1"] .prof h1,html[data-dark="1"] .coinfo h1,html[data-dark="1"] .cotag,html[data-dark="1"] .cocard .tag,html[data-dark="1"] .hero p{color:#e3e8ef}
html[data-dark="1"] input.i,html[data-dark="1"] select.i,html[data-dark="1"] textarea.i,html[data-dark="1"] .search input,html[data-dark="1"] .filters input,html[data-dark="1"] .filters select{background:#0f151d;color:#e3e8ef;border-color:#3a4859}
html[data-dark="1"] input.i:focus,html[data-dark="1"] select.i:focus,html[data-dark="1"] textarea.i:focus{background:#121a24}
html[data-dark="1"] .btn.ghost,html[data-dark="1"] .tabsel button,html[data-dark="1"] a.atab{background:#222d3a;border-color:#3a4859;color:#cfe2f7!important}
html[data-dark="1"] .btn.ghost:hover{background:#2a3747}
html[data-dark="1"] .btn.danger{background:#2a1a1a;border-color:#7a3b3b;color:#ff9a8f!important}
html[data-dark="1"] .tabsel button.on,html[data-dark="1"] a.atab.on{background:#1a222d;color:#fff!important}
html[data-dark="1"] .job:nth-child(even),html[data-dark="1"] .tbl tr:nth-child(even) td{background:#18202a}
html[data-dark="1"] .job:hover,html[data-dark="1"] .cocard:hover,html[data-dark="1"] .tile:hover,html[data-dark="1"] .note:hover,html[data-dark="1"] .chatrow:hover{background:#223044}
html[data-dark="1"] .tbl th{background:#202b38;border-color:#2e3a49}
html[data-dark="1"] .tbl td{border-color:#2e3a49}
html[data-dark="1"] .hero,html[data-dark="1"] .prof .head,html[data-dark="1"] .filters,html[data-dark="1"] .cmts,html[data-dark="1"] .vprove,html[data-dark="1"] .chatlist,html[data-dark="1"] .msgform,html[data-dark="1"] .applyform,html[data-dark="1"] .answers,html[data-dark="1"] .qrow,html[data-dark="1"] .ordrow,html[data-dark="1"] .plan{background:#18202a;border-color:#2e3a49}
html[data-dark="1"] .hero-art .fake,html[data-dark="1"] .cmt .bub,html[data-dark="1"] .msgs{background:#1f2834;color:#e3e8ef;border-color:#2e3a49}
html[data-dark="1"] .mbub{background:#243040;border-color:#33425a;color:#e3e8ef}
html[data-dark="1"] .msg.mine .mbub{background:#1d3a5c;border-color:#2c5683}
html[data-dark="1"] .msg.staff .mbub{background:#3a3218;border-color:#6b5a22}
html[data-dark="1"] .mname{color:#cfd8e3}
html[data-dark="1"] .chatrow.on,html[data-dark="1"] .note.unread,html[data-dark="1"] .plan:has(input:checked){background:#1d3047}
html[data-dark="1"] .chip,html[data-dark="1"] .pill{background:#222d3a;border-color:#3a4859;color:#cfd8e3}
html[data-dark="1"] .pill.Hired{background:#163222;color:#7fd88f}
html[data-dark="1"] .pill.Not{background:#3a1c1c;color:#ff9a8f}
html[data-dark="1"] .otw,html[data-dark="1"] .ownslabel,html[data-dark="1"] .rbprev.found{background:#163222;border-color:#2f6b3f;color:#7fd88f}
html[data-dark="1"] .logo-sq{background:#202b38;border-color:#3a4859;color:#cfe2f7}
html[data-dark="1"] img.logo-sq{background:#fff}
html[data-dark="1"] .av{background:#202b38;border-color:#3a4859;color:#cfe2f7}
html[data-dark="1"] .warnbox,html[data-dark="1"] .paybox,html[data-dark="1"] .adminedit,html[data-dark="1"] .vcode code{background:#2e2712;border-color:#8a6d14;color:#f2dc9b}
html[data-dark="1"] .warnbox b:first-child,html[data-dark="1"] .warnline,html[data-dark="1"] .foot .footwarn{color:#ffb86b}
html[data-dark="1"] .legal h2{color:#9cc7f2;border-bottom-color:#2e3a49}
html[data-dark="1"] .toast{background:#2e2712;border-color:#8a6d14;color:#f2dc9b}
html[data-dark="1"] .card.promo{background:#221d0f;border-color:#b08a14;box-shadow:none}
html[data-dark="1"] .card.promo .promohead{background:linear-gradient(#5a4610,#3e300a);border-bottom-color:#b08a14}
html[data-dark="1"] .card.promo .promohead b{color:#ffe38a}
html[data-dark="1"] .card.promo .promohead span{color:#d9c27a}
html[data-dark="1"] .card.promo .ad,html[data-dark="1"] .card.promo .promomore{border-top-color:#4a3c14}
html[data-dark="1"] .card.promo .promomore{background:#2a2310}
html[data-dark="1"] .card.promo .ad:hover{background:#2e2712}
html[data-dark="1"] .card.promo .promoempty{color:#e0cf9a}
html[data-dark="1"] .ad small{color:#7fd88f}
html[data-dark="1"] .empty{color:#9aa7b7}
/* Modern + dark */
html[data-theme=modern][data-dark="1"] main{background:#111820}
html[data-theme=modern][data-dark="1"] .card h2,html[data-theme=modern][data-dark="1"] .card h3{background:#1a222d;color:#e3e8ef;border-bottom-color:#2a3542}
html[data-theme=modern][data-dark="1"] .nav a{color:#9aa7b7}
html[data-theme=modern][data-dark="1"] .nav a[aria-current=page]{color:#7ab8ff;border-bottom-color:#7ab8ff}
html[data-theme=modern][data-dark="1"] .nav a:hover{background:#1c2633}
html[data-theme=modern][data-dark="1"] .btn{background:#2f6fbf;border-color:#2f6fbf}
html[data-theme=modern][data-dark="1"] .btn.ghost{background:#1f2834;border-color:#3a4859}
/* Navy + dark */
html[data-theme=navy][data-dark="1"] .top,html[data-theme=navy][data-dark="1"] .nav{background:#0b1522}
html[data-theme=navy][data-dark="1"] .card h2,html[data-theme=navy][data-dark="1"] .card h3{background:#1b2533;color:#e6c35a}

/* the theme picker in the footer */
.themepick{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.themepick select{font:11px Verdana,sans-serif;padding:1px 3px}
.themepick label{display:inline-flex;align-items:center;gap:3px;cursor:pointer}

/* fixes */
html[data-theme=navy] .nav a.btn.plain{color:#f1e3b4!important;background:none;border-color:transparent}
html[data-theme=modern][data-dark="1"] .btn.plain{background:none;border-color:transparent;color:#7ab8ff!important}
.card.promo .promohead{justify-content:center}

html[data-dark="1"] .soc{background:#1f2834;border-color:#3a4859;color:#e3e8ef}
html[data-dark="1"] .soc.tiktok b,html[data-dark="1"] .soc.x b,html[data-dark="1"] .soc.roblox b,html[data-dark="1"] .soc.github b{color:#e3e8ef}

html[data-dark="1"] .thread:hover{background:#223044}

html[data-dark="1"] .fbox:not(.on){background:#222d3a;border-color:#3a4859;color:#cfe2f7}
html[data-theme=modern] .fbox{border-radius:50%}

html[data-dark="1"] .proref{background:#2a2410;border-color:#b8901a}
html[data-dark="1"] .refbig{color:#f6d365}
html[data-dark="1"] .prowait{background:#1a2738;border-color:#2f4a6b}
html[data-dark="1"] .prodone{background:#17301a;border-color:#2f6b35}

html[data-dark="1"] .tchip{background:#1f2f45;border-color:#34507a;color:#dbe7f5}
html[data-dark="1"] .tchip button{color:#b9c8da}
html[data-dark="1"] .csug{background:#1a2230;border-color:#2c3a4d}
html[data-dark="1"] .csug button{border-bottom-color:#2c3a4d}
html[data-dark="1"] .csug button:hover{background:#223044}
html[data-dark="1"] .expedit{background:#1b2533;border-color:#2c3a4d}
html[data-dark="1"] .logo-sq.nologo{background:#263243;color:#8a9bb0;border-color:#34445a}

html[data-dark="1"] .post.sponsored{background:#221d0f;border-color:#b08a14}
html[data-dark="1"] .adlbl{background:#5a4610;border-color:#b08a14;color:#ffe38a}
html[data-dark="1"] .adbig .adimg{background:#1a1a1a}
html[data-dark="1"] .addots button{background:#3e300a;border-color:#d9b44a}
html[data-dark="1"] .addots button.on{background:#ffd75e}
html[data-theme=modern] .ad .adgo{border-radius:14px}
html[data-theme=modern] .post.sponsored{border-radius:10px}
.card.promo.adrot .promohead{justify-content:space-between}
.adbig .adimg{max-height:380px}

html[data-dark="1"] .ticketcard,html[data-dark="1"] .ticketnote{background:#1c2040;border-color:#4b55c9}
html a.btn.ghost.discordbtn,html[data-theme] a.btn.ghost.discordbtn{color:#fff!important;background:linear-gradient(#7983f5,#5865f2)!important;border-color:#3c45c4!important;text-shadow:none!important}

/* personal background picture (saved in the browser only) */
html.custombg body{background:#222 var(--custombg) center/cover fixed no-repeat!important}
.themepick .bgpick{cursor:pointer;text-decoration:underline;margin-left:8px}
.themepick #thbgx{margin-left:6px}
html.custombg main{background:rgba(255,255,255,.35)!important;backdrop-filter:blur(2px)}
html.custombg[data-dark="1"] main{background:rgba(13,18,24,.45)!important}

html[data-dark="1"] .donbox{background:#2a1520;border-color:#a61e4d}
html[data-dark="1"] .don{border-top-color:#4a2234}
html[data-dark="1"] .don:hover{background:#3a1a2a}
html[data-dark="1"] .donmore{background:#33182a;border-top-color:#4a2234}

html[data-dark="1"] .newscard{background:#1a1d22;border-color:#6b7380}
html[data-dark="1"] .newsbox{border-color:#6b7380}
html[data-dark="1"] .newshead{background:#30363f}
html[data-dark="1"] .chesscard{border-color:#8a6a4a}
html[data-dark="1"] .chwaitbox{background:#2a2410;border-color:#b8901a}
html[data-dark="1"] .sharebox{background:#1b2533;border-color:#2c3a4d}
html[data-dark="1"] .owedbox{background:#2a2410;border-color:#b8901a}
html[data-dark="1"] .profilters{background:#1b2533;border-color:#2c3a4d}html[data-dark="1"] .profilters button{background:#222d3a;border-color:#3a4859;color:#dbe7f5}html[data-dark="1"] tr.protodo td{background:#2a2410}

html[data-dark="1"] .tmsgs{background:#121922}
html[data-dark="1"] .tbub{background:#1b2533;border-color:#2c3a4d;color:#e3e8ef}
html[data-dark="1"] .tmsg.staff:not(.mine) .tbub{background:#15301f;border-color:#2f6b35}
html[data-dark="1"] .tkrow{border-bottom-color:#243041}html[data-dark="1"] .tkrow:hover{background:#1c2633}html[data-dark="1"] .tkrow.on{background:#203450}
html[data-dark="1"] .tsys,html[data-dark="1"] .tkr1 code,html[data-dark="1"] .tkid code{background:#222d3a;border-color:#3a4859;color:#cfe2f7}
html[data-dark="1"] .tkswitch button,html[data-dark="1"] .tkfilters button{background:#222d3a;border-color:#3a4859;color:#dbe7f5}
html[data-dark="1"] .tkclosed{background:#1b2533}html[data-dark="1"] .appealnote{background:#2a2410}html[data-dark="1"] .permedit{background:#1b2533;border-color:#2c3a4d}
html[data-dark="1"] .tktype:has(input:checked){background:#203450}
html[data-dark="1"] .ownonly{background:#1b2533;border-color:#4b6b95}
html[data-dark="1"] .tkeditbox{background:#1b2533}
html[data-dark="1"] .pausebox{background:#2a1515}html[data-dark="1"] .pausebox.on{background:#3a1a1a}
html[data-dark="1"] .siteswitch{background:#15301f}html[data-dark="1"] .siteswitch.off{background:#3a1a1a}
html[data-dark="1"] .twostep.on{background:#15301f}
html[data-dark="1"] .g-line,html[data-dark="1"] .g-key{stroke:#71b7fb;border-top-color:#71b7fb}html[data-dark="1"] .g-area{fill:#71b7fb}
html[data-dark="1"] .rbby{color:#aab}html[data-dark="1"] .likers{border-color:#334}