@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');
:root{--gold:#ffb900;--orange:#ff9600;--line:#777;--text:#e7e7e7;--bg:#171717}*{box-sizing:border-box}html{min-height:100%}body{margin:0;color:var(--text);font:12px Arial,Helvetica,sans-serif;background:repeating-linear-gradient(45deg,#242424 0px,#242424 2px,#202020 2px,#202020 4px)}button{cursor:pointer;border:0;font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hidden{display:none!important}.hero{height:158px;background:linear-gradient(180deg,#261100 0%,#9b6900 45%,#ffda00 99%);border-bottom:2px solid #e0ad00}.hero-inner{max-width:694px;margin:auto;position:relative;height:100%}.brand{position:absolute;left:12px;top:19px;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:1px 2px 4px #000;z-index:2}.brand strong{font:700 25px Oswald,Impact,sans-serif;letter-spacing:1px}.brand small{display:block;font-size:11px}.brand-mark{border:2px solid #ffc02b;background:#151515;padding:8px;color:#ffc02b;font:700 24px Oswald,Impact}.skyline{position:absolute;bottom:0;left:0;right:0;height:92px;overflow:hidden}.skyline i{position:absolute;bottom:0;width:62px;background:#080808}.skyline i:nth-child(1){left:0;height:44px}.skyline i:nth-child(2){left:60px;height:82px;width:44px}.skyline i:nth-child(3){left:110px;height:58px}.skyline i:nth-child(4){left:200px;height:34px;width:75px}.skyline i:nth-child(5){right:195px;height:64px;width:65px}.skyline i:nth-child(6){right:100px;height:40px;width:80px}.skyline i:nth-child(7){right:0;height:24px;width:90px}.hero-bottom{position:absolute;bottom:9px;left:20px;color:#e8d69b;font:700 14px Oswald;text-shadow:0 2px 4px black}.statusbox{position:absolute;right:0;top:9px;width:146px;z-index:3;border:1px solid #926500;border-radius:8px;padding:8px;background:linear-gradient(#30230b,#201b0c);box-shadow:0 1px 4px #000;color:white}.statusbox #who{font-weight:bold}.statusbox #logout{float:right;background:#b5261b;color:white;border-radius:4px}.quickstats{line-height:1.9;color:#ffd75a}.quickstats b{color:white}.layout{max-width:694px;margin:0 auto;display:grid;grid-template-columns:146px minmax(0,402px) 146px;min-height:710px;background:#111}.sidebar{background:#3b3b3b;padding:14px 15px 28px 18px}.left-side{border-right:1px solid #777}.right-side{border-left:1px solid #777}.sidebar h3{font:700 20px Oswald,Impact,sans-serif;color:#ffc000;margin:0 0 6px;text-transform:uppercase}.sidebar nav{border-left:2px solid #222;margin:0 0 26px}.sidebar nav button{display:block;width:100%;text-align:left;color:#ddd;background:none;padding:2px 5px;font-size:11px;line-height:1.12}.sidebar nav button:hover,.sidebar nav button.active{color:#ffca28;background:#292929}.mainpanel{padding:17px 16px;background:#111;min-width:0}.mainpanel h1{color:#ffab00;font-size:30px;font-weight:400;margin:0 0 6px}.mainpanel h2{color:#ffb900;font-size:16px}.mainpanel h3{color:#ffb900}.subtabs{display:flex;gap:4px;margin:0 0 16px;justify-content:center}.subtabs button,.orange{background:linear-gradient(#ffae0b,#f18b00);color:white;padding:6px 12px;font-weight:bold;border-radius:2px}.subtabs button{flex:1}.profile-card{border:1px solid #f7bb00;min-height:345px;padding:8px 10px;background:linear-gradient(90deg,rgba(16,37,29,.94),rgba(27,46,35,.75)),radial-gradient(circle at 90% 45%,#566449,#142b21);position:relative}.profile-card:after{content:'MW';position:absolute;right:16px;bottom:18px;color:#d9c18b;font:700 85px Oswald;opacity:.08;pointer-events:none}.profile-card h3{font-size:12px;margin:0 0 4px;color:#ffb800}.profile-row{display:grid;grid-template-columns:42% 58%;gap:4px;margin-bottom:5px;font-size:12px}.profile-row b{font-weight:normal}.profile-card .group{margin:12px 0 4px;color:#ffb800;font-weight:bold}.progress-title{margin-top:25px;color:#ffb800;font-weight:bold}.progress{height:9px;border:1px solid #bbb;background:#8c2525;margin:3px 0 11px}.progress span{display:block;height:100%;background:#4cc773}.actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.actions button{background:#e99609;color:#fff;padding:7px 10px;border-radius:2px}.record{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid #555;padding:10px 0}.record .item-info{flex:1;min-width:0;display:grid;gap:5px}.record small{color:#bbb}.item-photo{height:68px;width:72px;object-fit:cover;border:1px solid #a77d19}.item-photo.placeholder{display:grid;place-items:center;font-size:10px;background:#333;color:#aaa}.panel{background:#353535;border:1px solid #666;padding:17px}.auth{max-width:410px;margin:50px auto}.auth h1{color:#ffb900}.tabs{display:flex;gap:8px}.tabs button{padding:8px;background:#555;color:white}.tabs .active{background:#ef9900}.admin{max-width:950px;margin:16px auto}.admin h2,.admin h3{color:#ffb900}.admincols{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;margin:9px 0;font-size:12px;color:#ddd}input{display:block;width:100%;padding:8px;background:#202020;color:#fff;border:1px solid #777;margin-top:4px}#message,#adminmsg,#authmsg{color:#ffca50;min-height:18px}#ownerBtn{width:100%;white-space:normal}footer{text-align:center;color:#222;background:linear-gradient(#ffe000,#c78c00);border-top:2px solid #8c6200;padding:8px;font-size:11px}.unavailable{padding:15px;border:1px solid #5d4d25;background:#222}.unavailable p{line-height:1.6}.shop-item button{flex-shrink:0}.owner-item{flex-wrap:wrap}.owner-item label{max-width:170px}@media(min-width:1100px){.hero-inner,.layout{max-width:694px}}@media(max-width:730px){.hero-inner,.layout{max-width:100%}.layout{grid-template-columns:130px minmax(0,1fr) 130px}.sidebar{padding:12px 8px}.mainpanel{padding:12px 9px}.statusbox{right:6px}}@media(max-width:540px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.sidebar h3{grid-column:1/-1}.sidebar nav{margin-bottom:14px}.right-side{border:0}.hero{height:140px}.brand strong{font-size:20px}.statusbox{top:68px;width:170px}.admincols{grid-template-columns:1fr}}

/* Overzicht: klassieke geel-zwarte indeling met originele silhouetillustratie */
.overview-profile{height:368px;min-height:368px;overflow:hidden;padding:5px 9px;background:linear-gradient(90deg,rgba(22,42,34,.96) 0%,rgba(29,48,39,.88) 58%,rgba(10,25,21,.7) 100%),repeating-linear-gradient(0deg,#34443a 0,#34443a 3px,#293c33 3px,#293c33 6px)}
.overview-profile:after{display:none}
.overview-data{position:relative;z-index:2;width:100%;height:100%;text-shadow:0 1px 2px #000}
.overview-data .profile-row{grid-template-columns:35% 65%;margin-bottom:3px;line-height:1.2}
.overview-data .profile-row span{font-weight:600}
.overview-data .group{margin:15px 0 5px}
.overview-data h3{margin-bottom:5px}
.overview-portrait{position:absolute;right:-12px;bottom:-18px;width:63%;height:100%;z-index:1;opacity:.7;filter:drop-shadow(-7px 4px 8px #07140e);pointer-events:none}
.portrait-moon{position:absolute;right:12%;top:9%;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#6d7460 0%,#34483c 65%,transparent 70%);opacity:.55}
.portrait-head{position:absolute;right:28%;top:13%;width:84px;height:112px;border-radius:46% 46% 40% 40%;background:#111b17;transform:rotate(-10deg);box-shadow:16px -13px 0 -4px #0a110e}
.portrait-body{position:absolute;right:2%;bottom:-8%;width:210px;height:260px;border-radius:43% 32% 0 0;background:linear-gradient(120deg,#0a1714 10%,#293c31 45%,#091511 80%);transform:rotate(-9deg)}
.portrait-suit{position:absolute;right:20%;bottom:-10%;width:70px;height:215px;background:linear-gradient(95deg,#6c765e,#1e3128 70%);clip-path:polygon(0 0,100% 8%,70% 100%,32% 100%);opacity:.75}
.rank-explain{font-size:11px;line-height:1.35;margin-top:12px}
.progress-title{margin-top:32px}
@media(max-width:540px){.overview-profile{height:370px}.overview-portrait{opacity:.35}.overview-data .profile-row{grid-template-columns:45% 55%}}

/* Werken: kaartweergave naar aangeleverd voorbeeld */
.jobs-heading{font-size:15px!important;color:#ffb900;margin:0 0 4px}.jobs-list{display:grid;gap:9px}.job-row{display:flex;align-items:center;width:100%;min-height:68px;text-align:left;border-left:6px solid #ffa500;border-radius:8px;background:linear-gradient(#888 0%,#888 87%,#ddd 88%,#ddd 95%,#555 96%);color:#fff;padding:8px 10px 12px 14px;gap:10px}.job-row:hover:not(:disabled){background:linear-gradient(#999 0%,#999 87%,#ddd 88%,#ddd 95%,#555 96%)}.job-text{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.job-text strong{font-size:14px}.job-text small{font-size:10px;color:#f4f4f4}.job-photo{height:32px;width:32px;object-fit:cover;border:2px solid #ffa500;background:#444;flex-shrink:0}.job-placeholder{display:grid;place-items:center;font-size:19px}.job-arrow{font-size:22px;font-weight:bold;color:#eee;min-width:16px}.job-locked{opacity:.65;cursor:not-allowed}.job-footnote{color:#aaa;font-size:11px;line-height:1.5}.owner-job{border:1px solid #666;background:#292929;padding:10px;margin:10px 0}.owner-job-top{display:flex;align-items:center;gap:8px}.owner-job select{width:100%;display:block;padding:8px;background:#202020;color:#fff;border:1px solid #777;margin-top:4px}.owner-job button{margin-top:6px}

/* Online leden: donkere kaarten en profielfoto's */
.online-heading h2{color:#ff3434;margin-bottom:7px}.online-heading p{color:#ddd;font-size:13px}
.online-banner{height:145px;border:1px solid #4e5965;border-radius:9px;margin:22px 0 15px;background:linear-gradient(125deg,#101a25,#24313a 45%,#453c2b 85%,#121820);display:flex;align-items:center;padding:20px}
.online-counter{background:#15191fe8;border:1px solid #535960;border-radius:10px;padding:12px 18px;min-width:145px;display:flex;flex-direction:column}.online-counter b{font-size:32px;color:#ffd600}.online-counter span{font-size:13px;font-weight:bold}
.online-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}.online-member{background:#242424;border:1px solid #4a4a4a;border-radius:10px;overflow:hidden;min-width:0}.online-avatar{height:150px;background:linear-gradient(145deg,#1c2530,#060708);display:flex;align-items:center;justify-content:center}.online-avatar img{width:100%;height:100%;object-fit:cover}.online-default{font-size:65px;opacity:.75}.online-member-info{padding:10px;min-height:74px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.online-member-info strong{font-size:12px;overflow-wrap:anywhere}.online-tags{display:flex;align-items:center;gap:7px}.online-tag{border:1px solid #e8c000;color:#ffe600;border-radius:18px;padding:3px 8px;font-size:10px;font-weight:bold}.online-dot{color:#4ad97a;font-size:11px}.avatar-settings{display:flex;flex-wrap:wrap;gap:18px;align-items:start}.avatar-preview{width:155px;height:155px;background:#20252a;border:1px solid #5b5b5b;border-radius:9px;display:grid;place-items:center;font-size:55px;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-settings>div:last-child{flex:1;min-width:210px}.avatar-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

/* Gevangenis */
.jail-scene{width:100%;height:245px;overflow:hidden;margin:18px 0;background:#12100c;border:1px solid #4a3c20}.jail-scene img{width:100%;height:100%;object-fit:cover}.jail-bars{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 70%,#5d4928,#171510 75%)}.jail-bars:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23px,#050505 24px 32px,transparent 33px 52px);box-shadow:inset 0 0 30px #000}.jail-bars span{z-index:1;background:#111c;padding:12px;color:#e7bd53;font:700 20px Oswald,Arial}.jail-inmate{border:1px solid #61502d;background:#242424;padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:7px}.jail-inmate strong{color:#ffc323}.jail-inmate small{color:#ddd}.jail-tag{color:#f7d77d;font-size:11px}.jail-actions{display:flex;gap:7px;flex-wrap:wrap}.jail-actions button{padding:7px;background:#4b4b4b;color:#fff}.jail-actions button.orange{background:#d68b00}.jail-warning{color:#ff7979}.jail-admin-photo{max-width:100%;height:160px;object-fit:cover;border:1px solid #d49a00}#ownerjail button{padding:8px;margin:4px 0}

/* Hoeren: compacte donkere kaarten, oranje knoppen zoals de referentie */
.companion-page{font-size:13px}.companion-page>button{float:right}.companion-page>p{clear:both;padding-top:12px}.companion-list{border-top:2px solid #ffb400;margin-top:25px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.companion-card{border:1px solid #f0a600;background:#161616;width:230px;padding:5px}.companion-top{display:flex;gap:6px;align-items:stretch}.companion-top>img,.companion-empty{width:120px;height:160px;object-fit:cover;background:#333}.companion-empty{display:flex;align-items:center;justify-content:center;color:#aaa}.companion-buttons{display:flex;flex-direction:column;gap:6px;flex:1}.companion-buttons button{font-size:12px;padding:5px 3px}.companion-caption{padding:6px 0;line-height:1.5}.companion-card>button{width:100%;margin-top:5px}

/* Eigenaarspaneel: uitklapbare onderdelen per speloptie */
.admin{max-width:950px;background:#242424;padding:18px}.admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-head h2{margin:0 0 8px;font:700 26px Oswald,Arial;color:#ffb900}.admin-head p{margin:0 0 16px;color:#cfcfcf;line-height:1.5}.admin-head>button,.admin-tools button{padding:9px 12px;background:#444;border:1px solid #777;color:#fff;border-radius:4px}.admin-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.admin-accordion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}.admin-section{background:#303030;border:1px solid #555;border-radius:5px;min-width:0;overflow:hidden}.admin-section[open]{border-color:#d99b00}.admin-section>summary{list-style:none;cursor:pointer;background:#373737;color:#f0f0f0;font-weight:bold;font-size:13px;padding:13px 36px 13px 14px;position:relative;user-select:none}.admin-section>summary::-webkit-details-marker{display:none}.admin-section>summary:after{content:'+';position:absolute;right:13px;top:8px;font-size:23px;color:#ffbb00}.admin-section[open]>summary{background:#55401b;color:#ffd35c}.admin-section[open]>summary:after{content:'−'}.admin-section-body{padding:13px;border-top:1px solid #666;overflow-wrap:anywhere}.admin-section-body h4{color:#ffbf28;font-size:14px;margin:0 0 10px}.admin-section-body p{line-height:1.5}.admin-section-body input,.admin-section-body select{max-width:100%}.admin-section-body .record{flex-wrap:wrap}.admin-not-configured{color:#bcbcbc}.admin-section-body .owner-job{margin:9px 0}.admin-section-body button{max-width:100%}@media(max-width:700px){.admin-accordion{grid-template-columns:1fr}.admin{margin:10px;padding:10px}.admin-head{flex-wrap:wrap}}

/* Chat bovenaan: compact, zichtbaar tijdens navigatie */
.hero-inner{position:relative}
.mini-chat{position:absolute;z-index:10;top:7px;left:31%;width:40%;height:126px;display:flex;flex-direction:column;background:rgba(15,15,15,.93);border:1px solid #cf9600;border-radius:5px;color:#f1f1f1;box-shadow:0 2px 12px #0009;font:11px Arial,sans-serif}
.mini-chat.hidden{display:none}
.mini-chat-head{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:5px 7px;border-bottom:1px solid #6a510d;background:#252016}.mini-chat-head strong{color:#ffc324}.mini-chat-head a{font-size:10px;color:#ffd057;text-decoration:underline;white-space:nowrap}
.mini-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:5px 7px;overflow-wrap:anywhere;scrollbar-color:#a47a19 #222}.mini-chat-line{padding:2px 0;line-height:1.25}.mini-chat-line b{color:#ffb300}
.mini-chat-form{display:flex;align-items:stretch;padding:0;margin:0;border-top:1px solid #57441b}.mini-chat-form input{min-width:0;flex:1;width:0;margin:0;border:0;background:#f4f4f4;color:#171717;padding:5px;font:11px Arial}.mini-chat-form button{border:0;border-left:1px solid #866000;background:#e7a000;color:#111;padding:2px 9px;cursor:pointer}.mini-chat-error{color:#ff8787;position:absolute;top:100%;background:#191919;padding:0 4px;max-width:100%}
@media(max-width:730px){.mini-chat{left:29%;width:42%}}
@media(max-width:540px){.hero{height:240px}.mini-chat{top:108px;left:5%;width:90%;height:122px}.statusbox{top:5px;right:6px}.brand{max-width:60%}}

/* Chatbox circa 2 cm verder naar links en tot aan de onderste gele lijn */
@media(min-width:731px){.mini-chat{left:20%;width:51%;height:calc(100% - 9px)}}

/* Chatbox horizontaal centreren in de gele bovenbalk, zonder de afmetingen te veranderen. */
@media (min-width:731px) {
  .mini-chat { left:50%; transform:translateX(-50%); }
}

/* Openbare profielen en spelers zoeken */
.online-profile-link{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.online-profile-link:hover .online-member-info strong{color:#ffba00}.online-profile-link:focus-visible{outline:2px solid #ffc000;outline-offset:-2px}
.public-profile-header{display:flex;align-items:center;gap:14px;border:1px solid #80661d;background:#232323;padding:12px;margin:12px 0 18px}.public-profile-avatar{width:92px;height:92px;flex:none;display:grid;place-items:center;font-size:40px;background:#171717;border:1px solid #555;overflow:hidden}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-header h2{margin:0 0 7px;color:#ffb900}.public-profile-header p{margin:4px 0}.profile-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:9px;margin-top:12px}.profile-item{position:relative;text-align:center;font-size:10px;min-width:0}.profile-item-image{height:73px;background:#2c2c2c;border:1px solid #8c6b22;display:grid;place-items:center;font-size:28px}.profile-item-image img{width:100%;height:100%;object-fit:contain}.profile-item>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.profile-item>b{position:absolute;top:2px;right:3px;background:#f5a600;color:#111;padding:2px 4px;border-radius:3px}.search-player-result{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;padding:8px;background:#292929;border:1px solid #555;color:white;text-align:left}.search-player-result:hover{border-color:#ffb900}.search-player-result img{width:48px;height:48px;object-fit:cover}.search-player-result span{flex:1}.search-player-result small{display:block;color:#ccc;margin-top:4px}

/* Compacte openbare spelersprofielen zoals het aangeleverde voorbeeld. */
.mw-player-profile{color:#eee;max-width:100%;padding-bottom:24px}
.mw-player-profile h2{color:#ffb300;font-size:23px;margin:0 0 12px}
.mw-profile-summary{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.mw-profile-photo{width:100px;height:110px;flex:0 0 100px;border:1px solid #ffb300;background:#222;display:grid;place-items:center;font-size:45px;overflow:hidden}
.mw-profile-photo img{width:100%;height:100%;object-fit:cover}
.mw-profile-facts{flex:1;min-width:0;font-size:12px}
.mw-profile-facts>div{display:grid;grid-template-columns:minmax(85px,42%) 1fr;gap:8px;border-bottom:1px solid #333;padding:4px 6px;background:#202020}
.mw-profile-facts>div:nth-child(even){background:#292929}
.mw-profile-facts span{color:#ddd}.mw-profile-facts strong{color:#ffc11b;overflow-wrap:anywhere}
.mw-profile-heading{text-align:center;color:#ffb900;font-size:18px;font-weight:bold;margin:15px 0 6px}
.mw-profile-heading span{color:#ddd;font-size:13px}
.mw-profile-help{text-align:center;color:#aaa;font-size:11px;margin:5px 0 16px}
.mw-profile-inventory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 7px;align-items:start}
.mw-profile-item{min-width:0;position:relative;cursor:help;outline-offset:2px}
.mw-profile-item-photo{aspect-ratio:1 / 1;background:#fff;border:2px solid #f4a900;display:grid;place-items:center;overflow:hidden;color:#333;font-size:25px}
.mw-profile-item-photo img{width:100%;height:100%;object-fit:contain}
.mw-item-tooltip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);z-index:5;display:none;background:#161616;color:#ffc21b;border:1px solid #ffc21b;padding:5px 7px;max-width:180px;width:max-content;font-size:12px;white-space:normal;text-align:center;box-shadow:0 3px 10px #000}
.mw-profile-item:hover .mw-item-tooltip,.mw-profile-item:focus .mw-item-tooltip{display:block}
.mw-empty-items{grid-column:1/-1;text-align:center;color:#ccc}
@media(max-width:420px){.mw-profile-summary{flex-direction:column}.mw-profile-inventory{gap:5px}.mw-profile-facts{width:100%}}

/* Klassiek Profiel & Properties, behoud bestaande vijf-koloms itemgrid */
.mw-classic-profile .mw-classic-meter{display:flex;gap:3px;margin:-5px 0 12px;max-width:100%;overflow:hidden}
.mw-classic-meter i{display:block;flex:1;max-width:11px;height:6px;background:#777}.mw-classic-meter i.lit{background:#e4c15c}
.mw-classic-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(115px,1fr);gap:16px;align-items:end;margin-bottom:22px}
.mw-classic-left,.mw-classic-right{min-width:0}
.mw-classic-identity{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#ffbd18;font-size:13px}
.mw-classic-identity small{display:block;color:#bbb;font-size:11px;margin-top:3px}
.mw-classic-avatar{width:45px;height:45px;border:1px solid #e9aa00;background:#252525;display:grid;place-items:center;overflow:hidden;flex:none;font-size:25px}
.mw-classic-avatar img{width:100%;height:100%;object-fit:cover}
.mw-classic-table{border:1px solid #e5a700;font-size:11px}
.mw-classic-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5px;min-height:24px;align-items:center;padding:3px 5px;background:#252525}
.mw-classic-row:nth-child(even){background:#171717}.mw-classic-label{font-weight:bold;white-space:nowrap;font-size:10px}.mw-classic-value{overflow-wrap:anywhere;font-size:10px}
.mw-classic-row:first-child .mw-classic-value{color:#ffc000}
.mw-classic-buttons{display:flex;gap:6px;margin-top:10px}.mw-classic-buttons button{flex:1;min-width:0;background:#e99500;color:#fff;border:0;padding:7px 3px;font-weight:bold;font-size:10px;border-radius:1px}
.mw-classic-buttons button:disabled{opacity:.55;cursor:not-allowed}
.mw-classic-friends{border:1px solid #e6a100;min-height:110px;background:#191919}
.mw-classic-friends-title{background:#ec9900;color:white;padding:6px;font-weight:bold;font-size:12px;display:flex;justify-content:space-between}
.mw-classic-friends p{font-size:11px;color:#bbb;padding:8px;margin:0;line-height:1.4}
@media(max-width:470px){.mw-classic-layout{grid-template-columns:1fr}.mw-classic-right{max-width:none}.mw-classic-label,.mw-classic-value{font-size:11px}}

/* Whatsapp: teller onder uitloggen, rood knipperend bij ongelezen berichten. */
.whatsapp-alert{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:3px 8px;background:#292929;color:#fff;border:1px solid #c89500;border-radius:4px;cursor:pointer;font-weight:bold;font-size:12px}
.whatsapp-alert.hidden{display:none}
.whatsapp-alert.has-unread{background:#b90000;border-color:#ff5555;animation:wa-blink 1s step-end infinite}
@keyframes wa-blink{50%{background:#450000;box-shadow:0 0 9px #ff3030}}
@media(prefers-reduced-motion:reduce){.whatsapp-alert.has-unread{animation:none}}
.wa-layout{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:12px;margin-top:14px}
.wa-list,.wa-thread{background:#1b1b1b;border:1px solid #5a4b22;padding:10px;min-width:0}
.wa-conversation{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:9px 6px;background:#292929;color:#fff;border:0;border-bottom:1px solid #444;cursor:pointer;text-align:left}
.wa-conversation:hover{background:#393329}.wa-conversation small{color:#bbb;overflow-wrap:anywhere}.wa-unread{color:#ff4444;font-size:11px}
.wa-messages{max-height:400px;min-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:8px 0}
.wa-message{background:#303030;border-left:3px solid #777;padding:8px;max-width:90%;overflow-wrap:anywhere}
.wa-message.mine{background:#39301c;border-color:#f7a600;align-self:flex-end}
.wa-message strong{color:#ffbd28}.wa-message p{margin:5px 0;white-space:pre-wrap}.wa-message small{color:#aaa;font-size:10px}
#waSendForm textarea{display:block;box-sizing:border-box;width:100%;min-height:70px;margin:8px 0;background:#121212;color:white;border:1px solid #d79c00;padding:8px}
@media(max-width:550px){.wa-layout{grid-template-columns:1fr}}

/* Inlogvelden met afzonderlijke zichtbaarheidsschakelaars */
.auth-visibility-row{display:flex;align-items:stretch;gap:6px;width:100%;margin-top:4px}.auth-visibility-row input{flex:1;min-width:0;margin:0}.auth-visibility-row .auth-eye{flex:0 0 42px;cursor:pointer;border:1px solid #b77c00;background:#292929;color:#ffc045;border-radius:4px;font-size:18px}.auth-visibility-row .auth-eye:hover,.auth-visibility-row .auth-eye:focus-visible{background:#4a340b;outline:2px solid #f6ad00;outline-offset:1px}

.crime-subheading{color:#ffae00;margin:0 0 5px;font-size:17px}.crime-row{min-height:62px}.crime-editor{margin:12px 0;padding:12px;border:1px solid #66511e;background:#222}.crime-editor label{display:block;margin:7px 0}.crime-editor input:not([type="checkbox"]){max-width:100%}

/* Resultaat van een misdaad met optionele tweede foto */
.crime-result-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:99999;display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}
.crime-result-box{width:min(520px,100%);max-height:90vh;overflow:auto;background:#181818;border:2px solid #f5a400;box-shadow:0 12px 40px #000;padding:18px;text-align:center;color:#fff;box-sizing:border-box}
.crime-result-box h2{margin:0 0 10px}.crime-result-success{color:#6fe080}.crime-result-fail{color:#ff7777}
.crime-result-image{display:block;width:100%;max-height:360px;object-fit:contain;margin:14px auto;border:1px solid #a87a0a;background:#080808}
.crime-result-box .orange{margin-top:10px;padding:9px 24px}.crime-result-admin-preview{display:block;max-width:220px;max-height:140px;object-fit:contain;margin:10px 0}


/* Telefoon: exact dezelfde desktopindeling en afmetingen behouden.
   De browser schaalt de 694px desktopsite naar het telefoonscherm. */
@media (max-width: 730px) {
  .hero-inner, .layout { width: 694px; max-width: 694px; }
  .layout { grid-template-columns: 146px minmax(0, 402px) 146px; }
  .sidebar { display: block; padding: 14px 15px 28px 18px; }
  .mainpanel { padding: 17px 16px; }
  .hero { height: 158px; }
  .statusbox { top: 9px; right: 0; width: 146px; }
  .brand { max-width: none; }
  .brand strong { font-size: 25px; }
  .mini-chat { top: 7px; left: 50%; transform: translateX(-50%); width: 51%; height: calc(100% - 9px); }
  .admin-accordion { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin { margin: 16px auto; padding: 18px; }
  .admin-head { flex-wrap: nowrap; }
  .overview-profile { height: 368px; }
  .overview-portrait { opacity: .7; }
  .overview-data .profile-row { grid-template-columns: 35% 65%; }
  .mw-profile-summary { flex-direction: row; }
  .mw-profile-facts { width: auto; }
  .mw-classic-layout { grid-template-columns: minmax(0,1.7fr) minmax(115px,1fr); }
  .mw-classic-right { max-width: none; }
  .mw-classic-label { font-size: 10px; }
  .mw-classic-value { font-size: 10px; }
  .wa-layout { grid-template-columns: minmax(110px,1fr) minmax(0,2fr); }
}

/* Kartelix: overzichtelijke Respect-pagina */
.respect-page{display:grid;gap:14px}.respect-page>h2{font-size:26px;margin:0;color:#ffb900}.respect-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.respect-stat{background:#282828;border:1px solid #69531e;padding:12px 10px;min-width:0}.respect-stat span{display:block;font-size:11px;color:#ddd;margin-bottom:8px}.respect-stat strong{font-size:23px;color:#ffb900;overflow-wrap:anywhere}.respect-section{border-top:1px solid #575757;padding-top:12px}.respect-section h3{font-size:15px;color:#ffb900;margin:0 0 8px}.respect-section p{line-height:1.5;margin:7px 0 12px}.respect-form{display:grid;gap:9px}.respect-form label{margin:0;font-weight:bold}.respect-form input,.respect-form select{width:100%;min-width:0;margin-top:5px;padding:8px;background:#242424;color:#fff;border:1px solid #777;font:inherit}.respect-form button{justify-self:start;padding:8px 20px}.respect-note{color:#aaa;font-size:11px}.respect-section #claimRespect:disabled{opacity:.6;cursor:not-allowed}