@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: groen zonder berichten, rood-groen knipperend bij ongelezen berichten. */
.whatsapp-alert{display:inline-flex;align-items:center;gap:3px;margin-top:5px;padding:2px 5px;background:#167a39;color:#fff;border:1px solid #35d66b;border-radius:5px;cursor:pointer;font-weight:bold;font-size:10px}
.whatsapp-alert.hidden{display:none}
.whatsapp-alert.has-unread{background:#b92535;border-color:#ff6575;animation:wa-blink 2s step-end infinite}
@keyframes wa-blink{0%,49%{background:#b92535;border-color:#ff6575;box-shadow:0 0 9px #ff6575}50%,100%{background:#167a39;border-color:#35d66b;box-shadow:0 0 9px #35d66b}}
@media(prefers-reduced-motion:reduce){.whatsapp-alert.has-unread{animation:wa-blink 2s step-end infinite}}
.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}


/* Whatsapp: alleen het logo knippert rood-groen. */
.whatsapp-alert{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px!important;animation:none!important;color:#25d366!important}
.whatsapp-alert .wa-logo{display:inline-flex;align-items:center;justify-content:center;color:#25d366}
.whatsapp-alert.has-unread .wa-logo{animation:wa-logo-blink 2s step-end infinite}
@keyframes wa-logo-blink{0%,49%{color:#ff3545}50%,100%{color:#25d366}}
.whatsapp-alert #whatsappCount{font-size:10px;color:#fff}

/* Kartelix accountinstellingen */
.kartel-settings{background:#101010;color:#eee;border-radius:16px;padding:14px}
.kartel-settings-head{display:flex;justify-content:space-between;align-items:center;color:#e8b52d;font-size:18px}
.kartel-settings>p{font-size:12px;color:#bbb;margin:18px 0 12px}
.kartel-settings-section{background:#1b1b1b;border:1px solid #493619;border-radius:12px;margin:8px 0;overflow:hidden}
.kartel-settings-section[open]{border-color:#d59c12}
.kartel-settings-section summary{list-style:none;cursor:pointer;padding:16px 14px;display:flex;justify-content:space-between;align-items:center}
.kartel-settings-section summary::-webkit-details-marker{display:none}
.kartel-settings-section[open] summary{background:#30210f}
.kartel-settings-arrow{color:#e8b52d;font-size:22px}
.kartel-settings-section[open] .kartel-settings-arrow{transform:rotate(180deg)}
.kartel-settings-body{padding:12px}
.kartel-settings-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:#242424;color:#eee;border:0;border-radius:8px;padding:16px 12px;margin:7px 0 14px;cursor:pointer}
.kartel-settings-option:not(:last-child){margin-bottom:22px}
.kartel-settings-option small{display:block;color:#bbb;margin-top:6px}
.kartel-settings-option b{color:#e8b52d;font-size:24px;font-weight:400}
.kartel-settings-body>p{color:#aaa;font-size:13px}


.mw-profile-motto {
 margin: 8px 0 0;
 color: #e8b52d;
 font-style: italic;
 font-size: 13px;
 line-height: 1.5;
 white-space: pre-wrap;
 overflow-wrap: anywhere;
}


/* Kartelix profielstijl 2026 - spelerskaart */
.mw-classic-profile {
  width: 100%;
  max-width: 100%;
  color: #eeeeee;
}

.mw-classic-profile > h2 {
  color: #f4b900;
  font-size: 23px;
  font-weight: 800;
  margin: 0 0 12px;
}

.mw-classic-profile .mw-classic-meter {
  display: flex;
  gap: 3px;
  margin: 0 0 14px;
}

.mw-classic-profile .mw-classic-meter i {
  height: 6px;
  max-width: none;
  background: #666;
}

.mw-classic-profile .mw-classic-meter i.lit {
  background: #f3bf38;
}

.mw-classic-profile .mw-classic-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 7px 10px;
  margin-bottom: 12px;
  border: 1px solid #d7a321;
  border-radius: 7px;
  background: linear-gradient(135deg, #252525, #111111);
  box-shadow: inset 0 0 0 1px rgba(255,195,35,.12);
}

.mw-classic-profile .mw-classic-avatar {
  width: 54px;
  height: 54px;
  border: 2px solid #f2b72b;
  background: #252525;
  border-radius: 3px;
  flex-shrink: 0;
}

.mw-classic-profile .mw-classic-identity strong {
  display: block;
  color: #ffc326;
  font-size: 15px;
}

.mw-classic-profile .mw-classic-identity small {
  color: #d0d0d0;
  font-size: 11px;
}

@media (max-width: 470px) {
  .mw-classic-profile .mw-classic-identity {
    gap: 9px;
    padding: 6px;
  }
}


/* Kartelix profielstijl 2026 - motto-kader */
.mw-classic-profile .mw-motto-card {
  margin: 0 0 14px;
  border: 1px solid #d7a321;
  border-radius: 6px;
  background: linear-gradient(135deg, #222, #151515);
  overflow: hidden;
}

.mw-classic-profile .mw-motto-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid #574419;
  color: #ffc326;
  font-size: 12px;
  font-weight: bold;
}

.mw-classic-profile .mw-motto-card-title button {
  flex-shrink: 0;
  padding: 5px 12px;
  border: 1px solid #f1b62d;
  border-radius: 4px;
  background: linear-gradient(#f5ba2c, #c98900);
  color: #171717;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.mw-classic-profile .mw-motto-card-title button:hover {
  background: #ffd052;
}

.mw-classic-profile .mw-motto-card p {
  margin: 0;
  padding: 12px 10px;
  color: #e8e8e8;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.mw-classic-profile .mw-motto-card p em {
  color: #999;
  font-style: normal;
}


/* Kartelix profielstijl 2026 - online-status */
.mw-classic-profile .mw-classic-identity-info {
  flex: 1;
  min-width: 0;
}

.mw-classic-profile .mw-classic-online {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-left: auto;
  font-size: 11px;
  font-weight: bold;
}

.mw-classic-profile .mw-classic-online i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.mw-classic-profile .mw-classic-online.is-online {
  color: #67dc83;
}

.mw-classic-profile .mw-classic-online.is-online i {
  background: #38d765;
  box-shadow: 0 0 7px rgba(56, 215, 101, .65);
}

.mw-classic-profile .mw-classic-online.is-offline {
  color: #aaa;
}

.mw-classic-profile .mw-classic-online.is-offline i {
  background: #777;
}

@media (max-width: 470px) {
  .mw-classic-profile .mw-classic-online {
    font-size: 10px;
    gap: 4px;
  }
}


/* Kartelix profielstijl 2026 - actieknoppen */
.mw-classic-profile .mw-classic-right {
  align-self: stretch;
}

.mw-classic-profile .mw-classic-profile-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 12px;
}

.mw-classic-profile .mw-classic-profile-actions > button,
.mw-classic-profile .mw-classic-profile-actions .mw-classic-buttons button {
  display: block;
  width: 100%;
  min-height: 30px;
  padding: 8px 10px;
  border: 1px solid #d69a16;
  border-radius: 3px;
  background: linear-gradient(180deg, #f5b526, #d88b00);
  color: #171717;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.mw-classic-profile .mw-classic-profile-actions > button:hover,
.mw-classic-profile .mw-classic-profile-actions .mw-classic-buttons button:not(:disabled):hover {
  background: #ffd052;
}

.mw-classic-profile .mw-classic-profile-actions .mw-classic-buttons {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
}

.mw-classic-profile .mw-classic-profile-actions .mw-classic-buttons button:disabled {
  opacity: .5;
  cursor: not-allowed;
}


/* Kartelix profielstijl 2026 - volledige profielindeling */
.mw-classic-profile {
  width: 100%;
  min-width: 0;
}

.mw-classic-profile > .mw-classic-identity {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 12px;
}

.mw-classic-profile > .mw-motto-card {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
}

.mw-classic-profile .mw-classic-layout {
  grid-template-columns: minmax(0, 1.7fr) minmax(115px, 1fr);
  align-items: start;
  gap: 12px;
  margin-bottom: 20px;
}

.mw-classic-profile .mw-classic-left,
.mw-classic-profile .mw-classic-right {
  min-width: 0;
}

@media (max-width: 470px) {
  .mw-classic-profile .mw-classic-layout {
    grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr);
    gap: 8px;
  }

  .mw-classic-profile .mw-classic-identity {
    gap: 8px;
  }

  .mw-classic-profile .mw-classic-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 5px;
  }

  .mw-classic-profile .mw-classic-label,
  .mw-classic-profile .mw-classic-value {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 10px;
  }
}

@media (max-width: 350px) {
  .mw-classic-profile .mw-classic-layout {
    grid-template-columns: 1fr;
  }
}


/* Kartelix profielstijl 2026 - laatste verfijning */
.mw-classic-profile .mw-classic-table {
  border-color: #e5a700;
}

.mw-classic-profile .mw-classic-row {
  min-height: 26px;
  padding: 4px 7px;
  gap: 6px;
}

.mw-classic-profile .mw-classic-label {
  color: #eee;
}

.mw-classic-profile .mw-classic-value {
  color: #fff;
}

.mw-classic-profile .mw-classic-friends {
  min-height: 105px;
}

.mw-classic-profile .mw-classic-profile-actions {
  gap: 6px;
  margin-top: 10px;
}

.mw-classic-profile .mw-classic-profile-actions .mw-classic-buttons {
  gap: 6px;
}

@media (max-width: 470px) {
  .mw-classic-profile .mw-classic-row {
    padding: 5px;
  }
}


/* Kartelix profieltekst maximaal 3 regels */
.mw-classic-profile .mw-motto-card > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.5;
  max-height: 4.5em;
}


/* Kartelix chatmoderatie */
.chat-moderation-trigger {
 background:#e3a000;color:#171717;border:1px solid #f4c34e;
 padding:4px 7px;font-size:10px;font-weight:bold;cursor:pointer;
}
.chat-moderation-panel {
 position:absolute;z-index:1000;top:30px;right:5px;
 width:min(300px,94%);max-height:260px;overflow:auto;
 padding:10px;background:#171717;color:#eee;
 border:1px solid #dba500;border-radius:5px;
 box-shadow:0 5px 18px #000d;font:12px Arial,sans-serif;
}
.chat-moderation-panel[hidden] {display:none}
.chat-moderation-panel > strong {display:block;color:#ffc52e;margin-bottom:9px}
.chat-moderation-panel label {display:block;margin:10px 0 5px}
.chat-moderation-panel select {
 display:block;width:100%;margin-top:5px;padding:7px;
 background:#292929;color:#fff;border:1px solid #a77b17;
}
.chat-moderation-panel button {
 margin:5px 5px 0 0;padding:6px 9px;
 border:1px solid #9b741b;border-radius:3px;
 background:#bd8700;color:#111;font-weight:bold;cursor:pointer;
}
.chat-moderation-panel .chat-danger-button {background:#b82f2f;color:#fff;border-color:#d65b5b}
.chat-moderation-panel .chat-lift-button {background:#397b43;color:#fff;border-color:#52965d}
.chat-ban-row {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #51421f}
.chat-ban-row span {overflow-wrap:anywhere}
.chat-moderation-actions {display:flex;flex-wrap:wrap;gap:5px}
.mini-chat-line[data-chat-message-id] {cursor:pointer}
.mini-chat-line.chat-system-message {color:#ffd45b;font-weight:bold;cursor:default}
.chat-header-actions {display:flex;align-items:center;gap:12px}


/* KARTELIX VEGAS THEME */
html[data-theme="vegas"] {
  --gold: #ffd166;
  --orange: #ff9b43;
  --line: #a94c85;
  --text: #ffe9f4;
  --bg: #230d2b;
}

html[data-theme="vegas"] body {
  color: #ffe9f4;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(255,145,66,.42), transparent 35%),
    radial-gradient(ellipse at 8% 18%, rgba(234,47,146,.32), transparent 42%),
    radial-gradient(ellipse at 95% 15%, rgba(112,37,165,.48), transparent 45%),
    linear-gradient(180deg, #180b2b 0%, #47153f 48%, #78274b 77%, #21102d 100%);
  background-attachment: fixed;
}

html[data-theme="vegas"] .hero {
  background:
    radial-gradient(ellipse at 75% 100%, rgba(255,156,67,.72), transparent 48%),
    linear-gradient(115deg, #2b103d 0%, #6d1d64 50%, #d84e70 100%);
  border-bottom: 2px solid #ffbb62;
  box-shadow: 0 4px 22px rgba(255,56,164,.24);
}

html[data-theme="vegas"] .brand-mark {
  background: #35113f;
  border-color: #ffbf67;
  color: #ffd37b;
  box-shadow: 0 0 16px rgba(255,72,175,.45);
}

html[data-theme="vegas"] .sidebar,
html[data-theme="vegas"] .kartel-settings,
html[data-theme="vegas"] .kartel-settings-section {
  border-color: #ad568b;
}

html[data-theme="vegas"] .kartel-settings-head {
  background: linear-gradient(90deg, #5e1b5b, #a12e6d);
  color: #ffe3a4;
}

html[data-theme="vegas"] .kartel-settings-option {
  border-color: rgba(255,174,116,.25);
}

html[data-theme="vegas"] .kartel-settings-option:hover {
  background: rgba(255,91,174,.14);
}

.kartel-theme-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 16px 0;
}

.kartel-theme-options button {
  padding: 15px 22px;
  border: 2px solid #bd8b38;
  border-radius: 9px;
  background: #242424;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.kartel-theme-options button:hover {
  border-color: #ffd166;
}

html[data-theme="vegas"] .kartel-theme-options button {
  background: linear-gradient(135deg, #491653, #8c2867);
  border-color: #ffb76a;
  box-shadow: 0 0 14px rgba(255,65,172,.22);
}

html[data-theme="vegas"] .kartel-theme-options button:hover {
  background: linear-gradient(135deg, #76206c, #bc3976);
}


/* KARTELIX VEGAS PALMS */
html[data-theme="vegas"] body {
  background-image:
    linear-gradient(rgba(23,7,31,.24), rgba(23,7,31,.38)),
    url('/vegas-background.svg');
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
}

@media (max-width: 700px) {
  html[data-theme="vegas"] body {
    background-attachment: scroll;
    background-position: center bottom;
  }
}


/* KARTELIX VEGAS FULL INTERFACE */
html[data-theme="vegas"] {
  --gold: #ffd27a;
  --orange: #ff994e;
  --line: #a94c85;
  --text: #fff0f4;
  --bg: #260d30;
  color-scheme: dark;
}

html[data-theme="vegas"] .layout {
  color: #fff0f4;
}

html[data-theme="vegas"] .sidebar,
html[data-theme="vegas"] .mainpanel,
html[data-theme="vegas"] .panel,
html[data-theme="vegas"] .quickstats,
html[data-theme="vegas"] .statusbox,
html[data-theme="vegas"] .mini-chat,
html[data-theme="vegas"] .kartel-settings,
html[data-theme="vegas"] .kartel-settings-section {
  background: linear-gradient(145deg, #38133e 0%, #4d183e 55%, #2a102f 100%);
  color: #fff0f4;
  border-color: #d17a9a;
  box-shadow: inset 0 1px rgba(255,211,143,.12), 0 5px 18px rgba(15,3,25,.3);
}

html[data-theme="vegas"] .sidebar h3,
html[data-theme="vegas"] .panel h3,
html[data-theme="vegas"] .mainpanel h3,
html[data-theme="vegas"] .mini-chat-head,
html[data-theme="vegas"] .kartel-settings-head,
html[data-theme="vegas"] .statusbox h3,
html[data-theme="vegas"] .quickstats h3 {
  background: linear-gradient(90deg, #70215c, #b13a73 65%, #7b265d);
  color: #ffe2a0;
  border-color: #ffbd75;
  text-shadow: 0 1px 3px #2b0b2b;
}

html[data-theme="vegas"] .sidebar nav,
html[data-theme="vegas"] .sidebar nav button,
html[data-theme="vegas"] .sidebar button,
html[data-theme="vegas"] .kartel-settings-option {
  color: #fff0f4;
  border-color: rgba(255,188,129,.25);
}

html[data-theme="vegas"] .sidebar nav button,
html[data-theme="vegas"] .sidebar button {
  background: linear-gradient(90deg, #40153f, #59204c);
}

html[data-theme="vegas"] .sidebar nav button:hover,
html[data-theme="vegas"] .sidebar button:hover,
html[data-theme="vegas"] .kartel-settings-option:hover {
  background: linear-gradient(90deg, #7a255e, #a3316e);
  color: #ffe2a0;
}

html[data-theme="vegas"] .mainpanel button,
html[data-theme="vegas"] .panel button,
html[data-theme="vegas"] .kartel-settings button,
html[data-theme="vegas"] .mini-chat button {
  border-color: #e99b80;
}

html[data-theme="vegas"] button.orange,
html[data-theme="vegas"] .orange {
  background: linear-gradient(180deg, #ffb55e, #ec6c65);
  color: #290e2d;
  border-color: #ffd08b;
}

html[data-theme="vegas"] input,
html[data-theme="vegas"] select,
html[data-theme="vegas"] textarea {
  background: #2b102f;
  color: #fff0f4;
  border: 1px solid #b76896;
  border-radius: 4px;
}

html[data-theme="vegas"] input:focus,
html[data-theme="vegas"] select:focus,
html[data-theme="vegas"] textarea:focus {
  border-color: #ffd27a;
  box-shadow: 0 0 0 2px rgba(255,125,189,.2);
}

html[data-theme="vegas"] table {
  color: #fff0f4;
  border-color: #a94c85;
}

html[data-theme="vegas"] th {
  background: #81295f;
  color: #ffe2a0;
  border-color: #d0809b;
}

html[data-theme="vegas"] td {
  background: rgba(66,20,62,.88);
  border-color: rgba(255,183,127,.25);
}

html[data-theme="vegas"] tr:nth-child(even) td {
  background: rgba(91,28,74,.88);
}

html[data-theme="vegas"] .mini-chat-messages,
html[data-theme="vegas"] .mini-chat-form,
html[data-theme="vegas"] .kartel-settings-body {
  background: rgba(42,13,47,.78);
  color: #fff0f4;
}

html[data-theme="vegas"] a {
  color: #ffd27a;
}

html[data-theme="vegas"] a:hover {
  color: #ff8bc6;
}

html[data-theme="vegas"] .hero-bottom {
  background: rgba(63,16,65,.8);
  color: #ffe2a0;
  border-color: #ffbd75;
}

html[data-theme="vegas"] .kartel-theme-options button {
  background: linear-gradient(135deg, #60205c, #a83470);
  color: #fff0f4;
  border: 2px solid #ffbd75;
}

html[data-theme="vegas"] .kartel-theme-options button:hover {
  background: linear-gradient(135deg, #a32e77, #d84983);
  box-shadow: 0 0 16px rgba(255,96,171,.4);
}


/* KARTELIX VEGAS PHOTO MATCH V1 */
html[data-theme="vegas"] {
  --gold: #ffd46f;
  --orange: #ff923e;
  --line: #f38a49;
  --text: #f8e8e4;
  --bg: #190b19;
}

/* Donkere casino-indeling */
html[data-theme="vegas"] .layout {
  background: transparent;
  gap: 7px;
  grid-template-columns: 146px minmax(0,402px) 146px;
  padding: 8px 0 15px;
  max-width: 708px;
  align-items: stretch;
}

html[data-theme="vegas"] .sidebar {
  background: linear-gradient(155deg,#290d25 0%,#190d1c 55%,#2e1025 100%);
  border: 1px solid #ed8a4b;
  border-radius: 13px;
  padding: 10px 8px 14px;
  box-shadow: inset 0 0 24px rgba(175,45,67,.18),0 0 12px rgba(255,99,55,.18);
}

/* Menukoppen zoals op het voorbeeld */
html[data-theme="vegas"] .sidebar h3 {
  color: #ffd36c;
  font: 700 17px Oswald,Impact,sans-serif;
  text-transform: uppercase;
  letter-spacing: .3px;
  background: linear-gradient(90deg,rgba(138,45,52,.55),rgba(45,12,37,.1));
  border-bottom: 1px solid rgba(255,153,80,.45);
  margin: 0 0 7px;
  padding: 5px 4px 7px;
  text-shadow: 0 1px 3px #000;
}

html[data-theme="vegas"] .sidebar nav {
  border-left: 0;
  margin-bottom: 17px;
}

html[data-theme="vegas"] .sidebar nav button,
html[data-theme="vegas"] .sidebar button {
  background: transparent;
  color: #f2e8e7;
  border: 0;
  border-radius: 5px;
  font-size: 11px;
  line-height: 1.4;
  padding: 3px 5px;
}

html[data-theme="vegas"] .sidebar nav button:hover,
html[data-theme="vegas"] .sidebar button:hover {
  background: linear-gradient(90deg,#9b3c3b,#c56537);
  color: #fff;
}

/* Middenpaneel: diep bordeauxrood met gouden rand */
html[data-theme="vegas"] .mainpanel {
  background:
    radial-gradient(ellipse at 50% 0%,rgba(121,28,67,.32),transparent 65%),
    linear-gradient(155deg,#290c24,#170b1a 70%,#280e22);
  border: 1px solid #e98649;
  border-radius: 15px;
  padding: 16px 15px;
  box-shadow: inset 0 0 30px rgba(153,33,57,.13),0 0 13px rgba(255,100,54,.18);
  min-width: 0;
}

html[data-theme="vegas"] .panel {
  background: linear-gradient(150deg,#311024,#1b0d1d);
  border: 1px solid #d77d49;
  border-radius: 10px;
  color: #f8e8e4;
}

html[data-theme="vegas"] .mainpanel h1,
html[data-theme="vegas"] .mainpanel h2,
html[data-theme="vegas"] .mainpanel h3,
html[data-theme="vegas"] .panel h2,
html[data-theme="vegas"] .panel h3 {
  color: #ffd36c;
  text-shadow: 0 1px 3px #160611;
}

/* Bovenkant */
html[data-theme="vegas"] .hero {
  background:
    linear-gradient(180deg,rgba(20,5,28,.15),rgba(39,7,29,.12)),
    url('/vegas-background.svg') center 57% / cover;
  border-bottom: 2px solid #ef8c48;
  box-shadow: 0 3px 14px rgba(255,94,51,.3);
}

html[data-theme="vegas"] .mini-chat,
html[data-theme="vegas"] .statusbox {
  background: linear-gradient(150deg,rgba(49,13,37,.97),rgba(27,11,26,.97));
  border: 1px solid #f29a55;
  border-radius: 10px;
  box-shadow: 0 0 13px rgba(255,101,53,.28);
}

html[data-theme="vegas"] .mini-chat-head {
  background: linear-gradient(90deg,#65213d,#37132e);
  border-bottom: 1px solid #a85b4d;
  color: #ffdc8b;
}

html[data-theme="vegas"] .mini-chat-messages,
html[data-theme="vegas"] .mini-chat-form {
  background: transparent;
}

/* Gouden randen en oranje casinoknoppen */
html[data-theme="vegas"] button.orange,
html[data-theme="vegas"] .orange {
  background: linear-gradient(180deg,#ffb34e 0%,#e96b30 100%);
  color: #fff8ed;
  border: 1px solid #ffca74;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(255,255,255,.3),0 2px 6px rgba(0,0,0,.25);
  text-shadow: 0 1px 2px #8b351c;
}

html[data-theme="vegas"] .kartel-settings,
html[data-theme="vegas"] .kartel-settings-section {
  background: linear-gradient(145deg,#2b1027,#190c1b);
  border: 1px solid #df824c;
  border-radius: 9px;
}

html[data-theme="vegas"] .kartel-settings-head {
  background: linear-gradient(90deg,#783046,#3a142e);
  color: #ffd36c;
}

html[data-theme="vegas"] th {
  background: #6a293b;
  color: #ffd36c;
}

html[data-theme="vegas"] td {
  background: rgba(29,12,25,.94);
  color: #f8e8e4;
}

html[data-theme="vegas"] tr:nth-child(even) td {
  background: rgba(49,20,37,.94);
}

/* Mobiel: behoud de bestaande responsieve kolomindeling */
@media (max-width: 740px) {
  html[data-theme="vegas"] .layout {
    max-width: 100%;
    gap: 5px;
    padding: 6px;
  }
}


/* KARTELIX VEGAS LOGO POSITION */
html[data-theme="vegas"] .hero-bottom {
  position: absolute;
  left: 8px;
  top: 18px;
  bottom: auto;
  width: 165px;
  height: 130px;
  font-size: 0;
  color: transparent;
  text-shadow: none;
  border: 0;
  background: url('/kartelix-vegas-logo.png') center center / contain no-repeat;
  z-index: 4;
  pointer-events: none;
}

@media (max-width: 740px) {
  html[data-theme="vegas"] .hero-bottom {
    left: 4px;
    top: 20px;
    width: 24%;
    height: 100px;
  }
}


/* KARTELIX VEGAS INLINE LOGO */
.hero-bottom .vegas-inline-logo {
  display: none;
}
html[data-theme="vegas"] .hero-bottom {
  background: none !important;
  width: 190px;
  height: 130px;
  left: 5px;
  top: 8px;
  padding: 0;
  overflow: visible;
}
html[data-theme="vegas"] .hero-bottom .oldschool-slogan {
  display: none;
}
html[data-theme="vegas"] .hero-bottom .vegas-inline-logo {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 6px rgba(255,135,66,.4));
}
@media(max-width:740px) {
  html[data-theme="vegas"] .hero-bottom {
    width: 25%;
    height: 110px;
    left: 2px;
    top: 12px;
  }
}


/* KARTELIX VEGAS MENU HEADINGS V2 */
html[data-theme="vegas"] .sidebar h3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 33px;
  padding: 6px 7px 8px;
  margin: 5px 0 8px;
  border: 0;
  border-bottom: 1px solid #d97d42;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(90deg,#60212e 0%,#3b1329 65%,transparent 100%);
  color: #ffd77d;
  font: 700 15px Oswald,Impact,sans-serif;
  letter-spacing: .5px;
  text-shadow: 0 1px 3px #120611,0 0 9px rgba(255,151,62,.2);
}

html[data-theme="vegas"] .sidebar h3::before {
  content: "♛";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  border: 1px solid #d68a4c;
  border-radius: 50%;
  background: linear-gradient(145deg,#9b3a39,#4c172e);
  color: #ffdc88;
  font-size: 14px;
  box-shadow: 0 0 7px rgba(255,126,61,.25);
}

html[data-theme="vegas"] .left-side h3:first-of-type::before {
  content: "♠";
}

html[data-theme="vegas"] .right-side h3:nth-of-type(1)::before {
  content: "⚙";
}

html[data-theme="vegas"] .right-side h3:nth-of-type(2)::before {
  content: "♣";
}

html[data-theme="vegas"] .right-side h3:nth-of-type(3)::before {
  content: "€";
}

html[data-theme="vegas"] .sidebar nav {
  padding: 2px 0 5px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(233,133,75,.2);
}

html[data-theme="vegas"] .sidebar nav button {
  position: relative;
  padding: 4px 5px 4px 10px;
  color: #f9e7e1;
  border-radius: 4px;
  transition: background .15s,color .15s;
}

html[data-theme="vegas"] .sidebar nav button::before {
  content: "›";
  position: absolute;
  left: 1px;
  color: #e99a55;
}

html[data-theme="vegas"] .sidebar nav button:hover {
  background: linear-gradient(90deg,#a54742,#61243b);
  color: #ffe0a0;
}

@media (max-width:740px) {
  html[data-theme="vegas"] .sidebar h3 {
    font-size: 13px;
    gap: 4px;
    padding: 5px 3px;
  }
  html[data-theme="vegas"] .sidebar h3::before {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
    font-size: 12px;
  }
}


/* KARTELIX VEGAS HEADER CLEANUP V1 */

/* Logo verder naar links, zonder de chat te verschuiven */
html[data-theme="vegas"] .hero-bottom {
  left: -32px !important;
  top: 5px !important;
  width: 190px !important;
  height: 125px !important;
  background: none !important;
}

/* Oude zwarte decoratie achter de bovenbalk verbergen */
html[data-theme="vegas"] .skyline,
html[data-theme="vegas"] .skyline i {
  display: none !important;
}

/* Eén doorlopende, warme casino-achtergrond */
html[data-theme="vegas"] .hero {
  background:
    linear-gradient(
      180deg,
      rgba(58, 12, 49, .12) 0%,
      rgba(103, 27, 62, .15) 65%,
      rgba(115, 38, 68, .4) 100%
    ),
    url('/vegas-background.svg') center 57% / cover no-repeat !important;
  border-bottom: 2px solid #ed9652 !important;
  overflow: visible;
}

/* Ook op smallere schermen netjes houden */
@media (max-width: 740px) {
  html[data-theme="vegas"] .hero-bottom {
    left: -8px !important;
    top: 12px !important;
    width: 25% !important;
    height: 105px !important;
  }
}

/* KARTELIX VEGAS MOBILE SAME AS OLDSCHOOL V2 */

/* Vegas houdt dezelfde drie kolommen als Oldschool */
@media (max-width: 740px) {
  html[data-theme="vegas"] .layout {
    width: 694px;
    max-width: 694px;
    grid-template-columns: 146px minmax(0, 402px) 146px;
    gap: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }

  html[data-theme="vegas"] .mainpanel {
    min-width: 0;
    box-sizing: border-box;
  }
}

/* Ook op kleine telefoons blijven de menu's aan de zijkanten */
@media (max-width: 470px) {
  html[data-theme="vegas"] .layout {
    width: 694px;
    max-width: 694px;
    grid-template-columns: 146px minmax(0, 402px) 146px;
  }
}


/* KARTELIX VEGAS PROFILE OLDSCHOOL MOBILE V1 */
@media (max-width: 740px) {

  /* Het profiel behoudt de compacte Oldschool-afmetingen */
  html[data-theme="vegas"] .mainpanel:has(.mw-classic-profile) {
    padding: 17px 16px;
  }

  html[data-theme="vegas"] .mw-classic-profile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Profielfoto, gegevens en actieknoppen naast elkaar */
  html[data-theme="vegas"] .mw-classic-profile .mw-classic-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr);
    gap: 8px;
    align-items: start;
  }

  html[data-theme="vegas"] .mw-classic-profile .mw-classic-left,
  html[data-theme="vegas"] .mw-classic-profile .mw-classic-right {
    min-width: 0;
  }

  /* De oorspronkelijke compacte profielregels behouden */
  html[data-theme="vegas"] .mw-classic-profile .mw-classic-row {
    min-height: 26px;
    padding: 4px 7px;
    gap: 6px;
  }

  html[data-theme="vegas"] .mw-classic-profile .mw-classic-label,
  html[data-theme="vegas"] .mw-classic-profile .mw-classic-value {
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  /* Bezittingen blijven vijf kolommen */
  html[data-theme="vegas"] .mw-profile-inventory {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px 7px;
  }
}


/* KARTELIX VEGAS COMPACT PROFILE TABLE V2 */

/* Profielgegevens in twee kolommen zoals het klassieke voorbeeld */
html[data-theme="vegas"] .mw-classic-profile .mw-classic-row {
  display: grid !important;
  grid-template-columns: 48% minmax(0, 1fr) !important;
  align-items: center;
  gap: 5px !important;
  min-height: 28px;
  padding: 5px 7px !important;
  box-sizing: border-box;
}

/* Label en waarde naast elkaar, niet onder elkaar */
html[data-theme="vegas"] .mw-classic-profile .mw-classic-label,
html[data-theme="vegas"] .mw-classic-profile .mw-classic-value {
  display: block;
  width: auto;
  min-width: 0;
  margin: 0;
  font-size: 11px !important;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

/* Gegevens links, vrienden en knoppen rechts */
html[data-theme="vegas"] .mw-classic-profile .mw-classic-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr) !important;
  align-items: start;
  gap: 8px;
}

html[data-theme="vegas"] .mw-classic-profile .mw-classic-left,
html[data-theme="vegas"] .mw-classic-profile .mw-classic-right {
  min-width: 0;
}

/* Ook op mobiel de compacte tabel behouden */
@media (max-width: 740px) {
  html[data-theme="vegas"] .mw-classic-profile .mw-classic-row {
    grid-template-columns: 48% minmax(0, 1fr) !important;
  }

  html[data-theme="vegas"] .mw-classic-profile .mw-classic-layout {
    grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr) !important;
  }
}


/* KARTELIX OLDSCHOOL COMPACT PROFILE V1 */

/* Dezelfde compacte profielindeling als Vegas */
html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-row {
  display: grid !important;
  grid-template-columns: 48% minmax(0, 1fr) !important;
  align-items: center;
  gap: 5px !important;
  min-height: 28px;
  padding: 5px 7px !important;
  box-sizing: border-box;
}

html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-label,
html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-value {
  display: block;
  width: auto;
  min-width: 0;
  margin: 0;
  font-size: 11px !important;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

/* Vriendenlijst en actieknoppen blijven rechts */
html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr) !important;
  align-items: start;
  gap: 8px;
}

html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-left,
html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-right {
  min-width: 0;
}

/* Ook op mobiele schermen dezelfde indeling */
@media (max-width: 740px) {
  html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-row {
    grid-template-columns: 48% minmax(0, 1fr) !important;
  }

  html:not([data-theme="vegas"]) .mw-classic-profile .mw-classic-layout {
    grid-template-columns: minmax(0, 1.7fr) minmax(105px, 1fr) !important;
  }
}