:root{--bg:#3e3e3e;--bd:#000;--tx:#fff;--mu:#b4b4b4;--ln:#fff;--ok:#8fd68f;--er:#ff8a78;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{font-family:Tahoma,"Noto Sans",Verdana,sans-serif;font-size:11px;line-height:14px} /* overal hetzelfde lettertype, grootte en regelhoogte */
html,body{background:var(--bg)}
body{margin:0 auto;color:var(--tx);font:11px/14px Tahoma,"Noto Sans",Verdana,sans-serif;font-size-adjust:.545;max-width:1120px;padding:12px}
.bx{margin-bottom:14px}
#adm_tabs{flex-wrap:wrap;gap:4px;margin-bottom:6px}#adm_tabs button.on{background:#6b5a2e;color:#fff}.rp{padding:0 4px;min-height:0;height:18px;font-size:11px;margin-left:4px}#ann_t{white-space:pre-wrap}
.gbar{gap:8px;align-items:center;margin:0 0 6px}
.adm,.pl.adm{color:#c81e1e !important;font-weight:bold} /* de naam van een beheerder is overal rood en dikgedrukt */
#adc{display:none;position:fixed;inset:0;background:rgba(40,40,40,.92);z-index:300;align-items:center;justify-content:center}#adc.on{display:flex}#adc .bx{width:330px;margin:0}
.hd{background:linear-gradient(#3d3427,#9a8667 71%,#796951);border:1px solid #000;color:#fff;font-weight:normal;text-align:center;line-height:15px;height:15px;padding:0;margin-bottom:2px}
.bd{background:transparent;border:1px solid #000;padding:1px 5px}
.c{padding:3px 0;border-bottom:1px dotted #444}.c:last-child{border-bottom:0}
.r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bar{height:10px;background:#000;border:1px solid #555;margin:6px 0 3px}
.bar i{display:block;height:100%;background:linear-gradient(#d9c39c,#8a7552);transition:width .3s}
button{background:#5c5c5c;border:1px solid #000;padding:1px 12px;margin:1px 0;font:inherit;color:#fff;cursor:pointer;white-space:nowrap} /* alle actieknoppen: zoals "Doe het" */
button::before{content:""}
button:not(.m):not(.pl):not(.tab):not(.ddb):hover:not(:disabled){background:#6c6c6c}
button:disabled{background:#4a4a4a;color:#aaa;cursor:default}
.m,.pl{background:none;border:0;padding:0;margin:0;color:var(--ln)}
.m::before{content:"- "}
.m:hover:not(:disabled),.pl:hover:not(:disabled){text-decoration:underline}
.m:disabled,.pl:disabled{background:none;color:var(--mu)}
.tab{margin:0}
small{color:var(--mu);font-size:inherit}b{color:#fff}#log{min-height:60px}.g{color:var(--ok)}.b{color:var(--er)}
.tabs{display:flex}
.tab{flex:1;background:linear-gradient(#6b5a42,#3a2f20);border:1px solid #000;color:#ccc;font-weight:bold;padding:2px 4px;text-align:center;text-shadow:0 1px 0 #000}
.tab.on{background:linear-gradient(#bda98a,#6b5a42 55%,#4a3d2b);color:#fff}
.tab::before{content:""}.tab:hover:not(:disabled){text-decoration:none;color:#fff}
h1{font-weight:bold;letter-spacing:3px;text-align:center;margin:18px 0 4px;color:#e8d5b0;text-shadow:0 2px 0 #000}
.sub{text-align:center;color:var(--mu);margin:0 0 18px}
.rk{display:block;margin:2px 0}
.right{width:196px;flex:none}
.wrap{display:flex;gap:10px;align-items:flex-start}
.side{width:196px;flex:none}.main{flex:1;min-width:0}
.m{display:block;text-align:left;width:100%;padding:0}.m.on{color:#fff;font-weight:bold}
.sep{border-top:1px dotted #444;margin:4px 0}
.hp i{background:linear-gradient(#e0705f,#8e2a1d)}
.in{width:90px;background:#000;color:#fff;border:1px solid #555;padding:1px 3px;font:inherit}
.row{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0}
.t{display:grid;gap:8px}
html{color-scheme:dark}
select.in{color-scheme:dark;cursor:pointer}
select.in option{background:#1d1d1d;color:#fff}
select.in option:checked,select.in option:hover{background:#9a8667 linear-gradient(#9a8667,#9a8667);color:#fff}
.gg{display:grid;grid-template-columns:24px 1.5fr 1fr .6fr .6fr 1fr 2.2fr;gap:6px;align-items:center;margin:3px 0}.gh button.pl{text-align:left}
.gj{display:grid;grid-template-columns:1fr 90px 24px;gap:8px;align-items:center}.gj input{justify-self:end;margin:0}.gj .ij{font-variant-numeric:tabular-nums}
#st_box,#tm_box{display:flex;flex-direction:column}#st_box>.bd,#tm_box>.bd{flex:1}
.hg{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:stretch}.hg>.bx{display:flex;flex-direction:column}.hg>.bx>.bd{flex:1} /* panelen staan per rij naast elkaar en zijn even hoog */
.br{display:grid;grid-template-columns:1fr 52px 45%;gap:6px;align-items:center;margin:4px 0}.br span:nth-child(2){text-align:right}
.cb{display:block;height:14px;background:#d41f1f;border:1px solid #000}.cb i{display:block;height:100%}
.g3t{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px;align-items:center}.g3t>*:not(:first-child){text-align:right}
#auth{display:none;position:fixed;inset:0;background:#4a4a4a;z-index:300;overflow:auto}
#auth.on{display:block}
#au_page{padding:24px 12px;max-width:1120px;margin:0 auto}#au_row{display:flex;gap:3px;align-items:flex-start;padding-right:206px}
#auth .bx{margin:0 0 3px}#au_row{align-items:stretch}.au_menu{width:196px;flex:none;margin-right:7px!important;align-self:flex-start}#auth .in{background:#2b2b2b;border:1px solid #6a6a6a}#au_col{flex:1;max-width:708px;min-width:0;display:flex;flex-direction:column;gap:3px}.au_mid,.au_form{width:100%}
#auth .bd{padding:4px 6px;line-height:1.25}#au_msgbox{width:100%;margin:0}#au_msgbox .bd{padding:6px}
#auth button.am{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0 2px;margin:0}#auth button.am::before{content:"- "}#auth button.am:hover,#auth button.am.on{text-decoration:underline}
.arow{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:center;margin:14px 0}.arow label{padding-left:44px}.arow .in{width:100%;max-width:206px;box-sizing:border-box;padding:2px 4px}.arow button{width:100%;max-width:206px}#au_hint{display:block;margin:8px 0 2px}
.dd{position:relative;display:inline-block;vertical-align:middle}
.ddb{background:#000;border:1px solid #666;color:#fff;text-align:left;padding:1px 22px 1px 6px;margin:1px 0;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:90px;box-sizing:border-box;width:100%}.ddb::after{content:"\25be";position:absolute;right:7px;top:0}
.ddb:hover{border-color:#aaa}
.ddl{display:none;position:absolute;left:0;top:100%;min-width:100%;max-height:230px;overflow-y:auto;background:#1d1d1d;border:1px solid #aaa;z-index:60;box-shadow:0 3px 8px rgba(0,0,0,.7)}.ddl.open{display:block}
.ddo{padding:3px 10px 3px 22px;white-space:nowrap;cursor:pointer;color:#fff;position:relative;border-bottom:1px solid #2c2c2c}.ddo.act{background:#8a6f3c;color:#fff}.ddo.sel{font-weight:bold}.ddo.sel::before{content:"\2713";position:absolute;left:7px}
.gp{display:grid;grid-template-columns:1.2fr 1.1fr 1.1fr 1.1fr;gap:8px;align-items:center}
.gf{display:grid;grid-template-columns:.35fr 1.3fr 1.1fr .5fr .7fr 1.2fr;gap:8px;align-items:center}
.g4{display:grid;grid-template-columns:1fr .9fr 1fr 1.2fr 1.3fr;gap:8px;align-items:center}
.fa{display:flex;flex-direction:column;gap:3px;align-items:stretch}.fa select{width:100%}.fa button{align-self:flex-start}
#flm_list button:not(.pl){padding:1px 7px}
.tb{width:100%;border-collapse:collapse}.tb th{text-align:left;font-weight:normal;color:var(--mu);padding:3px 6px;border-bottom:1px solid #000}.tb td{padding:4px 6px;border-bottom:1px solid #000;vertical-align:middle}.tb td:last-child,.tb th:last-child{white-space:nowrap;text-align:right}
.g3{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:8px;align-items:center}
.fbox{border:1px solid #000;padding:6px 8px;margin:8px 0}.fbox .fpost{border-top:1px solid #000;padding:6px 0 2px;margin-top:6px}.fbs{border:1px solid #000;padding:3px 5px;margin:4px 0}.fbox .fpost:first-of-type{border-top:0;margin-top:2px}
.fb{display:block;position:relative;height:13px;background:#000;border:1px solid #555;margin-top:4px}.fb i{display:block;height:100%;background:linear-gradient(#d9c39c,#8a7552)}.fb.hp i{background:linear-gradient(#e0705f,#8e2a1d)}
.mb.hp i{background:linear-gradient(#e0705f,#8e2a1d)}
.mb{display:inline-block;position:relative;width:130px;height:13px;background:#000;border:1px solid #555;vertical-align:middle}.ml{position:absolute;left:0;right:0;top:0;text-align:center;line-height:13px;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.mb i{display:block;height:100%;background:linear-gradient(#d9c39c,#8a7552)}
#crimes .c,#cars .c,#jail .c{border-bottom:1px solid #000;padding:4px 2px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:0;vertical-align:middle;border:1px solid #000}.dot.g{background:#3fbf3f}.dot.y{background:#e8c43a}.dot.r{background:#d9473a}
.pl{display:inline;padding:0;text-decoration:underline}.pl::before{content:""}
.wb{display:flex;gap:2px;margin:8px 0}.wb i{display:block;width:11px;height:11px;border:1px solid #1d4f91;background:transparent}.wb i.on{background:#2f7bff;border-color:#5a9bff} /* wachtbalk met blauwe vierkante blokjes */
.act{display:block;margin-left:auto;background:#5c5c5c;border:1px solid #000;color:#fff;padding:1px 18px;margin-top:6px}.act::before{content:""}.act:hover:not(:disabled){background:#6c6c6c;text-decoration:none}.act:disabled{background:#4a4a4a;color:#aaa}
.right{min-width:0}.right .pl{white-space:normal;text-align:left;max-width:100%} /* lange forumtitels in het zijbalkje mogen afbreken */
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(232,213,176,.8)}70%{box-shadow:0 0 0 9px rgba(232,213,176,0)}100%{box-shadow:0 0 0 0 rgba(232,213,176,0)}}
.qglow{animation:qpulse 1.6s infinite;outline:1px solid #e8d5b0;background:#4a4130 !important}
#quest .qd{letter-spacing:3px;color:#e8d5b0}#quest .qh{color:#e8d5b0}
#d_prob,#m_note,#chat_h,#fpe_txt{color:var(--mu)} /* toelichting en meldingen zijn overal lichtgrijs */
img.rip,span.rip{height:1.15em;width:1.15em;vertical-align:-.22em;margin-left:3px;display:inline-block;font-size:1em;line-height:1}
.emo{display:flex;flex-wrap:wrap;gap:2px;margin:2px 0}.emo .eb{padding:0 3px;min-height:0;height:22px;font-size:15px;line-height:18px;background:#3a3a3a;border:1px solid #555}.emo .eb img.rip{height:16px;width:16px;margin:0;vertical-align:middle}
#mbar,#mb_back{display:none}
@media(max-width:900px){ /* telefoons en kleine tablets: eerst de inhoud, het menu opent met de knop bovenin */
 body{padding:54px 8px 14px;font-size:14px;line-height:20px;font-size-adjust:none}
 .wrap{flex-direction:column;gap:0}.main{width:100%;order:1}.right{display:none}
 #mbar{display:flex;position:fixed;top:0;left:0;right:0;height:44px;align-items:center;gap:10px;padding:env(safe-area-inset-top) 8px 0;background:#2b2b2b;border-bottom:1px solid #000;z-index:130;box-sizing:content-box}
 #mbar button{min-height:34px;padding:4px 14px;margin:0;background:#8a6f3c;font-size:15px}
 #mbar_t{flex:1;text-align:center;letter-spacing:2px;color:#e8d5b0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mbar_s{font-size:13px;white-space:nowrap}
 .side{position:fixed;top:calc(44px + env(safe-area-inset-top));left:0;bottom:0;width:84vw;max-width:340px;overflow-y:auto;background:var(--bg);z-index:120;padding:8px;box-sizing:border-box;transform:translateX(-105%);visibility:hidden;transition:transform .18s,visibility .18s;box-shadow:3px 0 12px rgba(0,0,0,.6)}
 body.menu-open .side{transform:none;visibility:visible}
 #mb_back{position:fixed;left:0;right:0;bottom:0;top:calc(44px + env(safe-area-inset-top));background:rgba(0,0,0,.55);z-index:110}body.menu-open #mb_back{display:block}
 button{min-height:36px;padding:4px 14px;font-size:14px;touch-action:manipulation}
 .m{padding:10px 6px;min-height:0}
 .pl{min-height:0;padding:2px 0}
 input,select,textarea,.in,.ddb{font-size:16px;min-height:34px}
 textarea.in{min-height:70px}
 .row{gap:8px 10px}
 .in{max-width:100%}
 .hd{height:auto;min-height:24px;line-height:24px;font-size:14px}
 h1{font-size:22px;letter-spacing:2px}
 .hg{grid-template-columns:minmax(0,1fr)}
 #h_stat{overflow-x:auto}
 .gp,.gf{min-width:560px}.g4{min-width:520px}.g3{min-width:420px}.g3t{min-width:340px}.gj{min-width:320px}#adm_b .gj,#adm_r .gj{min-width:640px}.c.t{min-width:520px}.br{grid-template-columns:1fr 52px 40%}
 #lpl,#lfam,#adm_b,#adm_r,#adm_ov,#adm_lg,#adm_bk,#eco_f,#lbul,#lroul,#lbj,#lhosp,#lair,#flm_list,#lst{overflow-x:auto;-webkit-overflow-scrolling:touch}
 #adc .bx,#hc .bx{width:auto;max-width:94vw}#au_row{flex-direction:column;padding-right:0}#au_col{max-width:none}#au_msgbox{margin-left:0;max-width:none}.au_menu{width:100%!important;margin-right:0!important;align-self:stretch}.arow{grid-template-columns:100px 1fr}.arow label{padding-left:0}#hc .bx{width:300px!important}
 .ddl{max-width:90vw}.ddo{padding:8px 10px 8px 24px}
 img,canvas,textarea,iframe{max-width:100%}
 .c{padding:6px 2px}
 input[type=radio],input[type=checkbox]{width:24px;height:24px;min-height:0;margin:0 2px}
 label.c{min-height:40px;align-items:center}
}

.reaper{display:block;margin:0 0 8px;text-align:center;background:#000;border:1px solid #444;line-height:0}.reaper img{width:100%;max-width:100%;max-height:260px;object-fit:contain;display:block;margin:0 auto}.reaper:hover img{filter:brightness(1.15)}

#cdpage{position:fixed;inset:0;z-index:9999;background:#111;color:#ddd;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}#cdpage[hidden]{display:none}
.cdbox{max-width:560px;width:100%}.cdh{font-size:34px;letter-spacing:3px;color:#c9a24b;margin-bottom:18px;font-family:Georgia,serif}.cdt{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}.cdt span{font-size:44px;font-weight:bold;background:#222;border:1px solid #555;padding:10px 12px;min-width:84px;line-height:1}.cdt small{display:block;font-size:12px;font-weight:normal;color:#999;margin-top:6px}.cdd{margin:14px 0}body.cd-on{overflow:hidden}
@media(max-width:480px){.cdt span{font-size:30px;min-width:62px;padding:8px}.cdh{font-size:26px}}

#cdbar{position:sticky;top:0;z-index:900;background:#3a2d12;color:#f1d58a;border-bottom:1px solid #c9a24b;text-align:center;padding:6px 10px;font-size:13px}#cdbar[hidden]{display:none}

.pl.pn{text-decoration:none}.pl.pn:hover:not(:disabled){text-decoration:none}.pl.pn.don,.pl.pn.don:hover:not(:disabled){text-decoration:underline}

.faq details{border-bottom:1px solid var(--line,#444);padding:6px 0}.faq summary{cursor:pointer}.faq details p{margin:6px 0 4px;line-height:1.45}
#v_privacy p,#v_privacy ul{line-height:1.45}#v_privacy ul{padding-left:20px}

h1.hd,h2.hd{font-size:inherit;font-weight:normal;letter-spacing:normal;text-shadow:none;color:#fff;margin:0 0 2px}
img.banner{display:block;width:100%;height:auto;border:1px solid #000;margin:0 0 6px;box-sizing:border-box}
#v_home img.banner{margin:6px 0 4px}
#au_seo .bd{line-height:1.5}
#auth a.am{display:block;color:inherit;text-decoration:none;padding:0 2px}#auth a.am::before{content:"- "}#auth a.am:hover,#auth a.am.on{text-decoration:underline}#auth a{color:#e0c080}#auth details{border-bottom:1px solid #666}#auth ul{padding-left:18px;margin:4px 0}