:root{font-family:Tahoma,Arial,sans-serif;color:#111;background:#f6f7f8}body{margin:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-logo{display:block;width:126px;height:123px;background-image:url('/assets/approved-shell.png');background-repeat:no-repeat;background-size:1705px 923px;background-position:-1564px -34px;flex:none}.directory-header{height:110px;border:1px solid #ccd4db;border-radius:7px 7px 0 0;direction:ltr;position:relative;background:linear-gradient(#f5f8fa,#fff 55%,#f3f5f6)}.directory-window{font:13px Tahoma;height:30px;padding:7px 16px;background:linear-gradient(90deg,#e6eff5,#fff)}.directory-header nav{height:32px;display:flex;align-items:center;gap:30px;padding:0 18px;border-bottom:1px solid #ccd4db;font:15px Tahoma}.directory-actions{height:46px;padding-left:12px}.action-strip{display:block;width:400px;height:45px;background:url('/assets/approved-shell.png') -12px -64px /1705px 923px no-repeat}.directory-actions .brand-logo{position:absolute;right:14px;top:34px;z-index:2}.directory-home{height:calc(100dvh - 110px);display:grid;grid-template-columns:28% minmax(0,1fr);gap:8px;padding:0 8px 7px;direction:ltr}.directory-sections{overflow:auto;background:white;border:1px solid #cbd2d7;border-radius:5px;direction:ltr}.section-row{height:55px;width:100%;display:flex;align-items:center;gap:12px;background:white;border:0;border-bottom:1px solid #d3d6d9;padding:2px 10px;font:16px Tahoma;color:#111;text-align:left;direction:ltr}.section-row.selected{background:linear-gradient(90deg,#c2edf7,#a5d8e6)}.section-row:hover{background:#ddf3f8}.section-row-body{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.section-row strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-counts{display:flex;gap:10px;align-items:center;justify-content:space-between;font:15px Tahoma;color:#929698;white-space:nowrap;padding-right:25px}.directory-flag{width:53px;height:48px;border-radius:50%;display:block;flex:none;background:url('/assets/approved-directory.png') -15px calc(-119px - var(--row,0)*55px)/1704px 923px no-repeat}.directory-flag.new-syria{background:url('/assets/syria-new.svg') center/cover no-repeat;box-shadow:inset 0 0 1px #777}.directory-flag.fallback-flag{background:none;display:grid;place-items:center;font-size:32px}.directory-content{border:1px solid #d0d5d9;border-radius:6px;overflow:hidden;display:flex;min-width:0;flex-direction:column;background:#fff}.directory-heading{display:flex;align-items:center;gap:15px;min-height:72px;padding:6px 15px;background:linear-gradient(#f5f7f8,#eef2f4);flex:none;direction:ltr}.directory-heading h1{font:bold 25px Tahoma;margin:0;flex:1}.directory-heading .room-tools{display:flex;margin:0;gap:5px}.directory-heading input,.directory-heading select{font:12px Tahoma;border:1px solid #c9d7df;border-radius:4px;padding:7px;max-width:140px;min-width:0;background:white;color:#222}.directory-rooms{overflow:auto;flex:1}.directory-room{min-height:92.5px;display:flex;align-items:center;direction:ltr;border-bottom:1px solid #d8dce0;padding:3px 16px;gap:18px;background:#fff}.directory-room.selected{background:linear-gradient(90deg,#b4e3f4,#dcf5fc)}.room-open{flex:1;display:flex;gap:20px;align-items:center;border:0;background:none;padding:0;min-width:0;text-align:left;color:#111}.room-picture{width:86px;height:86px;border-radius:50%;flex:none;display:block;position:relative;overflow:hidden;background-image:url('/assets/approved-directory.png');background-size:1704px 923px;background-position:-503px calc(-1*var(--picture-y));box-shadow:0 0 0 1px #0003}.room-picture.country-picture{background:none;display:grid;place-items:center}.room-picture.country-picture .directory-flag{width:75px;height:70px}.falcon-flag{position:absolute;left:8px;right:8px;top:48px;height:30px;background:url('/assets/syria-new.svg') center/100% 100% no-repeat;clip-path:polygon(0 0,48% 6%,100% 0,96% 85%,50% 100%,4% 85%);box-shadow:0 2px 3px #0004}.directory-room-body{display:flex;flex-direction:column;min-width:0;gap:13px}.directory-room-title{font:22px Tahoma;overflow-wrap:anywhere}.room-users{font:16px Tahoma;color:#929698}.favorite-room{font:42px Arial;color:#526b77;border:0;background:none;padding:0 5px}.favorite-room[aria-pressed=true]{color:#d24c6c}.room-enter{border:1px solid #a4dbed;border-radius:6px;background:linear-gradient(#e4f6fd,#d8eff9);color:#006dba;font:19px Tahoma;padding:12px 21px;white-space:nowrap}.member-toolbar #meBtn{background:linear-gradient(#fafafa,#bbb);color:#111;font:bold 12px Tahoma;min-width:51px;flex:none;border:1px solid #aaa}.members{position:relative}.member-bottom{gap:5px}.member-bottom .bottom-spacer{flex:1}.member-bottom #queueMic{width:29px;padding:0}.member-bottom #queueMic[aria-pressed=true]{background:#e9ffc4;box-shadow:inset 0 0 0 1px #537b16}.member-bottom #mixerBtn{display:flex;align-items:center;gap:4px;padding:0;width:45px;font:12px Tahoma}.mixer-icon{display:block;width:27px;height:27px;background:url('/assets/interior-reference.jpg') -271px -924px/1920px 1040px no-repeat}.me-menu{position:absolute;left:3px;top:32px;z-index:20;display:flex;background:#fff;border:1px solid #aaa;box-shadow:1px 3px 4px #0005;direction:ltr;font:12px Tahoma}.me-menu>button{border:0;background:#d6edfc;padding:10px;align-self:flex-start;font:12px Tahoma;color:#111}.status-choices{display:flex;flex-direction:column;width:105px;border-left:1px solid #aaa}.status-choices button{border:0;background:white;color:#111;padding:9px 5px;font:12px Tahoma;text-align:left}.status-choices button:hover{background:#d6edfc}.mixer-menu{position:absolute;bottom:88px;left:5px;right:5px;z-index:15;padding:10px;display:flex;flex-direction:column;gap:9px;background:#f8f8f8;border:1px solid #888;box-shadow:0 2px 4px #0005;font:12px Tahoma;direction:rtl}.mixer-menu label{display:flex;flex-direction:column;gap:6px}.mixer-menu select,.mixer-menu button{font:12px Tahoma;border:1px solid #aaa;background:white;padding:5px;max-width:100%}.person-state[data-status=busy]{color:#e7ad00}.person-state[data-status=away]{color:#d82d32}.person-state[data-status=online]{color:#32a15b}.queue-position{font:10px Tahoma;color:#388144}#loadingScreen{position:fixed;inset:0;background:#f5f5f5;z-index:45;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#555;font:bold 18px Tahoma}#loadingScreen .brand-logo{transform:scale(1.5);margin:35px 0}#loadingScreen p{margin:20px 0}.login-overlay{position:fixed;inset:0;background:#f4f4f4;display:grid;place-items:center;padding:15px;z-index:40}.login-dialog{width:450px;max-width:100%;padding:2px;background:#e0e0e0;border:1px solid #888;box-shadow:inset 0 0 0 1px #fff;direction:ltr;font:12px Tahoma;color:#111}.login-title{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.login-title button{width:21px;height:21px;line-height:15px;padding:0;border:0;border-radius:3px;background:#a31919;color:#fff;font:bold 23px Arial}.login-brand{height:116px;border:1px solid #aaa;display:flex;align-items:center;justify-content:center;background:#f6f6f6;overflow:hidden}.login-brand .brand-logo{transform:scale(.83)}.login-modes{height:38px;display:flex;align-items:center;justify-content:space-around;margin:0;border:1px solid #aaa;border-top:0;padding:0;background:white}.login-modes label{display:flex;align-items:center;gap:5px}.login-modes input{accent-color:black;margin:0}.login-body{display:flex;gap:10px;padding:10px 9px 0;background:#f4f4f4;min-height:85px}.login-fields{display:flex;flex-direction:column;flex:1;gap:7px;position:relative}.login-fields>label{display:grid;grid-template-columns:115px minmax(0,1fr);gap:5px;align-items:center}.login-fields input{width:100%;min-width:0;height:27px;border:1px solid #aaa;background:white;padding:3px 5px;font:12px Tahoma;color:#222;border-radius:0;text-align:left;direction:auto}.nickname-control{position:relative;display:flex;min-width:0}.nickname-control input{padding-right:27px}.nickname-control button{position:absolute;right:1px;top:1px;bottom:1px;width:25px;border:0;border-left:1px solid #aaa;background:linear-gradient(white,#ddd);padding:0;font-size:18px}.login-avatar-box{width:68px;border:1px solid #aaa;height:69px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.ninja-avatar{display:block;width:44px;height:40px;background:url('/assets/approved-guest.jpg') -286px -131px/354px 238px no-repeat}.login-avatar-box>div{display:flex;width:100%;justify-content:space-around}.avatarArrow{border:0;background:none;font:17px Arial;padding:0;line-height:18px}.login-dialog #loginStatus{margin:0;padding:7px 10px 4px;background:#f4f4f4;min-height:26px;font-size:12px}.login-dialog #loginStatus.error{color:#a11818}.login-footer{min-height:36px;display:flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #aaa;background:linear-gradient(#eee,#ccc)}.login-footer button{background:none;border:0;border-radius:0;color:#111;padding:3px 7px;font:12px Tahoma}.login-footer>span{flex:1}.login-footer #saveLogin,.login-footer #forgetLogin{font-size:21px;padding:0 4px}.login-footer #buyName{color:#0000ce;text-decoration:underline;padding:0;font-size:11px}.login-footer #cancelJoin{margin-right:20px}#recentNames{position:absolute;left:120px;right:0;top:27px;background:white;border:1px solid #999;z-index:4;box-shadow:0 2px 4px #0003}#recentNames button{display:block;width:100%;border:0;background:white;font:12px Tahoma;padding:7px;text-align:left}#recentNames button:hover{background:#d6edfc}@media(max-width:750px){.directory-header{height:98px}.directory-window{height:23px}.directory-header nav{height:27px;font-size:12px;gap:18px}.directory-actions .brand-logo{transform:scale(.65);transform-origin:top right;top:14px;right:5px}.action-strip{width:270px;height:45px;background-size:1193.5px 646.1px;background-position:-8px -44px}.directory-home{height:calc(100dvh - 98px);grid-template-columns:138px minmax(0,1fr);padding:0 3px 3px;gap:4px}.section-row{height:51px;gap:4px;padding:2px 3px}.section-row strong{font-size:10px}.directory-flag{width:36px;height:33px;background-size:1160px 628.4px;background-position:-10px calc(-81px - var(--row,0)*37.4px)}.directory-counts{padding:0;gap:3px;font-size:8px;flex-wrap:wrap}.directory-heading{min-height:68px;padding:6px;flex-direction:column;align-items:stretch;gap:6px}.directory-heading h1{font-size:13px}.directory-heading .room-tools{gap:3px;flex-wrap:nowrap}.directory-heading input{width:75px;flex:1}.directory-heading select{width:70px}.directory-heading input,.directory-heading select{padding:3px;font-size:9px}.directory-room{padding:5px;gap:4px;flex-wrap:wrap;min-height:88px}.room-open{gap:7px;flex-basis:100%}.room-picture{transform:scale(.6);transform-origin:left center;margin-right:-34px;margin-top:-17px;margin-bottom:-17px}.directory-room-title{font-size:12px}.directory-room-body{gap:5px}.room-users{font-size:9px}.favorite-room{font-size:23px;margin-left:auto}.room-enter{font-size:10px;padding:3px 9px}.login-dialog{width:450px;font-size:10px}.login-fields>label{grid-template-columns:96px minmax(0,1fr);gap:3px}.login-avatar-box{width:52px}.login-body{gap:5px;padding:8px 5px 0}.login-fields input{font-size:10px}.login-footer #cancelJoin{margin-right:5px}.member-bottom{gap:1px;font-size:9px}.member-bottom #queueMic{width:22px}.member-bottom #queueMic svg{width:22px}.member-bottom #mixerBtn{width:30px;gap:0;font-size:9px}.mixer-icon{width:24px}.member-toolbar #meBtn{min-width:35px;font-size:10px}.mixer-menu{font-size:10px}.mixer-menu button,.mixer-menu select{font-size:10px}.me-menu{font-size:10px}.status-choices{width:90px}.me-menu>button,.status-choices button{font-size:10px;padding:7px}}

.directory-flag{background-position:-15px calc(-1*var(--flag-y,119px));height:43px}.directory-flag.new-syria{background-position:center}.directory-flag.fallback-flag{background:none}
@media(max-width:750px){.directory-flag{background-size:1160px 628.4px;background-position:-10px calc(-.68075*var(--flag-y,119px));height:30px}.directory-flag.new-syria{background-size:cover;background-position:center}}

.directory-flag.standard-country-flag{background-size:cover;background-position:center}
