@keyframes shopDeckPulse{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -4px 10px rgba(0,0,0,.38),0 0 7px rgba(32,225,255,.28)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -4px 10px rgba(0,0,0,.38),0 0 12px rgba(32,225,255,.55)}}
@keyframes shopBuyPulse{0%,100%{filter:drop-shadow(0 0 5px #44ff9a)}50%{filter:drop-shadow(0 0 11px #4dff9f) brightness(1.1)}}
#shopScreen:after{content:"";position:absolute;left:268px;top:487px;width:540px;height:90px;border:1px solid rgba(69,235,255,.32);border-radius:10px;background:linear-gradient(180deg,rgba(11,34,53,.88),rgba(3,11,24,.94));box-shadow:inset 0 0 20px rgba(28,218,255,.09),0 7px 20px rgba(0,0,0,.5),0 0 13px rgba(29,208,255,.16);pointer-events:none;z-index:0}
#buttonShopHead,#buttonShopBody,#buttonShopEyes,#buttonShopFlag,#buttonShopBackground,#buttonShopForeground,#buttonShopExItem{width:58px!important;height:31px!important;top:494px!important;background-image:linear-gradient(180deg,rgba(24,66,88,.98),rgba(5,21,38,.98))!important;border:1px solid rgba(93,231,255,.68)!important;border-radius:7px!important;box-sizing:border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -4px 10px rgba(0,0,0,.38),0 0 7px rgba(32,225,255,.28)!important;filter:none!important;color:#dffcff!important;font:900 9px/29px Arial,sans-serif!important;text-align:center!important;text-shadow:0 0 6px rgba(59,235,255,.85),0 2px 1px #000!important;letter-spacing:.2px;overflow:visible!important;transition:transform .14s ease,filter .14s ease,border-color .14s ease,box-shadow .14s ease!important;z-index:3!important}
#buttonShopHead{left:278px!important}#buttonShopBody{left:340px!important}#buttonShopEyes{left:402px!important}#buttonShopFlag{left:464px!important}
#buttonShopBackground,#buttonShopForeground,#buttonShopExItem{top:532px!important;width:78px!important;height:31px!important;line-height:29px!important}
#buttonShopBackground{left:278px!important}#buttonShopForeground{left:360px!important}#buttonShopExItem{left:442px!important}
#buttonShopHead:before{content:"NFTS"}#buttonShopBody:before{content:"INFO"}#buttonShopEyes:before{content:"FT 1"}#buttonShopFlag:before{content:"FT 2"}#buttonShopBackground:before{content:"BACKGROUND"}#buttonShopForeground:before{content:"ORNAMENTS"}#buttonShopExItem:before{content:"EXCLUSIVES"}
#buttonShopHead .Alt,#buttonShopBody .Alt,#buttonShopEyes .Alt,#buttonShopFlag .Alt,#buttonShopBackground .Alt,#buttonShopForeground .Alt,#buttonShopExItem .Alt{display:none!important}
#buttonShopHead:hover,#buttonShopBody:hover,#buttonShopEyes:hover,#buttonShopFlag:hover,#buttonShopBackground:hover,#buttonShopForeground:hover,#buttonShopExItem:hover{transform:translateY(-2px) scale(1.025)!important;filter:brightness(1.18)!important;border-color:#78fff4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 12px rgba(51,241,255,.72),0 5px 10px rgba(0,0,0,.45)!important}
.shopDeckActive{color:#fff8b3!important;border-color:#ffe96b!important;background-image:linear-gradient(180deg,rgba(83,66,20,.98),rgba(27,22,8,.98))!important;box-shadow:0 0 13px rgba(255,229,75,.78),0 0 4px #fff inset!important;text-shadow:0 0 7px #ffe359,0 2px 1px #000!important;animation:shopDeckPulse 2s ease-in-out infinite}
#buttonInfo{left:526px!important;top:494px!important;width:78px!important;height:31px!important;padding:0!important;line-height:29px!important;box-sizing:border-box!important;text-transform:uppercase!important;font-size:9px!important;letter-spacing:.25px!important;z-index:3!important}
#buttonShopBuy{left:612px!important;top:493px!important;width:66px!important;height:66px!important;border:2px solid #8affad!important;border-radius:50%!important;background-image:radial-gradient(circle at 50% 34%,#96ff8a 0,#21e96d 35%,#087d48 68%,#032b27 100%)!important;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),inset 0 -7px 10px rgba(0,40,28,.6),0 0 0 3px rgba(18,68,61,.9),0 0 13px rgba(61,255,139,.7)!important;filter:none!important;animation:shopBuyPulse 1.8s ease-in-out infinite;z-index:4!important}
#buttonShopBuy:before{content:"BUY";display:block;color:#fff;font:900 15px/62px Arial,sans-serif;text-align:center;letter-spacing:.6px;text-shadow:0 0 7px #fff,0 3px 1px #07522d}#buttonShopBuy:hover{transform:translateY(-2px) scale(1.045)!important;filter:brightness(1.14)!important}
#buttonShopPrev,#buttonShopNext{top:494px!important;width:34px!important;height:31px!important;border:1px solid rgba(73,235,255,.72)!important;border-radius:7px!important;background-image:linear-gradient(180deg,rgba(25,76,98,.98),rgba(4,24,41,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 8px rgba(44,224,255,.4)!important;filter:none!important;z-index:4!important}
#buttonShopPrev{left:690px!important}#buttonShopNext{left:768px!important}#buttonShopPrev:before,#buttonShopNext:before{display:block;color:#67f8ff;font:900 25px/28px Arial;text-align:center;text-shadow:0 0 8px #30eaff}#buttonShopPrev:before{content:"\2039"}#buttonShopNext:before{content:"\203A"}#buttonShopPrev .Alt,#buttonShopNext .Alt{display:none!important}
#shopPages{left:727px!important;top:494px!important;width:38px!important;height:31px!important;line-height:31px!important;color:#fff!important;font-size:13px!important;text-align:center!important;text-shadow:0 0 8px #44ecff,0 2px 1px #000!important;z-index:4!important}
#textBuy{left:526px!important;top:532px!important;width:78px!important;padding:3px 4px!important;box-sizing:border-box!important;border-radius:5px;background:rgba(2,14,27,.72);border:1px solid rgba(83,225,255,.22);font-size:8px!important;line-height:9px!important;color:#d9fbff!important;z-index:3!important}

/* Each shop family has its own gaming identity. */
#buttonShopHead{background-image:linear-gradient(145deg,#176c9b 0%,#073653 48%,#06182c 100%)!important;border-color:#63ddff!important;box-shadow:inset 0 1px 0 #9bedff,0 0 9px rgba(38,199,255,.55)!important}
#buttonShopBody{background-image:linear-gradient(145deg,#245b75 0%,#112f45 52%,#081827 100%)!important;border-color:#8acde6!important;box-shadow:inset 0 1px 0 rgba(210,246,255,.72),0 0 8px rgba(95,204,244,.35)!important}
#buttonShopEyes{background-image:linear-gradient(145deg,#b68416 0%,#694208 50%,#271704 100%)!important;border-color:#ffe16b!important;color:#fff6c2!important;box-shadow:inset 0 1px 0 #fff1a3,0 0 10px rgba(255,190,31,.58)!important;text-shadow:0 0 7px #ffc928,0 2px 1px #000!important}
#buttonShopFlag{background-image:linear-gradient(145deg,#7949c9 0%,#3d237a 50%,#190f35 100%)!important;border-color:#c995ff!important;color:#f3e8ff!important;box-shadow:inset 0 1px 0 #e2c2ff,0 0 10px rgba(164,85,255,.58)!important;text-shadow:0 0 7px #be72ff,0 2px 1px #000!important}
#buttonShopBackground{background-image:linear-gradient(145deg,#168466 0%,#07513e 50%,#06291f 100%)!important;border-color:#5dffd0!important;color:#dffff5!important;box-shadow:inset 0 1px 0 #a5ffe3,0 0 9px rgba(43,244,181,.48)!important;text-shadow:0 0 7px #36e9b4,0 2px 1px #000!important}
#buttonShopForeground{background-image:linear-gradient(145deg,#a53387 0%,#60194e 50%,#280920 100%)!important;border-color:#ff87dc!important;color:#ffe5f8!important;box-shadow:inset 0 1px 0 #ffc1ec,0 0 9px rgba(255,63,198,.5)!important;text-shadow:0 0 7px #ff54c9,0 2px 1px #000!important}
#buttonShopExItem{background-image:linear-gradient(145deg,#bc4e17 0%,#722a0b 50%,#301104 100%)!important;border-color:#ffad55!important;color:#fff0d8!important;box-shadow:inset 0 1px 0 #ffd19d,0 0 10px rgba(255,112,33,.52)!important;text-shadow:0 0 7px #ff8b35,0 2px 1px #000!important}
#buttonInfo{background-image:linear-gradient(145deg,#36465b 0%,#1b2839 55%,#0b1320 100%)!important;border:1px solid #748da9!important;border-radius:7px!important;color:#b9c9dc!important;box-shadow:inset 0 1px 0 rgba(220,238,255,.35),0 0 7px rgba(116,158,204,.3)!important;text-shadow:0 2px 1px #000!important}
#buttonShopHead.shopDeckActive,#buttonShopBody.shopDeckActive,#buttonShopEyes.shopDeckActive,#buttonShopFlag.shopDeckActive,#buttonShopBackground.shopDeckActive,#buttonShopForeground.shopDeckActive,#buttonShopExItem.shopDeckActive{color:#fff!important;border-color:#fff6a3!important;background-image:linear-gradient(145deg,#b58a16 0%,#72500a 52%,#2c1d03 100%)!important;box-shadow:inset 0 1px 0 #fffbd0,0 0 4px #fff,0 0 15px rgba(255,218,48,.9)!important;text-shadow:0 0 8px #ffe359,0 2px 1px #000!important}
#buttonShopPrev{background-image:linear-gradient(145deg,#145d82,#071f38)!important}#buttonShopNext{background-image:linear-gradient(145deg,#117a87,#062b39)!important}
body[data-lang="ES"] #buttonShopBackground:before{content:"FONDOS"}body[data-lang="ES"] #buttonShopForeground:before{content:"ORNAMENTOS"}body[data-lang="ES"] #buttonShopExItem:before{content:"EXCLUSIVOS"}body[data-lang="ES"] #buttonShopBuy:before{content:"COMPRAR";font-size:11px}
body[data-lang="PT"] #buttonShopBackground:before{content:"FUNDOS"}body[data-lang="PT"] #buttonShopForeground:before{content:"ORNAMENTOS"}body[data-lang="PT"] #buttonShopExItem:before{content:"EXCLUSIVOS"}body[data-lang="PT"] #buttonShopBuy:before{content:"COMPRAR";font-size:10px}
body[data-lang="CN"] #buttonShopBody:before{content:"\4FE1\606F"}body[data-lang="CN"] #buttonShopBackground:before{content:"\80CC\666F"}body[data-lang="CN"] #buttonShopForeground:before{content:"\88C5\9970"}body[data-lang="CN"] #buttonShopExItem:before{content:"\72EC\5BB6"}body[data-lang="CN"] #buttonShopBuy:before{content:"\8D2D\4E70";font-size:14px}
body:not([data-lang="EN"]) [data-i18n-label]:after{content:attr(data-i18n-label);position:absolute;left:4px;right:4px;bottom:3px;min-height:13px;padding:1px 2px;box-sizing:border-box;border-radius:4px;background:rgba(2,12,25,.86);color:#fff;font:900 9px/11px Arial,sans-serif;text-align:center;text-shadow:0 1px 2px #000,0 0 5px #28e9ff;z-index:20;pointer-events:none;white-space:normal}
body[data-lang="CN"] [data-i18n-label]:after{font-family:"Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:9px}
body:not([data-lang="EN"]) .AlertBoxOK:after,body:not([data-lang="EN"]) .buttonOK:after{content:attr(data-label);display:block;color:#fff;font:900 16px/38px Arial,sans-serif;text-align:center;text-shadow:0 2px 2px #006477}
body[data-lang="ES"] .buttonCancel:after{content:"CANCELAR"}body[data-lang="PT"] .buttonCancel:after{content:"CANCELAR"}body[data-lang="CN"] .buttonCancel:after{content:"\53D6\6D88"}
body:not([data-lang="EN"]) .buttonCancel:after{display:block;color:#fff;font:900 14px/38px Arial,sans-serif;text-align:center;text-shadow:0 2px 2px #751000}
body:not([data-lang="EN"]) #bettingSelectionWrap:after{content:attr(data-duel-label)!important}
body:not([data-lang="EN"]) #buttonStart1v1[data-i18n-label]:after{left:8px;right:8px;bottom:8px;min-height:32px;padding:4px;background:rgba(2,20,30,.84);font-size:17px;line-height:24px;border:1px solid rgba(74,255,246,.65);box-shadow:0 0 12px rgba(0,255,246,.5)}
body:not([data-lang="EN"]) #filter_all[data-i18n-label]:after,body:not([data-lang="EN"]) #filter_waiting[data-i18n-label]:after{inset:2px!important;min-height:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(9,74,101,.96),rgba(3,24,42,.98));font-size:10px;line-height:12px;border:1px solid rgba(76,239,255,.66)}
/* CryptoBound Command Center: organized lobby roster (All only).
   Friends and Guild intentionally retain their existing finished design. */
#channelScreen #playersList {
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 69, 83, .88) !important;
    border-radius: 0 0 10px 10px !important;
    background:
        linear-gradient(90deg, rgba(255, 55, 70, .16), transparent 2px, transparent calc(100% - 2px), rgba(255, 55, 70, .16)),
        repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 7px),
        radial-gradient(circle at 50% 0, rgba(255, 45, 60, .16), transparent 44%),
        linear-gradient(180deg, rgba(16, 9, 15, .96), rgba(3, 7, 12, .94)) !important;
    box-shadow:
        0 0 10px rgba(255, 40, 57, .72),
        0 8px 22px rgba(0, 0, 0, .72),
        inset 0 1px rgba(255, 225, 225, .22),
        inset 0 0 20px rgba(255, 24, 44, .13) !important;
    overflow: hidden !important;
}

#channelScreen #playersList:before {
    content: "" !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 0 !important;
    left: 9px !important;
    right: 9px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #ff394f 22%, #ffd07b 50%, #ff394f 78%, transparent) !important;
    box-shadow: 0 0 8px rgba(255, 57, 79, .95) !important;
    pointer-events: none !important;
}

#channelScreen #playersList .viewport {
    box-sizing: border-box !important;
    width: calc(100% - 12px) !important;
    height: 100% !important;
    padding: 7px 5px 7px 7px !important;
}

#channelScreen #playersList .overview {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 !important;
}

#channelScreen #playersList .playerListItem {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 29px !important;
    margin: 0 0 5px !important;
    border: 1px solid rgba(120, 152, 171, .25) !important;
    border-left: 3px solid rgba(56, 224, 255, .72) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(90deg, rgba(14, 38, 50, .88), rgba(16, 16, 25, .84) 58%, rgba(47, 8, 16, .72)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.48) !important;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease !important;
    overflow: hidden !important;
}

#channelScreen #playersList .playerListItem:nth-child(even) {
    background: linear-gradient(90deg, rgba(17, 31, 42, .9), rgba(10, 12, 20, .86) 58%, rgba(35, 7, 14, .76)) !important;
}

