:root{--vip-accent:#99dcff;--vip-shadow:#16497e}
body #custom-options{display:block!important;margin:12px auto 0;padding:9px 14px;border:1px solid #ffffff70;border-radius:8px;background:#0002;text-decoration:none;font:13px Arial,sans-serif}
body #custom-options:hover{background:#ffffff25}
.vip-logo-v2{object-fit:contain;aspect-ratio:3/1;width:min(510px,92%);height:auto;margin:0 auto -10px!important}
.vip-room-heading{font-family:'Lilita One',Marvin,Arial,sans-serif;font-size:26px!important;line-height:1.25;text-transform:uppercase;gap:12px;text-shadow:none;max-width:880px;margin:auto;padding:5px 12px 12px;isolation:isolate}
.vip-room-heading .vip-room-name{background:linear-gradient(#fff 12%,var(--vip-accent) 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px var(--vip-shadow);filter:drop-shadow(0 2px 0 var(--vip-shadow)) drop-shadow(0 1px 2px #0006);overflow-wrap:anywhere}
.vip-room-heading img{border-color:var(--vip-accent)!important;box-shadow:0 0 0 1px #fff8,0 3px 10px #0004}
#vip-dialog .vip-logo-v2{width:85%;margin:-8px auto -5px!important}
#vip-profile-status{min-height:34px;font:12px/1.4 Arial;margin:10px 0 0;color:#c7d8e6}
#vip-profile-status[data-state=live]{color:#99f9ad}
#vip-room-preview{background:linear-gradient(135deg,#ffffff13,#0003);min-height:74px}
#vip-room-preview .vip-room-heading{font-size:21px!important;padding:8px}
#vip-room-preview .vip-room-heading img{width:42px!important;height:42px!important}
.room-export{margin-top:16px;padding-top:16px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.room-export a{color:#d5e4f0;font:12px Arial;text-decoration:underline}
#vip-dialog .room-export button{font:13px Arial;padding:10px}
@media(max-width:650px){.vip-logo-v2{width:min(400px,95%);margin-bottom:-8px!important}.vip-room-heading{font-size:20px!important;gap:9px;padding-bottom:8px}.vip-room-heading img{width:38px!important;height:38px!important}#vip-room-preview .vip-room-heading{font-size:18px!important}.room-export{justify-content:center}}
/* White faces and colored 3D edging, matching the supplied room-name reference. */
.vip-room-heading .vip-room-name{
 background:none;background-clip:border-box;-webkit-background-clip:border-box;
 color:#fffef5;-webkit-text-fill-color:#fffef5;
 -webkit-text-stroke:.08em var(--vip-edge,var(--vip-accent));paint-order:stroke fill;
 text-shadow:.025em .055em 0 var(--vip-depth,var(--vip-shadow)),.045em .10em 0 var(--vip-depth,var(--vip-shadow));
 filter:drop-shadow(0 0 .045em var(--vip-edge,var(--vip-accent)));
 font-size:1em;letter-spacing:.012em;
}
.vip-room-heading img{border-color:white!important;box-shadow:0 1px 3px #0005}
[data-vip-theme="sab-underwater"] .vip-room-name{
 background:none!important;color:white!important;-webkit-text-fill-color:white!important;
 -webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important;
}
[data-vip-theme="sab-underwater"] #vip-room-preview{background:transparent}
.vip-logo-v4{position:relative;display:block;line-height:0;aspect-ratio:3/1;width:min(510px,92%);height:auto;margin:0 auto -10px!important;overflow:visible}
.vip-logo-v4 img{display:block;width:100%;height:auto;max-width:none}
.vip-logo-v4 .vip-logo-badge{position:absolute;inset:0;filter:var(--vip-badge-filter,none);pointer-events:none}
#vip-dialog .vip-logo-v4{width:85%;margin:-8px auto -5px!important}
@media(max-width:650px){.vip-mode .vip-logo-v4{width:min(400px,95%);margin-bottom:-8px!important}.vip-room-heading .vip-room-name{letter-spacing:0}}