#channelScreen #playersList .playerListItem:hover,
#channelScreen #playersList .playerListItemSelected {
    border-color: rgba(255, 86, 99, .86) !important;
    border-left-color: #ffcf69 !important;
    background: linear-gradient(90deg, rgba(88, 19, 31, .94), rgba(25, 18, 28, .92) 64%, rgba(18, 25, 34, .9)) !important;
    box-shadow: inset 0 0 12px rgba(255, 58, 76, .18), 0 0 9px rgba(255, 46, 65, .42) !important;
    transform: translateX(1px) !important;
}

#channelScreen #playersList .playerListRank {
    top: 6px !important;
    left: 7px !important;
    filter: drop-shadow(0 0 4px rgba(79, 225, 255, .65)) !important;
}

#channelScreen #playersList .playerListName {
    left: 39px !important;
    top: 0 !important;
    right: 7px !important;
    height: 27px !important;
    overflow: hidden !important;
    color: #f5fbff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    letter-spacing: .15px !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 2px #000, 0 0 6px rgba(92, 221, 255, .36) !important;
}

#channelScreen #playersList .scrollbar {
    box-sizing: border-box !important;
    width: 11px !important;
    height: calc(100% - 8px) !important;
    margin-top: 4px !important;
    padding-top: 8px !important;
    border-radius: 8px !important;
    background: rgba(18, 3, 9, .82) !important;
    box-shadow: inset 0 0 5px rgba(255, 47, 67, .32) !important;
}

#channelScreen #playersList .thumb {
    left: -6px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffd070, #ff354d 55%, #720019) !important;
    box-shadow: 0 0 7px rgba(255, 52, 74, .86) !important;
}

/* Live presence controls inside the All roster. */
#channelScreen #playersList .presenceToolbar {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 23px;
    margin: 0 0 4px;
    padding: 2px 4px;
    border: 1px solid rgba(79, 222, 255, .28);
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(6, 30, 43, .94), rgba(42, 7, 16, .86));
    box-shadow: inset 0 1px rgba(255,255,255,.07);
}
#channelScreen #playersList .presenceAvailableToggle {
    height: 18px;
    padding: 0 6px;
    border: 1px solid rgba(72, 238, 161, .42);
    border-radius: 9px;
    background: rgba(4, 29, 24, .88);
    color: #bfffe2;
    font: 700 9px/16px Arial, sans-serif;
    cursor: pointer;
    text-shadow: 0 0 5px rgba(50,255,161,.55);
}
#channelScreen #playersList .presenceAvailableToggle.active {
    border-color: #67ffb3;
    background: linear-gradient(180deg, rgba(20, 124, 77, .98), rgba(4, 49, 38, .98));
    box-shadow: 0 0 7px rgba(45,255,151,.54), inset 0 1px rgba(255,255,255,.22);
}
#channelScreen #playersList .presenceLiveDot,
#channelScreen #playersList .presenceDot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 50%;
    background: #34f995;
    box-shadow: 0 0 6px #34f995;
}
#channelScreen #playersList .presenceTotal {
    min-width: 18px;
    height: 16px;
    border-radius: 8px;
    background: rgba(255, 50, 70, .18);
    color: #ffd9de;
    font: 800 9px/16px Arial, sans-serif;
    text-align: center;
}
#channelScreen #playersList .playerListItem {
    height: 27px !important;
    margin-bottom: 3px !important;
}
#channelScreen #playersList .playerListName {
    right: 66px !important;
    height: 25px !important;
    line-height: 25px !important;
}
/* Keep the complete Guild + player name readable in the compact ALL roster. */
#channelScreen #playersList .playerListItem[data-guild] .playerListName {
    font-size:10px !important;
    letter-spacing:0 !important;
}
#channelScreen #playersList .playerListItem[data-guild] .playerListName .GuildName,
#channelScreen #playersList .playerListItem[data-guild] .playerListName .GuildName a {
    font-size:10px !important;
}
#channelScreen #playersList .playerListRank { top: 5px !important; }
#channelScreen #playersList .presenceDot {
    position: absolute;
    z-index: 3;
    left: 2px;
    top: 2px;
    width: 5px;
    height: 5px;
    margin: 0;
}
#channelScreen #playersList .presenceState1 .presenceDot { background:#ffd052; box-shadow:0 0 6px #ffbd35; }
#channelScreen #playersList .presenceState2 .presenceDot { background:#ff4e60; box-shadow:0 0 6px #ff334c; }
#channelScreen #playersList .presenceState3 .presenceDot { background:#8fa2b4; box-shadow:0 0 5px #8298ad; animation:presenceBlink 1s ease-in-out infinite; }
#channelScreen #playersList .presenceState4 .presenceDot { background:#71808e; box-shadow:none; }
#channelScreen #playersList .presenceStatus {
    position: absolute;
    top: 0;
    right: 5px;
    width: 58px;
    height: 25px;
    overflow: hidden;
    color: #bcd0dc;
    font: 700 8px/25px Arial, sans-serif;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px 2px #000;
}
#channelScreen #playersList .presenceState0 .presenceStatus { color:#70ffc1; }
#channelScreen #playersList .presenceState1 .presenceStatus { color:#ffe18a; }
#channelScreen #playersList .presenceState2 .presenceStatus { color:#ff8793; }
#channelScreen #playersList .presenceActions {
    position: absolute;
    z-index: 5;
    top: 3px;
    right: 3px;
    display: none;
    gap: 2px;
    height: 21px;
    padding-left: 5px;
    background: linear-gradient(90deg, transparent, rgba(8,10,17,.96) 18%);
}
#channelScreen #playersList .playerListItem:hover .presenceActions { display:flex; }
#channelScreen #playersList .playerListItem:hover .presenceStatus { display:none; }
#channelScreen #playersList .presenceAction {
    box-sizing: border-box;
    width: 19px;
    height: 19px;
    padding: 0;
    border: 1px solid rgba(82, 224, 255, .55);
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(20,78,101,.96), rgba(5,28,43,.98));
    color: white;
    font: 800 11px/17px Arial, sans-serif;
    cursor: pointer;
    text-align: center;
    text-shadow: 0 0 4px #62eaff;
}
#channelScreen #playersList .presenceAction:hover { border-color:#fff2a0; filter:brightness(1.28); }
#channelScreen #playersList .presenceJoin { border-color:#69ffad; color:#8affbf; }
#channelScreen #playersList .presenceWatch { border-color:#ffbd58; color:#ffd579; }
#channelScreen #playersList .presenceEmpty {
    margin-top: 28px;
    color: #90a4b1;
    font: 700 10px/16px Arial, sans-serif;
    text-align: center;
}
#buttonAllBuddyList1 .presenceTabCount {
    position: absolute;
    z-index: 20;
    top: 2px;
    right: 4px;
    min-width: 13px;
    height: 13px;
    padding: 0 2px;
    border-radius: 7px;
    background: #07121b;
    color: #7fffd0;
    font: 800 8px/13px Arial, sans-serif;
    box-shadow: 0 0 5px rgba(64,255,180,.62);
}
#buttonAllBuddyList1.lobbyItemsMode:after {
    content: attr(data-tab-label) !important;
    position: absolute;
    z-index: 25;
    inset: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgba(255,118,132,.75);
    background: linear-gradient(180deg,rgba(255,101,119,.98),rgba(142,12,39,.98) 58%,rgba(53,2,20,.98));
    box-shadow: inset 0 1px rgba(255,255,255,.7), inset 0 -6px 10px rgba(35,0,12,.5), 0 0 8px rgba(255,45,75,.55);
    color: #fff;
    font: 900 15px/26px Arial,sans-serif;
    text-align: center;
    text-shadow: 0 2px 1px #6d0018,0 0 6px #fff;
    pointer-events: none;
}
@keyframes presenceBlink { 0%,100%{opacity:.35} 50%{opacity:1} }

/* Standalone pro-gaming room cards. The card chrome no longer uses stuff_HD. */
#channelScreen #roomsList .room {
    box-sizing: border-box;
    width: 252px;
    height: 68px;
    overflow: hidden;
    border: 1px solid rgba(75,224,255,.68);
    border-radius: 7px;
    background-image:
        linear-gradient(90deg,rgba(43,231,255,.09) 1px,transparent 1px),
        linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px),
        radial-gradient(circle at 8% 0,rgba(0,238,255,.2),transparent 34%),
        linear-gradient(145deg,rgba(3,19,31,.98),rgba(3,9,18,.99) 55%,rgba(10,14,25,.99)) !important;
    background-size: 18px 18px,18px 18px,auto,auto !important;
    background-position: 0 0 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.15),inset 0 -15px 25px rgba(0,0,0,.55),0 0 0 1px rgba(0,10,18,.95),0 0 12px rgba(0,202,255,.22);
    cursor: pointer;
    opacity: 1;
    transition: transform .14s ease,border-color .14s ease,box-shadow .14s ease,filter .14s ease;
}
#channelScreen #roomsList .room:before {
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    top:0;
    height:25px;
    border-bottom:1px solid rgba(71,225,255,.28);
    background:linear-gradient(90deg,rgba(0,211,255,.3),rgba(6,46,65,.78) 45%,rgba(2,12,23,.96));
    pointer-events:none;
}
#channelScreen #roomsList .room:after {
    content:"";
    position:absolute;
    z-index:0;
    right:0;
    bottom:0;
    width:42px;
    height:3px;
    background:linear-gradient(90deg,transparent,#4defff);
    box-shadow:0 0 8px #32ddff;
    pointer-events:none;
}
#channelScreen #roomsList .room:hover {
    opacity:1;
    transform:translateY(-2px);
    border-color:#a8f8ff;
    filter:brightness(1.12);
    box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 -15px 25px rgba(0,0,0,.52),0 0 0 1px rgba(0,10,18,.95),0 0 18px rgba(28,224,255,.52);
}
#channelScreen #roomsList .room:active { opacity:1;margin:0;transform:translateY(0) scale(.99); }
#channelScreen #roomsList .room.roomStateWaiting { border-left:3px solid #ffd447; }
#channelScreen #roomsList .room.roomStateWaiting:after { background:linear-gradient(90deg,transparent,#ffd447);box-shadow:0 0 8px #ffd447; }
#channelScreen #roomsList .room.roomStatePlaying { border-left:3px solid #38a7ff; }
#channelScreen #roomsList .room.roomStatePlaying:after { background:linear-gradient(90deg,transparent,#38a7ff);box-shadow:0 0 8px #38a7ff; }
#channelScreen #roomsList .room.roomStateFull { border-left:3px solid #ff405d; }
#channelScreen #roomsList .room.roomStateFull:after { background:linear-gradient(90deg,transparent,#ff405d);box-shadow:0 0 8px #ff405d; }
#channelScreen #roomsList .room.powerUserRoom {
    border:1px solid rgba(255,72,92,.95);
    border-left:3px solid #ff2d4f;
    background-image:linear-gradient(90deg,rgba(255,42,69,.09) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 8% 0,rgba(255,25,59,.26),transparent 38%),linear-gradient(145deg,rgba(40,5,14,.99),rgba(12,5,11,.99) 56%,rgba(22,3,10,.99)) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -15px 25px rgba(20,0,5,.65),0 0 0 1px rgba(28,0,6,.96),0 0 15px rgba(255,31,64,.52);
}
#channelScreen #roomsList .room.powerUserRoom:before {
    background:linear-gradient(90deg,rgba(255,37,68,.62),rgba(91,8,26,.86) 48%,rgba(19,3,10,.98));
    border-bottom-color:rgba(255,82,107,.48);
}
#channelScreen #roomsList .room.powerUserRoom:after {
    background:linear-gradient(90deg,transparent,#ff3659);
    box-shadow:0 0 10px #ff244b;
}
#channelScreen #roomsList .room.powerUserRoom:hover {
    border-color:#ff9bad;
    box-shadow:inset 0 1px rgba(255,255,255,.24),inset 0 -15px 25px rgba(20,0,5,.62),0 0 0 1px rgba(28,0,6,.96),0 0 21px rgba(255,38,72,.75);
}
#channelScreen #roomsList .room.powerUserRoom .roomNumber {
    border-color:rgba(255,127,145,.82);
    background:linear-gradient(180deg,rgba(180,22,52,.95),rgba(62,3,17,.98));
    color:#fff2f4;
    text-shadow:0 1px 2px #250008,0 0 6px #ff7e93;
}
#channelScreen #roomsList .room.powerUserRoom .roomTitle { color:#fff0f3;text-shadow:0 1px 2px #1e0006,0 0 7px rgba(255,81,110,.78); }
#channelScreen #roomsList .roomNumber {
    z-index:2;left:6px;top:4px;width:27px;height:17px;padding:0;border:1px solid rgba(109,239,255,.65);border-radius:4px;
    background:linear-gradient(180deg,rgba(18,119,151,.88),rgba(2,35,53,.96));color:#dfffff;font:900 11px/17px Arial,sans-serif;text-align:center;text-shadow:0 1px 2px #000,0 0 5px #67efff;
}
#channelScreen #roomsList .roomTitle {
    z-index:2;left:39px;top:4px;width:142px;height:18px;padding:0;color:#fff;font:800 11px/18px Arial,sans-serif;text-shadow:0 1px 2px #000,0 0 5px rgba(135,244,255,.6);
}
#channelScreen #roomsList .numPlayers,#channelScreen #roomsList .maxPlayers {
    z-index:2;top:5px;width:17px;height:17px;color:#eaffff;font:900 11px/17px Arial,sans-serif;text-align:center;text-shadow:0 1px 2px #000;
}
#channelScreen #roomsList .numPlayers { left:207px; }
#channelScreen #roomsList .maxPlayers { left:231px; }
#channelScreen #roomsList .numPlayers:before { content:"●";position:absolute;left:-12px;top:0;color:#6cefff;font-size:8px; }
#channelScreen #roomsList .numPlayers:after { content:"/";position:absolute;left:17px;top:0;color:#7394a3;font-weight:700; }
#channelScreen #roomsList .status {
    z-index:3;left:7px;top:32px;width:62px;height:22px;border:1px solid currentColor;border-radius:5px;background-image:none !important;background:rgba(0,0,0,.62) !important;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.65),0 0 7px currentColor;
}
#channelScreen #roomsList .status:after { content:attr(data-status-label);display:block;padding:0 3px;font:900 9px/20px Arial,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000; }
#channelScreen #roomsList .status-waiting { color:#ffd447;background:linear-gradient(180deg,rgba(83,61,3,.9),rgba(13,10,1,.96)) !important; }
#channelScreen #roomsList .status-playing { color:#54b8ff;background:linear-gradient(180deg,rgba(6,63,117,.9),rgba(1,15,31,.96)) !important; }
#channelScreen #roomsList .status-full { left:7px;color:#ff526b;background:linear-gradient(180deg,rgba(115,5,26,.92),rgba(27,1,8,.97)) !important; }
#channelScreen #roomsList .gameMode {
    z-index:3;left:73px;top:33px;width:37px;height:19px;border:1px solid rgba(165,126,255,.68);border-radius:4px;background-image:none !important;background:linear-gradient(180deg,rgba(105,58,170,.85),rgba(24,12,52,.96)) !important;filter:none !important;color:#eadcff;text-align:center;box-shadow:0 0 6px rgba(150,91,255,.35);
}
#channelScreen #roomsList .gameMode:after { content:attr(data-mode-label);display:block;padding:0 2px;font:800 7px/17px Arial,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000; }
#channelScreen #roomsList .gameMode.iconMode0 {
    border-color:rgba(74,255,166,.82);background:linear-gradient(180deg,rgba(28,151,91,.92),rgba(3,43,28,.98)) !important;color:#baffd9;box-shadow:0 0 7px rgba(53,255,157,.48);
}
#channelScreen #roomsList .gameMode.iconMode1 {
    border-color:rgba(255,218,68,.86);background:linear-gradient(180deg,rgba(184,125,17,.94),rgba(62,35,2,.98)) !important;color:#fff1a3;box-shadow:0 0 7px rgba(255,205,52,.5);
}
#channelScreen #roomsList .gameMode.iconMode2 {
    border-color:rgba(255,73,96,.9);background:linear-gradient(180deg,rgba(181,27,52,.94),rgba(60,3,15,.98)) !important;color:#ffd0d7;box-shadow:0 0 7px rgba(255,53,82,.52);
}
#channelScreen #roomsList .gameMode.iconMode3 {
    border-color:rgba(191,105,255,.9);background:linear-gradient(180deg,rgba(126,55,190,.94),rgba(38,10,67,.98)) !important;color:#f0d4ff;box-shadow:0 0 7px rgba(173,81,255,.52);
}
#channelScreen #roomsList .roomMap {
    z-index:1;left:113px;top:31px;width:213px;height:49px;transform:scale(.63);transform-origin:top left;border:1px solid rgba(92,219,255,.55);border-radius:5px;background-color:#06121d;box-shadow:0 0 8px rgba(35,211,255,.25),inset 0 0 7px rgba(0,0,0,.7);overflow:hidden;
}
#channelScreen #roomsList .roomMap canvas { width:213px;height:49px;display:block; }
#channelScreen #roomsList .roomLock {
    z-index:4;left:177px;top:4px;width:16px;height:17px;background-image:none !important;background:none !important;
}
#channelScreen #roomsList .roomLocked:after { content:"◆";display:block;color:#ffd45a;font:900 11px/17px Arial,sans-serif;text-align:center;text-shadow:0 0 7px #ffb300; }
#channelScreen #roomsList .allowWatch {
    z-index:5;left:91px;top:51px;width:17px;height:13px;border:1px solid rgba(255,208,91,.6);border-radius:4px;background:rgba(45,26,3,.9);color:#ffe08a;font:900 9px/12px Arial,sans-serif;text-align:center;text-shadow:0 0 4px #ffca4b;
}
#channelScreen #roomsList .roomBuddy,#channelScreen #roomsList .roomGuildMember {
    z-index:5;top:52px;width:14px;height:12px;background-image:none !important;background:none !important;text-align:center;
}
#channelScreen #roomsList .roomBuddy { left:72px; }
#channelScreen #roomsList .roomGuildMember { left:84px; }
#channelScreen #roomsList .roomBuddy:after { content:"F";color:#5df7ff;font:900 8px/12px Arial,sans-serif;text-shadow:0 0 5px #28dbea; }
#channelScreen #roomsList .roomGuildMember:after { content:"G";color:#ffdc68;font:900 8px/12px Arial,sans-serif;text-shadow:0 0 5px #ffb733; }
#channelScreen #roomsList .roomExtraInfo {
    width:252px;height:148px;background-color:rgba(0,0,0,.80) !important;background-image:none !important;overflow:hidden;border-color:#b8f9ff;box-shadow:0 0 0 1px #00131d,0 0 20px rgba(37,223,255,.55),inset 0 0 24px rgba(4,69,91,.35);
}
#channelScreen #roomsList .roomExtraInfo:before,
#channelScreen #roomsList .roomExtraInfo:hover:before,
#channelScreen #roomsList .roomExtraInfo:active:before {
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    width:auto;
    height:auto;
    border:0;
    background:linear-gradient(180deg,rgba(4,47,63,.92) 0,rgba(1,17,26,.92) 25px,rgba(0,0,0,.80) 26px,rgba(0,0,0,.80) 100%);
    box-shadow:inset 0 0 28px rgba(0,0,0,.72);
    pointer-events:none;
}
#channelScreen #roomsList .roomExtraInfoSlot { box-sizing:border-box;width:108px;height:17px;padding:1px 3px;border:1px solid rgba(67,186,218,.22);border-radius:3px;background:rgba(4,21,32,.88);color:#eaffff; }
#channelScreen #roomsList .roomExtraInfoSlot { z-index:3; }
#channelScreen #roomsList .roomExtraInfoSlot .playerListName { left:22px;color:#eaffff;font-size:9px;line-height:14px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#channelScreen #roomsList .roomExtraInfoSlot .playerListRank { transform:scale(.72);transform-origin:left top; }

/* Lobby character profile backdrop: exact existing profile footprint. */
#channelScreen #myInfoBox {
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
}

#channelScreen #lobbyProfileBackdrop {
    position:absolute;
    left:584px;
    top:89px;
    width:207px;
    height:180px;
    box-sizing:border-box;
    border:1px solid rgba(89,242,255,.78);
    border-radius:10px;
    background:rgba(0,0,0,.80);
    box-shadow:0 0 0 1px rgba(1,10,17,.96),0 0 14px rgba(42,226,255,.48),inset 0 0 24px rgba(0,0,0,.68);
    pointer-events:none;
    z-index:7;
}

#channelScreen #lobbyProfileBackdrop:after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(30,218,238,.08),transparent 32%,rgba(222,20,52,.05));
    pointer-events:none;
}

/* Consent-gated private messaging from the server-wide ALL roster. */
.DialogLayer .AlertBox:has(.pmConsentCard),
.DialogLayer .AlertBox:has(.pmConsentResult) {
    box-sizing:border-box !important;
    border:2px solid rgba(69,239,255,.92) !important;
    border-radius:14px !important;
    background:radial-gradient(circle at 18% 0,rgba(41,225,255,.2),transparent 38%),radial-gradient(circle at 100% 100%,rgba(255,42,83,.18),transparent 42%),linear-gradient(145deg,rgba(3,12,25,.99),rgba(5,29,43,.99) 55%,rgba(25,4,15,.99)) !important;
    box-shadow:0 24px 65px rgba(0,0,0,.82),0 0 28px rgba(46,229,255,.55),inset 0 1px rgba(255,255,255,.18) !important;
}
.DialogLayer .AlertBox.PmConsentAlert,
.DialogLayer .AlertBox:has(.pmConsentCard) {
    height:224px !important;
}
.DialogLayer .AlertBox.PmConsentAlert .AlertBoxContent,
.DialogLayer .AlertBox:has(.pmConsentCard) .AlertBoxContent {
    left:0 !important;right:0 !important;width:auto !important;
    box-sizing:border-box;padding-left:30px !important;padding-right:30px !important;
}
.DialogLayer .AlertBox.PmConsentAlert .AlertBoxOK,
.DialogLayer .AlertBox.PmConsentAlert .AlertBoxCancel {
    bottom:7px !important;
}
.DialogLayer .AlertBox:has(.pmConsentCard):before,
.DialogLayer .AlertBox:has(.pmConsentResult):before {
    content:"";
    position:absolute;
    left:8%;right:8%;top:0;height:3px;
    background:linear-gradient(90deg,transparent,#42f5ff,#ff4164,transparent);
    box-shadow:0 0 13px #42f5ff;
}
.pmConsentCard { color:#eaffff;text-align:left;font:700 10px/14px Arial,sans-serif; }
.pmConsentIdentity { margin:0 0 7px;padding:7px 9px;border:1px solid rgba(79,236,255,.36);border-radius:7px;background:rgba(3,20,34,.9);font-size:13px;text-align:center; }
.pmConsentIntro { margin:5px 0 8px;text-align:center;color:#c9faff; }
.pmConsentPreview { display:block;min-height:31px;padding:7px 9px;border:1px solid rgba(255,207,90,.24);border-left:3px solid #ffcf5a;border-radius:6px;background:linear-gradient(180deg,rgba(8,12,23,.94),rgba(0,0,0,.72));box-shadow:inset 0 0 14px rgba(0,0,0,.38),0 0 8px rgba(255,195,61,.08); }
.pmConsentPreview b { display:block;margin-bottom:4px;color:#ffdd76;font-size:8px;letter-spacing:1px;text-transform:uppercase; }
.pmConsentPreview span { display:block;max-height:45px;overflow:hidden;color:#fff;overflow-wrap:anywhere; }
.pmConsentPrivacy { margin:0 0 7px;padding:3px 7px;border-radius:5px;background:rgba(30,124,99,.18);color:#7fffd0;font-size:8px;text-align:center;box-shadow:inset 0 0 0 1px rgba(127,255,208,.13); }
.pmConsentResult { padding:14px 10px;border:1px solid rgba(75,232,255,.35);border-radius:8px;background:rgba(2,18,31,.82);color:#eaffff;font:800 11px/16px Arial,sans-serif;text-align:center; }
.pmConsentResult.accepted { border-color:rgba(65,255,161,.55);color:#9dffd0;box-shadow:inset 0 0 18px rgba(32,255,145,.1); }
.pmConsentResult.rejected { border-color:rgba(255,76,102,.55);color:#ffacb8;box-shadow:inset 0 0 18px rgba(255,44,82,.1); }
.pmConsentResult.warning { border-color:rgba(255,201,80,.55);color:#ffe296; }
.pmConsentLine { margin:4px 2px;padding:5px 7px;border-radius:5px;font:700 9px/13px Arial,sans-serif;text-align:center; }
.pmConsentLine.pending { border:1px solid rgba(255,205,84,.38);background:rgba(79,55,4,.48);color:#ffe392; }
.pmConsentLine.pending span { display:block;color:#ffe392;font-size:8px; }
.pmConsentLine.pending b { display:block;margin-top:3px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.34);color:#fff;font-size:9px;font-weight:700;overflow-wrap:anywhere; }

/* Real friend request action inside one-to-one private chat headers. */
.ChatDialog .chatDialogName { width:178px !important;padding-right:8px !important; }
.ChatDialog .chatDialogName .country { display:none !important; }
.ChatDialog .chatDialogAddFriend {
    position:absolute;left:231px;top:6px;z-index:8;
    box-sizing:border-box;width:98px;height:24px;padding:0 6px;
    overflow:hidden;border:1px solid rgba(255,221,82,.92);border-radius:6px;
    background:linear-gradient(180deg,#ffe76b 0,#f4a51f 48%,#9b4308 100%);
    color:#171000;cursor:pointer;font:900 9px/22px Arial,sans-serif;
    text-align:center;text-overflow:ellipsis;white-space:nowrap;
    text-shadow:0 1px rgba(255,255,255,.5);
    box-shadow:0 0 10px rgba(255,202,50,.6),inset 0 1px rgba(255,255,255,.62);
}
.ChatDialog .chatDialogAddFriend:hover { filter:brightness(1.15);transform:translateY(-1px); }
.ChatDialog .chatDialogAddFriend.sent,
.ChatDialog .chatDialogAddFriend:disabled {
    border-color:rgba(94,239,255,.66);background:linear-gradient(180deg,#1b8797,#073748);
    color:#aaf8ff;cursor:default;text-shadow:0 1px #000;box-shadow:0 0 8px rgba(64,226,255,.36);
}

/* Modern red/blue announcement system. Generic dialogs no longer use stuff_HD. */
@keyframes cbDialogScan{0%{transform:translateX(-115%)}100%{transform:translateX(115%)}}
.AlertBox.CbModernDialog:not(.BettingResultAlert):not(.NftDailyCapAlert):not(.PmConsentAlert) {
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid rgba(83,229,255,.95) !important;
    border-top:3px solid #ff3f59 !important;
    border-radius:12px !important;
    background-image:
        radial-gradient(circle at 88% 16%,rgba(28,202,255,.18),transparent 34%),
        radial-gradient(circle at 8% 100%,rgba(255,38,69,.2),transparent 38%),
        linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 13px),
        linear-gradient(145deg,rgba(3,12,25,.99),rgba(5,31,47,.985) 52%,rgba(27,4,16,.99)) !important;
    background-size:auto,auto,13px 13px,auto !important;
    background-position:center !important;
    box-shadow:
        0 20px 52px rgba(0,0,0,.8),
        0 0 0 1px rgba(255,255,255,.1) inset,
        0 0 20px rgba(43,219,255,.55),
        0 0 28px rgba(255,38,68,.24),
        inset 0 0 30px rgba(0,0,0,.48) !important;
}
.AlertBox.CbModernDialog:not(.BettingResultAlert):not(.NftDailyCapAlert):not(.PmConsentAlert):before {
    content:"";position:absolute;left:0;right:0;top:0;height:39px;z-index:0;pointer-events:none;
    border-bottom:1px solid rgba(82,224,255,.35);
    background:linear-gradient(90deg,rgba(255,42,67,.24),rgba(8,52,73,.82) 34%,rgba(10,75,96,.68) 72%,rgba(255,46,73,.15));
    box-shadow:inset 0 -8px 18px rgba(0,0,0,.22),0 5px 16px rgba(0,0,0,.28);
}
.AlertBox.CbModernDialog:not(.BettingResultAlert):not(.NftDailyCapAlert):not(.PmConsentAlert):after {
    content:"";position:absolute;top:0;bottom:0;width:42%;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(120,244,255,.13),transparent);
    animation:cbDialogScan 5.5s linear infinite;
}
.AlertBox.CbModernDialog:not(.BettingResultAlert):not(.NftDailyCapAlert):not(.PmConsentAlert) .AlertBoxTitle {
    left:20px !important;right:18px !important;top:7px !important;width:auto !important;z-index:2 !important;
    overflow:hidden;color:#f5fdff !important;font:900 17px/25px Arial,sans-serif !important;
    letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;text-transform:none;
    text-shadow:0 0 8px rgba(66,230,255,.9),0 2px 2px #000 !important;
}
.AlertBox.CbModernDialog:not(.BettingResultAlert):not(.NftDailyCapAlert):not(.PmConsentAlert) .AlertBoxContent {
    z-index:2 !important;color:#eafcff !important;text-shadow:0 2px 3px #000 !important;
}
.AlertBoxBackground {background:rgba(0,3,10,.72) !important;opacity:1 !important;backdrop-filter:blur(2px)}

/* New vector-like action buttons replace sprite text and remain localized. */
.AlertBox.CbModernDialog .buttonOK,.AlertBox.CbModernDialog .AlertBoxOK,
.AlertBox.CbModernDialog .buttonCancel,.AlertBox.CbModernDialog .AlertBoxCancel {
    box-sizing:border-box !important;width:90px !important;height:30px !important;
    overflow:hidden;border-radius:7px !important;background-position:center !important;background-size:auto !important;
    cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease !important;
}
.AlertBox.CbModernDialog .buttonOK,.AlertBox.CbModernDialog .AlertBoxOK {
    border:1px solid #74f6ff !important;
    background-image:linear-gradient(180deg,#27dff5 0,#078bb5 52%,#043b69 100%) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.65),inset 0 -5px 9px rgba(0,29,70,.48),0 0 13px rgba(39,225,255,.7) !important;
}
.AlertBox.CbModernDialog .buttonCancel,.AlertBox.CbModernDialog .AlertBoxCancel {
    border:1px solid #ff8a9b !important;
    background-image:linear-gradient(180deg,#ff4c67 0,#d8173d 52%,#71091f 100%) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -5px 9px rgba(72,0,17,.5),0 0 13px rgba(255,39,72,.65) !important;
}
.AlertBox.CbModernDialog .buttonOK:after,.AlertBox.CbModernDialog .AlertBoxOK:after {
    content:"OK";display:block;color:#fff;font:900 14px/28px Arial,sans-serif;text-align:center;
    text-shadow:0 0 6px #75f5ff,0 2px 2px #00334f;
}
.AlertBox.CbModernDialog .buttonCancel:after,.AlertBox.CbModernDialog .AlertBoxCancel:after {
    content:"CANCEL";display:block;color:#fff;font:900 12px/28px Arial,sans-serif;text-align:center;
    text-shadow:0 0 5px #ff8597,0 2px 2px #650014;
}
.AlertBox.CbModernDialog .buttonOK:hover,.AlertBox.CbModernDialog .AlertBoxOK:hover,
.AlertBox.CbModernDialog .buttonCancel:hover,.AlertBox.CbModernDialog .AlertBoxCancel:hover {filter:brightness(1.18) !important;transform:translateY(-1px) !important}
.AlertBox.CbModernDialog .buttonOK:active,.AlertBox.CbModernDialog .AlertBoxOK:active,
.AlertBox.CbModernDialog .buttonCancel:active,.AlertBox.CbModernDialog .AlertBoxCancel:active {filter:brightness(.96) !important;transform:translateY(1px) scale(.98) !important}
body[data-lang="ES"] .AlertBox.CbModernDialog .buttonCancel:after,body[data-lang="PT"] .AlertBox.CbModernDialog .buttonCancel:after,
body[data-lang="ES"] .AlertBox.CbModernDialog .AlertBoxCancel:after,body[data-lang="PT"] .AlertBox.CbModernDialog .AlertBoxCancel:after{content:"CANCELAR"}
body[data-lang="CN"] .AlertBox.CbModernDialog .buttonCancel:after,body[data-lang="CN"] .AlertBox.CbModernDialog .AlertBoxCancel:after{content:"\53D6\6D88";font-size:14px}
body:not([data-lang="EN"]) .AlertBox.CbModernDialog .buttonOK:after,body:not([data-lang="EN"]) .AlertBox.CbModernDialog .AlertBoxOK:after{content:attr(data-label);font-size:14px;line-height:28px}

/* Inputs and links inside legacy forms now belong visually to the new panel. */
#dialog_change_name_div input[type="text"],#dialog_join_room_div input,#dialog_change_title_div input {
    box-sizing:border-box !important;height:24px !important;padding:2px 8px !important;
    border:1px solid rgba(85,229,255,.72) !important;border-radius:5px !important;
    background:rgba(1,10,22,.88) !important;color:#fff !important;outline:none !important;
    box-shadow:inset 0 0 9px rgba(0,0,0,.68),0 0 7px rgba(40,219,255,.2) !important;
}
#dialog_change_name_div input[type="text"]:focus,#dialog_join_room_div input:focus,#dialog_change_title_div input:focus {
    border-color:#ff6379 !important;box-shadow:inset 0 0 9px rgba(0,0,0,.65),0 0 10px rgba(255,54,84,.55) !important;
}
#dialog_change_name_div .blueBtn {border:1px solid rgba(79,217,255,.5) !important;border-radius:5px !important;background:rgba(4,31,49,.9) !important;color:#dffcff !important}