/* Keep the theme scope at zero specificity so HD rules do not outrank TH/WC overrides. */
/* Official classic UI, scoped to the two opt-in test themes. Reference: dragonbound.net/static/css/style.css?QvYBJxJp, 2026-11-09. Local integration follows below. */
body:where(.th,.wc),
body:where(.th,.wc) div,
body:where(.th,.wc) span,
body:where(.th,.wc) applet,
body:where(.th,.wc) object,
body:where(.th,.wc) iframe,
body:where(.th,.wc) h1,
body:where(.th,.wc) h2,
body:where(.th,.wc) h3,
body:where(.th,.wc) h4,
body:where(.th,.wc) h5,
body:where(.th,.wc) h6,
body:where(.th,.wc) p,
body:where(.th,.wc) blockquote,
body:where(.th,.wc) pre,
body:where(.th,.wc) a,
body:where(.th,.wc) abbr,
body:where(.th,.wc) acronym,
body:where(.th,.wc) address,
body:where(.th,.wc) big,
body:where(.th,.wc) cite,
body:where(.th,.wc) code,
body:where(.th,.wc) del,
body:where(.th,.wc) dfn,
body:where(.th,.wc) em,
body:where(.th,.wc) img,
body:where(.th,.wc) ins,
body:where(.th,.wc) kbd,
body:where(.th,.wc) q,
body:where(.th,.wc) s,
body:where(.th,.wc) samp,
body:where(.th,.wc) small,
body:where(.th,.wc) strike,
body:where(.th,.wc) strong,
body:where(.th,.wc) sub,
body:where(.th,.wc) sup,
body:where(.th,.wc) tt,
body:where(.th,.wc) var,
body:where(.th,.wc) b,
body:where(.th,.wc) u,
body:where(.th,.wc) i,
body:where(.th,.wc) center,
body:where(.th,.wc) dl,
body:where(.th,.wc) dt,
body:where(.th,.wc) dd,
body:where(.th,.wc) fieldset,
body:where(.th,.wc) form,
body:where(.th,.wc) label,
body:where(.th,.wc) legend,
body:where(.th,.wc) table,
body:where(.th,.wc) caption,
body:where(.th,.wc) tbody,
body:where(.th,.wc) tfoot,
body:where(.th,.wc) thead,
body:where(.th,.wc) tr,
body:where(.th,.wc) th,
body:where(.th,.wc) td,
body:where(.th,.wc) article,
body:where(.th,.wc) aside,
body:where(.th,.wc) canvas,
body:where(.th,.wc) details,
body:where(.th,.wc) embed,
body:where(.th,.wc) figure,
body:where(.th,.wc) figcaption,
body:where(.th,.wc) footer,
body:where(.th,.wc) header,
body:where(.th,.wc) hgroup,
body:where(.th,.wc) menu,
body:where(.th,.wc) nav,
body:where(.th,.wc) output,
body:where(.th,.wc) ruby,
body:where(.th,.wc) section,
body:where(.th,.wc) summary,
body:where(.th,.wc) time,
body:where(.th,.wc) mark,
body:where(.th,.wc) audio,
body:where(.th,.wc) video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body:where(.th,.wc) article,
body:where(.th,.wc) aside,
body:where(.th,.wc) details,
body:where(.th,.wc) figcaption,
body:where(.th,.wc) figure,
body:where(.th,.wc) footer,
body:where(.th,.wc) header,
body:where(.th,.wc) hgroup,
body:where(.th,.wc) menu,
body:where(.th,.wc) nav,
body:where(.th,.wc) section{display:block}
body:where(.th,.wc){line-height:1}
body:where(.th,.wc) blockquote,
body:where(.th,.wc) q{quotes:none}
body:where(.th,.wc) blockquote:before,
body:where(.th,.wc) blockquote:after,
body:where(.th,.wc) q:before,
body:where(.th,.wc) q:after{content:'';content:none}
body:where(.th,.wc) table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:Emoji;src:local('Segoe UI Emoji'),local('Apple Color Emoji'),local('Noto Color Emoji');unicode-range:U+2130-3300,U+1F000-1F9FF}
@font-face{font-family:SpecialI;src:local('Verdana');unicode-range:U+49}
body:where(.th,.wc){background-color:black;margin:0;padding:0;width:100%;height:100%;color:white}
body:where(.th,.wc),
body:where(.th,.wc) input{font-family:Emoji,Verdana,sans-serif}
body:where(.th,.wc).th,
body.th input,
body:where(.th,.wc).wc,
body.wc input{font-family:Emoji,Barlow,Verdana,sans-serif}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/static/images/themes/dragonbound/css/barlow-400.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:italic;font-weight:400;font-display:swap;src:url(/static/images/themes/dragonbound/css/barlow-400i.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/static/images/themes/dragonbound/css/barlow-700.woff2) format('woff2')}
body:where(.th,.wc){background:black no-repeat center center fixed;background-size:cover;cursor:url(/static/images/themes/dragonbound/images/arrow.png),default}
body:where(.th,.wc) a:link{color:orange;text-decoration:none}
body:where(.th,.wc) a:visited{color:#f85}
body:where(.th,.wc) a:active{color:red}
body:where(.th,.wc) #container{position:fixed;left:0;top:0;transform-origin:0 0;width:800px;height:600px;margin-left:auto;margin-right:auto}
body:where(.th,.wc) .HandCursor{cursor:url(/static/images/hand.cur),pointer !important}
body:where(.th,.wc) .screen{position:relative;height:100%;width:100%;background-repeat:no-repeat;background-size:cover}
body:where(.th,.wc) .draggable{position:absolute}
body:where(.th,.wc) .ForceHW{transform:translateZ(0)}
body:where(.th,.wc) .grayscale{filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImRlc2F0dXJhdGUiPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48L2ZpbHRlcj48L3N2Zz4%3D#desaturate);filter:grayscale(100%)}
body:where(.th,.wc) .hide{display:none}
body:where(.th,.wc) .Center,
body:where(.th,.wc) .center{text-align:center}
body:where(.th,.wc) .Bold{font-weight:bold}
body:where(.th,.wc) .yellow{color:yellow}
body:where(.th,.wc) .nowrap{white-space:nowrap}
body:where(.th,.wc) .NoSelect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
body:where(.th,.wc) .CanSelect{-webkit-user-select:text !important;user-select:text !important}
@media(pointer:coarse){body:where(.th,.wc) .NoSelectTouch{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}
body:where(.th,.wc) .noPointerEvents{pointer-events:none}
body:where(.th,.wc) .glow_button{cursor:pointer}
body:where(.th,.wc) .glow_button:hover{box-shadow:0 0 10px 10px #ff0 !important}
body:where(.th,.wc) .glow_button:active{box-shadow:0 0 10px 10px #9f9 !important}
body:where(.th,.wc) .glow_button_anim{transition:box-shadow .15s ease-in-out;cursor:pointer}
body:where(.th,.wc) .glow_button_anim:hover{box-shadow:0 0 10px 10px #ff0 !important}
body:where(.th,.wc) .glow_button_anim:active{box-shadow:0 0 10px 10px #9f9 !important}
body:where(.th,.wc) .GlowTextButtonAnim{transition:text-shadow .15s ease-in-out;cursor:pointer}
body:where(.th,.wc) .GlowTextButtonAnim:hover{text-shadow:0 0 10px #ff0,0 0 10px #ff0,0 0 10px #ff0}
body:where(.th,.wc) .GlowTextButtonAnim:active{text-shadow:0 0 10px #9f9,0 0 10px #9f9}
body:where(.th,.wc) .glow_button2{cursor:pointer;border-radius:15px}
body:where(.th,.wc) .glow_button2:hover{box-shadow:0 0 10px 10px #ff0 !important}
body:where(.th,.wc) .glow_button2:active{box-shadow:0 0 10px 10px #9f9 !important}
body:where(.th,.wc) .light_button:hover{filter:var(--btn-filter,) brightness(1.3);cursor:pointer}
body:where(.th,.wc) .light_button:active{transform:translateY(1px);filter:var(--btn-filter,) brightness(1.3);cursor:pointer}
body:where(.th,.wc) .light_button.roomExtraInfo{filter:brightness(1)}
body:where(.th,.wc) .light_button.grayscale:hover,
body:where(.th,.wc) .light_button.grayscale:active{filter:grayscale(100%) brightness(1.3)}
body:where(.th,.wc) .opacity_button:hover{opacity:.5;cursor:pointer}
body:where(.th,.wc) .opacity_button:active{margin:1px 0 0 1px;opacity:.5;cursor:pointer}
body:where(.th,.wc) .opacity_button.noOpacity{opacity:1 !important}
body:where(.th,.wc) .opacityButton2:hover{opacity:.5;cursor:pointer}
body:where(.th,.wc) .opacityButton2:active{opacity:.5;filter:brightness(1.5);cursor:pointer}
body:where(.th,.wc) .refresh_button_friends{border:1px solid #25729a;border-radius:3px;font-family:arial,helvetica,sans-serif;padding:10px;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;text-align:center;color:#fff;background-color:#3093c7;background-image:linear-gradient(to bottom,#3093c7,#1c5a85);font-size:15px;width:138px}
body:where(.th,.wc) .refresh_button_friends:hover{border:1px solid #1c5675;background-color:#26759e;background-image:linear-gradient(to bottom,#26759e,#133d5b)}
body:where(.th,.wc) .refresh_button_friends:active{border:1px solid #1c5675;background-color:#26759e;background-image:linear-gradient(to bottom,#133d5b,#26759e)}
body:where(.th,.wc) .RedButton{border:1px solid #72021c;border-radius:3px;padding:10px 6px;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);text-align:center;color:#fff;background-color:#a90329;background-image:linear-gradient(to bottom,#a90329,#6d0019);font-size:14px;display:inline-block;vertical-align:top}
body:where(.th,.wc) .RedButton:hover{border:1px solid #450111;background-color:#77021d;background-image:linear-gradient(to bottom,#77021d,#3a000d)}
body:where(.th,.wc) .RedButton:active{border:1px solid #450111;background-color:#77021d;background-image:linear-gradient(to bottom,#3a000d,#77021d)}
body:where(.th,.wc) .redBtn{display:inline-block;padding:0 6px;font-size:10px;font-weight:bold;line-height:15px;cursor:pointer;border-radius:4px;background-color:#f44336;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#ffcdd2,#f44336);border-color:#d32f2f;font-family:Arial,sans-serif;text-decoration:none;color:#fff}
body:where(.th,.wc) .redBtn:hover{background-color:#e53935;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#ffb3b2,#b71c1c);border-color:#b71c1c}
body:where(.th,.wc) .redBtn:active{background-color:#e53935;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#b71c1c,#ffb3b2);border-color:#b71c1c;box-shadow:inset 0 2px 5px rgba(0,0,0,0.15)}
body:where(.th,.wc) .greenBtn{display:inline-block;padding:5px 10px;font-size:13px;font-weight:bold;line-height:18px;text-shadow:0 1px 1px rgba(255,255,255,0.5);cursor:pointer;border-radius:4px;background-color:#12fd12;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#bfb,#12fd12);border-color:#4f4;font-family:Arial,sans-serif;text-decoration:none;color:#333}
body:where(.th,.wc) .greenBtn:hover{background-color:#12fd12;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#12fd12,#bfb);border-color:#4f4}
body:where(.th,.wc) .greenBtn:link,
body:where(.th,.wc) .greenBtn:visited{color:#333}
body:where(.th,.wc) .yellowBtn{display:inline-block;padding:5px 10px;font-size:13px;font-weight:bold;line-height:18px;text-shadow:0 1px 1px rgba(255,255,255,0.5);cursor:pointer;border-radius:4px;background-color:#fd9a0f;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#fee94f,#fd9a0f);border-color:#fa2;font-family:Arial,sans-serif;text-decoration:none;color:#333}
body:where(.th,.wc) .yellowBtn:hover{background-color:#fd9512;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#fedc4d,#d80);border-color:#ec8b11}
body:where(.th,.wc) .yellowBtn:link,
body:where(.th,.wc) .yellowBtn:visited{color:#333}
body:where(.th,.wc) .yellowBtnMini{display:inline-block;padding:0 10px;font-size:10px;font-weight:bold;line-height:10px;text-shadow:0 1px 1px rgba(255,255,255,0.5);cursor:pointer;border-radius:4px;background-color:#fd9a0f;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#fee94f,#fd9a0f);border:1px solid black;font-family:Arial,sans-serif;text-decoration:none;color:#333}
body:where(.th,.wc) .yellowBtnMini:hover{background-color:#fd9512;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#fedc4d,#d80);border:1px solid yellow}
body:where(.th,.wc) .blueBtn{display:inline-block;padding:5px 10px;font-size:13px;font-weight:bold;line-height:18px;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.5);background-color:#ccc;background-repeat:no-repeat;border:1px solid #ccc;cursor:pointer;border-radius:4px;box-shadow:0 1px 0 rgba(255,255,255,0.5);font-family:Arial,sans-serif;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);background-color:#019ad2;background-repeat:repeat-x;background-image:linear-gradient(#33bcef,#019ad2);border-color:#057ed0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);color:white !important}
body:where(.th,.wc) .blueBtn:hover{background-color:#0271bf;background-repeat:repeat-x;background-image:linear-gradient(#2daddc,#0271bf);border-color:#096eb3}
body:where(.th,.wc) .blueBtn:active{background-color:#2daddc;background-repeat:repeat-x;background-image:linear-gradient(#0271bf,#2daddc);border-color:#096eb3}
body:where(.th,.wc) .AlertBoxBackground{position:absolute;width:800px;height:600px;background-color:black;opacity:.5;z-index:997}
body:where(.th,.wc) .AlertBox{position:absolute;left:235px;top:165px;width:300px;height:176px;opacity:1.0;z-index:999;background-position:0 0;box-shadow:3px 3px 10px 0 #000,inset -1px -1px 0 0 #000}
body:where(.th,.wc).HD .AlertBox{background-position:-680.5px -318px}
body:where(.th,.wc) .AlertBoxTitle{position:absolute;left:23px;top:8px;font-size:16px;color:white;text-shadow:black -2px 0 4px,black 0 2px 4px,black 2px 0 4px,black 0 -2px 4px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px}
body:where(.th,.wc) .AlertBoxContent{position:absolute;left:0;top:45px;padding-left:20px;padding-right:20px;font-size:12px;color:white;z-index:2}
body:where(.th,.wc) .AlertBoxOK{position:absolute;display:none;z-index:3;right:-30px;bottom:-7px}
body:where(.th,.wc) .AlertBoxCancel{position:absolute;display:none;z-index:3;left:-37px;bottom:-7px}
body:where(.th,.wc) .AlertBold{color:#f90}
body:where(.th,.wc).HD #DragonDialogOK,
body:where(.th,.wc).HD #dialog_change_name_ok,
body:where(.th,.wc).HD #dialogCreateRoomButtonOK,
body:where(.th,.wc).HD #dialog_join_room_ok,
body:where(.th,.wc).HD #dialogGiftOK,
body:where(.th,.wc).HD #RoomOptionsOK,
body:where(.th,.wc).HD #dialog_change_title_ok{right:10px;bottom:7px}
body:where(.th,.wc).HD #roomMobileSelectCancel{right:10px;bottom:16px}
body:where(.th,.wc).HD #DragonDialogCancel,
body:where(.th,.wc).HD #dialog_change_name_cancel,
body:where(.th,.wc).HD #dialogCreateRoomButtonCancel,
body:where(.th,.wc).HD #dialog_join_room_cancel,
body:where(.th,.wc).HD #dialogGiftCancel,
body:where(.th,.wc).HD #RoomOptionsCancel,
body:where(.th,.wc).HD #dialog_change_title_cancel{left:10px;bottom:7px}
body:where(.th,.wc) .tipsy{font-size:14px;position:absolute;padding:5px;z-index:100000;pointer-events:none}
body:where(.th,.wc) .tipsy-inner{background-color:#000;color:#FFF;max-width:250px;padding:5px 8px 4px 8px;text-align:center;border-radius:3px}
body:where(.th,.wc) .tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:6px dashed #000}
body:where(.th,.wc) .tipsy-arrow-n{border-bottom-color:#000}
body:where(.th,.wc) .tipsy-arrow-s{border-top-color:#000}
body:where(.th,.wc) .tipsy-arrow-e{border-left-color:#000}
body:where(.th,.wc) .tipsy-arrow-w{border-right-color:#000}
body:where(.th,.wc) .tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
body:where(.th,.wc) .tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent}
body:where(.th,.wc) .tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:0;border-top-color:transparent;border-bottom-color:transparent}
body:where(.th,.wc) .alertify,
body:where(.th,.wc) .alertify-show,
body:where(.th,.wc) .alertify-log{transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275)}
body:where(.th,.wc) .alertify-hide{transition:all 250ms cubic-bezier(0.600,-0.280,0.735,0.045)}
body:where(.th,.wc) .alertify-log-hide{transition:all 500ms cubic-bezier(0.600,-0.280,0.735,0.045)}
body:where(.th,.wc) .alertify-cover{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0}
body:where(.th,.wc) .alertify-cover-hidden{display:none}
body:where(.th,.wc) .alertify{position:fixed;z-index:99999;top:50px;left:50%;width:550px;margin-left:-275px;opacity:1}
body:where(.th,.wc) .alertify-hidden{transform:translate(0,-300px);opacity:0;display:none}
body:where(.th,.wc) :root *>.alertify-hidden{display:block}
body:where(.th,.wc) .alertify-logs{position:fixed;z-index:5000;bottom:10px;right:10px;width:300px}
body:where(.th,.wc) .alertify-logs-hidden{display:none}
body:where(.th,.wc) .alertify-log{display:block;margin-top:10px;position:relative;right:-300px;opacity:0}
body:where(.th,.wc) .alertify-log-show{right:0;opacity:1}
body:where(.th,.wc) .alertify-log-hide{transform:translate(300px,0);opacity:0}
body:where(.th,.wc) .alertify-dialog{padding:25px}
body:where(.th,.wc) .alertify-resetFocus{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
body:where(.th,.wc) .alertify-inner{text-align:center}
body:where(.th,.wc) .alertify-text{margin-bottom:15px;width:100%;box-sizing:border-box;font-size:100%}
body:where(.th,.wc) .alertify-button,
body:where(.th,.wc) .alertify-button:hover,
body:where(.th,.wc) .alertify-button:active,
body:where(.th,.wc) .alertify-button:visited{text-decoration:none;border:0;line-height:1.5;font-size:100%;display:inline-block;cursor:pointer;margin-left:5px}
body:where(.th,.wc) .alertify-isHidden{display:none}
@media only screen and (max-width:680px){body:where(.th,.wc) .alertify,
body:where(.th,.wc) .alertify-logs{width:90%;box-sizing:border-box}
body:where(.th,.wc) .alertify{left:5%;margin:0}}
body:where(.th,.wc) .alertify,
body:where(.th,.wc) .alertify-log{font-family:Arial,sans-serif}
body:where(.th,.wc) .alertify{background:#FFF;border:10px solid #333;border:10px solid rgba(0,0,0,.7);border-radius:8px;box-shadow:0 3px 3px rgba(0,0,0,.3);background-clip:padding-box}
body:where(.th,.wc) .alertify-text{border:1px solid #CCC;padding:10px;border-radius:4px}
body:where(.th,.wc) .alertify-button{border-radius:4px;color:#FFF;font-weight:bold;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0))}
body:where(.th,.wc) .alertify-button:hover,
body:where(.th,.wc) .alertify-button:focus{outline:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,0))}
body:where(.th,.wc) .alertify-button:focus{box-shadow:0 0 15px #2b72d5}
body:where(.th,.wc) .alertify-button:active{position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
body:where(.th,.wc) .alertify-button-cancel,
body:where(.th,.wc) .alertify-button-cancel:hover,
body:where(.th,.wc) .alertify-button-cancel:focus{background-color:#fe1a00;border:1px solid #d83526}
body:where(.th,.wc) .alertify-button-ok,
body:where(.th,.wc) .alertify-button-ok:hover,
body:where(.th,.wc) .alertify-button-ok:focus{background-color:#5cb811;border:1px solid #3b7808}
body:where(.th,.wc) .alertify-log{background:#1f1f1f;background:rgba(0,0,0,.9);padding:15px;border-radius:4px;color:#FFF;text-shadow:-1px -1px 0 rgba(0,0,0,.5)}
body:where(.th,.wc) .alertify-log-error{background:#fe1a00;background:rgba(254,26,0,.9)}
body:where(.th,.wc) .alertify-log-success{background:#5cb811;background:rgba(92,184,17,.9)}
body:where(.th,.wc) .alertify-message{color:#000}
body:where(.th,.wc) .progress-circle{font-size:11px;margin:2px;position:relative;padding:0;width:55px;height:55px;background-color:#f8b741;border-radius:50%;line-height:5em}
body:where(.th,.wc) .progress-circle:after{border:0;position:absolute;top:5px;left:5px;text-align:center;display:block;border-radius:50%;width:45px;height:45px;background-color:white;content:" "}
body:where(.th,.wc) .left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0,5em,5em,2.5em)}
body:where(.th,.wc) .progress-circle.over50 .left-half-clipper{clip:rect(auto,auto,auto,auto)}
body:where(.th,.wc) .value-bar{position:absolute;clip:rect(0,2.5em,5em,0);width:5em;height:5em;border-radius:50%;border:.45em solid #53777a;box-sizing:border-box}
body:where(.th,.wc) .progress-circle.over50 .first50-bar{position:absolute;clip:rect(0,5em,5em,2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}
body:where(.th,.wc) .progress-circle:not(.over50) .first50-bar{display:none}
body:where(.th,.wc) .progress-circle.p0 .value-bar{display:none}
body:where(.th,.wc) .progress-circle.p1 .value-bar{transform:rotate(4deg)}
body:where(.th,.wc) .progress-circle.p2 .value-bar{transform:rotate(7deg)}
body:where(.th,.wc) .progress-circle.p3 .value-bar{transform:rotate(11deg)}
body:where(.th,.wc) .progress-circle.p4 .value-bar{transform:rotate(14deg)}
body:where(.th,.wc) .progress-circle.p5 .value-bar{transform:rotate(18deg)}
body:where(.th,.wc) .progress-circle.p6 .value-bar{transform:rotate(22deg)}
body:where(.th,.wc) .progress-circle.p7 .value-bar{transform:rotate(25deg)}
body:where(.th,.wc) .progress-circle.p8 .value-bar{transform:rotate(29deg)}
body:where(.th,.wc) .progress-circle.p9 .value-bar{transform:rotate(32deg)}
body:where(.th,.wc) .progress-circle.p10 .value-bar{transform:rotate(36deg)}
body:where(.th,.wc) .progress-circle.p11 .value-bar{transform:rotate(40deg)}
body:where(.th,.wc) .progress-circle.p12 .value-bar{transform:rotate(43deg)}
body:where(.th,.wc) .progress-circle.p13 .value-bar{transform:rotate(47deg)}
body:where(.th,.wc) .progress-circle.p14 .value-bar{transform:rotate(50deg)}
body:where(.th,.wc) .progress-circle.p15 .value-bar{transform:rotate(54deg)}
body:where(.th,.wc) .progress-circle.p16 .value-bar{transform:rotate(58deg)}
body:where(.th,.wc) .progress-circle.p17 .value-bar{transform:rotate(61deg)}
body:where(.th,.wc) .progress-circle.p18 .value-bar{transform:rotate(65deg)}
body:where(.th,.wc) .progress-circle.p19 .value-bar{transform:rotate(68deg)}
body:where(.th,.wc) .progress-circle.p20 .value-bar{transform:rotate(72deg)}
body:where(.th,.wc) .progress-circle.p21 .value-bar{transform:rotate(76deg)}
body:where(.th,.wc) .progress-circle.p22 .value-bar{transform:rotate(79deg)}
body:where(.th,.wc) .progress-circle.p23 .value-bar{transform:rotate(83deg)}
body:where(.th,.wc) .progress-circle.p24 .value-bar{transform:rotate(86deg)}
body:where(.th,.wc) .progress-circle.p25 .value-bar{transform:rotate(90deg)}
body:where(.th,.wc) .progress-circle.p26 .value-bar{transform:rotate(94deg)}
body:where(.th,.wc) .progress-circle.p27 .value-bar{transform:rotate(97deg)}
body:where(.th,.wc) .progress-circle.p28 .value-bar{transform:rotate(101deg)}
body:where(.th,.wc) .progress-circle.p29 .value-bar{transform:rotate(104deg)}
body:where(.th,.wc) .progress-circle.p30 .value-bar{transform:rotate(108deg)}
body:where(.th,.wc) .progress-circle.p31 .value-bar{transform:rotate(112deg)}
body:where(.th,.wc) .progress-circle.p32 .value-bar{transform:rotate(115deg)}
body:where(.th,.wc) .progress-circle.p33 .value-bar{transform:rotate(119deg)}
body:where(.th,.wc) .progress-circle.p34 .value-bar{transform:rotate(122deg)}
body:where(.th,.wc) .progress-circle.p35 .value-bar{transform:rotate(126deg)}
body:where(.th,.wc) .progress-circle.p36 .value-bar{transform:rotate(130deg)}
body:where(.th,.wc) .progress-circle.p37 .value-bar{transform:rotate(133deg)}
body:where(.th,.wc) .progress-circle.p38 .value-bar{transform:rotate(137deg)}
body:where(.th,.wc) .progress-circle.p39 .value-bar{transform:rotate(140deg)}
body:where(.th,.wc) .progress-circle.p40 .value-bar{transform:rotate(144deg)}
body:where(.th,.wc) .progress-circle.p41 .value-bar{transform:rotate(148deg)}
body:where(.th,.wc) .progress-circle.p42 .value-bar{transform:rotate(151deg)}
body:where(.th,.wc) .progress-circle.p43 .value-bar{transform:rotate(155deg)}
body:where(.th,.wc) .progress-circle.p44 .value-bar{transform:rotate(158deg)}
body:where(.th,.wc) .progress-circle.p45 .value-bar{transform:rotate(162deg)}
body:where(.th,.wc) .progress-circle.p46 .value-bar{transform:rotate(166deg)}
body:where(.th,.wc) .progress-circle.p47 .value-bar{transform:rotate(169deg)}
body:where(.th,.wc) .progress-circle.p48 .value-bar{transform:rotate(173deg)}
body:where(.th,.wc) .progress-circle.p49 .value-bar{transform:rotate(176deg)}
body:where(.th,.wc) .progress-circle.p50 .value-bar{transform:rotate(180deg)}
body:where(.th,.wc) .progress-circle.p51 .value-bar{transform:rotate(184deg)}
body:where(.th,.wc) .progress-circle.p52 .value-bar{transform:rotate(187deg)}
body:where(.th,.wc) .progress-circle.p53 .value-bar{transform:rotate(191deg)}
body:where(.th,.wc) .progress-circle.p54 .value-bar{transform:rotate(194deg)}
body:where(.th,.wc) .progress-circle.p55 .value-bar{transform:rotate(198deg)}
body:where(.th,.wc) .progress-circle.p56 .value-bar{transform:rotate(202deg)}
body:where(.th,.wc) .progress-circle.p57 .value-bar{transform:rotate(205deg)}
body:where(.th,.wc) .progress-circle.p58 .value-bar{transform:rotate(209deg)}
body:where(.th,.wc) .progress-circle.p59 .value-bar{transform:rotate(212deg)}
body:where(.th,.wc) .progress-circle.p60 .value-bar{transform:rotate(216deg)}
body:where(.th,.wc) .progress-circle.p61 .value-bar{transform:rotate(220deg)}
body:where(.th,.wc) .progress-circle.p62 .value-bar{transform:rotate(223deg)}
body:where(.th,.wc) .progress-circle.p63 .value-bar{transform:rotate(227deg)}
body:where(.th,.wc) .progress-circle.p64 .value-bar{transform:rotate(230deg)}
body:where(.th,.wc) .progress-circle.p65 .value-bar{transform:rotate(234deg)}
body:where(.th,.wc) .progress-circle.p66 .value-bar{transform:rotate(238deg)}
body:where(.th,.wc) .progress-circle.p67 .value-bar{transform:rotate(241deg)}
body:where(.th,.wc) .progress-circle.p68 .value-bar{transform:rotate(245deg)}
body:where(.th,.wc) .progress-circle.p69 .value-bar{transform:rotate(248deg)}
body:where(.th,.wc) .progress-circle.p70 .value-bar{transform:rotate(252deg)}
body:where(.th,.wc) .progress-circle.p71 .value-bar{transform:rotate(256deg)}
body:where(.th,.wc) .progress-circle.p72 .value-bar{transform:rotate(259deg)}
body:where(.th,.wc) .progress-circle.p73 .value-bar{transform:rotate(263deg)}
body:where(.th,.wc) .progress-circle.p74 .value-bar{transform:rotate(266deg)}
body:where(.th,.wc) .progress-circle.p75 .value-bar{transform:rotate(270deg)}
body:where(.th,.wc) .progress-circle.p76 .value-bar{transform:rotate(274deg)}
body:where(.th,.wc) .progress-circle.p77 .value-bar{transform:rotate(277deg)}
body:where(.th,.wc) .progress-circle.p78 .value-bar{transform:rotate(281deg)}
body:where(.th,.wc) .progress-circle.p79 .value-bar{transform:rotate(284deg)}
body:where(.th,.wc) .progress-circle.p80 .value-bar{transform:rotate(288deg)}
body:where(.th,.wc) .progress-circle.p81 .value-bar{transform:rotate(292deg)}
body:where(.th,.wc) .progress-circle.p82 .value-bar{transform:rotate(295deg)}
body:where(.th,.wc) .progress-circle.p83 .value-bar{transform:rotate(299deg)}
body:where(.th,.wc) .progress-circle.p84 .value-bar{transform:rotate(302deg)}
body:where(.th,.wc) .progress-circle.p85 .value-bar{transform:rotate(306deg)}
body:where(.th,.wc) .progress-circle.p86 .value-bar{transform:rotate(310deg)}
body:where(.th,.wc) .progress-circle.p87 .value-bar{transform:rotate(313deg)}
body:where(.th,.wc) .progress-circle.p88 .value-bar{transform:rotate(317deg)}
body:where(.th,.wc) .progress-circle.p89 .value-bar{transform:rotate(320deg)}
body:where(.th,.wc) .progress-circle.p90 .value-bar{transform:rotate(324deg)}
body:where(.th,.wc) .progress-circle.p91 .value-bar{transform:rotate(328deg)}
body:where(.th,.wc) .progress-circle.p92 .value-bar{transform:rotate(331deg)}
body:where(.th,.wc) .progress-circle.p93 .value-bar{transform:rotate(335deg)}
body:where(.th,.wc) .progress-circle.p94 .value-bar{transform:rotate(338deg)}
body:where(.th,.wc) .progress-circle.p95 .value-bar{transform:rotate(342deg)}
body:where(.th,.wc) .progress-circle.p96 .value-bar{transform:rotate(346deg)}
body:where(.th,.wc) .progress-circle.p97 .value-bar{transform:rotate(349deg)}
body:where(.th,.wc) .progress-circle.p98 .value-bar{transform:rotate(353deg)}
body:where(.th,.wc) .progress-circle.p99 .value-bar{transform:rotate(356deg)}
body:where(.th,.wc) .progress-circle.p100 .value-bar{transform:rotate(360deg)}
body:where(.th,.wc) .ContextMenu{position:absolute;background:#f0f0f0 url(/static/images/contextmenu.png) repeat-y;border:1px solid #979797;min-width:160px;padding:2px;box-shadow:inset 0 0 0 2px #f5f5f5;z-index:1999;color:black}
body:where(.th,.wc) .ContextMenuAction{position:relative;border:1px solid transparent;padding:3px 3px 3px 30px;font-size:12px;cursor:pointer}
body:where(.th,.wc) .ContextMenuAction:hover{background:rgba(230,240,255,0.4);background:linear-gradient(to bottom,rgba(242,248,255,0.4) 0,rgba(216,235,255,0.4) 100%);border:1px solid #aecff7;border-radius:2px;box-shadow:inset 0 0 0 1px #f5f5f5}
body:where(.th,.wc) .ContextMenuIcon{position:absolute;left:-2px;top:-1px;width:30px;text-align:center;font-size:18px}
body:where(.th,.wc) .ContextMenuDefaultAction{font-weight:bold}
body:where(.th,.wc) .DragonWindow{position:absolute;border:black solid 2px;border-radius:10px;color:white;z-index:11;box-shadow:5px 5px 20px 5px #000,inset 0 0 0 1px #fff;transform-origin:0 0;background:#bdcae6;background:linear-gradient(to bottom,#bdcae6 0,#8ba5c5 100%)}
body:where(.th,.wc) .DragonWindowTitleBar{height:26px;line-height:26px;border-radius:10px 10px 0 0;padding:0 15px;box-shadow:inset 0 0 0 1px #fff;background:#b414a4;background:linear-gradient(to right,#b414a4 0,#316194 100%)}
body:where(.th,.wc) .DragonWindowClose{width:48px;height:20px;position:absolute;right:10px;top:2px}
body:where(.th,.wc).SD .DragonWindowClose{background-image:url(/static/images/close.png)}
body:where(.th,.wc).HD .DragonWindowClose{background-position:-942.5px -142px}
body:where(.th,.wc) .DragonWindowBody{padding:5px;font-size:14px}
body.wc .AlertBox,
body.wc .DragonWindow{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:3px 3px 10px 0 #000 !important}
body.wc .AlertBox::before,
body.wc .DragonWindow::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;border-style:solid;border-width:28px 51px 4px 3px;border-image-slice:56 102 8 6 fill;border-image-repeat:stretch;z-index:-1;pointer-events:none}
body.wc .AlertBoxTitle,
body.wc .DragonWindowTitle{font-size:14px;font-weight:bold;color:#fff;text-shadow:-1px -1px 0 #08223c,0 -1px 0 #08223c,1px -1px 0 #08223c,-1px 0 0 #08223c,1px 0 0 #08223c,-1px 1px 0 #08223c,0 1px 0 #08223c,1px 1px 0 #08223c}
body.wc .AlertBoxTitle{left:10px;top:5px}
body.wc .DragonWindowTitleBar{height:28px;line-height:26px;padding:0 10px;border-radius:0;background:0;box-shadow:none}
body.wc .AlertBoxContent,
body.wc .AlertBoxContent.blackShadow{color:#10284a;text-shadow:none}
body.wc .AlertBox .AlertBold,
body.wc .DragonWindow .AlertBold{color:#b54800;font-weight:bold}
body.wc .AlertBox a:link,
body.wc .AlertBox a:visited,
body.wc .DragonWindow a:link,
body.wc .DragonWindow a:visited{color:#1d4f9a;text-decoration:underline}
body.wc .createRoomLabel{position:absolute;left:35px;font-size:13px;font-weight:bold;color:#10284a}
body.wc #createRoomLabelTitle{top:40px}
body.wc #createRoomLabelPlayers{top:112px}
body.wc #createRoomLabelMode{top:133px}
body.wc #createRoomTitle,
body.wc .AlertBox .input_field{background-color:#4a597b;color:#fff}
body.wc .AlertBox #moreSettingsBtn{color:#1d4f9a}
body:where(.th,.wc) .ES{display:none}
body:where(.th,.wc) .emo{width:9px;height:9px;transform:scale(1.3);margin:0 1px}
body:where(.th,.wc) #FullScreenButton{position:absolute;width:32px;height:32px;top:10px;right:10px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAB3RJTUUH3QkVFCMsn/1wowAAAAlwSFlzAAAIMAAACDABDKU4JQAAAARnQU1BAACxjwv8YQUAAAFzSURBVHja7VXLSgNBEOz1AzQmq/kVRYJ68BLxLmJEgh5yjJ8k+BkeDIhGY4yIvyEGFYWslL2zWXcevTMRr9Ztt7tqZmq6ewguErRIAI7w5SbTrPQyCXLo++SBK2ELdCgAnPgF+qh46TUMQx7cYLGUHmMUNhEYoCrSl/BQdgsJOrz5AkPUHPoyHrWMK2YkuYByHhVeucAIsUGv48mgL/C/VipBxb2jahjU0+gRO2PR1X+WIL1s2OP8lC9YMXawgXebnkm4RqUnHWPV8WALHzZdvqo627kmRpq4CNKzE/8+8g8LfzSRa76PhhjZQS9cBbEqpFesO5FtfIrzQh9h3A3304J9w6aR1VR1mM0LTQIHhAn2ph9mP57rZ8elFrnNRw4O02YCS+zyxzyupY772dudLYF21s5QEm1jDaFlLIkButl8lkZaScdZEqUz0dOwkgTNTpcl5qyM02jsE4ie6czWNOF5GVV28GnzP67H4cfVIyHRgW9V3Erh8bjrfQAAAABJRU5ErkJggg==);opacity:.5;z-index:1400;display:none}
body:where(.th,.wc) #FullScreenButton:hover{opacity:1}
body:where(.th,.wc) .Particle{position:absolute}
body:where(.th,.wc) #myDialog{z-index:9999;display:none}
body:where(.th,.wc) #debug{display:none;white-space:pre}
body:where(.th,.wc) .wordBreak{word-break:break-all}
body:where(.th,.wc) .chatSpacer{display:inline-block;width:2px}
body:where(.th,.wc) #updater{position:absolute;right:4px;top:4px;background-color:#FEC;color:black;z-index:12000;padding:3px;box-shadow:0 0 3px 3px red;font-size:11px;display:none;cursor:pointer}
body:where(.th,.wc) .Alt{position:absolute;top:0;left:0;color:white;font-size:14px;font-family:Arial,sans-serif;pointer-events:none;background:black;display:none;text-shadow:none;font-weight:normal;min-width:10px;text-align:center}
body:where(.th,.wc) .Alt.Alt2{color:yellow}
body:where(.th,.wc) .AvNotif{position:absolute;color:#fff;font-family:arial,helvetica,sans-serif;font-size:8px;font-weight:bold;line-height:1;background:#ff2d2d;text-align:center;white-space:nowrap;border-radius:6px;padding:2px 4px;box-shadow:0 0 3px rgba(0,0,0,0.7)}
body:where(.th,.wc) .AvNotif{top:-4px;right:-7px;display:none}
body:where(.th,.wc) .blackShadow{text-shadow:-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black}
body:where(.th,.wc) .blackShadow2{text-shadow:-2px 0 4px black,0 2px 4px black,2px 0 4px black,0 -2px 4px black,0 -1px 4px black,1px 0 4px black}
body:where(.th,.wc) .whiteShadow{text-shadow:-1px 0 2px white,0 1px 2px white,1px 0 2px white,0 -1px 2px white}
body:where(.th,.wc) .goldShadow{text-shadow:-1px 0 2px #634910,0 1px 2px #634910,1px 0 2px #634910,0 -1px 2px #634910}
body:where(.th,.wc) .cashShadow{text-shadow:#083863 -1px 0 1px,#083863 0 1px 1px,#083863 1px 0 1px,#083863 0 -1px 1px}
body:where(.th,.wc) .eventPointsShadow{text-shadow:-1px 0 2px #0c4a0c,0 1px 2px #0c4a0c,1px 0 2px #0c4a0c,0 -1px 2px #0c4a0c}
body:where(.th,.wc) .cashText{color:#8bc2ee;text-shadow:#083863 -1px 0 1px,#083863 0 1px 1px,#083863 1px 0 1px,#083863 0 -1px 1px,-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black}
body:where(.th,.wc) .vBottom{vertical-align:bottom}
body:where(.th,.wc) .vMiddle{vertical-align:middle}
body:where(.th,.wc) .vSub{vertical-align:sub}
body:where(.th,.wc) .vTextTop{vertical-align:text-top}
body:where(.th,.wc) .disconnect-info{font-size:.85em;font-style:italic;opacity:.8}
body:where(.th,.wc) .betaTheme{display:none;color:purple}
body:where(.th,.wc) .Spin75{animation:dbclassic-spiner .75s linear infinite}
@keyframes dbclassic-spiner{from{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes dbclassic-scaleout_anim{from{transform:scale(1)}to{transform:scale(1.1)}}
body:where(.th,.wc) .anim_ease{transition:all 500ms cubic-bezier(0.175,0.885,0.320,1.275)}
body:where(.th,.wc) .shake_anim{animation:dbclassic-shake 120ms linear 3}
@keyframes dbclassic-shake{from{margin-top:0}25%{margin-top:-2px}50%{margin-top:2px}100%{margin-top:-2px}}
body:where(.th,.wc) .shake_btn_anim{border-color:#f33 !important;animation:dbclassic-shake_btn 120ms linear 3}
@keyframes dbclassic-shake_btn{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
body:where(.th,.wc) .ghost{opacity:.5;animation:dbclassic-grayspin_anim 2s linear infinite;transform-origin:10px -20px}
body:where(.th,.wc) .dbclassic-AnimEnterFromBottom{animation:dbclassic-AnimEnterFromBottom .5s;animation-fill-mode:forwards}
@keyframes dbclassic-AnimEnterFromBottom{from{transform:translate(0,1000px)}to{transform:translate(0,0)}}
body:where(.th,.wc) .dbclassic-AnimEnterScaleIn{animation:dbclassic-AnimEnterScaleIn .4s;transform-origin:50% 50% !important;animation-fill-mode:forwards}
@keyframes dbclassic-AnimEnterScaleIn{from{transform:scale(0) rotate(45deg)}to{transform:scale(1) rotate(0)}}
body:where(.th,.wc) .dbclassic-AnimEnterScaleIn15{animation:dbclassic-AnimEnterScaleIn15 .4s;transform-origin:50% 50% !important;animation-fill-mode:forwards}
@keyframes dbclassic-AnimEnterScaleIn15{from{transform:scale(0) rotate(45deg)}to{transform:scale(1.5) rotate(0)}}
body:where(.th,.wc) .dbclassic-AnimScaleOut{animation:dbclassic-AnimScaleOut .2s;transform-origin:50% 50% !important;pointer-events:none;animation-fill-mode:forwards}
@keyframes dbclassic-AnimScaleOut{from{transform:scale(1) rotate(0)}to{transform:scale(0) rotate(45deg)}}
body:where(.th,.wc) .dbclassic-AnimEnterFadeIn{animation:dbclassic-AnimEnterFadeIn .2s}
body:where(.th,.wc) .AnimEnterFadeIn4{animation:dbclassic-AnimEnterFadeIn .4s}
body:where(.th,.wc) .AnimEnterFadeInLong{animation:dbclassic-AnimEnterFadeIn 2s}
@keyframes dbclassic-AnimEnterFadeIn{from{opacity:0}to{opacity:1}}
body:where(.th,.wc) .dbclassic-AnimEnterFadeOut{animation:dbclassic-AnimEnterFadeOut .2s;transform-origin:50% 50%}
@keyframes dbclassic-AnimEnterFadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes dbclassic-AnimEnterScaleDown{from{transform:scale(7);opacity:.1}to{transform:scale(1);opacity:1}}
body:where(.th,.wc) .meter{height:12px;position:relative;background:#555;border-radius:25px;padding:2px;box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3)}
body:where(.th,.wc) .meter>span{display:block;height:100%;border-radius:20px;background-color:#2bc253;background-image:linear-gradient(to top,#2bc253 37%,#54f054 69%);box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);position:relative;overflow:hidden}
body:where(.th,.wc) .meter>span:after,
body:where(.th,.wc) .stripes,
body:where(.th,.wc) .animate>span>span{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);z-index:1;background-size:50px 50px;animation:dbclassic-move_stripes 2s linear infinite;border-radius:20px;overflow:hidden}
body:where(.th,.wc) .animate>span:after{display:none}
@keyframes dbclassic-move_stripes{0%{background-position:0 0}100%{background-position:50px 50px}}
body:where(.th,.wc) .orange>span{background-color:#f1a165;background-image:linear-gradient(to bottom,#f1a165,#f36d0a)}
body:where(.th,.wc) .red>span{background-color:#f0a3a3;background-image:linear-gradient(to bottom,#f0a3a3,#f42323)}
body:where(.th,.wc) .nostripes>span>span,
body:where(.th,.wc) .nostripes>span:after{animation:none;background-image:none}
body:where(.th,.wc) .meterText{position:absolute;top:0;width:100%;font-size:11px;text-align:center;line-height:16px}
body:where(.th,.wc) .blinkingGlow{border-radius:10px;animation:dbclassic-blinking_glow_anim 1s ease-in infinite alternate}
@keyframes dbclassic-blinking_glow_anim{50%{box-shadow:0 0 1px 0 #ff0;transform:rotate(0)}100%{box-shadow:0 0 8px 8px #ff0;transform:rotate(10deg)}}
body:where(.th,.wc) .dbclassic-squeeze_anim{animation:dbclassic-squeeze_anim 100ms}
@keyframes dbclassic-squeeze_anim{from{transform:scaleY(1)}to{transform:scaleY(0.01)}}
body:where(.th,.wc) .grayspin{animation:dbclassic-grayspin_anim 1s linear infinite}
@keyframes dbclassic-grayspin_anim{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes dbclassic-huerotate{from{filter:hue-rotate(0)}to{filter:hue-rotate(360deg)}}
@keyframes dbclassic-move{from{bottom:100px}to{bottom:70px;transform:scale(1.2)}}
body:where(.th,.wc) .dbclassic-text_anim{animation:dbclassic-text_anim 7s linear}
@keyframes dbclassic-text_anim{from{opacity:0;transform:translate(-50px,0) scale(0.1) rotate(-40deg)}5%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}95%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50px,0) scale(0.1) rotate(-40deg)}}
@keyframes dbclassic-event_anim{from{opacity:0;transform:translate(-50px,0) scale(0.1) rotate(40deg)}25%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}75%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50px,0) scale(0.1) rotate(40deg)}}
@keyframes dbclassic-bonus_msg_anim{from{opacity:0;transform:translate(-50px,0) scale(0.1) rotate(40deg)}25%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}75%{opacity:.85;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(0,0) scale(1) rotate(0)}}
body:where(.th,.wc) .dbclassic-animRotate{animation:dbclassic-animRotate 20s ease infinite}
@keyframes dbclassic-animRotate{from{transform:rotate(0) scale(1.3)}10%{transform:rotate(0) scale(1)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-370deg)}50%{transform:rotate(-350deg)}60%{transform:rotate(-365deg)}70%{transform:rotate(-355deg)}80%{transform:rotate(15deg)}90%{transform:rotate(-15deg)}100%{transform:rotate(0) scale(1.3)}}
body:where(.th,.wc) .Glowing{position:absolute;left:7px;top:6px;width:26px;height:26px;border-radius:26px;animation:dbclassic-glowingShrinking 1s infinite alternate ease-in-out}
@keyframes dbclassic-glowingShrinking{0%{box-shadow:0 0 10px #f1c40f,0 0 20px #f1c40f,0 0 30px #f1c40f,0 0 10px #f1c40f,0 0 20px #f1c40f,0 0 30px #f1c40f}100%{box-shadow:0 0 20px #f1c40f,0 0 40px #f1c40f,0 0 60px #f1c40f,0 0 20px #f1c40f,0 0 40px #f1c40f,0 0 60px #f1c40f}}
body:where(.th,.wc) #changePassLink{position:absolute;white-space:nowrap;left:10px;top:74px;border:1px gray solid;padding:6px 10px;font-size:7px;line-height:5px;font-family:Emoji,Arial,sans-serif;font-weight:normal}
body:where(.th,.wc) #LoginWindow{width:700px;height:300px;position:absolute;top:0;left:0;transform-origin:0 0;border-radius:20px;box-shadow:black 10px 10px 50px 10px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;z-index:199;display:none;background-image:linear-gradient(to bottom right,#03ffff 0,#05008f 100%)}
body:where(.th,.wc) #LoginMute{position:absolute;left:400px;top:-30px;border:3px solid black;background-color:yellow;cursor:pointer}
body:where(.th,.wc) #LoginLang{position:absolute;left:266px;top:-30px;width:25px;height:21px;border:3px solid black;background-color:blue;text-align:center;color:white;padding-top:4px;cursor:pointer}
body:where(.th,.wc) #loginTitle{position:absolute;top:14px;text-align:center;width:347px;font-size:24px;color:white;text-shadow:black -2px 0 4px,black 0 2px 4px,black 2px 0 4px,black 0 -2px 4px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px}
body:where(.th,.wc) #registerTitle{position:absolute;text-align:center;width:348px;left:352px;top:14px;font-size:24px;color:white;text-shadow:black -2px 0 4px,black 0 2px 4px,black 2px 0 4px,black 0 -2px 4px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px}
body:where(.th,.wc) #LoginPart{position:absolute;left:30px;top:62px}
body:where(.th,.wc) .inputField{font-size:18px;padding:4px 10px;border-color:#bdc7d8;border-radius:5px;margin:5px}
body:where(.th,.wc) #LoginUsername{width:250px}
body:where(.th,.wc) #LoginPass{width:175px}
body:where(.th,.wc) #name,
body:where(.th,.wc) #password{width:270px}
body:where(.th,.wc) .resetPass a{font-size:16px;color:#0cf;padding-left:8px;line-height:40px}
body:where(.th,.wc) #LoginWindowBG{display:block;position:absolute;left:-4000px;top:-4000px;width:10000px;height:10000px;background:rgba(0,0,0,0.25);z-index:9998}
body:where(.th,.wc) #LoginOR1{position:absolute;left:0;top:208px;font-size:18px;font-style:italic;width:347px;text-align:center}
body:where(.th,.wc) #LoginSap{position:absolute;left:347px;width:5px;height:300px;background:black}
body:where(.th,.wc) #LoginSapH{position:absolute;top:200px;width:350px;height:5px;background:black}
body:where(.th,.wc) #RegisterPart{position:absolute;left:374px;top:62px}
body:where(.th,.wc) .RegisterSelect{border:1px solid #bdc7d8;font-size:13px;height:30px;padding:5px}
body:where(.th,.wc) .formLine{font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:18px}
body:where(.th,.wc) .fieldInfo{font-size:11px;font-style:italic;width:165px;display:inline-block}
body:where(.th,.wc) .registerButton{text-align:center;box-shadow:inset 0 1px 1px #a4e388;border-color:#3b6e22 #3b6e22 #2c5115;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;letter-spacing:1px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,0.5);font-family:'Freight Sans Bold','lucida grande',tahoma,verdana,arial,sans-serif !important;font-weight:normal !important;text-rendering:optimizelegibility;font-size:19px;line-height:126%;padding:7px 25px;background-color:#69a74e;background:linear-gradient(to bottom,#67ae55,#578843);box-shadow:inset 0 1px 1px #a4e388;border-color:#3b6e22 #3b6e22 #2c5115}
body:where(.th,.wc) .registerButton:hover{background:linear-gradient(to bottom,#79bc64,#578843)}
body:where(.th,.wc) .behindDialog{filter:grayscale(50%)}
body:where(.th,.wc) .errorlist{color:red;text-align:left}
body:where(.th,.wc) #ConnectWithFacebook{position:absolute;left:51px;top:232px}
body:where(.th,.wc) #LoginFBStatus{position:absolute;left:0;top:240px;width:347px;font-size:16px;text-align:center;font-style:italic;color:#ddf}
body:where(.th,.wc) #LoginFBStatus.FBFail{left:27px;width:321px;color:#fca;font-size:14px}
body:where(.th,.wc) .FBLoader{background-image:url(/static/images/me.gif);width:28px;height:19px;vertical-align:text-bottom;display:inline-block}
body:where(.th,.wc) .inputFieldD{width:162px;padding:0}
body:where(.th,.wc) #formLineGender{margin:19px 28px 5px 28px}
body:where(.th,.wc) #formLineSubmit{margin:23px;text-align:center}
body:where(.th,.wc) #male:focus,
body:where(.th,.wc) #female:focus,
body:where(.th,.wc) #GenderM:focus,
body:where(.th,.wc) #GenderF:focus{outline:5px solid #8f8}
body:where(.th,.wc) .Male{display:inline-block;background:url(/static/images/gender.png) no-repeat;width:22px;height:21px;vertical-align:sub}
body:where(.th,.wc) .Female{display:inline-block;background:url(/static/images/gender.png) -23px 0 no-repeat;width:22px;height:21px;vertical-align:sub}
body:where(.th,.wc) .gender-selection{display:flex;gap:10px;margin:10px 0;justify-content:center}
body:where(.th,.wc) .gender-btn{display:flex;align-items:center;gap:5px;padding:8px 15px;border:2px solid #3b6e22;border-radius:5px;background:linear-gradient(to bottom,#6ba053,#4d7c3c);color:white;font-weight:bold;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,0.3);font-size:14px;width:115px}
body:where(.th,.wc) .gender-btn:hover{background:linear-gradient(to bottom,#79bc64,#578843);transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,0.4)}
body:where(.th,.wc) .gender-btn.gender-selected{background:linear-gradient(to bottom,#79bc64,#578843);border-color:#fc0;box-shadow:0 0 10px rgba(255,204,0,0.5)}
body:where(.th,.wc) #characterPreview{position:absolute;right:60px;bottom:25px}
body:where(.th,.wc) #CreatePlayerName{position:absolute;white-space:nowrap;left:-40px;top:17px}
body:where(.th,.wc) .ConnectEmailWithFBDialog .AlertBoxTitle{left:20px;font-size:15px}
body:where(.th,.wc) .ConnectEmailWithFBDialog .AlertBoxContent{padding:0 10px;top:35px}
body:where(.th,.wc) input::-webkit-outer-spin-button,
body:where(.th,.wc) input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
body:where(.th,.wc) input[type=number]{-moz-appearance:textfield}
body:where(.th,.wc) #BrokerScreen{display:none}
body:where(.th,.wc) #BrokerWindow{position:absolute;left:82px;top:104px;width:636px;height:388px;border:black solid 2px;border-radius:20px;color:white;z-index:999;background:rgba(20,20,140,0.6);background-size:cover;box-shadow:5px 10px 30px 10px #000,inset 1px 2px 4px #7394b5}
body:where(.th,.wc) #BrokerPlayer{position:absolute;left:200px;top:80px;width:400px;height:22px;border:black solid 2px;border-radius:40px 40px 0 0;color:white;z-index:998;background:rgba(20,20,240,0.8);background-size:cover;box-shadow:5px 5px 30px 10px #000,inset 1px 2px 4px #7394b5;text-align:center;padding-top:3px;font-size:12px}
body:where(.th,.wc) #BrokerPlayer span{vertical-align:text-bottom;margin-top:3px}
body:where(.th,.wc) .UsernameAboveDialog{position:absolute;left:-19px;top:-34px;width:290px;height:22px;border:black solid 2px;border-radius:40px 40px 0 0;color:white;z-index:-3;background:rgba(50,50,150,0.7);background-size:cover;box-shadow:inset 1px 2px 4px #7394b5;text-align:center;padding-top:3px;font-size:12px}
body:where(.th,.wc) #BrokerTitle{position:absolute;left:0;top:10px;width:100%;text-align:center;color:white}
body:where(.th,.wc) #BrokerTitle2{position:absolute;left:10px;top:5px;width:153px;height:22px;background-position:-703.5px -269px}
body:where(.th,.wc) #BrokerTotalPlayers{position:absolute;left:20px;bottom:20px;color:white}
body:where(.th,.wc) .BrokerChannel{position:absolute;width:190px;height:70px;background-size:contain;background-repeat:no-repeat}
body:where(.th,.wc) #BrokerChannel0{left:16px;top:40px}
body:where(.th,.wc) #BrokerChannel1{left:223px;top:40px}
body:where(.th,.wc) #BrokerChannel2{left:430px;top:40px}
body:where(.th,.wc) #BrokerChannel3{left:16px;top:127px}
body:where(.th,.wc) #BrokerChannel4{left:223px;top:127px}
body:where(.th,.wc) #BrokerChannel5{left:430px;top:127px}
body:where(.th,.wc) #BrokerChannel6{left:16px;top:214px}
body:where(.th,.wc) #BrokerChannel7{left:223px;top:214px}
body:where(.th,.wc) #BrokerChannel8{left:430px;top:214px}
body:where(.th,.wc) #BrokerChannel9{left:16px;top:301px}
body:where(.th,.wc) #BrokerChannel10{left:223px;top:301px}
body:where(.th,.wc) #BrokerChannel11{left:430px;top:301px}
body:where(.th,.wc) #BrokerChannel12{left:16px;top:388px}
body:where(.th,.wc) #BrokerChannel13{left:223px;top:388px}
body:where(.th,.wc) #BrokerChannel14{left:430px;top:388px}
body:where(.th,.wc) .BrokerPlayersIcon{position:absolute;left:99px;top:29px;background-image:url(/static/images/themes/dragonbound/images/serversHD/icon.png);background-size:contain;background-repeat:no-repeat;width:7px;height:11px}
body:where(.th,.wc) .BrokerChannel.BrokerChannelOnline{background-position:0 0}
body:where(.th,.wc) .BrokerChannel.BrokerChannelFull{color:#9cf}
body:where(.th,.wc) .BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon{position:absolute;top:38px;left:11px;width:42px;height:20px;background-position:-177px -606px}
body:where(.th,.wc) .ServerName{display:flex;align-items:center;position:absolute;left:5px;top:0;color:white;font-size:12px;height:28px}
body:where(.th,.wc) .ServerNamePart{display:flex;flex-direction:column;align-items:center}
body:where(.th,.wc) .BrokerNumPlayers2{position:absolute;height:7px;background:#0f0;width:0}
body:where(.th,.wc) .BrokerMaxPlayers2{position:absolute;left:109px;top:30px;height:7px;background:#00f;border:1px solid black;width:74px}
body:where(.th,.wc) .BrokerRanks{position:absolute;left:57px;top:43px;color:black;font-size:22px}
body:where(.th,.wc) .BrokerDesc{position:absolute;left:10px;top:48px;color:black;font-size:12px;width:178px}
body:where(.th,.wc) .InlineRank{display:inline-block}
body:where(.th,.wc) #BrokerRefresh{position:absolute;top:6px;right:6px;width:34px;height:20px;background-position:-302px -1593px}
body:where(.th,.wc).HD #BrokerRefresh{background-position:-552.5px -72.5px}
body:where(.th,.wc) #BrokerLogout{display:block;position:absolute;right:12px;bottom:5px;width:55px;height:51px;background-position:-56px -303px}
body:where(.th,.wc).HD #BrokerLogout{background-position:-682.5px 0}
body:where(.th,.wc) #chat_divs{position:relative;z-index:110}
body:where(.th,.wc) .ChatDialog{position:absolute;left:212px;top:138px;width:375px;height:324px;background-position:0 -647px;z-index:20;overflow:hidden}
body:where(.th,.wc).HD .ChatDialog{background-position:0 -579.5px}
body:where(.th,.wc) .chatDialogName{position:absolute;left:49px;top:11px}
body:where(.th,.wc) .chatDialogName .rankHD_span15{vertical-align:bottom}
body:where(.th,.wc) .chatDialogClose{position:absolute;left:325px;top:282px;width:29px;height:31px;background-position:-334px -215px}
body:where(.th,.wc).HD .chatDialogClose{background-position:-624px -156px}
body:where(.th,.wc) .chatDialogEsc{position:absolute;left:325px;top:314px;font-size:9px;color:#faa}
body:where(.th,.wc) .chatDialogMinimize{position:absolute;left:343px;top:3px;font-size:16px;color:#acf2f6;cursor:pointer;user-select:none;line-height:1}
body:where(.th,.wc) .chatDialogMinimize:hover{color:#fff}
body:where(.th,.wc) .chatDialogDelete{position:absolute;left:26px;top:288px;width:32px;height:25px;background-position:-239px -1286px}
body:where(.th,.wc).HD .chatDialogDelete{background-position:-519px -72.5px}
body:where(.th,.wc) .chatDialogGuildKick{position:absolute;left:118px;top:280px;width:46px;height:36px;background-position:-198px -1593px}
body:where(.th,.wc).HD .chatDialogGuildKick{background-position:-504px -99px}
body:where(.th,.wc) .chatDialogGuildInvite{position:absolute;left:115px;top:276px;width:55px;height:44px;background-position:-193px -1476px}
body:where(.th,.wc).HD .chatDialogGuildInvite{background-position:-439px -63.5px}
body:where(.th,.wc) .chatDialogInput{position:absolute;left:9px;top:248px;width:341px;color:#acf2f6;background-color:transparent;border:0;font-size:13px;padding:6px;height:16px}
body:where(.th,.wc) .chatDialogInput:focus{border:orange solid 1px;background-color:#001839}
body:where(.th,.wc) .chatDialogText{position:absolute;left:15px;top:44px;width:347px;height:195px;font-size:13px;color:#acf2f6}
body:where(.th,.wc) .chatDialogText .viewport{width:317px;height:198px;overflow:hidden;position:relative}
body:where(.th,.wc) .chatDialogText .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;word-wrap:break-word;width:330px}
body:where(.th,.wc) .chatDialogText .scrollbar{background-color:transparent;position:relative;float:right;width:15px;padding-top:11px}
body.th #BrokerWindow{border-image-source:url(/static/images/themes/dragonbound/images/themes/classicTH/servers_frame.png);border-image-slice:46 18 18 18;border-image-width:46px 18px 18px 18px;border-image-outset:2px}
body.th #BrokerChannel0,
body.th #BrokerChannel1,
body.th #BrokerChannel2{top:55px}
body.th #BrokerChannel3,
body.th #BrokerChannel4,
body.th #BrokerChannel5{top:137px}
body.th #BrokerChannel6,
body.th #BrokerChannel7,
body.th #BrokerChannel8{top:219px}
body.th #BrokerLogout{right:4px;bottom:9px;width:107px;height:45px;background-position:-892.5px -227.5px;transform:scale(0.8)}
body.th #BrokerLogout.light_button:active{transform:scale(0.8);background-position:-893px -272.5px;filter:none}
body.th #BrokerLogout.light_button:hover{filter:none}
body.th #BrokerLogout.light_button:hover>.ThButtonIcon{filter:brightness(1.3)}
body.th #BrokerLogout.light_button:hover>.ThButtonText{filter:drop-shadow(0.5px 0 1px #0059a5) drop-shadow(-0.5px 0 0 #0059a5) drop-shadow(0 .5px 0 #0059a5) drop-shadow(0 0 1px #0059a5) brightness(1.3)}
body:where(.th,.wc) #BrokerLogout .ThButtonIcon{background-position:-939px -206.5px}
body.th #GuideServers{display:none}
body.th #BrokerPlayer{border:0;box-shadow:none;background:rgba(20,20,40,0.3);padding-bottom:3px}
body:where(.th,.wc) #ranking_panel{position:fixed;left:-330px;top:0;height:100%;width:300px;color:white;font-size:12px;z-index:101;background:rgba(0,0,0,0.4);transition:left .25s ease-in-out}
body:where(.th,.wc) #ranking_panel td{vertical-align:middle;height:15px;padding:1px 3px;white-space:nowrap;overflow:hidden}
body:where(.th,.wc) #ranking_title{font-weight:bold;text-align:center;font-size:13px}
body:where(.th,.wc) #ranking_title2{text-align:center}
body:where(.th,.wc) #ranking_btns{padding-left:3px}
body:where(.th,.wc) .ranking_btn{display:inline-block;background-color:#495d7b;padding:3px 6px;margin:3px 0;border-radius:5px;font-size:12px;border:1px solid black}
body:where(.th,.wc) .ranking_btn:hover{background-color:#6b8cc6;cursor:pointer}
body:where(.th,.wc) .ranking_btn:active{border:1px solid white;background-color:#8dc}
body:where(.th,.wc) .ranking_btn.selected{border:1px solid white;background-color:lime}
body:where(.th,.wc) .ranking_me{background-color:#789}
body:where(.th,.wc) .ranking_num{width:1px;text-align:right}
body:where(.th,.wc) .ranking_rank{width:1px}
body:where(.th,.wc) .ranking_name{max-width:100px}
body:where(.th,.wc) .ranking_gp{width:1px;text-align:right}
body:where(.th,.wc) #ranking_data2{clear:both;height:calc(100% - 89px);overflow:auto;direction:rtl;text-align:left}
body:where(.th,.wc) #ranking_data{direction:ltr;text-align:left}
body:where(.th,.wc) #ranking_home{direction:ltr;text-align:left;height:100%}
body:where(.th,.wc) #ranking_data table{width:100%}
body:where(.th,.wc) #ranking_panel_open{font-size:11px;line-height:8px;color:lightgray;position:absolute;top:50%;margin-top:-36px;width:72px;height:10px;background:rgba(100,100,100,0.5);text-align:center;padding-top:3px;z-index:102;transform:rotate(90deg);transform-origin:left bottom;border-top-right-radius:20px;border-top-left-radius:20px;transition:left .25s ease-in-out}
@media(min-height:700px) and (min-width:1100px){body:where(.th,.wc) #ranking_panel_open{font-size:13px;line-height:11px;margin-top:-50px;width:100px;height:13px;background:rgba(100,100,100,0.5);text-align:center;padding-top:2px}}
body:where(.th,.wc) #ranking_panel_open:active{margin-left:0;filter:brightness(1.6)}
body:where(.th,.wc) #ranking_panel_open .Alt{transform:rotate(-90deg)}
body:where(.th,.wc) .Nav{text-align:center}
body:where(.th,.wc) #rankingOffset{width:39px}
body:where(.th,.wc) .Rule{display:inline-block;background-color:#495d7b;padding:2px 5px;margin:2px;border-radius:5px;border:1px solid black}
body:where(.th,.wc) .ContactTitle{margin-top:8px;color:lightyellow;font-weight:bold;text-align:center;font-size:18px;border-bottom:1px solid #aaa}
body:where(.th,.wc) .ContactName{margin-top:8px;color:yellow;font-weight:bold;font-size:16px;text-align:center}
body:where(.th,.wc) .ContactLang{color:white;font-weight:normal;font-style:italic;font-size:11px;text-align:center}
body:where(.th,.wc) .ContactFB{text-align:center}
body:where(.th,.wc) .ContactFB a{padding:5px}
body:where(.th,.wc) .fbfan{border:0;overflow:hidden;height:70px}
body:where(.th,.wc) .ContactVersion{margin-top:14px;color:#888;font-size:11px;text-align:center;white-space:nowrap}
body:where(.th,.wc) .ContactReload{display:block;width:150px;margin:6px auto 0;padding:4px 0;color:#ccc;font-size:12px;text-align:center;border:1px solid #666;border-radius:6px}
body:where(.th,.wc) #pplink3{position:absolute;right:37px;bottom:-30px;font-size:12px;color:#0cf}
body:where(.th,.wc) #toslink3{position:absolute;left:37px;bottom:-30px;font-size:12px;color:#0cf}
body:where(.th,.wc) .slidecontainer{width:100%}
body:where(.th,.wc) .slider{-webkit-appearance:none;appearance:none;height:9px;outline:0;transition:filter .2s;border:1px solid #aaa;border-radius:4px;background-color:#fff;box-shadow:inset 0 0 3px 1px #888}
body:where(.th,.wc) .slider:hover{filter:brightness(1.15)}
body:where(.th,.wc) .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;border:1px solid #333;border-radius:10px;background-color:#fff;box-shadow:inset 0 0 3px 3px #888}
body:where(.th,.wc) .slider::-moz-range-thumb{width:25px;height:25px;cursor:pointer;border:1px solid #333;border-radius:15px;background-color:#fff;box-shadow:inset 0 0 3px 3px #888}
body:where(.th,.wc) #ReplayPanel{padding:5px;overflow:auto;clear:both;height:calc(100% - 23px);direction:rtl;text-align:left}
body:where(.th,.wc) #ReplayPanel2{direction:ltr;text-align:left}
body:where(.th,.wc) #ReplayRestartBtn{font-size:30px;height:50px;width:62px}
body:where(.th,.wc) #ReplayPauseBtn{font-size:30px;height:50px;width:62px}
body:where(.th,.wc) #ReplaySlider{width:95%}
body:where(.th,.wc) #ReplayTime{font-size:16px}
body:where(.th,.wc) #ReplayTimeTD{text-align:center;width:100%}
body:where(.th,.wc) #ReplaySpeed{transform:rotate(270deg);position:relative;top:109px;width:150px}
body:where(.th,.wc) .ReplaySpeedLine1{margin-left:70px}
body:where(.th,.wc) .ReplaySpeedLine{margin:11px;margin-left:93px}
body:where(.th,.wc) #SetBroadcastURL{height:11px;font-size:10px;padding:0;width:120px}
body:where(.th,.wc) .RankingVideoBtn{height:15px;vertical-align:bottom;cursor:pointer}
body:where(.th,.wc) .RankingVideoBtn.FB{filter:hue-rotate(220deg) brightness(1.5)}
body:where(.th,.wc) #InstallAppBanner{margin-top:40px}
body:where(.th,.wc) #MiniBanner,
body:where(.th,.wc) #MiniBanner2{margin-top:30px;display:none;width:300px}
body:where(.th,.wc) #TOSLinks{text-align:left;margin-left:10px;margin-top:20px;margin-bottom:40px}
body:where(.th,.wc) #ranking_btn_event{display:none}
body:where(.th,.wc) #ranking_btn_event.show{display:inline-block}
body:where(.th,.wc) .rankHD_span30{display:inline-block;background-size:cover;width:50px;height:30px}
body:where(.th,.wc) .rankHD_span21{display:inline-block;background-size:cover;width:35px;height:21px}
body:where(.th,.wc) .rankHD_span18{display:inline-block;background-size:cover;width:30px;height:18px}
body:where(.th,.wc) .rankHD_span15,
body:where(.th,.wc) .rank{display:inline-block;background-size:cover;width:25px;height:15px}
body:where(.th,.wc) .rankHD_span12{display:inline-block;background-size:cover;width:20px;height:12px}
body:where(.th,.wc) .rank0,
body:where(.th,.wc) .rankHD0{background-image:url(/static/images/themes/dragonbound/images/ranks/0.png)}
body:where(.th,.wc) .rank1,
body:where(.th,.wc) .rankHD1{background-image:url(/static/images/themes/dragonbound/images/ranks/1.png)}
body:where(.th,.wc) .rank2,
body:where(.th,.wc) .rankHD2{background-image:url(/static/images/themes/dragonbound/images/ranks/2.png)}
body:where(.th,.wc) .rank3,
body:where(.th,.wc) .rankHD3{background-image:url(/static/images/themes/dragonbound/images/ranks/3.png)}
body:where(.th,.wc) .rank4,
body:where(.th,.wc) .rankHD4{background-image:url(/static/images/themes/dragonbound/images/ranks/4.png)}
body:where(.th,.wc) .rank5,
body:where(.th,.wc) .rankHD5{background-image:url(/static/images/themes/dragonbound/images/ranks/5.png)}
body:where(.th,.wc) .rank6,
body:where(.th,.wc) .rankHD6{background-image:url(/static/images/themes/dragonbound/images/ranks/6.png)}
body:where(.th,.wc) .rank7,
body:where(.th,.wc) .rankHD7{background-image:url(/static/images/themes/dragonbound/images/ranks/7.png)}
body:where(.th,.wc) .rank8,
body:where(.th,.wc) .rankHD8{background-image:url(/static/images/themes/dragonbound/images/ranks/8.png)}
body:where(.th,.wc) .rank9,
body:where(.th,.wc) .rankHD9{background-image:url(/static/images/themes/dragonbound/images/ranks/9.png)}
body:where(.th,.wc) .rank10,
body:where(.th,.wc) .rankHD10{background-image:url(/static/images/themes/dragonbound/images/ranks/10.png)}
body:where(.th,.wc) .rank11,
body:where(.th,.wc) .rankHD11{background-image:url(/static/images/themes/dragonbound/images/ranks/11.png)}
body:where(.th,.wc) .rank12,
body:where(.th,.wc) .rankHD12{background-image:url(/static/images/themes/dragonbound/images/ranks/12.png)}
body:where(.th,.wc) .rank13,
body:where(.th,.wc) .rankHD13{background-image:url(/static/images/themes/dragonbound/images/ranks/13.png)}
body:where(.th,.wc) .rank14,
body:where(.th,.wc) .rankHD14{background-image:url(/static/images/themes/dragonbound/images/ranks/14.png)}
body:where(.th,.wc) .rank15,
body:where(.th,.wc) .rankHD15{background-image:url(/static/images/themes/dragonbound/images/ranks/15.png)}
body:where(.th,.wc) .rank16,
body:where(.th,.wc) .rankHD16{background-image:url(/static/images/themes/dragonbound/images/ranks/16.png)}
body:where(.th,.wc) .rank17,
body:where(.th,.wc) .rankHD17{background-image:url(/static/images/themes/dragonbound/images/ranks/17.png)}
body:where(.th,.wc) .rank18,
body:where(.th,.wc) .rankHD18{background-image:url(/static/images/themes/dragonbound/images/ranks/18.png)}
body:where(.th,.wc) .rank19,
body:where(.th,.wc) .rankHD19{background-image:url(/static/images/themes/dragonbound/images/ranks/19.png)}
body:where(.th,.wc) .rank20,
body:where(.th,.wc) .rankHD20{background-image:url(/static/images/themes/dragonbound/images/ranks/20.png)}
body:where(.th,.wc) .rank21,
body:where(.th,.wc) .rankHD21{background-image:url(/static/images/themes/dragonbound/images/ranks/21.png)}
body:where(.th,.wc) .rank22,
body:where(.th,.wc) .rankHD22{background-image:url(/static/images/themes/dragonbound/images/ranks/22.png)}
body:where(.th,.wc) .rank23,
body:where(.th,.wc) .rankHD23{background-image:url(/static/images/themes/dragonbound/images/ranks/23.png)}
body:where(.th,.wc) .rank24,
body:where(.th,.wc) .rankHD24{background-image:url(/static/images/themes/dragonbound/images/ranks/24.png)}
body:where(.th,.wc) .rank25,
body:where(.th,.wc) .rankHD25{background-image:url(/static/images/themes/dragonbound/images/ranks/25.png)}
body:where(.th,.wc) .rank26,
body:where(.th,.wc) .rankHD26{background-image:url(/static/images/themes/dragonbound/images/ranks/26.png)}
body:where(.th,.wc) .rank27,
body:where(.th,.wc) .rankHD27{background-image:url(/static/images/themes/dragonbound/images/ranks/27.png)}
body:where(.th,.wc) .rank28,
body:where(.th,.wc) .rankHD28{background-image:url(/static/images/themes/dragonbound/images/ranks/28.png)}
body:where(.th,.wc) .rank29,
body:where(.th,.wc) .rankHD29{background-image:url(/static/images/themes/dragonbound/images/ranks/29.png)}
body:where(.th,.wc) .rank30,
body:where(.th,.wc) .rankHD30{background-image:url(/static/images/themes/dragonbound/images/ranks/30.png)}
body:where(.th,.wc) .rank31,
body:where(.th,.wc) .rankHD31{background-image:url(/static/images/themes/dragonbound/images/ranks/31.png)}
body:where(.th,.wc) .rank32,
body:where(.th,.wc) .rankHD32{background-image:url(/static/images/themes/dragonbound/images/ranks/32.png)}
body:where(.th,.wc) .rank_emoji{height:12px;display:inline-block;vertical-align:bottom;color:transparent;text-shadow:none;font-size:0}
body:where(.th,.wc) #ReplayInfo2{position:relative}
body:where(.th,.wc) #ReplayInfo2 a:hover{text-decoration:underline}
body:where(.th,.wc) #ReplayInfo2 .rankHD_span15{vertical-align:bottom}
body:where(.th,.wc) #ReplayInfo2 .country{font-size:8px}
body:where(.th,.wc) #btnWeeklyRank21{font-size:17px}
body:where(.th,.wc) #chargeWindow{position:absolute;left:50%;top:10px;--cw-scale:min(1,calc((100vw - 20px) / 820px));z-index:1500;width:820px;height:897px;display:none;background:rgba(0,50,100,0.95);border:4px solid black;border-radius:20px 20px 0 0;font-size:12px;transform-origin:center top;transform:translateX(-50%) scale(var(--cw-scale));transition:width .2s ease-in-out}
body:where(.th,.wc) #chargeWindow.large{width:1100px;--cw-scale:min(1,calc((100vw - 20px) / 1100px))}
body:where(.th,.wc) #chargeMyUserID{position:absolute;top:10px;right:1px;text-align:center;width:172px;height:80px;cursor:initial;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(100,0,0,0.3);border-radius:10px;border-top:red 2px solid}
body:where(.th,.wc) .chargeUserIDText{font-size:14px;font-weight:bold;color:red;animation:dbclassic-neonAnim 1.5s infinite alternate;line-height:1.3;user-select:none;display:inline-block}
@keyframes dbclassic-neonAnim{from{text-shadow:0 0 5px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}
body:where(.th,.wc) #chargeUserIDCopyBtn{width:25px;height:22px;font-size:19px;cursor:pointer;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:4px;transition:all .15s ease;user-select:none;position:relative;text-shadow:none;display:inline-block}
body:where(.th,.wc) #chargeUserIDCopyBtn:hover{background:rgba(255,255,255,0.2);border-color:#ff0;box-shadow:0 0 6px rgba(255,255,0,0.6)}
body:where(.th,.wc) #chargeUserIDCopyBtn:active{transform:scale(0.9)}
body:where(.th,.wc) #chargeUserIDCopyBtn .tooltip{left:50%;transform:translateX(-50%);width:auto;padding:0 6px;white-space:nowrap}
body:where(.th,.wc) #charge_pin_btn{background:url(/static/images/payment_options.png?8) no-repeat 0 -175px;top:10px;left:330px}
body:where(.th,.wc) #buypin_btn{top:10px;left:170px;background:url(/static/images/payment_options.png?8) no-repeat 0 -105px}
body:where(.th,.wc) #charge_bitcoin_btn{background:url(/static/images/payment_options.png?8) no-repeat 0 0;top:55px;left:490px}
body:where(.th,.wc) #charge_dn_btn{top:10px;left:10px;background:url(/static/images/payment_options.png?8) no-repeat 0 -455px}
body:where(.th,.wc) #paymentwall_btn{top:55px;left:330px;background:url(/static/images/payment_options.png?8) no-repeat 0 -70px}
body:where(.th,.wc) #reseller1_btn{top:55px;left:170px;background:url(/static/images/payment_options.png?8) no-repeat 0 -420px}
body:where(.th,.wc) #reseller2_btn{top:55px;left:10px;background:url(/static/images/payment_options.png?8) no-repeat 0 -385px}
body:where(.th,.wc) #charge_myinfo_btn{background:url(/static/images/payment_options.png?8) no-repeat 0 -140px;top:10px;left:490px}
body:where(.th,.wc) #ChargeWelcomeMsg{font-size:30px;margin:180px auto 0 auto;text-align:center}
body:where(.th,.wc) .seller_button{position:absolute;width:153px;height:34px}
body:where(.th,.wc) #chargeWindowPayment{margin-top:92px}
body:where(.th,.wc) #chargeWindowClose{position:absolute;right:-15px;top:-15px;z-index:1}
body:where(.th,.wc) #infoVipBadge{position:absolute;left:175px;top:72px;display:none}
body:where(.th,.wc) .vipicon{position:relative;background-size:cover;width:30px;height:30px}
body:where(.th,.wc) .vip1{background-image:url(/static/images/themes/dragonbound/images/vip1.png)}
body:where(.th,.wc) .vip2{background-image:url(/static/images/themes/dragonbound/images/vip2.png)}
body:where(.th,.wc) .vip3{background-image:url(/static/images/themes/dragonbound/images/vip3.png)}
body:where(.th,.wc) .vip4{background-image:url(/static/images/themes/dragonbound/images/vip4.png)}
body:where(.th,.wc) .vip5{background-image:url(/static/images/themes/dragonbound/images/vip5.png)}
body:where(.th,.wc) .vip6{background-image:url(/static/images/themes/dragonbound/images/vip6.png)}
body:where(.th,.wc) .vip7{background-image:url(/static/images/themes/dragonbound/images/vip7.png)}
body:where(.th,.wc) .vip8{background-image:url(/static/images/themes/dragonbound/images/vip8.png)}
body:where(.th,.wc) .vip9{background-image:url(/static/images/themes/dragonbound/images/vip9.png)}
body:where(.th,.wc) .vip10{background-image:url(/static/images/themes/dragonbound/images/vip10.png)}
body:where(.th,.wc) .viptext{position:absolute;bottom:-5px;font-size:8px;text-align:center;width:100%;text-shadow:-2px 0 4px black,0 2px 4px black,2px 0 4px black,0 -2px 4px black,0 -1px 4px black,1px 0 4px black;filter:drop-shadow(0 0 2px magenta)}
body:where(.th,.wc) .Guide{background:url(/static/images/help.svg) no-repeat;background-size:50px 50px;width:50px;height:50px}
body:where(.th,.wc) #GuideMain{display:inline-block;padding-left:60px;margin-left:15px;width:192px;line-height:50px;font-size:22px;text-align:left;margin-top:20px}
body:where(.th,.wc) #GuideRanks{display:inline-block;padding-left:60px;margin-left:15px;width:192px;line-height:50px;font-size:20px}
body:where(.th,.wc) #GuideLogin{position:absolute;left:324px;top:-25px}
body:where(.th,.wc) #GuideServers{position:absolute;left:40px;top:-25px}
body:where(.th,.wc) #GuideLobby{position:absolute;right:84px;bottom:7px}
body:where(.th,.wc) #GuideShop{position:absolute;left:78px;bottom:11px}
body:where(.th,.wc) .MissionsBtn{position:absolute;background-image:url(/static/images/starBtn.png);background-size:contain;background-repeat:no-repeat;width:55px;height:51px}
body:where(.th,.wc) #MissionsBtnLobby{left:594px;top:542px}
body.th #MissionsBtnLobby{left:582px;top:537px}
body:where(.th,.wc) #MissionsBtnRoom{left:75px;top:214px;display:none}
body:where(.th,.wc) #itemsSelection.InRoom #MissionsBtnRoom{display:block}
body:where(.th,.wc) #MissionsCenterWindow{display:none;width:500px;left:82px;top:100px;z-index:111}
body:where(.th,.wc) #MissionsChests{position:relative;width:100%;height:50px;background:rgba(0,0,0,0.5);border-radius:25px}
body:where(.th,.wc) #MissionsProgressBar{position:absolute;left:50px;top:16px;width:84%}
body:where(.th,.wc) #MissionsPointsIcon{position:absolute;left:12px;top:9px;width:32px;height:32px;background-image:url(/static/images/starBtn.png);background-size:contain;background-repeat:no-repeat}
body:where(.th,.wc) #MissionsPointsText{position:absolute;top:20px;font-size:16px;text-align:center;width:31px}
body:where(.th,.wc) #MissionsChest1{position:absolute;z-index:1;top:4px;left:112px}
body:where(.th,.wc) #MissionsChest2{position:absolute;z-index:1;top:4px;left:194px}
body:where(.th,.wc) #MissionsChest3{position:absolute;z-index:1;top:4px;left:276px}
body:where(.th,.wc) #MissionsChest4{position:absolute;z-index:1;top:4px;left:358px}
body:where(.th,.wc) #MissionsChest5{position:absolute;z-index:1;top:4px;left:440px}
body:where(.th,.wc) .Chest{position:absolute;background-image:url(/static/images/chest.png);background-position:0 0;width:40px;height:40px;background-repeat:no-repeat;background-size:120px 40px;line-height:70px;text-align:center}
body:where(.th,.wc) .Chest.Open{background-position:-40px 0;cursor:pointer;animation:dbclassic-spiner2 1s infinite alternate ease-in-out}
body:where(.th,.wc) .Chest.Empty{background-position:-80px 0}
@keyframes dbclassic-spiner2{from{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}
body:where(.th,.wc) #MissionsTimeLeft{width:100%;text-align:center;margin:10px 0}
body:where(.th,.wc) .MissionsView{background:rgba(255,255,255,0.5);width:100%;height:307px;border-radius:3px;overflow-y:auto}
body:where(.th,.wc) .Mission{position:relative;width:95%;height:50px;margin:5px auto;background:rgba(0,0,0,0.5);border:1px solid black;border-radius:8px}
body:where(.th,.wc) .MissionStar{position:absolute;left:12px;top:9px;width:32px;height:32px;background-image:url(/static/images/starBtn.png);background-size:contain;background-repeat:no-repeat;line-height:56px;text-align:center}
body:where(.th,.wc) .MissionName{position:absolute;left:60px;top:5px;font-size:16px}
body:where(.th,.wc) .MissionBar{position:absolute;left:60px;top:25px;width:300px}
body:where(.th,.wc) .MissionCollectBtn{position:absolute;left:376px;top:11px;width:47px;text-align:center;font-size:9px}
body:where(.th,.wc) .MissionCheck{position:absolute;left:393px;top:12px}
body:where(.th,.wc) #WindowBG{position:absolute;left:-4000px;width:10000px;top:-4000px;height:10000px;background:rgba(0,0,0,0.25);z-index:14;display:none}
body:where(.th,.wc) #Rewards{position:absolute;z-index:120;display:none}
body:where(.th,.wc) #RewardsBG{position:absolute;left:-4000px;width:10000px;top:-4000px;height:10000px;background:rgba(0,0,0,0.92);cursor:pointer}
body:where(.th,.wc) #RewardsTitle{position:absolute;top:150px;width:800px;text-align:center;z-index:1;pointer-events:none}
body:where(.th,.wc) #RewardsFooter{position:absolute;top:450px;width:800px;text-align:center;z-index:1;pointer-events:none}
body:where(.th,.wc) #RewardsBody{position:absolute;top:200px;width:800px;height:200px;text-align:center;z-index:1;pointer-events:none}
body:where(.th,.wc) .Reward{display:inline-block;width:50px;height:50px;line-height:27px;border:3px solid #888;border-radius:8px;margin:3px;background:yellow;animation:dbclassic-AnimEnterScaleDown .15s ease-out}
body:where(.th,.wc) .RewardStar{background:rebeccapurple url(/static/images/starBtn.png) no-repeat;background-size:contain;background-position-y:2px}
body:where(.th,.wc) .RewardGold{background:#46f url(/static/images/goldIcon.png) no-repeat;background-size:contain}
body:where(.th,.wc) .RewardCash{background:yellow url(/static/images/themes/dragonbound/images/cashIcon.png) no-repeat;background-size:contain}
body:where(.th,.wc) .RewardTicket{background:#2b6cb0;position:relative;z-index:0}
body:where(.th,.wc) .RewardTicket::before{content:'🎟️';position:absolute;z-index:-1;left:0;right:0;top:0;font-size:38px;line-height:52px;text-align:center}
body:where(.th,.wc) #MissionsChestTip{position:absolute;display:none;z-index:20;min-width:96px;padding:6px 10px;background:rgba(0,0,0,0.88);border:1px solid #666;border-radius:8px;color:#fff;font-size:13px;text-align:left;pointer-events:none;white-space:nowrap}
body:where(.th,.wc) #MissionsChestTip::after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,0.88)}
body:where(.th,.wc) .ChestTipTitle{color:#ffca41;font-weight:bold;margin-bottom:3px}
body:where(.th,.wc) .ChestTipRow{line-height:20px}
body:where(.th,.wc) .ChestTipIcon{display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:middle;background-size:contain !important;background-repeat:no-repeat !important;border-radius:3px}
body:where(.th,.wc) .ChestTipIcon.RewardTicket::before{font-size:14px;line-height:18px}
body:where(.th,.wc) .MissionTicket{color:#9fd0ff;font-weight:bold;white-space:nowrap}
body:where(.th,.wc) #androidProm{margin:10px;font-size:15px}
body:where(.th,.wc) #InstallAppBanner{display:none;border:1px solid black;border-radius:20px;margin:20px 10px 0 10px;padding:10px;background:rgba(100,150,255,0.3)}
body:where(.th,.wc) .gold{color:#ffea4a;text-shadow:-1px 0 2px #634910,0 1px 2px #634910,1px 0 2px #634910,0 -1px 2px #634910}
body:where(.th,.wc) .cash{color:#8bc2ee;text-shadow:#083863 -1px 0 1px,#083863 0 1px 1px,#083863 1px 0 1px,#083863 0 -1px 1px}
body:where(.th,.wc) #channelScreen{pointer-events:none}
body:where(.th,.wc) #channelScreen *{pointer-events:auto}
body:where(.th,.wc) #myInfoBox{position:absolute;left:584px;top:89px;width:207px;height:180px;background:rgba(140,140,140,0.5);border-radius:10px;pointer-events:none}
body:where(.th,.wc) #myName2,
body:where(.th,.wc) #myName3,
body:where(.th,.wc) #myRankEffect{position:absolute;left:592px;top:97px;pointer-events:none}
body:where(.th,.wc) #myPowerUser{position:absolute;right:0;top:74px;font-size:11px;color:#fca;text-align:center;width:224px}
body:where(.th,.wc) #myGP,
body:where(.th,.wc) #myGP2{position:absolute;right:72px;top:221px;color:#fff;font-size:11px;font-weight:bold;pointer-events:none;z-index:9}
body:where(.th,.wc) #myPUGP{position:absolute;right:12px;top:221px;color:#fff;font-size:8px;background:#f66;border-radius:5px;padding:1px;display:none;pointer-events:none}
body:where(.th,.wc) #myPUG{position:absolute;right:12px;top:250px;color:#fff;font-size:8px;background:#f66;border-radius:5px;padding:1px;display:none;pointer-events:none}
body:where(.th,.wc) #myPlusGP{position:absolute;right:41px;top:221px;color:#fff;font-size:8px;background:#ff6;border-radius:5px;padding:1px;display:none;pointer-events:none}
body:where(.th,.wc) #myCash,
body:where(.th,.wc) #myCash2{position:absolute;right:59px;top:236px;color:#8bc2ee;text-align:right;font-size:11px;font-weight:bold;pointer-events:none;z-index:12}
body:where(.th,.wc) #myGold,
body:where(.th,.wc) #myGold2{position:absolute;right:60px;top:251px;color:#ffea4a;text-align:right;font-size:11px;font-weight:bold;pointer-events:none;z-index:12}
body:where(.th,.wc) #channel_player{position:absolute;pointer-events:none;left:679px;top:218px}
body:where(.th,.wc) #roomsList{position:absolute;left:15px;top:130px;width:540px;color:white;font-size:11px}
body:where(.th,.wc) .room{position:absolute;background-position:0 -543px;width:251px;height:62px;display:none}
body:where(.th,.wc).HD .room{background-position:0 -110px}
body:where(.th,.wc) .powerUserRoom{background-position:0 -1845px}
body:where(.th,.wc).HD .powerUserRoom{background-position:-251.5px -110px}
body:where(.th,.wc) .roomExtraInfo{background-position:0 -1665px;width:251px;height:148px;z-index:22;opacity:1 !important}
body:where(.th,.wc).HD .roomExtraInfo{background-position:0 -172.5px}
body:where(.th,.wc) .powerUserRoom.roomExtraInfo{background-position:0 -2050px}
body:where(.th,.wc).HD .powerUserRoom.roomExtraInfo{background-position:-251.5px -172.5px}
body:where(.th,.wc) .roomExtraInfoSlot{position:absolute;color:#000;transform:scale(0.8)}
body:where(.th,.wc) .roomExtraInfoSlot0{left:10px;top:65px}
body:where(.th,.wc) .roomExtraInfoSlot1{left:135px;top:65px}
body:where(.th,.wc) .roomExtraInfoSlot2{left:10px;top:85px}
body:where(.th,.wc) .roomExtraInfoSlot3{left:135px;top:85px}
body:where(.th,.wc) .roomExtraInfoSlot4{left:10px;top:105px}
body:where(.th,.wc) .roomExtraInfoSlot5{left:135px;top:105px}
body:where(.th,.wc) .roomExtraInfoSlot6{left:10px;top:125px}
body:where(.th,.wc) .roomExtraInfoSlot7{left:135px;top:125px}
body:where(.th,.wc) .roomExtraInfoFriend .playerListName{color:#ffd23f}
body:where(.th,.wc) .roomExtraInfoGuild .playerListName{color:#6ec6ff}
body:where(.th,.wc) .roomExtraInfoFriend.roomExtraInfoGuild .playerListName{color:#ffd23f;text-shadow:0 0 3px #6ec6ff,1px 1px 1px #000}
body:where(.th,.wc) #room0{left:0;top:0}
body:where(.th,.wc) #room1{left:265px;top:0}
body:where(.th,.wc) #room2{left:0;top:75px}
body:where(.th,.wc) #room3{left:265px;top:75px}
body:where(.th,.wc) #room4{left:0;top:150px}
body:where(.th,.wc) #room5{left:265px;top:150px}
body:where(.th,.wc) #room6{left:0;top:225px}
body:where(.th,.wc) #room7{left:265px;top:225px}
body:where(.th,.wc) .TH{display:none}
body.th .TH{display:block}
body:where(.th,.wc) .WC{display:none}
body.wc .WC{display:block}
body.th #roomsList{left:24px;top:79px}
body.th #room1,
body.th #room3,
body.th #room5,
body.th #room7{left:299px}
body.th #room2,
body.th #room3{top:60px}
body.th #room4,
body.th #room5{top:120px}
body.th #room6,
body.th #room7{top:180px}
body.th .roomNumber{left:6px;top:11px}
body.th .roomTitle{top:9px}
body.th .numPlayers{left:195px;top:10px;text-shadow:none;color:white;font-size:12px}
body.th .maxPlayers{left:211px;top:10px;text-shadow:none;color:white;font-size:12px}
body.th .roomMap{left:48px;top:17px;transform:scale(0.5)}
body.th .gameMode{left:188px;top:21px}
body.th .Rooms #channelName{left:188px;top:367px}
body.th .Auto #channelName{left:15px;top:372px}
body.th #prixPoints{top:375px}
body.th .roomExtraInfoSlot0,
body.th .roomExtraInfoSlot2,
body.th .roomExtraInfoSlot4,
body.th .roomExtraInfoSlot6{left:15px}
body.th .roomExtraInfoSlot1,
body.th .roomExtraInfoSlot3,
body.th .roomExtraInfoSlot5,
body.th .roomExtraInfoSlot7{left:121px}
body.th .roomExtraInfoSlot2,
body.th .roomExtraInfoSlot3{top:96px}
body.th .roomExtraInfoSlot4,
body.th .roomExtraInfoSlot5{top:128px}
body.th .roomExtraInfoSlot6,
body.th .roomExtraInfoSlot7{top:160px}
body.th .allowWatch{left:176px;top:10px}
body.th .room{background-position:-535.5px -1442px;width:232px;height:58px}
body.th .powerUserRoom{background-position-x:-768px}
body.th .roomExtraInfo{background-position:0 -110px;width:232px;height:188px}
body.th .powerUserRoom.roomExtraInfo{background-position:-232.5px -110px}
body.th .status{top:31px}
body.th #channel{left:15px;top:402px;width:554px;height:172px}
body.th #channelInput{width:444px}
body.th .Rooms #channel .viewport{border-radius:7px}
body.th #startGameButtonsContainer{top:115px}
body.th .AlertBox{border:2px solid #000 !important;border-radius:14px !important;background:linear-gradient(#6bdbff 0 21px,#000 21px 24px,#008eef 24px 100%);box-shadow:3px 3px 10px 0 #000,inset -1px -1px 2px 0 rgba(0,0,0,0.5),inset 2px 2px 2px 0 rgba(255,255,255,0.5) !important}
body.th .AlertBox::before{content:'';position:absolute;width:100%;border-bottom:3px solid #000;height:21px;pointer-events:none}
body.th .AlertBoxTitle{left:16px;top:9px;padding:3px 8px 5px;font-size:14px;font-weight:bold;border-radius:4px;box-shadow:1px 2px 3px rgba(0,0,0,0.4);border:1px black solid;color:#000;background:#003142;text-shadow:-1px -1px 1px #000,0 -1px 1px #000,1px -1px 1px #000,-1px 0 1px #000,1px 0 1px #000,-1px 1px 1px #000,0 1px 1px #000,1px 1px 1px #000;z-index:1;font-family:Emoji,Verdana,sans-serif}
body.th .AlertBoxTitle::before{content:attr(data-text);position:absolute;left:0;top:0;padding:inherit;color:transparent;background:linear-gradient(#ffea4a 0,#ffea4a 40%,#fff 48%,#fff 56%,#ffea4a 60%,#ffea4a 100%);background-clip:text;text-shadow:none;pointer-events:none}
body.th .chatDialogName{left:76px}
body.th #filter_all{left:8px;top:320px}
body.th #filter_waiting{left:55px;top:320px}
body.th #filter_friends{left:106px;top:321px}
body.th #filter_guild{left:153px;top:321px}
body.th.HD #buttonRoomsListUp{left:219px;top:327px;background-position:-606.5px -261px;width:47px;height:30px}
body.th #roomsPage{left:266px;top:333px;width:46px;font-size:inherit}
body.th.HD #buttonRoomsListDown{left:312px;top:327px;background-position:-655px -261px;width:47px;height:30px}
body.th #filter_normal,
body.th #filter_boss,
body.th #filter_same,
body.th #filter_score,
body.th :is(#filter_tag,#filter_same),
body.th #filter_jewel,
body.th #filter_ffa{transform:scale(0.82);transform-origin:left top}
body.th #filter_normal:active,
body.th #filter_boss:active,
body.th #filter_same:active,
body.th #filter_score:active,
body.th :is(#filter_tag,#filter_same):active,
body.th #filter_jewel:active,
body.th #filter_ffa:active{transform:translateY(1px) scale(0.82)}
body.th #filter_normal{left:373px;top:325px}
body.th #filter_boss{left:406.5px;top:325px}
body.th #filter_same{left:440px;top:325px}
body.th #filter_score{left:440px;top:325px}
body.th :is(#filter_tag,#filter_same){left:473.5px;top:325px}
body.th #filter_jewel{left:507px;top:325px}
body.th #filter_ffa{left:541px;top:325px}
body.th #itemDual{left:28px;top:65px}
body.th #itemDualP{left:116px;top:65px}
body.th #itemTeleport{left:72px;top:114px}
body.th #itemsSelectText,
body.th.HD #room_item_buddy_tab1,
body.th.HD #room_item_buddy_tab2,
body.th.HD #room_item_buddy_tab3{display:none}
body.th #gp_team_a,
body.th #gp_team_b,
body.th #gp_rate{display:none}
body.th #friendsListExtra,
body.th #guildRoomTabExtra{display:none !important}
body.th #container.Room #friendsList,
body.th #container.Room #guildMembersList,
body.th #container.Game #friendsList,
body.th #container.Game #guildMembersList,
body.th #container.Shop #friendsList,
body.th #container.Shop #guildMembersList{box-shadow:0 0 0 1px #0af,0 0 0 2px #05a;border-radius:5px}
body.th #itemsSelection{width:215px}
body.th .itemNone{width:71px;height:34px;display:none}
body.th.HD .itemDual{background-position:-878px -1128px;width:71px;height:34px}
body.th.HD .itemDualP{background-position:-878px -1162.5px;width:71px;height:34px}
body.th.HD .itemTeleport{background-position:-878px -1197px;width:71px;height:34px}
body.th #ItemBtn{height:31px}
body.th #itemSlot2{left:72px}
body.th #itemSlot4{left:144px}
body:where(.th,.wc) #roomsList.rooms8{top:156px}
body:where(.th,.wc) .rooms8 #room2,
body:where(.th,.wc) .rooms8 #room3{top:70px}
body:where(.th,.wc) .rooms8 #room4,
body:where(.th,.wc) .rooms8 #room5{top:140px}
body:where(.th,.wc) .rooms8 #room6,
body:where(.th,.wc) .rooms8 #room7{top:210px}
body:where(.th,.wc) .roomConnectorA{position:absolute;top:14px;right:-25px;background-position:-657.5px -220px;width:34px;height:31px}
body:where(.th,.wc) .powerUserRoom .roomConnectorA{background-position-y:-188.5px}
body:where(.th,.wc) .roomConnectorB{position:absolute;top:14px;left:-25px;background-position:-623px -220px;width:34px;height:31px}
body:where(.th,.wc) .powerUserRoom .roomConnectorB{background-position-y:-188.5px}
body:where(.th,.wc) .roomNumber{position:absolute;left:2px;top:7px;width:30px;height:12px}
body:where(.th,.wc) .roomTitle{position:absolute;left:38px;top:5px;width:144px;height:16px;white-space:nowrap;overflow:hidden;line-height:15px;padding-left:2px}
body:where(.th,.wc) .numPlayers{position:absolute;left:213px;top:6px;width:10px;color:black;font-size:14px}
body:where(.th,.wc) .maxPlayers{position:absolute;left:233px;top:6px;width:10px;color:black;font-size:14px}
body:where(.th,.wc) .status{position:absolute;left:8px;top:33px;pointer-events:none}
body:where(.th,.wc) .status-waiting{width:89px;height:27px;background-position:0 -606px}
body:where(.th,.wc).HD .status-waiting{background-position:-504px -174.5px;width:89px;height:25px}
body:where(.th,.wc) .status-playing{width:86px;height:27px;background-position:-90px -606px}
body:where(.th,.wc).HD .status-playing{background-position:-504px -201px;width:89px;height:25px}
body:where(.th,.wc) .status-full{width:42px;height:27px;left:30px;background-position:-177px -606px}
body:where(.th,.wc).HD .status-full,
body:where(.th,.wc).HD .BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon{background-position:-504px -227.5px;width:89px;height:25px;left:8px}
body:where(.th,.wc) .gameMode{position:absolute;left:208px;top:17px;pointer-events:none}
body:where(.th,.wc) .roomMap{position:absolute;left:59px;top:18px;width:213px;height:49px;transform:scale(0.6)}
body:where(.th,.wc) .roomMap canvas{filter:brightness(0)}
body:where(.th,.wc) .room:hover .roomMap canvas{filter:brightness(1)}
body:where(.th,.wc) .roomMobiles{position:absolute;right:37px;top:29px;font-size:11px;line-height:13px;text-shadow:0 0 2px black;pointer-events:none;background:rgba(100,200,200,0.8);padding:2px 5px;border-radius:7px;z-index:1}
body:where(.th,.wc) .roomMobiles.blocked{background:rgba(200,100,100,0.8)}
body:where(.th,.wc) .roomMobiles img.emo{filter:drop-shadow(0 0 1px black)}
body:where(.th,.wc) .roomLock{position:absolute;left:147px;top:33px}
body:where(.th,.wc) .roomLocked{background-position:-220px -606px;width:20px;height:21px}
body:where(.th,.wc).HD .roomLocked{background-position:-660px -324.5px}
body:where(.th,.wc) .allowWatch{position:absolute;left:188px;top:8px;font-size:12px}
body:where(.th,.wc) .watchCount{position:absolute;left:171px;top:6px;width:18px;color:black;font-size:14px;text-align:right;pointer-events:none}
body.th .watchCount{left:156px;top:10px;font-size:12px;color:white;text-shadow:-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black}
body:where(.th,.wc) .roomForSale{position:absolute;right:0;bottom:0;width:45px;height:45px;background-image:url(/static/images/themes/dragonbound/images/sale.png);background-size:contain;background-repeat:no-repeat}
body:where(.th,.wc) #dialogCreateRoom{position:absolute;top:120px;left:222px;width:341px;height:258px;background-position:0 -755px;box-shadow:3px 3px 10px 0 #000,inset -1px -1px 0 0 #000;border-radius:6px;display:none}
body:where(.th,.wc).HD #dialogCreateRoom{background-position:0 -321px}
body:where(.th,.wc) #createRoomTitle{position:absolute;left:114px;top:41px;width:190px;background-color:transparent;color:#acf2f6;border:0;height:15px;padding-left:4px}
body:where(.th,.wc) #buttonStart1v1{position:relative;left:50%;transform:translateX(-50%);text-align:center}
body:where(.th,.wc) #buttonStart2v2{position:relative;left:50%;transform:translateX(-50%);text-align:center}
body:where(.th,.wc) #buttonStartBR{position:relative;left:50%;transform:translateX(-50%);text-align:center}
body:where(.th,.wc) #room_auto_match_btn{position:absolute;left:92px;top:404px;text-align:center;min-width:275px}
body:where(.th,.wc) #room_auto_match_btn2{position:absolute;right:70px;bottom:5px;width:28px;height:28px;border:2px solid black;padding:11px;border-radius:10px}
body:where(.th,.wc) #buttonCreateTeam{position:relative;left:50%;transform:translateX(-50%);text-align:center;display:block;width:fit-content}
body:where(.th,.wc) #buttonCreateTeam.LoveServer{min-width:273px;text-align:left}
body:where(.th,.wc) #buttonStart1v1.LoveServer{text-align:left;min-width:301px}
body:where(.th,.wc) #buttonStart2v2.LoveServer{text-align:left;min-width:301px}
body:where(.th,.wc) #buttonStartBR.LoveServer{text-align:left;min-width:301px}
body:where(.th,.wc) #buttonJoinTeam{position:relative;left:50%;transform:translateX(-50%);text-align:center;display:block;width:fit-content}
body:where(.th,.wc) #startGameButtonsContainer{position:absolute;left:300px;transform:translateX(-50%);top:162px;padding:5px 25px 20px;background:rgba(0,0,0,0.35);border-radius:20px;backdrop-filter:blur(3px)}
body:where(.th,.wc) #startGameButtonsContainer .StartGame{margin-top:15px}
body:where(.th,.wc) #startGameButtonsContainer.OlympicsRegistration{background:0;backdrop-filter:none;top:220px}
body:where(.th,.wc) #buttonRegister{position:relative;left:50%;transform:translateX(-50%);text-align:center}
body:where(.th,.wc) #buttonCreateRoom{position:absolute;left:144px;top:7px;width:62px;height:62px;background-position:0 -177px}
body:where(.th,.wc).HD #buttonCreateRoom{background-position:-62.5px 0}
body.th #buttonCreateRoom{left:-5px;top:17px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body.th #buttonCreateRoom.light_button:active,
body.th #buttonJoin.light_button:active,
body.th #buttonQuickJoin.light_button:active,
body.th #buttonMyInfo.light_button:active,
body.th #buttonShop.light_button:active{transform:scale(0.8);background-position:-893px -272.5px}
body.th #buttonOptions.light_button:active,
body.th #buttonChannels.light_button:active{transform:scale(0.7);background-position:-893px -272.5px}
body.th #buttonShopFromRoom.light_button:active,
body.th #buttonOptionsRoom.light_button:active,
body.th #buttonBuddy.light_button:active{transform:none;background-position:-893px -272.5px}
body.th #buttonShopExit.light_button:active{transform:scale(0.8);background-position:-893px -272.5px}
body.th.HD #roomButtonBack:active{transform:none;background-position:-893px -272.5px}
body:where(.th,.wc) .ThButtonIcon{position:absolute;left:13px;top:12px;width:19px;height:20px}
body:where(.th,.wc) #buttonCreateRoom .ThButtonIcon{background-position:-939px -163.5px}
body:where(.th,.wc) .ThButtonText{position:absolute;left:31px;top:14px;font-weight:bold;font-size:14px;white-space:nowrap;background:linear-gradient(to bottom,#ffe34a 0,#fff 50%,#ffe34a 100%);background-clip:text;color:transparent;filter:drop-shadow(0.5px 0 1px #0059a5) drop-shadow(-0.5px 0 0 #0059a5) drop-shadow(0 .5px 0 #0059a5) drop-shadow(0 0 1px #0059a5);-webkit-text-stroke:.6px #0059a5;width:63px;text-align:center}
body.th .LobbyButton:hover,
body.th .LobbyButton:active,
body.th #roomButtonBack:hover,
body.th #roomButtonBack:active,
body.th #buttonShopExit:hover,
body.th #buttonShopExit:active{filter:none}
body.th .LobbyButton:hover>.ThButtonIcon,
body.th #roomButtonBack:hover>.ThButtonIcon,
body.th #buttonShopExit:hover>.ThButtonIcon{filter:brightness(1.3)}
body.th .LobbyButton:hover>.ThButtonText,
body.th #roomButtonBack:hover>.ThButtonText,
body.th #buttonShopExit:hover>.ThButtonText{filter:drop-shadow(0.5px 0 1px #0059a5) drop-shadow(-0.5px 0 0 #0059a5) drop-shadow(0 .5px 0 #0059a5) drop-shadow(0 0 1px #0059a5) brightness(1.3)}
body.th .LobbyButton:active>.ThButtonIcon,
body.th .LobbyButton:active>.ThButtonText,
body.th #roomButtonBack:active>.ThButtonIcon,
body.th #roomButtonBack:active>.ThButtonText,
body.th #buttonShopExit:active>.ThButtonIcon,
body.th #buttonShopExit:active>.ThButtonText{transform:translate(1px,1px)}
body:where(.th,.wc) #buttonJoin{position:absolute;left:226px;top:7px;width:62px;height:62px;background-position:0 -240px}
body:where(.th,.wc).HD #buttonJoin{background-position:-125px 0}
body.th #buttonJoin{left:117px;top:17px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body:where(.th,.wc) #buttonJoin .ThButtonIcon{background-position:-959.5px -163.5px}
body:where(.th,.wc) #buttonQuickJoin{position:absolute;left:308px;top:7px;width:62px;height:62px;background-position:-63px -177px}
body:where(.th,.wc).HD #buttonQuickJoin{background-position:0 0}
body.th #buttonQuickJoin{left:235px;top:17px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body:where(.th,.wc) #buttonQuickJoin .ThButtonIcon{background-position:-980px -163.5px}
body:where(.th,.wc) #buttonMyInfo{position:absolute;left:390px;top:7px;width:62px;height:62px;background-position:-126px -177px}
body:where(.th,.wc).HD #buttonMyInfo{background-position:-187.5px 0}
body.th #buttonMyInfo{left:352px;top:17px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body:where(.th,.wc) #buttonMyInfo .ThButtonIcon{background-position:-939px -185px}
body:where(.th,.wc) #buttonShop{position:absolute;left:472px;top:7px;width:62px;height:62px;background-position:-252px -177px}
body:where(.th,.wc).HD #buttonShop{background-position:-250px 0}
body.th #buttonShop{left:468px;top:17px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body:where(.th,.wc) #buttonShop .ThButtonIcon{background-position:-959.5px -185px}
body:where(.th,.wc) #buttonShopFromRoom{position:absolute;left:600px;bottom:5px;width:62px;height:62px;background-position:-252px -177px;border-radius:5px;transform:scale(0.83);transform-origin:left bottom}
body:where(.th,.wc).HD #buttonShopFromRoom{background-position:-250px 0}
body.th #buttonShopFromRoom{left:325px;width:107.5px;height:45px;background-position:-893px -227px;transform:none}
body.th #buttonShopFromRoom:active{transform:translateY(1px)}
body:where(.th,.wc) #buttonShopFromRoom .ThButtonIcon{background-position:-959.5px -185px}
body:where(.th,.wc) #buttonCharge2{position:absolute;left:554px;top:7px;width:62px;height:62px}
body.th #buttonCharge2{left:577px;top:8px}
body:where(.th,.wc) .chargeBtn{background-position:-189px -177px}
body:where(.th,.wc).HD .chargeBtn{background-position:-312.5px 0}
body:where(.th,.wc) #buttonChargeShop{position:absolute;left:50px;top:128px;width:62px;height:62px}
body:where(.th,.wc) #buttonChargeShop1{position:absolute;left:160px;top:532px;width:62px;height:62px}
body:where(.th,.wc) #facebook_post{position:absolute;left:636px;top:7px;width:62px;height:62px;background-position:-126px -240px;color:#ffd273;font-size:9px;text-align:center}
body:where(.th,.wc).HD #facebook_post{background-position:-437.5px 0}
body.th #facebook_post{left:650px}
body:where(.th,.wc) #event_button{position:absolute;left:718px;top:7px;width:62px;height:62px;background-position:-63px -240px;color:#ffd273;font-size:9px;text-align:center}
body:where(.th,.wc).HD #event_button{background-position:-375px 0}
body.th #event_button{left:727px}
body:where(.th,.wc) .buttonGlow{box-shadow:0 0 8px 8px #ff0 !important;border-radius:10px}
body:where(.th,.wc) #dialogCreateRoomButtonOK{position:absolute;right:-32px;bottom:-7px}
body:where(.th,.wc) #dialogCreateRoomButtonCancel{position:absolute;left:-39px;bottom:-7px}
body:where(.th,.wc) #CreateRoomNumPlayersPrev{position:absolute;left:178px;top:114px}
body:where(.th,.wc) #CreateRoomNumPlayersNext{position:absolute;left:303px;top:114px}
body:where(.th,.wc) #CreateRoomModePrev{position:absolute;left:178px;top:135px}
body:where(.th,.wc) #CreateRoomModeNext{position:absolute;left:303px;top:135px}
body:where(.th,.wc) #CreateRoomPrivateCheckbox{position:absolute;left:45px;top:64px}
body:where(.th,.wc) #CreateRoomPlayers{position:absolute;left:190px;top:112px;font-weight:bold;text-align:center;width:110px;color:#ff6}
body:where(.th,.wc) #CreateRoomMode{position:absolute;left:190px;top:132px;font-weight:bold;text-align:center;width:110px;font-size:13px}
body:where(.th,.wc) .gameMode0{color:#35f78c}
body:where(.th,.wc) .gameMode1{color:#ffac0d}
body:where(.th,.wc) .gameMode2{color:#ff07f1}
body:where(.th,.wc) .gameMode3{color:#52c6f6}
body:where(.th,.wc) .gameMode4{color:#c77dff}
body:where(.th,.wc) .gameMode5{color:#ff3b3b}
body:where(.th,.wc) .gameMode6{color:#ffe600}
body:where(.th,.wc) #CreateRoomMode.gameMode6{font-size:12px}
body:where(.th,.wc) #CreateRoomModeIcon{position:absolute;left:45px;top:164px}
body:where(.th,.wc) .iconMode0{background-position:-168px -303px;width:44px;height:41px}
body:where(.th,.wc) .iconMode1{background-position:-213px -303px;width:44px;height:41px}
body:where(.th,.wc) .iconMode2{background-position:-258px -303px;width:44px;height:41px}
body:where(.th,.wc) .iconMode3{background-position:-168px -303px;width:44px;height:41px;--btn-filter:hue-rotate(165deg);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode4{background-position:-258px -303px;width:44px;height:41px;--btn-filter:hue-rotate(280deg);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode5{background-position:-258px -303px;width:44px;height:41px;--btn-filter:hue-rotate(340deg) saturate(2.2);filter:var(--btn-filter)}
body:where(.th,.wc).HD .iconMode0{background-position:-166.5px -63.5px;width:43px}
body:where(.th,.wc).HD .iconMode1{background-position:-211.5px -63.5px}
body:where(.th,.wc).HD .iconMode2{background-position:-257.5px -63.5px;width:43px}
body:where(.th,.wc).HD .iconMode3{background-position:-302.5px -63.5px;--btn-filter:brightness(1);filter:none}
body:where(.th,.wc).HD .iconMode4{background-position:-257.5px -63.5px;width:43px;--btn-filter:hue-rotate(280deg);filter:var(--btn-filter)}
body:where(.th,.wc).HD .iconMode5{background-position:-257.5px -63.5px;width:43px;--btn-filter:hue-rotate(340deg) saturate(2.2);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode6{background-position:-168px -303px;width:44px;height:41px;--btn-filter:hue-rotate(-95deg) saturate(1.6);filter:var(--btn-filter)}
body:where(.th,.wc).HD .iconMode6{background-position:-166.5px -63.5px;width:43px;--btn-filter:hue-rotate(-95deg) saturate(1.6);filter:var(--btn-filter)}
body:where(.th,.wc) #filter_friends_count,
body:where(.th,.wc) #filter_guild_count{right:2px}
body:where(.th,.wc) #CreateRoomPassword{position:absolute;left:33px;top:85px;background-position:0 -677px;width:277px;height:17px}
body:where(.th,.wc).HD #CreateRoomPassword{background-position:-342px -328px}
body:where(.th,.wc) #createRoomPasswordInput{position:absolute;left:81px;width:190px;background-color:transparent;color:#acf2f6;border:0;height:15px;padding-left:4px}
body:where(.th,.wc).SD .buttonOK{background:url(/static/images/ok.png);width:180px;height:59px;transform:scale(0.5)}
body:where(.th,.wc) .buttonOK:hover{filter:brightness(1.25)}
body:where(.th,.wc).SD .buttonOK:active{transform:scale(0.47)}
body:where(.th,.wc).HD .buttonOK{width:90px;height:29.5px;background-position:-851px -92.5px}
body:where(.th,.wc).HD .buttonOK:active{transform:scale(0.96)}
body:where(.th,.wc).SD .buttonCancel{background-image:url(/static/images/cancel.png);width:209px;height:59px;transform:scale(0.5)}
body:where(.th,.wc) .buttonCancel:hover{filter:brightness(1.4)}
body:where(.th,.wc).SD .buttonCancel:active{transform:scale(0.47)}
body:where(.th,.wc).HD .buttonCancel{width:90px;height:29.5px;background-position:-851px -122.5px}
body:where(.th,.wc).HD .buttonCancel:active{transform:scale(0.94)}
body:where(.th,.wc) .buttonPrev{background-position:-241px -606px;width:9px;height:9px}
body:where(.th,.wc).HD .buttonPrev{background-position:-620.5px -326.5px;width:18px;height:18px;margin-left:-5px !important;margin-top:-5px !important}
body:where(.th,.wc) .buttonNext{background-position:-251px -606px;width:9px;height:9px}
body:where(.th,.wc).HD .buttonNext{background-position:-640px -326.5px;width:18px;height:18px;margin-left:-5px !important;margin-top:-5px !important}
body:where(.th,.wc) .checkboxOff{background-position:0 -695px;width:101px;height:14px}
body:where(.th,.wc).HD .checkboxOff{background-position:-504px -277px}
body:where(.th,.wc) .checkboxOn{background-position:-102px -695px;width:101px;height:14px}
body:where(.th,.wc).HD .checkboxOn{background-position:-504px -261.5px}
body:where(.th,.wc) .CheckboxOff{background-position:0 -695px;width:14px;height:14px}
body:where(.th,.wc) .CheckboxOn{background-position:-102px -695px;width:14px;height:14px}
body:where(.th,.wc) #buttonRoomsListUp{position:absolute;left:540px;top:205px;width:34px;height:43px;background-position:-223px -355px}
body:where(.th,.wc).HD #buttonRoomsListUp{background-position:-95.5px -63.5px;width:33px}
body:where(.th,.wc) #buttonRoomsListDown{position:absolute;left:540px;top:310px;width:34px;height:43px;background-position:-223px -355px;transform:scaleY(-1)}
body:where(.th,.wc).HD #buttonRoomsListDown{background-position:-130.5px -63.5px;transform:none}
body:where(.th,.wc) #dialog_change_name_div{display:none}
body:where(.th,.wc) #dialog_change_name_ok{position:absolute;right:-35px;bottom:-7px}
body:where(.th,.wc) #dialog_change_name_cancel{position:absolute;left:-42px;bottom:-7px}
body:where(.th,.wc) #changename_security_lock{display:inline-block;vertical-align:middle;margin-left:5px;cursor:pointer;font-size:16px}
body:where(.th,.wc) #display_name:disabled{background-color:#999;cursor:not-allowed}
body:where(.th,.wc) #moreSettingsSection{margin-top:25px;text-align:center;font-size:11px}
body:where(.th,.wc) #moreSettingsBtn{color:#8cf}
body:where(.th,.wc) #dialog_join_room_div{display:none}
body:where(.th,.wc) #dialog_join_room_ok{position:absolute;right:-31px;bottom:-7px}
body:where(.th,.wc) #dialog_join_room_div .AlertBox{top:150px}
body:where(.th,.wc) #dialog_join_room_cancel{position:absolute;left:-38px;bottom:-7px}
body:where(.th,.wc) #join_room_input{width:125px}
body:where(.th,.wc) #join_room1,
body:where(.th,.wc) #join_room2{display:inline-block;width:67px}
body:where(.th,.wc) #join_password_input{width:125px}
body:where(.th,.wc) .input_field{background-color:#524a7b;color:#acf2f6;padding:1px 3px}
body:where(.th,.wc) #dialogGift{display:none;position:absolute;z-index:44}
body:where(.th,.wc) #dialogGift .AlertBox{top:130px;left:307px}
body:where(.th,.wc) #dialogGiftOK{position:absolute;right:-31px;bottom:-7px}
body:where(.th,.wc) #dialogGiftCancel{position:absolute;left:-38px;bottom:-7px}
body:where(.th,.wc) #dialogGift .giftRow{margin-bottom:12px}
body:where(.th,.wc) #dialogGift .giftRow label{display:inline-block;width:75px}
body:where(.th,.wc) #giftUsername{width:140px}
body:where(.th,.wc) #giftMessage{width:168px}
body:where(.th,.wc) #dialogGiftBuyRoom{position:absolute;top:-10px;right:10px}
body:where(.th,.wc) .BuyRoom{color:cyan;background:blue}
body:where(.th,.wc) #buttonChannels{position:absolute;left:733px;top:542px;width:55px;height:51px;background-position:-112px -303px}
body:where(.th,.wc).HD #buttonChannels{background-position:-627px 0}
body.th #buttonChannels{left:707px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.7)}
body:where(.th,.wc) #buttonChannels .ThButtonIcon{left:11px;background-position:-917.5px -206.5px;width:20px;height:20px}
body:where(.th,.wc) #filter_all{position:absolute;left:20px;top:28px;background-position:0 -355px;width:46px;height:46px}
body:where(.th,.wc) #filter_waiting{position:absolute;left:70px;top:28px;background-position:-47px -355px;width:46px;height:46px}
body:where(.th,.wc) #filter_normal{position:absolute;left:137px;top:78px}
body:where(.th,.wc) #filter_boss{position:absolute;left:187px;top:78px}
body:where(.th,.wc) #filter_same{position:absolute;left:237px;top:78px}
body:where(.th,.wc) #filter_score{position:absolute;left:237px;top:78px}
body:where(.th,.wc) #filter_jewel{position:absolute;left:337px;top:78px}
body:where(.th,.wc) :is(#filter_tag,#filter_same){position:absolute;left:287px;top:78px}
body:where(.th,.wc) #filter_ffa{position:absolute;left:387px;top:78px}
body:where(.th,.wc) #filter_friends{position:absolute;left:20px;top:78px;background-position:-94px -355px;width:64px;height:46px}
body:where(.th,.wc) #filter_guild{position:absolute;left:70px;top:78px;background-position:-159px -355px;width:63px;height:46px}
body:where(.th,.wc).HD #filter_all{background-position:0 -63.5px;width:45.5px;height:45px}
body:where(.th,.wc).HD #filter_waiting{background-position:-47.5px -63.5px;width:46px;height:45px}
body:where(.th,.wc).HD #filter_friends{background-position:-348.5px -63.5px;width:43px;height:41px}
body:where(.th,.wc).HD #filter_guild{background-position:-393.5px -63.5px;width:44px;height:41px}
body:where(.th,.wc) #roomsPage{position:absolute;left:532px;top:270px;text-align:center;width:50px;white-space:nowrap;font-size:15px}
body:where(.th,.wc) .iconMode3.selectedFilter{--btn-filter:hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode4.selectedFilter,
body:where(.th,.wc).HD .iconMode4.selectedFilter{--btn-filter:hue-rotate(280deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode5.selectedFilter,
body:where(.th,.wc).HD .iconMode5.selectedFilter{--btn-filter:hue-rotate(340deg) saturate(2.2) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body:where(.th,.wc) .iconMode6.selectedFilter,
body:where(.th,.wc).HD .iconMode6.selectedFilter{--btn-filter:hue-rotate(-95deg) saturate(1.6) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body:where(.th,.wc) .selectedFilter,
body:where(.th,.wc).HD .iconMode3.selectedFilter{--btn-filter:drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body:where(.th,.wc) .light_button.iconMode0:hover,
body:where(.th,.wc) .light_button.iconMode0:active,
body:where(.th,.wc) .light_button.iconMode1:hover,
body:where(.th,.wc) .light_button.iconMode1:active,
body:where(.th,.wc) .light_button.iconMode2:hover,
body:where(.th,.wc) .light_button.iconMode2:active,
body:where(.th,.wc) .light_button.iconMode3:hover,
body:where(.th,.wc) .light_button.iconMode3:active,
body:where(.th,.wc) .light_button.iconMode4:hover,
body:where(.th,.wc) .light_button.iconMode4:active,
body:where(.th,.wc) .light_button.iconMode5:hover,
body:where(.th,.wc) .light_button.iconMode5:active,
body:where(.th,.wc) .light_button.iconMode6:hover,
body:where(.th,.wc) .light_button.iconMode6:active,
body:where(.th,.wc) .light_button.selectedFilter:hover,
body:where(.th,.wc) .light_button.selectedFilter:active{filter:var(--btn-filter,) brightness(1.3)}
body:where(.th,.wc) #dialogCharge{position:absolute;left:200px;top:100px;width:400px;height:350px;border:4px solid black;border-radius:40px;padding:20px;display:none;background:#dde url(/static/images/themes/dragonbound/images/bg_cash.jpg)}
body:where(.th,.wc) #dialogChargeClose{position:absolute;right:10px;top:10px}
body:where(.th,.wc) .buttonClose{background-position:-197px -478px;width:39px;height:39px;border-radius:20px}
body:where(.th,.wc).HD .buttonClose{background-position:-738px 0}
body:where(.th,.wc) #channelName{position:absolute;left:18px;top:430px;color:white;font-size:15px;padding:5px}
body:where(.th,.wc) .Auto #channelName{top:427px}
body:where(.th,.wc) #prixPoints{position:absolute;right:243px;top:430px;height:22px;line-height:22px;color:#fe0;font-size:15px;padding:0 0 0 6px;border:black solid 2px;border-radius:5px;background-color:rgba(0,40,120,0.7);display:none}
body:where(.th,.wc) #resetPrixPoints{height:22px;padding:0 6px}
body:where(.th,.wc) .TBGnBorder{background:rgba(0,0,0,0.5) !important;border:2px solid #000 !important;border-radius:5px;box-shadow:0 0 4px #f80}
body:where(.th,.wc) .TBG{background:rgba(0,0,0,0.5) !important}
body:where(.th,.wc) .TBGW{background:rgba(150,150,150,0.5)}
body:where(.th,.wc) #roomInfoBG{position:absolute;left:2px;top:2px;width:572px;height:109px;background:rgba(100,100,100,0.5);border-radius:18px}
body:where(.th,.wc) #roomItemsBG{position:absolute;left:582px;top:247px;width:215px;height:283px}
body:where(.th,.wc) #roomInfo1{position:absolute;right:410px;top:27px;color:#f4b}
body:where(.th,.wc) #roomInfo2{position:absolute;right:410px;top:41px;color:#09f}
body:where(.th,.wc) #roomInfo3{position:absolute;right:410px;top:55px;color:#ff0}
body:where(.th,.wc) #roomInfo4{position:absolute;right:410px;top:69px;color:#9f0}
body:where(.th,.wc) #roomInfo5{position:absolute;left:613px;top:294px;font-size:18px}
body:where(.th,.wc) #roomInfo6{position:absolute;left:583px;top:354px;font-size:18px;width:213px;text-align:center}
body:where(.th,.wc) #NameChangeLittle{font-size:8px}
body:where(.th,.wc) #changeNameDiv{width:265px}
body:where(.th,.wc) #display_name{width:110px}
body:where(.th,.wc) #team_search{position:absolute;left:343px;top:133px;display:none}
body.th #team_search{left:554px;top:43px}
body:where(.th,.wc) #lobby_channel{position:absolute;left:17px;bottom:4px;width:85px;background:#ddf}
body:where(.th,.wc) .BtnBcm{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAB3RJTUUH5AcKDh0T7dDPiAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAA5nSURBVHja7VhpkB3Vef1u76/fm7fNm1WzSYwUWZKlIQShBQyS7MIhUNiF5QpVJKmkbJdJvBQkTpHEWCGQhdgW2KRs40K2qYKyjE3ZVkxBJT+wBJKQ0IJKYpBGGs2MRrO9fe+9b06/N0ijKYNEkh/+4a7qmTfzbvc9fe75znduE/2WH2zxP1bcsCNlVKsbBS71MGJ5Lrl7J4a/MftbAbBz+Zc/InHpa5zTasf2XEEUmED8TSL/oenxb51ZfHFn/wMfZ4KwQ5DiG1ynSromUTwWJ5GV3hAYPX744GO/+L8CFN/90Nr7lW5yvIcHB/vvuvfTmyL33bsp2tvTFh0fz62czZRXJjo3nagVD80tvDgS3zjIGLuNCVqP71vEuEfM98j3Xcn1eG97/7Z8euqvzhP9lAfjt2/fLq5evVoYHh7mHxigErr+UyFd/fw9n1gf+ru/2crXrulmH17dyfVwiE1O1pZdnMyu7EzdcqxcfiO9GKAghHqIHCLukuc6xJgUkZTYoO9Zy9q7sxcyM3tHg/EARh8EXHAIlz5xSjDO5f6+GMmyxHzfp1Sqhf3l5zbzz392M638vf4tZcv+VseyL625dLHAJFzYkInPBXI5+Y7vQx0+WbZInsM3Ksx66JN3PfwxzrnQmKVxbheb5wdgMBK/KeRztrGrq719/R/0cD2kMMfxSBTFBpMoGDZybm6pZTkro4lbDlYKB/Lh2IZB4vxWSYn2iIpAsqowSRFFH0tdq1chcE7RluhSjzvX/WT3vslz55pMEr0dLDiAPnLtAI3K4bHuvi3ry2U+VK2W2aaNyzE3Jw9sKIrMliyJkWG49PapqQ7GeKyUP7CHCWtTqKJtLYmOvlgqQS3JVhIUnQyLc9PBehMTNT1Gnm30ZnO1HonWTldrRycAzG+C2wFW23G+97JfQbMW2pCu1SvXu47WJUs+/9DKLiZJIrmuR7GYTqoi0qnhGbmzM7r67OlXHrPNXl2StT9q6+4f6OrroNbOTqx7iEybmCDJIocuHadOtmUT97WlTODXJRLrJ4rFQ+ebM94GebTh995rA1gpHbgoqTcWS5Xy1tk5U4+2qLRieQcXILbge8vy6PndB91qzXxrevLVZ4hCKrG2uweWDy5bsaqHBgZ78RAqSaJEydYWkhSFW6Q6FUMQPZbEati9nmv3tOqrxz5WtWaG6Wfu+4ELDunyx0DsjGenn3zB41+MHj9+9l//w7JS0CH75N1DDXH/6uVhIZevCoVC5bl5zmUX1SFLAsUiMnW3qyS4AMhjABmnTCLCLmaq8iSlyYImuSOQyiJbmODxE0s2f4Omhl++mgYXAGS8qYlH/MLMU8+oAw+Ih98cedD3/BX5osUqFYu98OKRQJOH4nH9lfxMcE0yDplKEgDqukTRiEolVaLOtgi1pXQa0rqoZrpsbDLLc9mqc35kSinkfMpOj2x1eLXc1vNFrI4IQbB22zTIsG0SfB5lAivjwQ9bpR+el67EG4i3ecyOP/F0d/+D1vDpC/f//cNjKyVR4KGQehQ3eXJu7MmzzVEtrVh92fehNsenas2mQtGEblySJY1WDeqUiCmUL7Swi9Om/Koi0/G3Z2hyTiVfsDfLgrUc4oF5CLIoyaQFjY3TALx1XPbpXyyixQCvPKYndv6of/BvT4uqcCuQZxzOXga4mUsCDmlh3FMUBYE0TA56qVQqk2nUSdU4LV0aozZZoaV9EWpPoaTlEF+2vNvpaJeVyXPTbemJdJttO6SGQhRu0UnRdJLUGFlmfqVVn/uTkP5g5X0A3iolk2v1Sr40yTTtF1ZZzFWrX88uHOHZtstkxQe7FFYVkqAS26zRxMUc1cGooIZpfMqiflhUHAU30Btmy5dF5YRapV/zMk2PjlClXCFZSVE4EqdkRxvJoTBVKz4VM7XrLaO6Q9q+/QXxv18/cOfgssQnQG9fPmd4pu2iun3Jc7kE9rnvcT/eLsjtPQ8NV+q1XZkLTx1oUigGa4K8AJPGErlgo5TL0fmR85SeK5JhCpRsb6W5EqOOVgDs0um6fokNLuuhsbOzFIu3ULFcIx3aHRrqpZs2rKP2zqQzOjohHzoop44U7JR0+OSRG6NR9aGwHtvQ1ZUibY3c8DtRYhSYi6JIFDCUztTpnTMXNvhpvz+x4q8/OzLyzTGAE2HUMHQiFxrwLZfsukkWWFGw9vVyiWRdp6msSbmSTdm8RflKK9ULFpmeAoBx0rIBwBANLo3TzTd20ECfJp2IttPU6Dk65FZQxR7fjCpc99GtH6KbN/VxTZMZ2hwFlRkAg9+iN4vQluG/9Eqr8KPn9m7L5yv3gb9HyTaKPtc9TRVRtRoQOo0CqeRK5IPNTDRNdS5T3VfQ9BlNhSSaySD1ODVK5zFW0SiEuRRZIAG2zsGIgEpR9BC+E/HgLgBy6nQdz7jzD9eEhtZ1s/dSZG8PeoSu0Z5fvekD95+mLwAgZQvk9DghTaCOVMCZSJEwKhS0emDVQbJxLQPMGtCZjLDDqViqoq2WKJ8rU7VuAHgwxqTR8Tzte3OaRrNLaHq6RNN5e94HkUAEsDU1XSQApKCq+Ly38/kPwc+QplAhXwVTLUIiHu57+1jwzckiUberaSIAoqlgMk0NLAeTejLuZZNRq5GQyxJcCvAZ2NIo8LxqKY9qNxrsIf7Q2TNpyhRPkZacRNCo0OxYM8RLnkgHQ7LwmZ+8eBQ3Nvm6tb1BR0HvREU6bvO0XZqdLfNX940i0cy4nkPfaz6CcalNNVqN55LrmMiEWEamoyE305wBQJZRIxERLhGOkcIYSa5LAggQRBlGKKLTWFScS5Obm6OKUaZaodwEKIb0X9uGsevkyfGvFIqctUSGG8XRED6STDAzsAIoY7OzuLhi7LHK5lNNWGvieBipMRgRS5HQTfQWnFFSUdWebZJRLRODLzoACZUGroxZZejQagCUJBXsQngONFjBkjOkJxBi2ciUAcCJE48U25d+6ZtChZ2ePXZig2k4LcK8EgNgAmNOUJCKJBRVRTkDkg5mMt851xzRkWgAhP8x3DgU0imZ6KBENEUesxr91wcQDQasA3yLrJICZ0JoIA9bAyaIAEmNhwmpKkXh+8lIDNp1aSJzkc4bF5q9OD327WCv8QOiVc+Fkre0LSwOw3UNKu/K/+bSiYJBQQqCbamC3CKFsXGKUyreTjWnACupNqQSwzImwi0U08NBAKayUSWsKGKc24hyOnSpA2BHMkV9bT3cgv9XUThjc1O0qJMM20Z+eGoxjNbWv2gRIslwxvNKdPEJ44qAAbqbfRgFIsLfEAaDFQDbYCsKA4ffIbRGwGJY1ZE5tWCvgAquYawBoCYykRL0S4rAMzU97Bp+RfZFLL0UpfftxTfc8LRcs8fW1i3/XogstVTUXtOHvnqklK2NXAyAiswLyrNuujQ1hwkNmUqgRkKiEQUEXPijioki0KWqag2rQQLm6D3IA1heqEPE6YHlumlSplSkusfkYq1M2fJswXEKc+8NEC1w5vChexJJ/asa8dWwDDukCveJsjDpK8I/YsSzeEQZBSm48Lea4UFrPmEzDYByo8qCIkBcQ5fhpEFnviTwkmM6RbOucCTvZLwPOof9gFEohGozWTxEUCAlqlYLbwk+fX8hQDbvFjg+Gus+cuhR2/PuQMS67oHPbKX16weUffvP0i/3HBuQZfmx6fMA6PG6pEle3XRoNlMhy5WpBh9Fgg1yHe7mkw2mfPzmnsXdus0KlbJSyKc5GkdRF+S8JkvctC0pUyhQsYoO5HsDoiCO45rnSzPf3S0tBveRbV+/sVSqPjWXqQzdcfuQeveda+mOj69GC1RYJCL777wzIwyfzvc044yVh485DmyhVKzhJmhrNXPe4OGBMrqHjD0KYo7rWI5VLyn1ugDrMdFr3P3J1s5dES1iW06m3Uax1KBJ7rsxUZBKlmPsb3aSyz5LQxsevjWXLT2zpHdw8FP3dNBdd6yidWv73n0AsMCFyckMz+Uyk83LCgVZjLn1uo1OVMCyePBJAGWBPWFfLEBfEH/NNZhrVBSjMAs/5Gh12QOOae8af+fR3/hqxF3wecESb++r1/2dK5avHLx9W5d7/+e2SEFlBWxA0VQq1/nP95xkJ05N2rW6ubN5TcVGoPANpJg5pBLLERshQUORSEwh7D65zW00l5rsWhJ80SXHKO23jfo/lfM/eI2u4bgEsGdZ/5+ZdfvDt93STV+4f2ujOwQeFSSaYG/83I8Ps2ee3UupZOSUqIZ+nG1wmAijj4vwLUR9g9BLSIPg1SDHu3bQ4pjhGbJVQ6YwER7qpeOe7zwOcP91WVq8aVdXBdiX/P2ujm55oC/WpBnxPQiiwXrt+uE+/vzut4I3XWcmpwtfSE/szAQb71Ao1Rpk1cCMfQRC28d4eJ2JgnBqBdcsFmUOL8NyIiBU99uO+Xhx7vuvXJ5+BwB+OpCPd1WA05OFOaPGaS7d3/wCrQm64gFz+/bPslIpP1Uo1r6cnnjiDaInGmPCyZYEEitKADIIuoJlQT9o/LUKs4pZ2S5kkOvqqMzqceTBfwe4/1xQlLRwk3ZVgBcmcs/qunz7awfyA+MTLzWEXq7abP+B05TP515PJfSvzYzvfHXhxYqiIKBw5rtBknbgX6bvM+Zxz5dFT234Gwr9gMv9f8tNL9wDb59/afVT72oArwioN938z3+czZX/fGa2pIswe1GS6rLETpbK1vfsytNnF1zT0My7LzAlObHB8+oIpLAJZDEJ1atqCVhGGbrgj4yO7Pxfv8icZ7D5VuHQ6/+wGw3uxbYlG1cF/aha9/LFue9MLHqgBYIWG3/yRsdwKVhqVQ52t2badwvDkih9e0vLipdGLzMnXitziwA2qmh+8qNOZuroifcYv6jagnnmVwuaUBC3wuE47lYex5/fPXXssZ+fvWL8tQP73fH/dfwPdB4/gjRrnUIAAAAASUVORK5CYII=);background-size:cover;width:20px;height:20px}
body:where(.th,.wc) #lobbyBcm{position:absolute;left:557px;top:575px}
body:where(.th,.wc) #roomBcm{position:absolute;left:560px;top:578px}
body:where(.th,.wc) #gameBcm{position:absolute;left:217px;top:489px}
body:where(.th,.wc) #notificationBtn{position:absolute;top:100px;right:0;width:48px;height:48px;z-index:99}
body:where(.th,.wc).SD #notificationBtn{background-image:url(/static/images/zicon_48.png)}
body:where(.th,.wc).HD #notificationBtn{background-position:-942.5px -92.5px}
body:where(.th,.wc) .TotalUnread{position:absolute;font-size:14px;top:-2px;right:6px;background:red;padding:3px;border-radius:21px;color:white}
body:where(.th,.wc) #show_more_friends_button{width:100%}
body:where(.th,.wc) #freecashWindow{display:none;width:500px;left:82px;top:100px;z-index:111}
body:where(.th,.wc) #freecashWindow thead{color:yellow}
body:where(.th,.wc) #freecashWindow td{padding:5px}
body:where(.th,.wc) #CollectCashBtn{width:61px;height:61px;border-radius:10px;display:inline-block;vertical-align:middle;margin-top:2px}
body:where(.th,.wc).SD #CollectCashBtn{background-image:url(/static/images/collectcash2.png);background-position:-1px -1px}
body:where(.th,.wc).HD #CollectCashBtn{background-position:-851px -153.5px}
body:where(.th,.wc) .QuestionMark{width:17px;height:17px;background:url(/static/images/qmark.png);display:inline-block;vertical-align:bottom}
body:where(.th,.wc).SD .QuestionMark{background-image:url(/static/images/qmark.png)}
body:where(.th,.wc).HD .QuestionMark{background-position:-576px -156px}
body:where(.th,.wc) #CollectStars{text-align:right;padding-right:127px;white-space:nowrap}
body:where(.th,.wc) .EmptyStar{width:24px;height:24px;display:inline-block;vertical-align:middle}
body:where(.th,.wc).SD .EmptyStar{background-image:url(/static/images/star-empty-24.png)}
body:where(.th,.wc).HD .EmptyStar{background-position:-913.5px -179px}
body:where(.th,.wc) .FullStar{width:24px;height:24px;display:inline-block;vertical-align:middle}
body:where(.th,.wc).SD .FullStar{background-image:url(/static/images/star-full-24.png)}
body:where(.th,.wc).HD .FullStar{background-position:-913.5px -153.5px}
body:where(.th,.wc) .PrixTimer{position:absolute;left:3px;top:47px;z-index:1}
body:where(.th,.wc) .GPEventIndicator{position:absolute;left:14px;top:29px;background:linear-gradient(135deg,#ffd700,#ffa500);color:#000;padding:1px 6px;border-radius:4px;font-weight:bold;font-size:11px;z-index:1;text-shadow:0 0 2px rgba(255,255,255,0.5);border:2px black dashed}
body:where(.th,.wc) .GPEventIndicator200{background-image:url(/static/images/themes/dragonbound/images/200GP.webp);background-size:contain;position:absolute;left:3px;top:25px;width:90px;height:28px}
body:where(.th,.wc) .GPEventIndicator300{background-image:url(/static/images/themes/dragonbound/images/300GP.webp);background-size:contain;position:absolute;left:9px;top:26px;width:83px;height:25px}
body:where(.th,.wc) .EventCountdownBox{display:flex;align-items:center;background:rgba(20,40,80,0.75);border:1px solid rgba(100,160,255,0.4);border-radius:8px;margin:8px 6px 0;padding:8px 5px;gap:5px;text-align:left}
body:where(.th,.wc) .EventCountdownIcon{font-size:28px;flex-shrink:0}
body:where(.th,.wc) .EventCountdownTitle{color:#fff;font-weight:bold;font-size:13px;line-height:1.3}
body:where(.th,.wc) .EventCountdownSub{color:#ffd700;font-weight:bold;font-size:11px;margin-top:2px;text-transform:uppercase}
body:where(.th,.wc) .EventCountdownTimer{color:#4dd0ff;font-weight:bold;font-size:15px;margin-top:3px}
body:where(.th,.wc) .EventCountdownDate{color:#ffd700;font-size:11px;margin-top:2px}
body:where(.th,.wc) .EventCountdownBalance{color:#fff;font-weight:bold;font-size:12px;margin-top:5px}
body:where(.th,.wc) .EventCountdownSpend{display:block;color:#7dff8a;font-size:11px;margin-top:1px}
body:where(.th,.wc) #LettersEventCountdown.EventCountdownClickable{cursor:pointer}
body:where(.th,.wc) #LettersEventCountdown.EventCountdownClickable:hover{background:rgba(30,60,115,0.85);border-color:rgba(125,255,138,0.6)}
body:where(.th,.wc) .BrokerRanksSize{left:110px}
body:where(.th,.wc) .poolBtn{width:16px;height:16px;background:dimgray no-repeat;margin-left:4px;padding:0 8px 0 24px;border-radius:4px;box-shadow:inset 0 0 1px 0 black;cursor:pointer}
body:where(.th,.wc) .poolBtnYes{background-image:url(/static/images/emo/yes.png)}
body:where(.th,.wc) .poolBtnNo{background-image:url(/static/images/emo/no.png)}
body:where(.th,.wc) .poolBtn1{background-image:url(/static/images/emo/1.png)}
body:where(.th,.wc) .poolBtn2{background-image:url(/static/images/emo/2.png)}
body:where(.th,.wc) .poolBtn3{background-image:url(/static/images/emo/3.png)}
body:where(.th,.wc) .poolBtn4{background-image:url(/static/images/emo/4.png)}
body:where(.th,.wc) #dialogGiftBuyRoom{text-align:right}
body:where(.th,.wc) #myInfoBox{box-shadow:white 0 0 15px,white 0 0 15px inset;border:2px solid white}
body:where(.th,.wc) #container.Lobby.Auto #itemsSelection,
body:where(.th,.wc) #container.Lobby.Auto #friendsList,
body:where(.th,.wc) #container.Lobby.Auto #guildMembersList{box-shadow:white 0 0 15px,white 0 0 15px inset;border:2px solid white;left:582px}
body:where(.th,.wc) #container.Lobby #itemsSelection #MissionsBtnRoom{display:none !important}
body:where(.th,.wc) #slidersection2 .volume.Loading,
body:where(.th,.wc) #LoginMute.Loading{background-image:url(/static/images/themes/dragonbound/images/loader124.gif) !important;background-position:0 0 !important;background-size:contain !important}
body:where(.th,.wc) .rankEffect{position:absolute;width:25px;height:15px;background-size:cover;background-image:url(/static/images/rank_effect.webp)}
body:where(.th,.wc) #CollectCashText{font-size:12px}
body:where(.th,.wc) #SpamParts{position:relative;margin:auto;width:1px;z-index:9}
body:where(.th,.wc) .SelectedMsg{background:rgba(255,255,127,0.15) !important}
body:where(.th,.wc) .FriendRequests{text-align:center;font-size:13px;padding:7px 0}
body:where(.th,.wc) .FriendRequests a{color:yellow}
body:where(.th,.wc) .FriendRequestSmall{font-size:8px}
body:where(.th,.wc) #wcLobbyBuddy,
body:where(.th,.wc) #lobbyMuteList{position:absolute;display:none;cursor:pointer}
body.wc .Rooms #wcLobbyBuddy,
body.wc .Rooms #lobbyMuteList{display:block}
body.wc #container:not(.Rooms) #channelScreen .wcLabel{display:none}
body.wc .Rooms #filter_normal{left:3px;top:244px;width:39px;height:38px;background-position:-764px 0}
body.wc .Rooms #filter_normal:hover{background-position:-764px 0;animation:dbclassic-wcAnimNormal 1s steps(20) infinite}
body.wc .Rooms #filter_normal:active{background-position:-805px 0;animation:none}
body.wc .Rooms #filter_normal.grayscale{background-position:-764px 0}
@keyframes dbclassic-wcAnimNormal{from{background-position:0 -121px}to{background-position:-800px -121px}}
body.wc .Rooms #filter_score{left:50px;top:244px;width:39px;height:38px;background-position:-846px 0}
body.wc .Rooms #filter_score:hover{background-position:-846px 0;animation:dbclassic-wcAnimScore 1s steps(20) infinite}
body.wc .Rooms #filter_score:active{background-position:-887px 0;animation:none}
body.wc .Rooms #filter_score.grayscale{background-position:-846px 0}
@keyframes dbclassic-wcAnimScore{from{background-position:0 -160px}to{background-position:-800px -160px}}
body.wc .Rooms :is(#filter_tag,#filter_same){left:97px;top:244px;width:39px;height:38px;background-position:-928px 0}
body.wc .Rooms :is(#filter_tag,#filter_same):hover{background-position:-928px 0;animation:dbclassic-wcAnimTag 1s steps(20) infinite}
body.wc .Rooms :is(#filter_tag,#filter_same):active{background-position:0 -150px;animation:none}
body.wc .Rooms :is(#filter_tag,#filter_same).grayscale{background-position:-928px 0}
@keyframes dbclassic-wcAnimTag{from{background-position:0 -199px}to{background-position:-800px -199px}}
body.wc .Rooms #filter_jewel{left:144px;top:244px;width:39px;height:38px;background-position:-41px -150px}
body.wc .Rooms #filter_jewel:hover{background-position:-41px -150px;animation:dbclassic-wcAnimJewel 1s steps(20) infinite}
body.wc .Rooms #filter_jewel:active{background-position:-82px -150px;animation:none}
body.wc .Rooms #filter_jewel.grayscale{background-position:-41px -150px}
@keyframes dbclassic-wcAnimJewel{from{background-position:0 -238px}to{background-position:-800px -238px}}
body.wc .Rooms #filter_boss{left:191px;top:244px;width:39px;height:38px;background-position:-374px -441px}
body.wc .Rooms #filter_boss:hover{background-position:-374px -441px;animation:dbclassic-wcAnimBoss 1s steps(20) infinite}
body.wc .Rooms #filter_boss:active{background-position:-415px -441px;animation:none}
body.wc .Rooms #filter_boss.grayscale{background-position:-374px -441px}
@keyframes dbclassic-wcAnimBoss{from{background-position:0 -1925px}to{background-position:-800px -1925px}}
body.wc .Rooms #filter_ffa{left:238px;top:244px;width:39px;height:38px;background-position:-456px -441px}
body.wc .Rooms #filter_ffa:hover{background-position:-456px -441px;animation:dbclassic-wcAnimFfa 1s steps(20) infinite}
body.wc .Rooms #filter_ffa:active{background-position:-497px -441px;animation:none}
body.wc .Rooms #filter_ffa.grayscale{background-position:-456px -441px}
@keyframes dbclassic-wcAnimFfa{from{background-position:0 -1964px}to{background-position:-800px -1964px}}
body.wc .Rooms #filter_all{left:444px;top:238px;width:42px;height:38px;background-position:-514px 0}
body.wc .Rooms #filter_all:hover{background-position:-514px 0;animation:dbclassic-wcAnimAll 1.5s steps(30) infinite}
body.wc .Rooms #filter_all:active{background-position:-558px 0;animation:none}
body.wc .Rooms #filter_all.grayscale{background-position:-514px 0}
@keyframes dbclassic-wcAnimAll{from{background-position:0 0}to{background-position:-1290px 0}}
body.wc .Rooms #filter_waiting{left:493px;top:236px;width:39px;height:40px;background-position:-602px 0}
body.wc .Rooms #filter_waiting:hover{background-position:-602px 0;animation:dbclassic-wcAnimWaiting 1.65s steps(33) infinite}
body.wc .Rooms #filter_waiting:active{background-position:-643px 0;animation:none}
body.wc .Rooms #filter_waiting.grayscale{background-position:-602px 0}
@keyframes dbclassic-wcAnimWaiting{from{background-position:0 -39px}to{background-position:-1320px -39px}}
body.wc .Rooms #filter_friends{left:541px;top:237px;width:38px;height:40px;background-position:-684px 0}
body.wc .Rooms #filter_friends:hover{background-position:-684px 0;animation:dbclassic-wcAnimFriends .95s steps(19) infinite}
body.wc .Rooms #filter_friends:active{background-position:-724px 0;animation:none}
body.wc .Rooms #filter_friends.grayscale{background-position:-684px 0}
@keyframes dbclassic-wcAnimFriends{from{background-position:0 -80px}to{background-position:-741px -80px}}
body.wc .Rooms #filter_guild{left:587px;top:237px;width:38px;height:40px;background-position:-538px -441px}
body.wc .Rooms #filter_guild:hover{background-position:-538px -441px;animation:dbclassic-wcAnimGuild .95s steps(19) infinite}
body.wc .Rooms #filter_guild:active{background-position:-578px -441px;animation:none}
body.wc .Rooms #filter_guild.grayscale{background-position:-538px -441px}
@keyframes dbclassic-wcAnimGuild{from{background-position:0 -2003px}to{background-position:-741px -2003px}}
body.wc .Rooms #buttonJoin{left:628px;top:242px;width:42px;height:34px;background-position:-123px -150px}
body.wc .Rooms #buttonJoin:hover{background-position:-123px -150px;animation:dbclassic-wcAnimGoto .85s steps(17) infinite}
body.wc .Rooms #buttonJoin:active{background-position:-167px -150px;animation:none}
body.wc .Rooms #buttonJoin.grayscale{background-position:-123px -150px}
@keyframes dbclassic-wcAnimGoto{from{background-position:0 -277px}to{background-position:-731px -277px}}
body.wc .Rooms #buttonCreateRoom{left:687px;top:228px;width:48px;height:48px;background-position:-211px -150px}
body.wc .Rooms #buttonCreateRoom:hover{background-position:-211px -150px;animation:dbclassic-wcAnimCreate .9s steps(18) infinite}
body.wc .Rooms #buttonCreateRoom:active{background-position:-261px -150px;animation:none}
body.wc .Rooms #buttonCreateRoom.grayscale{background-position:-211px -150px}
@keyframes dbclassic-wcAnimCreate{from{background-position:0 -312px}to{background-position:-882px -312px}}
body.wc .Rooms #buttonQuickJoin{left:731px;top:225px;width:60px;height:53px;background-position:-311px -150px}
body.wc .Rooms #buttonQuickJoin:hover{background-position:-311px -150px;animation:dbclassic-wcAnimQuick 1.25s steps(25) infinite}
body.wc .Rooms #buttonQuickJoin:active{background-position:-373px -150px;animation:none}
body.wc .Rooms #buttonQuickJoin.grayscale{background-position:-311px -150px}
@keyframes dbclassic-wcAnimQuick{from{background-position:0 -361px}to{background-position:-1525px -361px}}
body.wc .Rooms #buttonRoomsListUp{left:293px;top:244px;width:41px;height:32px;background-position:-435px -150px}
body.wc .Rooms #buttonRoomsListUp:hover{background-position:-435px -150px;animation:dbclassic-wcAnimUp 1s steps(20) infinite}
body.wc .Rooms #buttonRoomsListUp:active{background-position:-478px -150px;animation:none}
body.wc .Rooms #buttonRoomsListUp.grayscale{background-position:-435px -150px}
@keyframes dbclassic-wcAnimUp{from{background-position:0 -415px}to{background-position:-840px -415px}}
body.wc .Rooms #buttonRoomsListDown{left:388px;top:244px;width:41px;height:32px;background-position:-521px -150px}
body.wc .Rooms #buttonRoomsListDown:hover{background-position:-521px -150px;animation:dbclassic-wcAnimDown 1s steps(20) infinite}
body.wc .Rooms #buttonRoomsListDown:active{background-position:-564px -150px;animation:none}
body.wc .Rooms #buttonRoomsListDown.grayscale{background-position:-521px -150px}
@keyframes dbclassic-wcAnimDown{from{background-position:0 -448px}to{background-position:-840px -448px}}
body.wc .Rooms #buttonChannels{left:738px;top:533px;width:62px;height:64px;background-position:-607px -150px}
body.wc .Rooms #buttonChannels:hover{background-position:-607px -150px;animation:dbclassic-wcAnimExit 1.15s steps(23) infinite}
body.wc .Rooms #buttonChannels:active{background-position:-671px -150px;animation:none}
body.wc .Rooms #buttonChannels.grayscale{background-position:-607px -150px}
@keyframes dbclassic-wcAnimExit{from{background-position:0 -481px}to{background-position:-1449px -481px}}
body.wc .Rooms #buttonShop{left:414px;top:511px;width:76px;height:77px;background-position:-735px -150px;animation:dbclassic-wcAnimAvatarIdle 1s steps(20) infinite}
body.wc .Rooms #buttonShop:hover{background-position:-735px -150px;animation:dbclassic-wcAnimAvatar 1.6s linear infinite}
body.wc .Rooms #buttonShop:active{background-position:-813px -150px;animation:none}
body.wc .Rooms #buttonShop.grayscale{background-position:-735px -150px}
@keyframes dbclassic-wcAnimAvatar{0%{background-position:0 -546px;animation-timing-function:steps(16)}49.99%{background-position:-1232px -546px}50%{background-position:0 -624px;animation-timing-function:steps(16)}100%{background-position:-1232px -624px}}
@keyframes dbclassic-wcAnimAvatarIdle{from{background-position:0 -702px}to{background-position:-1540px -702px}}
body.wc .Rooms #wcLobbyBuddy{left:24px;top:539px;width:57px;height:56px;background-position:-891px -150px}
body.wc .Rooms #wcLobbyBuddy:hover{background-position:-891px -150px;animation:dbclassic-wcAnimBuddy 1s steps(20) infinite}
body.wc .Rooms #wcLobbyBuddy:active{background-position:0 -229px;animation:none}
body.wc .Rooms #wcLobbyBuddy.grayscale{background-position:-891px -150px}
@keyframes dbclassic-wcAnimBuddy{from{background-position:0 -780px}to{background-position:-1160px -780px}}
body.wc .Rooms #lobbyMuteList{left:108px;top:533px;width:58px;height:55px;background-position:-59px -229px}
body.wc .Rooms #lobbyMuteList:hover{background-position:-59px -229px;animation:dbclassic-wcAnimMute 1s steps(20) infinite}
body.wc .Rooms #lobbyMuteList:active{background-position:-119px -229px;animation:none}
body.wc .Rooms #lobbyMuteList.grayscale{background-position:-59px -229px}
@keyframes dbclassic-wcAnimMute{from{background-position:0 -837px}to{background-position:-1180px -837px}}
body.wc .Rooms #buttonCharge2{left:189px;top:530px;width:58px;height:62px;background-position:-179px -229px}
body.wc .Rooms #buttonCharge2:hover{background-position:-179px -229px;animation:dbclassic-wcAnimCharge .6s steps(12) infinite}
body.wc .Rooms #buttonCharge2:active{background-position:-239px -229px;animation:none}
body.wc .Rooms #buttonCharge2.grayscale{background-position:-179px -229px}
@keyframes dbclassic-wcAnimCharge{from{background-position:0 -893px}to{background-position:-708px -893px}}
body.wc .Rooms #MissionsBtnLobby{left:248px;top:523px;width:68px;height:72px;background-position:-299px -229px}
body.wc .Rooms #MissionsBtnLobby:hover{background-position:-299px -229px;animation:dbclassic-wcAnimMissions 1.1s steps(22) infinite}
body.wc .Rooms #MissionsBtnLobby:active{background-position:-369px -229px;animation:none}
body.wc .Rooms #MissionsBtnLobby.grayscale{background-position:-299px -229px}
@keyframes dbclassic-wcAnimMissions{from{background-position:0 -956px}to{background-position:-1518px -956px}}
body.wc .Rooms #buttonMyInfo{left:584px;top:521px;width:68px;height:68px;background-position:-439px -229px}
body.wc .Rooms #buttonMyInfo:hover{background-position:-439px -229px;animation:dbclassic-wcAnimMyinfo 1s steps(20) infinite}
body.wc .Rooms #buttonMyInfo:active{background-position:-509px -229px;animation:none}
body.wc .Rooms #buttonMyInfo.grayscale{background-position:-439px -229px}
@keyframes dbclassic-wcAnimMyinfo{from{background-position:0 -1029px}to{background-position:-1380px -1029px}}
body.wc .Rooms #buttonOptions{left:657px;top:523px;width:72px;height:70px;background-position:-579px -229px}
body.wc .Rooms #buttonOptions:hover{background-position:-579px -229px;animation:dbclassic-wcAnimOptions 1.5s linear infinite}
body.wc .Rooms #buttonOptions:active{background-position:-653px -229px;animation:none}
body.wc .Rooms #buttonOptions.grayscale{background-position:-579px -229px}
@keyframes dbclassic-wcAnimOptions{0%{background-position:0 -1098px;animation-timing-function:steps(15)}49.99%{background-position:-1095px -1098px}50%{background-position:0 -1169px;animation-timing-function:steps(15)}100%{background-position:-1095px -1169px}}
@media(hover:none){body.wc .Rooms #filter_normal:hover,
body.wc .Rooms #filter_score:hover,
body.wc .Rooms :is(#filter_tag,#filter_same):hover,
body.wc .Rooms #filter_jewel:hover,
body.wc .Rooms #filter_boss:hover,
body.wc .Rooms #filter_ffa:hover,
body.wc .Rooms #filter_all:hover,
body.wc .Rooms #filter_waiting:hover,
body.wc .Rooms #filter_friends:hover,
body.wc .Rooms #filter_guild:hover,
body.wc .Rooms #buttonJoin:hover,
body.wc .Rooms #buttonCreateRoom:hover,
body.wc .Rooms #buttonQuickJoin:hover,
body.wc .Rooms #buttonRoomsListUp:hover,
body.wc .Rooms #buttonRoomsListDown:hover,
body.wc .Rooms #buttonChannels:hover,
body.wc .Rooms #buttonShop:hover,
body.wc .Rooms #wcLobbyBuddy:hover,
body.wc .Rooms #lobbyMuteList:hover,
body.wc .Rooms #buttonCharge2:hover,
body.wc .Rooms #MissionsBtnLobby:hover,
body.wc .Rooms #buttonMyInfo:hover,
body.wc .Rooms #buttonOptions:hover,
body.wc #roomButtonBack:hover,
body.wc #buttonBuddy:hover,
body.wc #buttonChargeRoom:hover,
body.wc #roomMuteList:hover,
body.wc #roomButtonReady:hover,
body.wc #roomButtonStart:hover,
body.wc #roomButtonMobile:hover,
body.wc #wcRoomItem:hover,
body.wc #room_options_button:hover,
body.wc #roomButtonChangeTeam:hover,
body.wc #buttonShopFromRoom:hover,
body.wc #buttonOptionsRoom:hover,
body.wc #wcRoomMissions:hover,
body.wc #buttonShopExit:hover,
body.wc #buttonChargeShop1:hover,
body.wc #buttonChargeShop:hover,
body.wc #buttonShopPrev:hover,
body.wc #buttonShopNext:hover,
body.wc #buttonShopBuy:hover,
body.wc #buttonShopHead:hover,
body.wc #buttonShopBody:hover,
body.wc #buttonShopGlass:hover,
body.wc #buttonShopFlag:hover,
body.wc #buttonShopExItem:hover,
body.wc #shop_delete_avatar:hover,
body.wc #buttonSendGift:hover{animation-iteration-count:.999 !important;animation-fill-mode:forwards !important}}
body.wc .Rooms #facebook_post{left:332px;top:532px;width:53px;height:56px;background-position:-618px -441px}
body.wc .Rooms #event_button{left:518px;top:532px;width:55px;height:56px;background-position:-673px -441px}
body.wc .Rooms #roomsPage{left:333px;top:241px}
body.wc .Rooms #roomsPage{width:56px;height:40px;min-width:0;line-height:40px;padding:0;font-weight:bold;font-size:inherit}
body.wc .Rooms #buttonCreateRoom{clip-path:inset(-20px 1px -20px 0)}
body.wc .Rooms #buttonQuickJoin{clip-path:inset(-20px 0 -20px 3px)}
body.wc .Rooms #roomsPage{pointer-events:none}
body.wc .Rooms #buttonShop{border-radius:0;transform:none}
body.wc .Rooms #buttonChannels:hover,
body.wc .Rooms #buttonChannels:active,
body.wc .Rooms #buttonCharge2:hover,
body.wc .Rooms #buttonCharge2:active,
body.wc .Rooms #MissionsBtnLobby:hover,
body.wc .Rooms #MissionsBtnLobby:active,
body.wc .Rooms #buttonShop:hover,
body.wc .Rooms #buttonShop:active,
body.wc .Rooms #buttonOptions:hover,
body.wc .Rooms #buttonOptions:active,
body.wc .Rooms #buttonMyInfo:hover,
body.wc .Rooms #buttonMyInfo:active,
body.wc .Rooms #filter_normal:hover,
body.wc .Rooms #filter_normal:active,
body.wc .Rooms #filter_score:hover,
body.wc .Rooms #filter_score:active,
body.wc .Rooms :is(#filter_tag,#filter_same):hover,
body.wc .Rooms :is(#filter_tag,#filter_same):active,
body.wc .Rooms #filter_jewel:hover,
body.wc .Rooms #filter_jewel:active,
body.wc .Rooms #filter_boss:hover,
body.wc .Rooms #filter_boss:active,
body.wc .Rooms #filter_ffa:hover,
body.wc .Rooms #filter_ffa:active,
body.wc .Rooms #filter_all:hover,
body.wc .Rooms #filter_all:active,
body.wc .Rooms #filter_waiting:hover,
body.wc .Rooms #filter_waiting:active,
body.wc .Rooms #filter_friends:hover,
body.wc .Rooms #filter_friends:active,
body.wc .Rooms #filter_guild:hover,
body.wc .Rooms #filter_guild:active,
body.wc .Rooms #buttonJoin:hover,
body.wc .Rooms #buttonJoin:active,
body.wc .Rooms #buttonCreateRoom:hover,
body.wc .Rooms #buttonCreateRoom:active,
body.wc .Rooms #buttonQuickJoin:hover,
body.wc .Rooms #buttonQuickJoin:active,
body.wc .Rooms #buttonRoomsListUp:hover,
body.wc .Rooms #buttonRoomsListUp:active,
body.wc .Rooms #buttonRoomsListDown:hover,
body.wc .Rooms #buttonRoomsListDown:active{filter:var(--btn-filter,)}
body.wc .Rooms #filter_normal,
body.wc .Rooms #filter_score,
body.wc .Rooms :is(#filter_tag,#filter_same),
body.wc .Rooms #filter_jewel,
body.wc .Rooms #filter_boss,
body.wc .Rooms #filter_ffa{--btn-filter:brightness(1);filter:var(--btn-filter)}
body.wc .Rooms #filter_normal.selectedFilter,
body.wc .Rooms #filter_score.selectedFilter,
body.wc .Rooms :is(#filter_tag,#filter_same).selectedFilter,
body.wc .Rooms #filter_jewel.selectedFilter,
body.wc .Rooms #filter_boss.selectedFilter,
body.wc .Rooms #filter_ffa.selectedFilter{--btn-filter:drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow);filter:var(--btn-filter)}
body.wc .Rooms #buttonChannels .wcLabel{top:51px;bottom:auto}
body.wc .Rooms #wcLobbyBuddy .wcLabel{top:45px;bottom:auto}
body.wc .Rooms #buttonCharge2 .wcLabel{top:54px;bottom:auto}
body.wc .Rooms #MissionsBtnLobby .wcLabel{top:61px;bottom:auto}
body.wc .Rooms #buttonShop .wcLabel{top:73px;bottom:auto}
body.wc .Rooms #buttonOptions .wcLabel{top:61px;bottom:auto}
body.wc .Rooms #buttonMyInfo .wcLabel{top:63px;bottom:auto}
body.wc .Rooms #lobbyMuteList .wcLabel{top:51px;bottom:auto}
body.wc .Rooms #facebook_post .wcLabel{top:52px;bottom:auto}
body.wc .Rooms #event_button .wcLabel{top:52px;bottom:auto}
body.wc .Rooms #facebook_post .event_button_text,
body.wc .Rooms #event_button .event_button_text{top:-13px;bottom:auto}
body.wc .Rooms #filter_normal .wcLabel{top:28px;bottom:auto}
body.wc .Rooms #filter_boss .wcLabel{top:28px;bottom:auto}
body.wc .Rooms #filter_score .wcLabel{top:28px;bottom:auto}
body.wc .Rooms :is(#filter_tag,#filter_same) .wcLabel{top:28px;bottom:auto}
body.wc .Rooms #filter_jewel .wcLabel{top:28px;bottom:auto}
body.wc .Rooms #filter_normal .wcLabel,
body.wc .Rooms #filter_boss .wcLabel,
body.wc .Rooms #filter_score .wcLabel,
body.wc .Rooms :is(#filter_tag,#filter_same) .wcLabel,
body.wc .Rooms #filter_jewel .wcLabel,
body.wc .Rooms #filter_ffa .wcLabel,
body.wc .Rooms #filter_all .wcLabel,
body.wc .Rooms #filter_waiting .wcLabel,
body.wc .Rooms #filter_friends .wcLabel,
body.wc .Rooms #filter_guild .wcLabel,
body.wc .Rooms #buttonJoin .wcLabel,
body.wc .Rooms #buttonCreateRoom .wcLabel,
body.wc .Rooms #buttonQuickJoin .wcLabel{font-size:10px}
body.wc .Rooms #filter_ffa .wcLabel{top:28px;bottom:auto;left:0;right:0;white-space:normal;line-height:12px}
body.wc .Rooms #filter_all .wcLabel{top:34px;bottom:auto}
body.wc .Rooms #filter_waiting .wcLabel{top:36px;bottom:auto}
body.wc .Rooms #filter_friends .wcLabel{top:35px;bottom:auto}
body.wc .Rooms #filter_guild .wcLabel{top:35px;bottom:auto}
body.wc .Rooms #buttonJoin .wcLabel{top:30px;bottom:auto}
body.wc .Rooms #buttonCreateRoom .wcLabel{top:44px;bottom:auto}
body.wc .Rooms #buttonQuickJoin .wcLabel{top:47px;bottom:auto}
body.wc .Rooms #roomsList{left:0;top:0;width:800px}
body.wc .Rooms .room{width:232px;height:68px}
body.wc .Rooms #room0{left:16px;top:22px}
body.wc .Rooms #room1{left:285px;top:22px}
body.wc .Rooms #room2{left:554px;top:22px}
body.wc .Rooms #room3{left:16px;top:90px}
body.wc .Rooms #room4{left:285px;top:90px}
body.wc .Rooms #room5{left:554px;top:90px}
body.wc .Rooms #room6{left:16px;top:158px}
body.wc .Rooms #room7{left:285px;top:158px}
body.wc .Rooms .room{background-position:-554px -303px}
body.wc .Rooms .room:hover{background-position:0 -372px}
body.wc .Rooms .room:active{background-position:0 -372px}
body.wc .Rooms .room.powerUserRoom{background-position:-233px -372px}
body.wc .Rooms .room.powerUserRoom:hover{background-position:-466px -372px}
body.wc .Rooms .room.powerUserRoom:active{background-position:-466px -372px}
body.wc .Rooms .room.roomExtraInfo{width:231px;height:148px;background-position:0 0 !important}
body.wc .Rooms .room.roomExtraInfo.powerUserRoom{width:231px;height:148px;background-position:-233px 0 !important}
body.wc .Rooms .room.light_button:hover,
body.wc .Rooms .room.light_button:active{filter:none}
body.wc .Rooms .roomConnectorA,
body.wc .Rooms .roomConnectorB{display:none}
body.wc .Rooms .roomNumber{left:4px;top:6px}
body.wc .Rooms .roomTitle{left:36px;top:4px;width:140px}
body.wc .Rooms .numPlayers{left:200px;top:7px;width:11px;text-align:center;font-size:12px}
body.wc .Rooms .maxPlayers{left:217px;top:7px;font-size:12px}
body.wc .Rooms .status{left:5px;top:33px;transform:scale(0.9);transform-origin:0 0}
body.wc .Rooms .roomMap{left:87px;top:28px;transform:scaleX(0.45) scaleY(0.58);transform-origin:0 0}
body.wc .Rooms .roomLock{left:66px;top:36px}
body.wc .Rooms .allowWatch{left:172px;top:5px}
body.wc .Rooms .watchCount{left:152px;top:6px}
body.wc .Rooms .room .gameMode{display:block;left:187px;top:26px;width:39px;height:38px;transform:none;filter:none;background-position:-764px 0}
body.wc .Rooms .room .gameMode.iconMode1{background-position:-374px -441px}
body.wc .Rooms .room .gameMode.iconMode2{background-position:-928px 0}
body.wc .Rooms .room .gameMode.iconMode3{background-position:-846px 0}
body.wc .Rooms .room .gameMode.iconMode4{background-position:-41px -150px}
body.wc .Rooms .room .gameMode.iconMode5{background-position:-928px 0}
body.wc .Rooms .room .gameMode.iconMode6{background-position:-456px -441px}
body.wc .Rooms .roomExtraInfoSlot0,
body.wc .Rooms .roomExtraInfoSlot2,
body.wc .Rooms .roomExtraInfoSlot4,
body.wc .Rooms .roomExtraInfoSlot6{left:10px}
body.wc .Rooms .roomExtraInfoSlot1,
body.wc .Rooms .roomExtraInfoSlot3,
body.wc .Rooms .roomExtraInfoSlot5,
body.wc .Rooms .roomExtraInfoSlot7{left:122px}
body.wc .Rooms .roomExtraInfoSlot0,
body.wc .Rooms .roomExtraInfoSlot1{top:72px}
body.wc .Rooms .roomExtraInfoSlot2,
body.wc .Rooms .roomExtraInfoSlot3{top:90px}
body.wc .Rooms .roomExtraInfoSlot4,
body.wc .Rooms .roomExtraInfoSlot5{top:108px}
body.wc .Rooms .roomExtraInfoSlot6,
body.wc .Rooms .roomExtraInfoSlot7{top:126px}
body.wc .Rooms #room8{left:554px;top:158px}
body.wc .Rooms:not(.wcMyInfo) #myInfoBox,
body.wc .Rooms:not(.wcMyInfo) #channel_player,
body.wc .Rooms:not(.wcMyInfo) #myName2,
body.wc .Rooms:not(.wcMyInfo) #myName3,
body.wc .Rooms:not(.wcMyInfo) #myRankEffect,
body.wc .Rooms:not(.wcMyInfo) #myPowerUser,
body.wc .Rooms:not(.wcMyInfo) #myPhotoDiv,
body.wc .Rooms:not(.wcMyInfo) #myGP2,
body.wc .Rooms:not(.wcMyInfo) #myCash2,
body.wc .Rooms:not(.wcMyInfo) #myGold2,
body.wc .Rooms:not(.wcMyInfo) #myPlusGP,
body.wc .Rooms:not(.wcMyInfo) #myPUGP,
body.wc .Rooms:not(.wcMyInfo) #myPUG,
body.wc .Rooms:not(.wcMyInfo) #myGFPhotoDiv,
body.wc .Rooms:not(.wcMyInfo) #myGFStatus,
body.wc .Rooms:not(.wcMyInfo) #myGFName{visibility:hidden}
body.wc .Rooms #myInfoBox{display:block !important;left:582px;top:90px;width:215px;height:182px;border:0;border-radius:5px;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-position:-582px -90px;background-size:800px 600px;pointer-events:auto;z-index:30}
body.wc .Rooms #channel_player{z-index:31}
body.wc .Rooms #myName2,
body.wc .Rooms #myName3,
body.wc .Rooms #myRankEffect,
body.wc .Rooms #myPowerUser,
body.wc .Rooms #myPhotoDiv,
body.wc .Rooms #myGP2,
body.wc .Rooms #myCash2,
body.wc .Rooms #myGold2,
body.wc .Rooms #myPlusGP,
body.wc .Rooms #myPUGP,
body.wc .Rooms #myPUG,
body.wc .Rooms #myGFPhotoDiv,
body.wc .Rooms #myGFStatus,
body.wc .Rooms #myGFName{z-index:32}
body.wc .Rooms #myGFStatus{top:117px}
body.wc .Rooms #myGFPhotoDiv{top:131px}
body.wc .Rooms #myGFName{top:168px}
body:where(.th,.wc) #wcMyInfoEdit,
body:where(.th,.wc) #wcMyInfoClose{display:none}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit{display:block;position:absolute;left:754px;top:98px;width:16px;height:16px;z-index:33;background-position:-368px -303px;cursor:pointer}
body.wc .Rooms.wcMyInfo #wcMyInfoClose{display:block;position:absolute;left:774px;top:93px;width:21px;height:21px;z-index:33;background-position:-730px -441px;cursor:pointer}
body.wc .Rooms.wcMyInfo #wcMyInfoClose:hover{background-position:-776px -441px}
body.wc .Rooms.wcMyInfo #wcMyInfoClose:active{background-position:-753px -441px}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit:hover{background-position:-404px -303px}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit:active{background-position:-386px -303px}
body.wc .Rooms.wcMyInfo #myInfoBox,
body.wc .Rooms.wcMyInfo #wcMyInfoEdit,
body.wc .Rooms.wcMyInfo #wcMyInfoClose,
body.wc .Rooms.wcMyInfo #channel_player,
body.wc .Rooms.wcMyInfo #myName2,
body.wc .Rooms.wcMyInfo #myName3,
body.wc .Rooms.wcMyInfo #myRankEffect,
body.wc .Rooms.wcMyInfo #myPowerUser,
body.wc .Rooms.wcMyInfo #myPowerTimer,
body.wc .Rooms.wcMyInfo #myRank2,
body.wc .Rooms.wcMyInfo #myPhotoDiv,
body.wc .Rooms.wcMyInfo #myGP2,
body.wc .Rooms.wcMyInfo #myCash2,
body.wc .Rooms.wcMyInfo #myGold2,
body.wc .Rooms.wcMyInfo #myPlusGP,
body.wc .Rooms.wcMyInfo #myPUGP,
body.wc .Rooms.wcMyInfo #myPUG,
body.wc .Rooms.wcMyInfo #myGFPhotoDiv,
body.wc .Rooms.wcMyInfo #myGFStatus,
body.wc .Rooms.wcMyInfo #myGFName{transform:translate3d(var(--myinfo-dx,0),var(--myinfo-dy,0),0);touch-action:none;-webkit-user-select:none;user-select:none}
body.wc .Rooms.wcMyInfo #myInfoBox{cursor:move}
body.wc .Rooms.wcMyInfoOpening #myInfoBox,
body.wc .Rooms.wcMyInfoOpening #wcMyInfoEdit,
body.wc .Rooms.wcMyInfoOpening #wcMyInfoClose,
body.wc .Rooms.wcMyInfoOpening #channel_player,
body.wc .Rooms.wcMyInfoOpening #myName2,
body.wc .Rooms.wcMyInfoOpening #myName3,
body.wc .Rooms.wcMyInfoOpening #myRankEffect,
body.wc .Rooms.wcMyInfoOpening #myPowerUser,
body.wc .Rooms.wcMyInfoOpening #myPowerTimer,
body.wc .Rooms.wcMyInfoOpening #myRank2,
body.wc .Rooms.wcMyInfoOpening #myPhotoDiv,
body.wc .Rooms.wcMyInfoOpening #myGP2,
body.wc .Rooms.wcMyInfoOpening #myCash2,
body.wc .Rooms.wcMyInfoOpening #myGold2,
body.wc .Rooms.wcMyInfoOpening #myPlusGP,
body.wc .Rooms.wcMyInfoOpening #myPUGP,
body.wc .Rooms.wcMyInfoOpening #myPUG,
body.wc .Rooms.wcMyInfoOpening #myGFPhotoDiv,
body.wc .Rooms.wcMyInfoOpening #myGFStatus,
body.wc .Rooms.wcMyInfoOpening #myGFName{animation:dbclassic-wcMyInfoOpen .15s ease-out}
body.wc .Rooms.wcMyInfoClosing #myInfoBox,
body.wc .Rooms.wcMyInfoClosing #wcMyInfoEdit,
body.wc .Rooms.wcMyInfoClosing #wcMyInfoClose,
body.wc .Rooms.wcMyInfoClosing #channel_player,
body.wc .Rooms.wcMyInfoClosing #myName2,
body.wc .Rooms.wcMyInfoClosing #myName3,
body.wc .Rooms.wcMyInfoClosing #myRankEffect,
body.wc .Rooms.wcMyInfoClosing #myPowerUser,
body.wc .Rooms.wcMyInfoClosing #myPowerTimer,
body.wc .Rooms.wcMyInfoClosing #myRank2,
body.wc .Rooms.wcMyInfoClosing #myPhotoDiv,
body.wc .Rooms.wcMyInfoClosing #myGP2,
body.wc .Rooms.wcMyInfoClosing #myCash2,
body.wc .Rooms.wcMyInfoClosing #myGold2,
body.wc .Rooms.wcMyInfoClosing #myPlusGP,
body.wc .Rooms.wcMyInfoClosing #myPUGP,
body.wc .Rooms.wcMyInfoClosing #myPUG,
body.wc .Rooms.wcMyInfoClosing #myGFPhotoDiv,
body.wc .Rooms.wcMyInfoClosing #myGFStatus,
body.wc .Rooms.wcMyInfoClosing #myGFName{animation:dbclassic-wcMyInfoClose .15s ease-in forwards}
@keyframes dbclassic-wcMyInfoOpen{from{transform:translate3d(var(--myinfo-dx,0),var(--myinfo-dy,0),0) scaleY(0)}}
@keyframes dbclassic-wcMyInfoClose{to{transform:translate3d(var(--myinfo-dx,0),var(--myinfo-dy,0),0) scaleY(0)}}
body.wc .Rooms.wcMyInfo #channelScreen{transform:none}
body.wc .Rooms #MissionsBtnLobby .AvNotif{top:14px;right:12px}
body.wc .Rooms #buttonShop .AvNotif{top:8px;right:6px}
body.wc .Rooms #channelName{left:90px;top:314px;font-size:13px;padding:2px}
body.wc .Rooms #channel{left:18px;top:343px;width:490px;height:134px}
body.wc .Rooms #channel .viewport{width:490px !important;height:134px !important}
body.wc .Rooms #lobby_channel{left:36px;top:487px;bottom:auto;width:68px;font-size:10px}
body.wc .Rooms #channelInput{left:108px;top:486px;width:356px}
body.wc .Rooms #channelInputAlt{left:468px;top:488px}
body.wc .Rooms #lobbyBcm{left:488px;top:485px}
body.wc .Rooms #playersList,
body.wc .Rooms.Lobby #friendsList,
body.wc .Rooms.Lobby #guildMembersList{left:542px;top:342px;width:246px;height:162px}
body.wc .Rooms #playersList .viewport,
body.wc .Rooms.Lobby #friendsList .viewport,
body.wc .Rooms.Lobby #guildMembersList .viewport{width:246px !important;height:162px !important}
body.wc .Rooms.Lobby #friendsList,
body.wc .Rooms.Lobby #guildMembersList{background-color:transparent}
body.wc .Rooms #buttonAllBuddyList1{left:541px !important;top:309px}
body.wc .Rooms #buttonAllBuddyList2{left:605px !important;top:309px}
body.wc .Rooms #buttonAllBuddyList3{left:687px !important;top:309px}
body:where(.th,.wc) #wcLobbyWide{display:none}
body.wc .WideLobby #wcLobbyWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;margin-left:var(--lobby-l);background-size:0;pointer-events:none}
body:where(.th,.wc) #wcLobbyWide div{position:absolute;background-image:inherit;background-repeat:no-repeat}
body.wc .WideLobby #room0,
body.wc .WideLobby #room3,
body.wc .WideLobby #room6{margin-left:var(--lobby-room-l)}
body.wc .WideLobby #room2,
body.wc .WideLobby #room5,
body.wc .WideLobby #room8{margin-left:var(--lobby-room-r)}
body.wc .WideLobby #filter_normal,
body.wc .WideLobby #filter_score,
body.wc .WideLobby :is(#filter_tag,#filter_same),
body.wc .WideLobby #filter_jewel,
body.wc .WideLobby #filter_boss,
body.wc .WideLobby #filter_ffa{margin-left:var(--lobby-filters-l)}
body.wc .WideLobby #filter_all,
body.wc .WideLobby #filter_waiting,
body.wc .WideLobby #filter_friends,
body.wc .WideLobby #filter_guild,
body.wc .WideLobby #buttonJoin,
body.wc .WideLobby #buttonCreateRoom,
body.wc .WideLobby #buttonQuickJoin{margin-left:var(--lobby-filters-r)}
body.wc .WideLobby #channelName,
body.wc .WideLobby #channel,
body.wc .WideLobby #lobby_channel,
body.wc .WideLobby #channelInput{margin-left:var(--lobby-l)}
body.wc .WideLobby #room1,
body.wc .WideLobby #room4,
body.wc .WideLobby #room7{margin-left:var(--lobby-c)}
body.wc .WideLobby #buttonRoomsListUp,
body.wc .WideLobby #roomsPage,
body.wc .WideLobby #buttonRoomsListDown{margin-left:var(--lobby-pager)}
body.wc .WideLobby #channelInputAlt,
body.wc .WideLobby #lobbyBcm,
body.wc .WideLobby #playersList,
body.wc .WideLobby #friendsList,
body.wc .WideLobby #guildMembersList,
body.wc .WideLobby #buttonAllBuddyList1,
body.wc .WideLobby #buttonAllBuddyList2,
body.wc .WideLobby #buttonAllBuddyList3,
body.wc .WideLobby #myInfoBox,
body.wc .WideLobby #wcMyInfoEdit,
body.wc .WideLobby #wcMyInfoClose,
body.wc .WideLobby #channel_player,
body.wc .WideLobby #myPowerUser,
body.wc .WideLobby #myPowerTimer,
body.wc .WideLobby #myRank2,
body.wc .WideLobby #myGP2,
body.wc .WideLobby #myName2,
body.wc .WideLobby #myName3,
body.wc .WideLobby #myGold2,
body.wc .WideLobby #myCash2,
body.wc .WideLobby #myPUGP,
body.wc .WideLobby #myPUG,
body.wc .WideLobby #myPlusGP,
body.wc .WideLobby #myRankEffect,
body.wc .WideLobby #myPhotoDiv,
body.wc .WideLobby #myGFPhotoDiv,
body.wc .WideLobby #myGFStatus,
body.wc .WideLobby #myGFName{margin-left:var(--lobby-r)}
body.wc .WideLobby #myInfoBox,
body.wc .WideLobby #channel_player,
body.wc .WideLobby #myPowerUser,
body.wc .WideLobby #myPowerTimer,
body.wc .WideLobby #myRank2,
body.wc .WideLobby #myGP2,
body.wc .WideLobby #myName2,
body.wc .WideLobby #myName3,
body.wc .WideLobby #myGold2,
body.wc .WideLobby #myCash2,
body.wc .WideLobby #myPUGP,
body.wc .WideLobby #myPUG,
body.wc .WideLobby #myPlusGP,
body.wc .WideLobby #myRankEffect,
body.wc .WideLobby #myPhotoDiv,
body.wc .WideLobby #myGFPhotoDiv,
body.wc .WideLobby #myGFStatus,
body.wc .WideLobby #myGFName{margin-right:var(--lobby-r-neg)}
body.wc .WideLobby #channel,
body.wc .WideLobby #channel .viewport{width:calc(490px - var(--lobby-grow-neg)) !important}
body.wc .WideLobby #channelInput{width:calc(356px - var(--lobby-grow-neg))}
body.wc .WideLobby #wcLobbyBuddy{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .065)}
body.wc .WideLobby #lobbyMuteList{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .17125)}
body.wc .WideLobby #buttonCharge2{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .2725)}
body.wc .WideLobby #MissionsBtnLobby{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .3525)}
body.wc .WideLobby #facebook_post{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .448125)}
body.wc .WideLobby #buttonShop{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .565)}
body.wc .WideLobby #event_button{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .681875)}
body.wc .WideLobby #buttonMyInfo{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .7725)}
body.wc .WideLobby #buttonOptions{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .86625)}
body.wc .WideLobby #buttonChannels{margin-left:calc(var(--lobby-l) - var(--lobby-grow-neg) * .96125)}
body.wc .TallLobby #wcLobbyWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;margin-top:var(--tall-t);background-size:0;pointer-events:none}
body.wc .TallLobby #room0,
body.wc .TallLobby #room1,
body.wc .TallLobby #room2{margin-top:var(--tall-t)}
body.wc .TallLobby #room3,
body.wc .TallLobby #room4,
body.wc .TallLobby #room5,
body.wc .TallLobby #myInfoBox,
body.wc .TallLobby #wcMyInfoEdit,
body.wc .TallLobby #wcMyInfoClose,
body.wc .TallLobby #channel_player,
body.wc .TallLobby #myPowerUser,
body.wc .TallLobby #myPowerTimer,
body.wc .TallLobby #myRank2,
body.wc .TallLobby #myGP2,
body.wc .TallLobby #myName2,
body.wc .TallLobby #myName3,
body.wc .TallLobby #myGold2,
body.wc .TallLobby #myCash2,
body.wc .TallLobby #myPUGP,
body.wc .TallLobby #myPUG,
body.wc .TallLobby #myPlusGP,
body.wc .TallLobby #myRankEffect,
body.wc .TallLobby #myPhotoDiv,
body.wc .TallLobby #myGFPhotoDiv,
body.wc .TallLobby #myGFStatus,
body.wc .TallLobby #myGFName{margin-top:var(--tall-r1)}
body.wc .TallLobby #room6,
body.wc .TallLobby #room7,
body.wc .TallLobby #room8,
body.wc .TallLobby #filter_normal,
body.wc .TallLobby #filter_score,
body.wc .TallLobby :is(#filter_tag,#filter_same),
body.wc .TallLobby #filter_jewel,
body.wc .TallLobby #filter_boss,
body.wc .TallLobby #filter_ffa,
body.wc .TallLobby #filter_all,
body.wc .TallLobby #filter_waiting,
body.wc .TallLobby #filter_friends,
body.wc .TallLobby #filter_guild,
body.wc .TallLobby #buttonJoin,
body.wc .TallLobby #buttonCreateRoom,
body.wc .TallLobby #buttonQuickJoin,
body.wc .TallLobby #buttonRoomsListUp,
body.wc .TallLobby #roomsPage,
body.wc .TallLobby #buttonRoomsListDown,
body.wc .TallLobby #channelName,
body.wc .TallLobby #buttonAllBuddyList1,
body.wc .TallLobby #buttonAllBuddyList2,
body.wc .TallLobby #buttonAllBuddyList3,
body.wc .TallLobby #channel,
body.wc .TallLobby #playersList,
body.wc .TallLobby #friendsList,
body.wc .TallLobby #guildMembersList{margin-top:var(--tall-r2)}
body.wc .TallLobby #lobby_channel,
body.wc .TallLobby #channelInput,
body.wc .TallLobby #channelInputAlt,
body.wc .TallLobby #lobbyBcm,
body.wc .TallLobby #wcLobbyBuddy,
body.wc .TallLobby #lobbyMuteList,
body.wc .TallLobby #buttonCharge2,
body.wc .TallLobby #MissionsBtnLobby,
body.wc .TallLobby #facebook_post,
body.wc .TallLobby #buttonShop,
body.wc .TallLobby #event_button,
body.wc .TallLobby #buttonMyInfo,
body.wc .TallLobby #buttonOptions,
body.wc .TallLobby #buttonChannels{margin-top:var(--tall-b)}
body.wc .TallLobby #channel,
body.wc .TallLobby #channel .viewport{height:calc(134px - var(--tall-grow-neg)) !important}
body.wc .TallLobby #playersList,
body.wc .Rooms.Lobby.TallLobby #friendsList,
body.wc .Rooms.Lobby.TallLobby #guildMembersList,
body.wc .TallLobby #playersList .viewport,
body.wc .Rooms.Lobby.TallLobby #friendsList .viewport,
body.wc .Rooms.Lobby.TallLobby #guildMembersList .viewport{height:calc(162px - var(--tall-grow-neg)) !important}
body:where(.th,.wc) .StartGame{position:absolute;box-shadow:inset -2px -1px 5px -2px #fff6af;background-color:#ffec64;background:linear-gradient(to bottom,#ffec64 0,#ffab23 100%);border-radius:24px;border:2px solid #fa2;color:#333;font-family:Trebuchet MS,sans-serif;font-size:24px;font-weight:bold;padding:2px 20px;text-decoration:none;text-shadow:2px 1px 0 #fe6}
body:where(.th,.wc) .StartGame:hover{background-color:#ffab23;background:linear-gradient(to bottom,#ffab23 0,#ffec64 100%)}
body:where(.th,.wc) #tournament_waiting{position:absolute;left:100px;top:-400px;width:400px;height:312px;background-color:#ffd;text-align:center;z-index:20;border:5px solid #630;color:black;display:none;border-radius:70px}
body:where(.th,.wc) #tournament_info{position:absolute;top:0;padding:3px;color:#ff6;display:none;font-size:9px;background:rgba(0,0,0,0.2);border-radius:10px;width:368px;text-align:center}
body:where(.th,.wc) #tournament_info2{position:absolute;left:7px;bottom:168px;padding:5px;color:#ff6;display:none;font-size:7px;background:rgba(0,0,0,0.2);border-radius:10px}
body:where(.th,.wc) #tournament_timer_header{position:absolute;left:122px;top:132px;text-align:center;width:330px;color:#ff0;display:none;font-size:18px;pointer-events:none}
body:where(.th,.wc) #tournament_timer_footer{position:absolute;left:122px;top:250px;text-align:center;width:330px;color:#ff0;display:none;font-size:14px;pointer-events:none}
body:where(.th,.wc) #tournament_timer{position:absolute;left:122px;top:157px;text-align:center;width:330px;color:#ff0;display:none;font-size:42px;animation:dbclassic-scaleout_anim 2000ms ease-in-out infinite alternate;pointer-events:none}
body:where(.th,.wc) #tournament_timer.InPrix{top:110px;color:#0f0;animation:dbclassic-scaleout_anim 500ms ease-in-out infinite alternate}
body.th #tournament_timer.InPrix{top:66px}
body:where(.th,.wc) #hourglass{width:800px;height:404px;margin:20px auto 20px auto;transform:scale(0.5);transform-origin:0 0}
body:where(.th,.wc) #hourglass.AVIF{background-image:url(/static/images/themes/dragonbound/images/hourglass.avif)}
body:where(.th,.wc) #hourglass.WEBP{background-image:url(/static/images/themes/dragonbound/images/hourglass.webp)}
body:where(.th,.wc) #hourglass.GIF{background-image:url(/static/images/themes/dragonbound/images/hourglass.gif)}
body:where(.th,.wc) #hourglass.ROOM{transform:scale(0.4);margin-left:-62px}
body:where(.th,.wc) .cancelwait{box-shadow:inset 0 1px 0 0 #f5978e;background-color:#f24537;background:linear-gradient(to bottom,#f24537 0,#c62d1f 100%);border-radius:6px;border:1px solid #d02718;display:inline-block;color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0 #810e05}
body:where(.th,.wc) .cancelwait:hover{background-color:#c62d1f;background:linear-gradient(to bottom,#c62d1f 0,#f24537 100%)}
body:where(.th,.wc) .cancelwait:active{position:relative;top:1px}
body:where(.th,.wc) #CancelWaiting{position:absolute;left:155px;top:299px}
body:where(.th,.wc) #CancelWaiting2{position:absolute;left:120px;top:316px}
body.th #CancelWaiting2{top:260px}
body:where(.th,.wc) #tournamentTreeZ{position:absolute;left:-963px;top:-4248px;transition:transform .5s ease-out}
body:where(.th,.wc) #tournamentTree{width:2500px;height:9000px;z-index:-1;display:none;background:radial-gradient(circle,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 20%)}
body:where(.th,.wc) #tournamentTree.CanMove{cursor:move}
body:where(.th,.wc) .TreeNode{position:absolute;font-size:10px;width:100px;height:15px;white-space:nowrap;overflow:hidden;z-index:3}
body:where(.th,.wc) .TreeLine{position:absolute;border:beige 2px solid;border-radius:5px;z-index:1}
body:where(.th,.wc) .TreeLineWinner{border-color:lime;z-index:2}
body:where(.th,.wc) .TreeLineLoser{border-color:gray}
body:where(.th,.wc) .TreeLineFight{border-color:red;z-index:2}
body:where(.th,.wc) .TreeLineWaiting{border-color:yellow;z-index:2}
body:where(.th,.wc) .TreeTrophy{position:absolute;left:1130px;top:4376px;width:240px;text-align:center;font-size:60px}
body:where(.th,.wc) .TreeGift{position:absolute;left:1220px;top:4536px;width:60px;text-align:center;font-size:44px}
body:where(.th,.wc) #OlympicsGiftsWindow{display:none;position:absolute;left:11px;top:88px;width:506px;height:310px;box-shadow:3px 3px 10px 3px #000;border-radius:5px;border:2px solid darkorange;background:rgba(50,0,0,0.75);font-size:11px;z-index:9;padding:10px}
body:where(.th,.wc) #GiftsOK{position:absolute;right:15px;bottom:15px}
body:where(.th,.wc) #TreeInfo{position:absolute;left:1130px;bottom:4628px;font-size:10px;width:240px;line-height:15px;text-align:center;z-index:2}
body:where(.th,.wc) .NodeGame{border:1px solid red;background:lightpink;border-radius:5px;text-align:center;line-height:15px;overflow:visible;cursor:pointer}
body:where(.th,.wc) .NodePrepare{border:1px solid red;background:lightpink;border-radius:5px;text-align:center;line-height:15px}
body:where(.th,.wc) .NodeUnknown{border:2px dashed gray;background:beige;text-align:center;line-height:13px;text-shadow:none;color:black;width:96px;height:13px}
body:where(.th,.wc) #registeredPlayersInfo{position:absolute;left:10px;top:93px;color:#ff8;font-size:9px}
body:where(.th,.wc) #registeredPlayersList{position:absolute;left:5px;top:88px;width:566px;height:334px;border:#0f9afd 3px solid;background:rgba(0,0,0,0.5);border-radius:10px;display:none;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));align-content:end;overflow:hidden;pointer-events:none}
body:where(.th,.wc) .PlayerInList{font-size:8px;white-space:nowrap;overflow:hidden;pointer-events:none !important}
body:where(.th,.wc) .PlayerInList .rank{height:9px;position:relative;top:1px;pointer-events:none !important}
body:where(.th,.wc) #olympicsMsg{position:absolute;left:139px;top:372px;width:300px;height:38px;border:2px solid fuchsia;border-radius:10px;color:white;font-size:10px;line-height:13px;text-align:center;padding:5px;display:none;box-shadow:3px 3px 10px 3px #000;background:#7900c3;background:linear-gradient(130deg,#f00,#fff,#00f);background-size:200% 200%;animation:dbclassic-gradientAnimation 2s infinite}
@keyframes dbclassic-gradientAnimation{0%{background-position:10% 0}50%{background-position:90% 100%}100%{background-position:10% 0}}
body:where(.th,.wc) .HeartLeft{position:absolute;left:0;top:-16px;width:100px;text-align:center;z-index:-1;font-size:17px;line-height:17px;pointer-events:none}
body:where(.th,.wc) .HeartRight{position:absolute;left:0;top:15px;width:100px;text-align:center;z-index:-1;font-size:17px;line-height:17px;pointer-events:none}
body:where(.th,.wc) .hpLeft{position:absolute;left:0;top:-15px;width:100px;text-align:center;pointer-events:none;color:white}
body:where(.th,.wc) .hpRight{position:absolute;left:0;top:16px;width:100px;text-align:center;pointer-events:none;color:white}
body:where(.th,.wc) .GLeft{position:absolute;right:60px}
body:where(.th,.wc) .GRight{position:absolute;left:43px}
body:where(.th,.wc) #centerMeBtn{position:absolute;left:397px;top:430px;line-height:22px;color:#fe0;font-size:15px;padding:0 6px;border:black solid 2px;border-radius:5px;background-color:rgba(0,40,120,0.7);display:none}
body:where(.th,.wc) #centerMeBtn:hover{background-color:rgba(120,120,120,0.5);cursor:pointer}
body:where(.th,.wc) #centerMeBtn:active{background-color:rgba(40,180,120,0.5);border:black solid 1px}
body:where(.th,.wc) #cropTreeBtn{position:absolute;left:358px;top:430px;color:#fe0;padding:2.5px 6px 1.5px 6px;border:black solid 2px;border-radius:5px;background-color:rgba(0,40,120,0.7);display:none}
body:where(.th,.wc) #cropTreeBtn:hover{background-color:rgba(120,120,120,0.5);cursor:pointer}
body:where(.th,.wc) #cropTreeBtn:active{background-color:rgba(40,180,120,0.5);border:black solid 1px}
body:where(.th,.wc) #treeZoom{position:absolute;left:443px;top:437px;font-size:10px;color:lime;text-align:center;width:50px}
body:where(.th,.wc) .AnimTrans{transition:transform .5s ease-out}
body:where(.th,.wc) #fpsPing{position:absolute;white-space:nowrap;font-size:8px;left:1px;z-index:999;pointer-events:none}
body:where(.th,.wc) #fps,
body:where(.th,.wc) #ping{display:none}
body:where(.th,.wc) #fps.canvas{color:#ff0}
body:where(.th,.wc) #fps.webgl{color:#9f9}
body:where(.th,.wc) #fps[style*="inline"]+#ping::before{content:' | ';color:#fff}
body:where(.th,.wc) #itemTimer{top:98px}
body:where(.th,.wc) #itemTimer2{top:196px}
body:where(.th,.wc) .itemTimer{position:absolute;right:10px;background:white;border-radius:50px;width:59px;height:59px;z-index:1;display:none;opacity:.8}
body:where(.th,.wc) .itemTimerImg{position:absolute;left:16px;top:14px;height:64px;transform:scale(0.5);transform-origin:0 0}
body:where(.th,.wc) .itemTimerImg.egg{background-image:url(/static/images/luckyegg64.png);width:55px}
body:where(.th,.wc) .itemTimerImg.power{background-image:url(/static/images/themes/dragonbound/images/powerpotion64.png);width:55px}
body:where(.th,.wc) .itemTimerText{position:absolute;left:3px;top:61px;background:white;color:black;border-radius:50px;width:54px;font-size:12px;text-align:center;font-weight:bold;padding:2px 0}
body:where(.th,.wc) #OptionsDialog{position:absolute;left:241px;top:221px;width:317px;height:247px;background:#314a5a;z-index:100;display:none;font-size:10px;color:#cecece;border:1px solid black;box-shadow:5px 5px 30px 10px #000,inset 0 2px 1px #7394b5;transform-origin:0 0}
body:where(.th,.wc) .OptionsDialogTitle{position:absolute;left:3px;top:4px;width:76px;height:19px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAllBMVEUAAAAxMTH////GxsbOzs69vb0pQlopQlK1tbXv7++cnJyUlJRjY2OlpaVSWlhSUlJKUlIxQkopOUqMjIpzc3Otra2EhIRaWmMxQloxQlJKSkpCSko8Qko8QkIpOULn5+fe3t7W1tLGxs6YmJB7gIBra2taWlY5OTGlraVrc3NjY2taY2NKUlpCSlIpQkoxOUopOTkpKSHDpOH8AAAAAXRSTlMAQObYZgAAAT5JREFUOMutVNeOhDAMDNgh9N6Wsr1cL///c0fYSKFcdHuCebBkjz04kwgiUdbua0PWwSY8WNZTtIoWO1s7hP1pFbUtWpQC9RkrF2sZxQ4AISw/6mi5mGsdgdKX7bMZLlQyjDi3aHBLIAPwB4zW4Z92vRVhuj/dWq1HMNTSdZUcr8849u4B4iH/dvloN/w5GOBSukKsq0855lIEwLw687ExphWi5u5+NCbSo+kGic1Zx7v2+/EgoiYSsYnIJTfoJj4A0KtrO17HsDg2xNHmUYjxRNFBAgpopo7jZTyTXqijNtlURhIAgmk6HvbHfERMXMtvYiHN0osNgI6wdNo6P6zSAhIV7VdlI6BvDF0ficl6X5G5Nu4mhBnxhfvWEDK5aRGnD0H2ScgHHCV2kvobosT96w/+FuuqjZmaFyv+jR+G/Q6sEDWEjgAAAABJRU5ErkJggg==) no-repeat}
body:where(.th,.wc) #OptionsBG{position:absolute;top:55px;left:14px}
body:where(.th,.wc) #OptionsText7{margin-top:6px}
body:where(.th,.wc) #OptionsText8{margin-top:3px}
body:where(.th,.wc) .OptionTitle1{color:#ffc65a}
body:where(.th,.wc) .GOption{width:100px;white-space:nowrap;display:inline-block}
body:where(.th,.wc) .GOption2{width:70px;white-space:nowrap;display:inline-block}
body:where(.th,.wc) #OptionsOK{position:absolute;left:175px;top:216px;width:116px;height:17px;background-position:-117px -1262px}
body:where(.th,.wc).HD #OptionsOK{background-position:-503px -292.5px}
body:where(.th,.wc) #OptionsLeave{position:absolute;left:27px;top:216px;width:116px;height:17px;background-position:0 -1262px}
body:where(.th,.wc).HD #OptionsLeave{background-position:-503px -310px}
body:where(.th,.wc) .RadioOn{width:10px;height:10px;background-position:-234px -1262px}
body:where(.th,.wc).HD .RadioOn{background-position:-699px -156px}
body:where(.th,.wc) .RadioOff{width:10px;height:10px;background-position:-245px -1262px}
body:where(.th,.wc).HD .RadioOff{background-position:-699px -166.5px}
body:where(.th,.wc) #OptionsLangEN{position:absolute;left:95px;top:104px}
body:where(.th,.wc) #OptionsLangES{position:absolute;left:160px;top:104px}
body:where(.th,.wc) #OptionsText1{position:absolute;left:14px;top:29px}
body:where(.th,.wc) #OptionsDrag{position:absolute;left:99px;top:25px;width:114px;height:27px;cursor:pointer}
body:where(.th,.wc) #OptionsShootingModeDrag{position:absolute;left:34px;top:0}
body:where(.th,.wc) #OptionsText2{position:absolute;left:48px;top:0}
body:where(.th,.wc) #OptionsText4{position:absolute;left:0;top:15px;color:#9df}
body:where(.th,.wc) #OptionsSlice{position:absolute;left:226px;top:25px;width:91px;height:27px;cursor:pointer}
body:where(.th,.wc) #OptionsShootingModeSlice{position:absolute;left:9px;top:0}
body:where(.th,.wc) #OptionsText3{position:absolute;left:24px;top:0}
body:where(.th,.wc) #OptionsText5{position:absolute;left:0;top:15px;color:#9df}
body:where(.th,.wc) #OptionsTextEN{position:absolute;left:110px;top:104px;cursor:pointer;color:white}
body:where(.th,.wc) #OptionsTextES{position:absolute;left:175px;top:104px;cursor:pointer;color:white}
body:where(.th,.wc) #OptionsLineTheme{white-space:nowrap;margin:10px 0 7px;height:15px}
body:where(.th,.wc) .OptionText{position:relative;top:-3px}
body:where(.th,.wc) #OptionRendererLabel{margin-left:12px}
body:where(.th,.wc) .GOptionRenderer{width:auto}
body:where(.th,.wc) .GOptionFPS{margin-left:72px}
body:where(.th,.wc) .GOptionHudLift{width:auto}
body:where(.th,.wc) .GOptionRuler{width:auto;margin-left:12px}
body:where(.th,.wc) #OptionRuler{font-size:10px;margin-left:4px;vertical-align:bottom}
body:where(.th,.wc) #OptionRenderer{font-size:10px;margin-top:5px;vertical-align:bottom;margin-left:7px;width:96px}
body:where(.th,.wc) #slidersection1{position:absolute;left:68px;top:3px;width:160px}
body:where(.th,.wc) #slidersection2{position:absolute;left:68px;top:23px;width:160px}
body:where(.th,.wc) .tooltip{z-index:5;position:absolute;display:block;top:-25px;width:35px;height:20px;color:#fff;text-align:center;font:10pt Tahoma,Arial,sans-serif;border-radius:3px;border:1px solid #333;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3);box-sizing:border-box;background:linear-gradient(to bottom,rgba(69,72,77,0.5) 0,rgba(0,0,0,0.5) 100%)}
body:where(.th,.wc) .volume,
body:where(.th,.wc) .ui-slider-handle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAACWCAMAAAAc0dNcAAABDlBMVEUAAAAAAAAlAAAAAAD/AAARERH/AAD/////AAD/AAAAAAAAAAAAAAAYGBiampoAAAAAAAAAAAAAAAD////////T09SBgYEvLzB9fX3w7/A0NDT///88Li4AAADY2Nj///8yMjKysrL/AACFhYWnp6fp6en/AADY2Nj/AACoqKjX19f/29v/EBDbysr/Ghrm5ubq6uv/AAB3eHhubW5iYmL4+Ph0c3RlZWVoaGju7u/S09Tx8vJOTk4/PT309PXg4eKGhoZubm7Pz9HX2Nnc3N7CwsVZWFmJiYmAgICBgIHHyMr7+/w0NDVaWlo0NDQ2NjdcXFxcXV16envbFxfpERG5ur11V1iCZGSdbW2Vfn7y8478AAAAL3RSTlMADQMSCwcXmcriO2FqerEjcUsvYwfkoZ/niOEXKFakNmDDB6S8/m/kj7nno9mp/nq5RXUAAAJaSURBVEjH7JJbC4IwFIBHmNZzQVe6PUTQBTbF+aBgL6bQVUXr//+RNiQanZ3HHgq/px0+xnT7yBdYYNOqZSjCbC9fS6NNFWWKqaEOBlgrY7OnCFWNhwEQlcr8CIrj+RLkNCvgjhO3vTKnFAjCGYvTuzAm+cBmh/Ch3RNdb4U4p4TnWNZ6RzPX03/0Zrt39D9qjAZ95HJIt/Neo3eNvg/+pjUAWaIeWaKWWeBHRAJK9B3uQCNLdFNWGVhiGO+hkSUewkQaWCK3k1RjLMHcZR7RMp2IEvXIEhFEiTUIv1yij5booSVytESrLvGveLJLh0YAAkEQBCX5nFhOvLn8kwKDbIOiih8/rt9LXJTYlDiUGEocSixKbEo8tsSP9khclHhS4lBiKDGUGEosSgwlFiUWJbYk3tdPu+oigxWHQSAMY8WLmtgEkltOLZTdi3PxMA4oRL0k577/q6xt7LYs7H+cj/8TZ4Rc9FkvUvyZn2TXT9bB1Hfy9AnYMFOA7CPtNA/swzR87Q5jWjMG566DeKsu++7IriVTQHTzr5B1GIIL4EskBAjUsVelJ8CKcgGyENzet5JQk40R0EEhi67mpsQh05BqMrhinSNCRH3o+JnWI7bFnflBNNSp9yn6CPAgqBtRU1p9yhH8FqEy+Fa8LaC3TwC+PFvUtzUI00FO0YL1ZUvZAnZGHP/hywVjJXEtZVszXRbelsCMuhJYm7b7/e7hqkyVtdKoZyLIW7XBrMdaaRF8VF1/g2DrfdTIj1caMlKdH1HSNPASMm5GKeVoOGuqNxOMc87Ee/5vfgAzqIxU77cT4QAAAABJRU5ErkJggg==) !important;background-repeat:no-repeat}
body:where(.th,.wc) .volume{display:inline-block;width:25px;height:25px;right:-5px;top:-7px;background-position:0 -75px;position:absolute}
body:where(.th,.wc) .ui-slider-handle{position:absolute;z-index:2;width:25px !important;height:25px !important;cursor:pointer;background-color:transparent !important;background-position:0 -125px !important;font-weight:bold;color:#1c94c4;outline:0;top:-7px !important;margin-left:-12px !important;border:none !important}
body:where(.th,.wc) .ui-slider-range{background:#fff;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%);position:absolute;border:0;top:0;height:100%;border-radius:25px}
body:where(.th,.wc) .MainTheme{color:blue}
body:where(.th,.wc) .CurAutoTheme{color:mediumvioletred}
body:where(.th,.wc) #theme_select{font-size:11px;margin-left:4px}
body:where(.th,.wc) #DragonThemeDialog{display:none;font-size:11px;z-index:2222}
body:where(.th,.wc) #DragonThemeDialog .DragonWindowBody{padding:10px}
body:where(.th,.wc) #DragonThemeDialog input{width:389px}
body:where(.th,.wc) #theme_base{font-size:11px}
body:where(.th,.wc) #OptionsTheme{font-size:10px;display:none}
body:where(.th,.wc) #OptionsLineTheme.CustomPicked #OptionsTheme{display:inline-block}
body:where(.th,.wc) #OptionsLineTheme.CustomPicked #theme_select{width:90px}
body:where(.th,.wc) .WcOption{color:#d35400}
body:where(.th,.wc) .WcNewWrap{position:relative;display:inline-block}
body:where(.th,.wc) .WcNewBadge{display:none;position:absolute;top:-7px;right:-9px;z-index:5;padding:0 4px;border-radius:7px;background:linear-gradient(#ffe680,#f39c12);color:#5a2300;border:1px solid #fff;font:bold 9px/12px Arial,sans-serif;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:dbclassic-WcNewPulse .8s ease-in-out infinite alternate}
body:where(.th,.wc) .WcNew .WcNewBadge{display:block}
body:where(.th,.wc) .WcNewWrap .WcNewBadge{right:2px;top:-9px}
body:where(.th,.wc) .WcNew #theme_select{animation:dbclassic-WcNewGlow .8s ease-in-out infinite alternate}
@keyframes dbclassic-WcNewPulse{from{transform:scale(1);box-shadow:0 0 3px 1px rgba(255,180,30,.6)}to{transform:scale(1.15);box-shadow:0 0 8px 3px rgba(255,200,40,1)}}
@keyframes dbclassic-WcNewGlow{from{box-shadow:0 0 2px 1px rgba(255,180,30,.5)}to{box-shadow:0 0 7px 3px rgba(255,200,40,1)}}
body:where(.th,.wc) #themeFull{width:462px;height:100px}
body:where(.th,.wc) #sc{display:none}
body:where(.th,.wc) #ShowSC{font-size:13px;padding:0 4px}
body:where(.th,.wc) #channel{position:absolute;left:18px;top:458px;width:537px;height:116px;font-size:12px;color:#acf2f6}
body:where(.th,.wc) #channel .viewport{width:522px;height:116px;overflow:hidden;position:relative}
body:where(.th,.wc) #channel .overview{list-style:none;position:absolute;left:0;top:0;margin:0;word-wrap:break-word;width:100%}
body:where(.th,.wc) #channel .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) #channelInput{position:absolute;left:104px;top:576px;width:449px;height:16px;color:#acf2f6;font-size:12px;background:transparent;border:1px solid transparent;transform-origin:center bottom}
body:where(.th,.wc) #channelInput:focus{border:orange solid 1px;background-color:#001839}
body:where(.th,.wc) #channelInputAlt{position:absolute;left:540px;top:578px}
body:where(.th,.wc) .BigInput{z-index:999 !important;top:auto !important;background-color:rgba(0,0,200,0.5) !important;margin:0 !important}
body:where(.th,.wc) #container.BigInputOn{z-index:103}
body.wc .WideLobby #channelInput.BigInput{width:356px}
body.wc .WideRoom #roomInput.BigInput{width:336px}
body:where(.th,.wc) #gameChatHtml .zotata-chat-type0{color:white;text-shadow:black -1px 0 2px,black 0 1px 2px,black 1px 0 2px,black 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type2{color:#ef9c10;text-shadow:#6b2918 -1px 0 2px,#6b2918 0 1px 2px,#6b2918 1px 0 2px,#6b2918 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type3{color:#84b5ff;text-shadow:#525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type4{color:#eef}
body:where(.th,.wc) #gameChatHtml .zotata-chat-type4{color:white;text-shadow:black -1px 0 2px,black 0 1px 2px,black 1px 0 2px,black 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type5{color:#debdef;text-shadow:#8c4ab5 -1px 0 2px,#8c4ab5 0 1px 2px,#8c4ab5 1px 0 2px,#8c4ab5 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type6{color:#ffde9c;text-shadow:#de4c18 -1px 0 2px,#de4c18 0 1px 2px,#de4c18 1px 0 2px,#de4c18 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type7{color:#88cbba;text-shadow:black -1px 0 2px,black 0 1px 2px,black 1px 0 2px,black 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type8{color:#ffb673;text-shadow:#7d3a03 -1px 0 2px,#7d3a03 0 1px 2px,#7d3a03 1px 0 2px,#7d3a03 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type9{color:#9cffde;text-shadow:#41594a -1px 0 2px,#41594a 0 1px 2px,#41594a 1px 0 2px,#41594a 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type12,
body.th .zotata-chat-type8{color:#fcc;text-shadow:#f00 -1px 0 1px,#f00 0 1px 1px,#f00 1px 0 1px,#f00 0 -1px 1px}
body:where(.th,.wc) .zotata-chat-type13{color:#fe6;text-shadow:#f33 -1px 0 2px,#f33 0 1px 2px,#f33 1px 0 2px,#f33 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type10{color:#f80;text-shadow:#525a73 -1px 0 2px,#525a73 0 1px 2px,#525a73 1px 0 2px,#525a73 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type11{color:#f80;text-shadow:black -1px 0 2px,black 0 1px 2px,black 1px 0 2px,black 0 -1px 2px}
body:where(.th,.wc) .zotata-chat-type17{color:#9ff;text-shadow:#00f -1px 0 1px,#00f 0 1px 1px,#00f 1px 0 1px,#00f 0 -1px 1px}
body:where(.th,.wc) .zotata-chat-icon{float:left;width:12px;height:12px;background-image:url(/static/images/ranks3.png);background-repeat:no-repeat;margin-right:3px}
body:where(.th,.wc) .zotata-chat-icon1{background-position:0 -710px}
body:where(.th,.wc) .zotata-chat-icon2{background-position:-13px -710px}
body:where(.th,.wc) .zotata-chat-icon3{background-position:-26px -710px}
body:where(.th,.wc) .zotata-chat-icon5{background-position:-52px -710px}
body:where(.th,.wc) .zotata-chat-icon6{background-position:-65px -710px}
body:where(.th,.wc) .zotata-chat-icon7{background-position:-104px -710px}
body:where(.th,.wc) .zotata-chat-icon8{background-position:-91px -710px}
body:where(.th,.wc) .zotata-chat-icon9{background-position:-104px -710px}
body:where(.th,.wc) .zotata-chat-icon12{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAB3RJTUUH3gEZFQgsFH1hKgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjalZJNSxtRGIWfTO7M1AkaPyakgtqVtLtAuvQPdN+NUJBCu6sfBTduRHDjzgpCd4Xu/AsKBaFQcBVqdxaLtCIt2EnqmMzMzdyZ+EZQ6tID58J7uee8XxfuiUL/2IPFsm0vuZ4azVT6OcasFYq4XtFeV1rNJJ30vKnN5jPYLuzCypNqdePR0xpMViA4JTj6pntYll+r2wxX4eSMk4NDvgetZTVWLi+M2wo8G4Yc6CrGRiyXriQflvshF0o24wOKXzCvnEpltPvjGOdLAEcicGOwUsil1sN9MRDBucY0NT0YsYzvfw0siKKE9CKERB5LzIAw1uT/QpJIE8hrsWoUZ30/6pW851nYIpOqjDAXgTFiLhQfWsKfwiDj7fWUPtXrO+7Z8WypG+KVQD2QJCLKRBBH8Ff4u82HFzmvVV9w2WjMdR5PJ60LXjrtEEfLvMUqzSCU0tsJ7/dzlm73cIOPEw9fZe3LdybuDPbjPKMpnH/TY+fO4v7HllJT2pitfo/S/vIq/Lnvb7iDK2R3noY07Xa9AAAAAElFTkSuQmCC) !important}
body:where(.th,.wc) .zotata-chat-icon13{background-position:-91px -710px}
body:where(.th,.wc) .zotata-chat-icon17{background-position:-78px -710px}
body:where(.th,.wc).HD .zotata-chat-icon1{background-position:-878px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon2{background-position:-891px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon3{background-position:-903px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon4{background-position:-915px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon5{background-position:-928px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon6{background-position:-940px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon7,
body:where(.th,.wc).HD .zotata-chat-icon9{background-position:-978px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon8,
body:where(.th,.wc).HD .zotata-chat-icon13{background-position:-965px -1002.5px}
body:where(.th,.wc).HD .zotata-chat-icon12{background-position:-981px -1016px}
body:where(.th,.wc).HD .zotata-chat-icon17{background-position:-953px -1002.5px}
body:where(.th,.wc) .zotata-chat-line{min-height:14px;margin-top:-2px;line-height:12px;overflow:hidden}
body:where(.th,.wc) .zotata-chat-line:hover,
body:where(.th,.wc) .pmLine:hover{background:rgba(127,255,255,0.15)}
body:where(.th,.wc) .zotata-chat-line.watcherChat{font-style:italic;opacity:.9}
body:where(.th,.wc) .pmMe{color:#bfb}
body:where(.th,.wc) .pmNotMe{color:#eff}
body:where(.th,.wc) .zotata-chat-line audio{vertical-align:middle}
body:where(.th,.wc) .ztext2{line-height:13px;margin-left:6px}
body:where(.th,.wc) #playersList{position:absolute;left:584px;top:305px;width:211px;height:223px}
body:where(.th,.wc) #playersList .viewport{width:198px;height:223px;overflow:hidden;position:relative}
body:where(.th,.wc) #playersList .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;width:100%}
body:where(.th,.wc) #playersList .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) .playerListItem{position:relative;margin-bottom:3px;height:15px}
body:where(.th,.wc) .playerListItemSelected{background-color:#f5f5dc}
body:where(.th,.wc) .playerListRank{position:absolute;top:0;left:0;width:25px;height:15px}
body:where(.th,.wc) .playerListName{position:absolute;left:25px;top:0;font-size:11px;color:white;white-space:nowrap;overflow:hidden;height:15px;padding:2px}
body:where(.th,.wc) #itemsSelection{position:absolute;left:585px;top:305px;width:211px;height:223px;z-index:13;background-color:rgba(0,0,60,0.5)}
body:where(.th,.wc) #itemsSelection.InRoom{top:256px;background-color:inherit}
body:where(.th,.wc) #itemsSelectText{position:absolute;top:44px;width:100%;text-align:center}
body:where(.th,.wc) #friendsList{position:absolute;left:584px;top:305px;width:211px;height:223px;z-index:13;background-color:rgba(0,0,60,0.5)}
body:where(.th,.wc) #friendsList.InGame{top:293px}
body:where(.th,.wc) #friendsList .viewport{width:198px;height:223px;overflow:hidden;position:relative}
body:where(.th,.wc) #friendsList .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;width:100%}
body:where(.th,.wc) #friendsList .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) #container.Game #friendsList,
body:where(.th,.wc) #container.Game #guildMembersList,
body:where(.th,.wc) #container.Shop #friendsList,
body:where(.th,.wc) #container.Shop #guildMembersList{box-shadow:black 0 0 15px,black 0 0 15px inset}
body:where(.th,.wc) .scrollbar{background:rgba(150,150,150,0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAEsAQMAAAAioqsYAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACpJREFUKM9j+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCJAcYjUKBpFo4imCAA7QqZEVSOs/wAAAABJRU5ErkJggg==) no-repeat 0 0}
body:where(.th,.wc) .track{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJAQMAAADTtDQpAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDYf8LhvknGPo7GNo5GJo4gCJAcQCUUQo9cuz/KAAAAABJRU5ErkJggg==) no-repeat 0 100%;height:100%;width:13px;position:relative;padding:0 10px}
body:where(.th,.wc) .thumb{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAEsAgMAAABs6XGyAAAACVBMVEUAAAAAAAAdSWtsRpV/AAAAAXRSTlMAQObYZgAAAB1JREFUOMtjmBrawBAa6jCKR/EoHsUDgkVDGYgFAICmCSRPNiU/AAAAAElFTkSuQmCC) no-repeat 50% 100%;height:20px;width:23px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-5px}
body:where(.th,.wc) .thumb .end{background-position:50% 0 !important;overflow:hidden;height:5px;width:23px}
body:where(.th,.wc) #guildMembersList{position:absolute;left:584px;top:305px;width:211px;height:223px;z-index:13;font-size:12px;text-align:center;background-color:rgba(0,0,60,0.5)}
body:where(.th,.wc) #guildMembersList.InGame{top:293px}
body:where(.th,.wc) #guildMembersList .viewport{width:198px;height:223px;overflow:hidden;position:relative}
body:where(.th,.wc) #guildMembersList .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0;width:100%}
body:where(.th,.wc) #guildMembersList .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) .friendListItem{position:relative;height:31px}
body:where(.th,.wc) .friendListItem.odd{background-color:rgba(0,0,0,0.5)}
body:where(.th,.wc) .friendListItem.selected{background-color:#f5f5dc}
body:where(.th,.wc) .guildMemberListItem{position:relative;height:30px}
body:where(.th,.wc) .guildMemberListItem.odd{background-color:rgba(0,0,0,0.5)}
body:where(.th,.wc) .guildMemberListItem.selected{background-color:#f5f5dc}
body:where(.th,.wc) .friendListPhoto{position:absolute;top:0;left:0;height:30px;width:40px;text-align:center;overflow:hidden}
body:where(.th,.wc) .friendListRank{position:absolute;top:0;left:40px;width:25px;height:15px}
body:where(.th,.wc) .friendListName{position:absolute;left:68px;top:2px;font-size:11px;color:white;white-space:nowrap;overflow:hidden;height:15px}
body:where(.th,.wc) .friendListGP{position:absolute;left:40px;top:17px;font-size:11px;color:white;white-space:nowrap;overflow:hidden;height:15px;width:70px}
body:where(.th,.wc) .friendListLocation{position:absolute;left:117px;top:17px;font-size:11px;color:white;white-space:nowrap;overflow:hidden;height:15px}
body:where(.th,.wc) #friendsListExtra{position:absolute;left:584px;top:249px;width:190px;height:36px;background-color:#39639c;padding:10px;display:none}
body:where(.th,.wc) #guildRoomTabExtra{position:absolute;left:584px;top:249px;width:190px;height:36px;background-color:#39639c;padding:10px;display:none}
body:where(.th,.wc) #buttonAllBuddyList1{position:absolute;left:582px;top:275px}
body:where(.th,.wc) .buttonAllBuddyList1{width:73px;height:30px;background-position:0 -1286px}
body:where(.th,.wc) .buttonAllBuddyList1.BuddyList{background-position:0 -1317px;width:66px}
body:where(.th,.wc) .buttonAllBuddyList1.Guild{background-position:0 -1814px;width:69px}
body:where(.th,.wc).HD .buttonAllBuddyList1{background-position:-785px 0;width:64.5px}
body:where(.th,.wc).HD .buttonAllBuddyList1.BuddyList{background-position:-785px -30.5px;width:64.5px}
body:where(.th,.wc).HD .buttonAllBuddyList1.Guild{background-position:-785px -61px;width:64.5px}
body:where(.th,.wc) #buttonAllBuddyList2{position:absolute;left:655px;top:275px}
body:where(.th,.wc) #buttonAllBuddyList2.BuddyList{left:648px}
body:where(.th,.wc) #buttonAllBuddyList2.room_item_buddy_tab2.Guild{left:653px}
body:where(.th,.wc) #buttonAllBuddyList2.buttonAllBuddyList2.Guild{left:650px}
body:where(.th,.wc).HD #buttonAllBuddyList2,
body:where(.th,.wc).HD #buttonAllBuddyList2.BuddyList,
body:where(.th,.wc).HD #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
body:where(.th,.wc).HD #room_item_buddy_tab2,
body:where(.th,.wc).HD #room_item_buddy_tab2.BuddyList,
body:where(.th,.wc).HD #room_item_buddy_tab2.Guild,
body:where(.th,.wc).HD #buttonAllBuddyList2.room_item_buddy_tab2.Guild{left:646px}
body:where(.th,.wc) .buttonAllBuddyList2{width:70px;height:30px;background-position:-73px -1286px}
body:where(.th,.wc) .buttonAllBuddyList2.BuddyList{background-position:-66px -1317px;width:78px}
body:where(.th,.wc) .buttonAllBuddyList2.Guild{background-position:-68px -1814px;width:76px}
body:where(.th,.wc).HD .buttonAllBuddyList2,
body:where(.th,.wc).HD .room_item_buddy_tab2{background-position:-849px 0;width:82px}
body:where(.th,.wc).HD .buttonAllBuddyList2.BuddyList,
body:where(.th,.wc).HD .room_item_buddy_tab2.BuddyList{background-position:-849px -30.5px;width:82px}
body:where(.th,.wc).HD .buttonAllBuddyList2.Guild,
body:where(.th,.wc).HD .room_item_buddy_tab2.Guild{background-position:-849px -61px;width:82px}
body:where(.th,.wc) #buttonAllBuddyList3{position:absolute;left:725px;top:275px}
body:where(.th,.wc).HD #buttonAllBuddyList3,
body:where(.th,.wc).HD #room_item_buddy_tab3{left:727px}
body:where(.th,.wc) .buttonAllBuddyList3{width:72px;height:30px;background-position:-143px -1286px}
body:where(.th,.wc) .buttonAllBuddyList3.BuddyList{background-position:-143px -1317px}
body:where(.th,.wc) .buttonAllBuddyList3.Guild{background-position:-143px -1814px}
body:where(.th,.wc).HD .buttonAllBuddyList3,
body:where(.th,.wc).HD .room_item_buddy_tab3{background-position:-930px 0;width:70px}
body:where(.th,.wc).HD .buttonAllBuddyList3.BuddyList,
body:where(.th,.wc).HD .room_item_buddy_tab3.BuddyList{background-position:-930px -30.5px;width:70px}
body:where(.th,.wc).HD .buttonAllBuddyList3.Guild,
body:where(.th,.wc).HD .room_item_buddy_tab3.Guild{background-position:-930px -61px;width:70px}
body:where(.th,.wc) #buttonAllBuddyList2 .AvNotif{right:4px}
body:where(.th,.wc) #buttonAllBuddyList3 .AvNotif{right:-2px}
body:where(.th,.wc) #room_item_buddy_tab1{position:absolute;left:582px;top:218px}
body:where(.th,.wc) .room_item_buddy_tab1{background-position:-234px 0;width:74px;height:30px}
body:where(.th,.wc) .room_item_buddy_tab1.BuddyList{background-position:-234px -31px;width:66px}
body:where(.th,.wc) .room_item_buddy_tab1.Guild{background-position:-234px -62px;width:72px}
body:where(.th,.wc).HD .room_item_buddy_tab1{background-position:-785px -91.5px;width:64.5px}
body:where(.th,.wc).HD .room_item_buddy_tab1.BuddyList{background-position:-785px -122px;width:64.5px}
body:where(.th,.wc).HD .room_item_buddy_tab1.Guild{background-position:-785px -152.5px;width:64.5px}
body:where(.th,.wc) #room_item_buddy_tab2{position:absolute;left:655px;top:218px}
body:where(.th,.wc) #room_item_buddy_tab2.BuddyList{left:648px}
body:where(.th,.wc) #room_item_buddy_tab2.Guild{left:653px}
body:where(.th,.wc) .room_item_buddy_tab2{width:71px;height:30px;background-position:-307px 0}
body:where(.th,.wc) .room_item_buddy_tab2.BuddyList{background-position:-300px -31px;width:78px}
body:where(.th,.wc) .room_item_buddy_tab2.Guild{background-position:-305px -62px;width:73px}
body:where(.th,.wc) #room_item_buddy_tab3{position:absolute;left:725px;top:218px}
body:where(.th,.wc) .room_item_buddy_tab3{width:72px;height:30px;background-position:-377px 0}
body:where(.th,.wc) .room_item_buddy_tab3.BuddyList{background-position:-377px -31px}
body:where(.th,.wc) .room_item_buddy_tab3.Guild{background-position:-377px -62px}
body:where(.th,.wc) /*!* Match statistics under lobby buttons *!*/.button-match-stats{font-size:11px;color:white;text-align:left;position:absolute;top:-33px;right:-81px;line-height:16px;padding:1px 4px;white-space:nowrap;pointer-events:none !important}
body:where(.th,.wc) .button-match-time{font-size:11px;color:white;vertical-align:middle;margin-left:10px;min-width:33px;display:inline-block}
body:where(.th,.wc) #roomScreen{display:none;color:white;font-size:12px}
body:where(.th,.wc) #roomNumber{position:absolute;left:50px;top:5px;width:30px;height:12px}
body:where(.th,.wc) #roomPass{display:none}
body:where(.th,.wc) #roomTitle{position:absolute;left:93px;top:5px;width:450px}
body:where(.th,.wc) #roomOwner{position:absolute;right:10px;top:5px;white-space:nowrap}
body:where(.th,.wc) #roomButtonBack{position:absolute;right:0;bottom:5px;width:57px;height:54px}
body:where(.th,.wc) .roomButtonBack{background-position:0 -66px}
body:where(.th,.wc) .roomButtonBack:hover{background-position:-58px -66px}
body:where(.th,.wc) .roomButtonBack:active{background-position:-116px -66px}
body:where(.th,.wc).HD .roomButtonBack{background-position:-752px -561.5px}
body:where(.th,.wc).HD .roomButtonBack:hover{background-position:-810.5px -561.5px}
body:where(.th,.wc).HD .roomButtonBack:active{background-position:-869px -561.5px}
body:where(.th,.wc) #roomButtonChangeTeam{position:absolute;left:297px;top:351px;width:28px;height:27px;background-position:0 0}
body:where(.th,.wc).HD #roomButtonChangeTeam{background-position:-752px -495.5px;width:27px;height:27px}
body:where(.th,.wc) #roomButtonChangeTeam:hover{background-position:-28px 0}
body:where(.th,.wc) #roomButtonChangeTeam:active{background-position:-57px 0}
body:where(.th,.wc).HD #roomButtonChangeTeam:hover{background-position:-780.5px -495.5px}
body:where(.th,.wc).HD #roomButtonChangeTeam:active{background-position:-809px -495.5px}
body:where(.th,.wc) .buttonMobile{width:33px;height:37px;background-position:0 -28px}
body:where(.th,.wc).HD .buttonMobile{background-position:-752px -524px;width:35px;height:36px}
body:where(.th,.wc) .buttonMobile:hover{background-position:-34px -28px}
body:where(.th,.wc) .buttonMobile:active{background-position:-68px -28px}
body:where(.th,.wc).HD .buttonMobile:hover{background-position:-788.5px -524px}
body:where(.th,.wc).HD .buttonMobile:active{background-position:-825px -524px}
body:where(.th,.wc) #lobbyButtonMobile{position:absolute;left:545px;top:183px;z-index:20}
body:where(.th,.wc) #roomButtonMobile{position:absolute;left:241px;top:345px}
body:where(.th,.wc) #roomPlayersA{position:absolute;left:229px;top:308px;font-size:20px}
body:where(.th,.wc) #roomPlayersB{position:absolute;right:467px;top:308px;font-size:23px}
body:where(.th,.wc) #roomButtonReady{position:absolute;left:234px;top:209px;width:96px;height:85px;background:url(/static/images/ready2.gif) no-repeat;z-index:20}
body:where(.th,.wc) #roomButtonStart{position:absolute;left:234px;top:209px;width:96px;height:85px;background:url(/static/images/start2.gif) no-repeat;z-index:10}
body:where(.th,.wc) .playerInRoom{width:223px;height:95px;display:none}
body:where(.th,.wc) .playerInRoom.occupied{display:block}
body:where(.th,.wc) .playerInRoom .rankHD_span15{vertical-align:text-bottom}
body:where(.th,.wc) .roomPlayerRank{position:absolute;top:0;width:25px;height:15px}
body:where(.th,.wc) .SideA .roomPlayerRank{left:0}
body:where(.th,.wc) .SideB .roomPlayerRank{left:10px}
body:where(.th,.wc) .roomPlayerName{position:absolute;top:1px;width:235px;height:15px;z-index:25}
body:where(.th,.wc) .SideA .roomPlayerName{left:0}
body:where(.th,.wc) .SideB .roomPlayerName{left:12px}
body:where(.th,.wc) .roomPlayerInfo{position:absolute;top:34px;width:43px;height:30px;background-position:-260px -216px;z-index:21}
body:where(.th,.wc) .SideA .roomPlayerInfo{left:-16px;transform:scale(0.65) rotate(270deg)}
body:where(.th,.wc) .SideB .roomPlayerInfo{right:-16px;transform:scale(0.65) rotate(90deg)}
body:where(.th,.wc) .chatDialogProfile{position:absolute;left:228px;top:283px;width:43px;height:30px;background-position:-260px -216px}
body:where(.th,.wc).HD .roomPlayerInfo,
body:where(.th,.wc).HD .chatDialogProfile{background-position:-654.5px -156px}
body:where(.th,.wc) .roomPlayerNotReady{position:absolute;bottom:0;width:77px;height:78px;z-index:2}
body:where(.th,.wc) .SideA .roomPlayerNotReady{right:0;background-position:0 -121px}
body:where(.th,.wc) .SideB .roomPlayerNotReady{left:0;background-position:0 -200px}
body:where(.th,.wc).HD .SideA .roomPlayerNotReady{background-position:-752px -617px}
body:where(.th,.wc).HD .SideB .roomPlayerNotReady{background-position:-752px -696.5px}
body:where(.th,.wc) .roomPlayerReady{position:absolute;bottom:0;width:77px;height:78px;z-index:2}
body:where(.th,.wc) .SideA .roomPlayerReady{right:0;background-position:-78px -121px}
body:where(.th,.wc) .SideB .roomPlayerReady{left:0;background-position:-78px -200px}
body:where(.th,.wc).HD .SideA .roomPlayerReady{background-position:-830.5px -617px}
body:where(.th,.wc).HD .SideB .roomPlayerReady{background-position:-830.5px -696.5px}
body:where(.th,.wc) .roomPlayerMaster{position:absolute;bottom:0;width:77px;height:78px;z-index:2}
body:where(.th,.wc) .SideA .roomPlayerMaster{right:0;background-position:-156px -121px}
body:where(.th,.wc) .SideB .roomPlayerMaster{left:0;background-position:-156px -200px}
body:where(.th,.wc).HD .SideA .roomPlayerMaster{background-position:-909px -617px}
body:where(.th,.wc).HD .SideB .roomPlayerMaster{background-position:-909px -696.5px}
body:where(.th,.wc) .roomPlayerShadow{position:absolute;bottom:0;width:78px;height:10px;background-position:-155px 0}
body:where(.th,.wc) .SideA .roomPlayerShadow{left:58px}
body:where(.th,.wc) .SideB .roomPlayerShadow{right:58px}
body:where(.th,.wc).HD .roomPlayerShadow{background-position:-837.5px -495.5px}
body:where(.th,.wc) .roomPlayerMyself{position:absolute;top:67px;display:none;width:28px;height:19px;background:url(data:image/gif;base64,R0lGODlhHAATANUpAAAAALWlUrWmUrWqWrWtWrWqY7WtY7WuY7Wqa7Wta7Wua7Wqc7Wtc7Wuc7Wqe7Wte7Wue//ve7WqhLWthLWuhLWyhLW1hP/vjP/zhP/3hP/3jP/zlP/3lP/3nP/3pf/zrf/3rf/7rf//rf/3tf/3vf/7vf//vf/7xv//xgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwApACwAAAAAHAATAAAGs0CAcEgsClPIpDJlbBaXSyFqOhmiqlIsAJqUTq9eLHXIZQJIaHQ1vVaToUKTfG4B0O3y+jEKGPn/Iw99foJ/gntdACCLjIuCjI+Ob0hCIpaXlwwAmZuWmohCHqKjpJqjpqKfW2Ydra6uCQCwsq2xoAAcubq5sbq9vJNmF8PEFwYAxMfJwWYazs/H0ADSiIkZ19cEANja3MyU297h2uPf4BHoAUMR6kLs5uBOTmXx8k/0KUEAACH5BAkPACkALAAAAAAcABMAAAa4QIBwCEgRj8WUcrlEOpHMqBBFnRBR1mk2GTUCqNVh+Isddr2kdDqrtrbNUoBpTrfI63eTXRgf+f8jDwCAgn+CfE0AIIuMi4KNj45wXiKVlpYMAJeZmHBCHqChopmjAKGZfEIdq6ysCQCtr66eABy2t7avuLq5k0IXwMEXBgDCxMHEiEpCGs3OxM4a0M3JXMsAGdnZBELa3N6TidoZ3N3k5uXWiRHsAUQR7kLw4UxP9spdTl5PZ0tBAAAh+QQJDwApACwAAAAAHAATAAAGwkCAcAhIEYvHlHK5PAqNziSzCUChJscrUfucQq1coRUrDnuFpDSJDFCT3cOp0ESnW+b1e9107yqFI4GCDwCCgYSGhH5CII2OIISPkACPikVQIpmamQwAmyKdm51PQh6mp6edqB6qqUcdsLGwCQCyHbSytKQAHL2+HLS/wLy+updCF8nKBgDKyczOzIsAGtXV0tYazNnSl38AGeEZBEPi5ODh597f5kTp5eNxcgAREQFH9kT5fkxRUFHyzkhJIsVLiiAAACH5BAkPACkALAAAAAAcABMAAAa8QIBwSBSmUsWjcllsGptLJgA1KVKtVWMUOb0OUV4hOAvYCkloMpqkTg+jQpPcZInP64A5/a0Ujv5/DwCAgYOEglpcIIuMgoyLjo+IZVwilpciDACYmZuYmk8AHqOko5qlHqeloEMdrq8dCQCwsbOwsqEcuruyu7q9vriUQhfFxQYAxsfJysiJQhrRGs7S09DSzpRHQhndBEPdGd/c3nx9AOXg4kTp2ucRAUXw8vGJUkRc+FBb+VpJ/e6iBAEAIfkECQ8AKQAsAAAAABwAEwAABrpAgHBIBKRSxaNyiSw6m0TmUoiaEKtFrFB6pGoBqC/4yxWSzlbAmZRWo4dSoWlusgDodTndvp0CRoCAD3+Bg4GCcEpCIIyNg40gj5CDfU0il5giDACZm5maiUIeo6Sjm6WnqHBCHa2uHQkAr7GvsKEAHLm6sbocvL2xlUIXxMQGAMUXx8nKiV0AGtEax9LTQtXHlc8Z3ARC3Bne393OigDk4+Lp5eYRAUTuRfHafk5RT1xQW0n6RvkpQQAAIfkEBQ8AKQAsAAAAABwAEwAABrxAgHBIBKSKqaRyeSw6nUym8HSSDKtErDCqnFKtgO9Va+QKSWgSBZBes9HushRQqtcr9Htev52P/oAOAIGDhH1dAB+Kix8QiYqOjI6HTSGWl5YLAJeamJqHQh6io6MNAKWnqH1CHa2urQgArrGvsaAAG7m6Gwq4ub27vZRCF8XGBQDHycqUTRrPzwcA0NLQGtLNTRjbGAMA3N7f2+FyS0IZ6OHpQ+vZSUIREQJD8kT17u9P+vj5+01DXJYEAQA7) no-repeat;z-index:20}
body:where(.th,.wc) .SideA .roomPlayerMyself{left:-3px}
body:where(.th,.wc) .SideB .roomPlayerMyself{right:-3px;transform:scaleX(-1)}
body:where(.th,.wc) .roomPlayerClip{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
body:where(.th,.wc) .roomPlayerClipInner{position:absolute;top:88px}
body:where(.th,.wc) .SideA .roomPlayerClipInner{left:100px}
body:where(.th,.wc) .SideB .roomPlayerClipInner{right:100px}
body:where(.th,.wc) .roomPlayerMobile{position:absolute;top:88px;pointer-events:none}
body:where(.th,.wc) .SideA .roomPlayerMobile{left:100px}
body:where(.th,.wc) .SideB .roomPlayerMobile{right:100px}
body:where(.th,.wc) .FlipH{transform:scaleX(-1)}
body:where(.th,.wc) .roomPlayerBalloon{position:absolute;bottom:55px;background-color:white;min-width:30px;border:1px solid black;text-shadow:none;color:black;border-radius:8px;padding:5px;max-width:150px;word-wrap:break-word;opacity:.9;display:none;z-index:33}
body:where(.th,.wc) .SideA .roomPlayerBalloon{left:55px}
body:where(.th,.wc) .SideB .roomPlayerBalloon{right:55px}
body:where(.th,.wc) .bg1{background-color:#ffd !important;box-shadow:0 0 8px 4px #f04}
body:where(.th,.wc) .bg2{background-color:#efe !important;box-shadow:0 0 8px 4px #4f4}
body:where(.th,.wc) .roomBotSelect{position:absolute;left:136px;top:0;width:82px;height:19px;background-position:0 -279px;display:none;z-index:26}
body:where(.th,.wc).HD .roomBotSelect{background-position:-751px -776px}
body:where(.th,.wc) .roomBotRemove{position:absolute;left:136px;top:0;width:82px;height:19px;background-position:0 -299px;display:none;z-index:26}
body:where(.th,.wc).HD .roomBotRemove{background-position:-917px -776px}
body:where(.th,.wc) .roomPlayerBalloon a:link{color:blue}
body:where(.th,.wc) .roomPlayerBalloon a:visited{color:purple}
body:where(.th,.wc) .roomPlayerBalloonTip{position:absolute;bottom:48px;width:9px;height:8px;opacity:.9;display:none;z-index:34}
body:where(.th,.wc) .SideA .roomPlayerBalloonTip{left:80px;background-position:-85px 0}
body:where(.th,.wc) .SideB .roomPlayerBalloonTip{right:80px;background-position:-95px 0}
body:where(.th,.wc).HD .SideA .roomPlayerBalloonTip{background-position:-837.5px -514.5px}
body:where(.th,.wc).HD .SideB .roomPlayerBalloonTip{background-position:-847.5px -514.5px}
body:where(.th,.wc) #playerInRoom0{position:absolute;left:5px;top:113px}
body:where(.th,.wc) #playerInRoom2{position:absolute;left:5px;top:210px}
body:where(.th,.wc) #playerInRoom4{position:absolute;left:5px;top:307px}
body:where(.th,.wc) #playerInRoom6{position:absolute;left:5px;top:404px}
body:where(.th,.wc) #playerInRoom1{position:absolute;left:336px;top:113px}
body:where(.th,.wc) #playerInRoom3{position:absolute;left:336px;top:210px}
body:where(.th,.wc) #playerInRoom5{position:absolute;left:336px;top:307px}
body:where(.th,.wc) #playerInRoom7{position:absolute;left:336px;top:404px}
body:where(.th,.wc) #room_timer{position:absolute;left:261px;top:386px;background-position:-127px -11px;width:50px;height:48px;display:none}
body:where(.th,.wc) #room_timer_text{text-align:center;width:46px;margin-top:19px;font-size:14px;font-weight:bold;color:#b5d68c}
body:where(.th,.wc) #roomInput{position:absolute;left:94px;top:578px;width:464px;height:16px;background-color:transparent;border:0;font-size:12px;color:#adf7f7;z-index:111;transform-origin:center bottom}
body:where(.th,.wc) #roomInput:focus{border:orange solid 1px;background-color:#001839}
body:where(.th,.wc) #roomChat{position:absolute;left:8px;top:502px;width:553px;height:75px}
body:where(.th,.wc) #roomChatHtml{font-size:12px;color:#b5efd6}
body:where(.th,.wc) #roomChat .viewport{width:540px;height:75px;overflow:hidden;position:relative}
body:where(.th,.wc) #roomChat .overview{list-style:none;position:absolute;left:0;top:0;margin:0;word-wrap:break-word;width:540px}
body:where(.th,.wc) #roomChat .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) #itemDual{position:absolute;left:29px;top:121px}
body:where(.th,.wc) .itemDual{width:69px;height:31px}
body:where(.th,.wc) #itemTeleport{position:absolute;left:111px;top:121px}
body:where(.th,.wc) .itemNone{width:69px;height:31px;background:rgba(150,150,150,0.5)}
body:where(.th,.wc) .itemTeleport{background-position:-343px 0;width:69px;height:31px}
body:where(.th,.wc) #itemDualP{position:absolute;left:29px;top:158px}
body:where(.th,.wc) .itemDualP{background-position:-69px 0;width:69px;height:31px}
body:where(.th,.wc).HD .itemDual{background-position:-480px -1382.5px}
body:where(.th,.wc).HD .itemDualP{background-position:-480px -1414px}
body:where(.th,.wc).HD .itemTeleport{background-position:-480px -1445.5px}
body:where(.th,.wc) .ItemBtn:hover{filter:brightness(1.3);cursor:pointer}
body:where(.th,.wc) .ItemBtn:active{margin:1px 0 0 1px;filter:brightness(1.3);cursor:pointer}
body:where(.th,.wc) .ItemBtn.Pressed{box-shadow:inset 0 0 3px 3px #0f0}
body:where(.th,.wc) #itemSlot0{position:absolute;left:0;top:0}
body:where(.th,.wc) #itemSlot1{position:absolute;left:35px;top:0}
body:where(.th,.wc) #itemSlot2{position:absolute;left:70px;top:0}
body:where(.th,.wc) #itemSlot3{position:absolute;left:105px;top:0}
body:where(.th,.wc) #itemSlot4{position:absolute;left:140px;top:0}
body:where(.th,.wc) #itemSlot5{position:absolute;left:175px;top:0}
body:where(.th,.wc) #gameItemSlot0{position:absolute;left:291px;top:7px}
body:where(.th,.wc) #gameItemSlot1{position:absolute;left:326px;top:7px}
body:where(.th,.wc) #gameItemSlot2{position:absolute;left:361px;top:7px}
body:where(.th,.wc) #gameItemSlot3{position:absolute;left:396px;top:7px}
body:where(.th,.wc) #gameItemSlot4{position:absolute;left:431px;top:7px}
body:where(.th,.wc) #gameItemSlot5{position:absolute;left:466px;top:7px}
body:where(.th,.wc) #weatherSlot0{position:absolute;left:522px;top:13px;width:19px;height:19px}
body:where(.th,.wc) #weatherSlot1{position:absolute;left:544px;top:13px;width:19px;height:19px}
body:where(.th,.wc) #weatherSlot2{position:absolute;left:567px;top:13px;width:19px;height:19px}
body:where(.th,.wc) #weatherSlot3{position:absolute;left:589px;top:13px;width:19px;height:19px}
body:where(.th,.wc) #weatherSlot4{position:absolute;left:612px;top:13px;width:19px;height:19px}
body:where(.th,.wc) .weather-0{background-position:-321px -115px}
body:where(.th,.wc) .weather-1{background-position:-461px -155px}
body:where(.th,.wc) .weather-2{background-position:-341px -115px}
body:where(.th,.wc) .weather-3{background-position:-361px -115px}
body:where(.th,.wc) .weather-4{background-position:-381px -115px}
body:where(.th,.wc) .weather-5{background-position:-401px -115px}
body:where(.th,.wc) .weather-6{background-position:-421px -115px}
body:where(.th,.wc) .weather-7{background-position:-441px -115px}
body:where(.th,.wc) .weather-8{background-position:-461px -115px}
body:where(.th,.wc).HD .weather-0{background-position:-201.5px -1317px}
body:where(.th,.wc).HD .weather-1{background-position:-201.5px -1337.5px}
body:where(.th,.wc).HD .weather-2{background-position:-222px -1317px}
body:where(.th,.wc).HD .weather-3{background-position:-242.5px -1317px}
body:where(.th,.wc).HD .weather-4{background-position:-263px -1317px}
body:where(.th,.wc).HD .weather-5{background-position:-242.5px -1337.5px}
body:where(.th,.wc).HD .weather-6{background-position:-263px -1358px}
body:where(.th,.wc).HD .weather-7{background-position:-263px -1337.5px}
body:where(.th,.wc).HD .weather-8{background-position:-222px -1337.5px}
body:where(.th,.wc) .weatherDiv{position:absolute;width:128px;margin-left:-64px;height:3050px;top:-1525px;animation:dbclassic-weatherMove .4s linear infinite}
body:where(.th,.wc) .weatherDiv3{background-image:url(/static/images/sunforce.png)}
body:where(.th,.wc) .weatherDiv4{background-image:url(/static/images/lightningforce.png)}
body:where(.th,.wc) .weatherDiv5{background-image:url(/static/images/blackforce.png)}
body:where(.th,.wc) .weatherDiv6{background-image:url(/static/images/randomforce.png);animation:dbclassic-weatherMove2 10s linear infinite}
body:where(.th,.wc) .weatherDiv7{background-image:url(/static/images/themes/dragonbound/images/mirror-1.png);top:-600px}
body:where(.th,.wc) .weatherDiv8{background-image:url(/static/images/tornado.png)}
body.th .weatherDiv3{background-image:url(/static/images/themes/dragonbound/images/sunforceTH-1.png)}
body.th .weatherDiv4{background-image:url(/static/images/themes/dragonbound/images/lightningTH-1.png)}
body.th .weatherDiv8{background-image:url(/static/images/themes/dragonbound/images/tornadoTH-1.png)}
@keyframes dbclassic-weatherMove{from{background-position-y:0}12.5%{background-position-y:0}12.501%{background-position-y:-64px}25%{background-position-y:-64px}25.001%{background-position-y:-128px}37.5%{background-position-y:-128px}37.501%{background-position-y:-192px}50%{background-position-y:-192px}50.001%{background-position-y:-256px}62.5%{background-position-y:-256px}62.501%{background-position-y:-320px}75%{background-position-y:-320px}75.001%{background-position-y:-384px}87.5%{background-position-y:-384px}87.501%{background-position-y:-448px}100%{background-position-y:-448px}}
@keyframes dbclassic-weatherMove2{from{background-position-y:0}to{background-position-y:-512px}}
body:where(.th,.wc) #sky_markers{position:absolute}
body:where(.th,.wc) .WeatherFall{position:absolute;top:0;background:url(/static/images/weatherFall.gif) center top no-repeat;width:80px;height:25px;text-align:center;white-space:nowrap;font-size:10px;line-height:25px;margin-left:-40px}
body:where(.th,.wc) #message_over_items{position:absolute;left:291px;top:7px;width:209px;height:31px;display:none}
body:where(.th,.wc) #message_over_items.items_locked{background-position:0 -243px}
body:where(.th,.wc) #message_over_items.sudden_death{background-position:-210px -243px}
body:where(.th,.wc).HD #message_over_items.items_locked{background-position:0 -1451.5px}
body:where(.th,.wc).HD #message_over_items.sudden_death{background-position:-210px -1451.5px}
body:where(.th,.wc) #room_mode_line{display:contents}
body:where(.th,.wc) #room_game_mode{position:absolute;top:30px;left:383px;text-align:center;width:110px;font-weight:bold}
body:where(.th,.wc) #room_players{position:absolute;left:387px;top:44px;text-shadow:-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black;width:100px;color:#ff6;text-align:center;font-weight:bold}
body:where(.th,.wc) #room_avatars{position:absolute;left:387px;top:58px;width:100px;color:red;font-size:12px;text-align:center;font-weight:bold}
body:where(.th,.wc) #room_wind{position:absolute;left:387px;top:73px;width:100px;color:red;font-size:12px;text-align:center;font-weight:bold}
body:where(.th,.wc) #room_turn_time_text{position:absolute;right:425px;top:83px;font-weight:bold}
body:where(.th,.wc) #room_turn_time{position:absolute;left:387px;top:88px;width:100px;color:white;font-size:12px;text-align:center;font-weight:bold}
body:where(.th,.wc) #room_change_title_button{position:absolute;left:16px;top:3px;width:15px;height:15px;background-position:-85px -9px}
body:where(.th,.wc).HD #room_change_title_button{background-position:-857px -507.5px}
body:where(.th,.wc) #room_options_button{position:absolute;left:507px;top:26px;width:55px;height:83px;background-position:-178px -11px}
body:where(.th,.wc).HD #room_options_button{background-position:-927.5px -532.5px}
body:where(.th,.wc) #room_map{position:absolute;left:14px;top:55px;width:213px;height:49px}
body:where(.th,.wc) .room_map_fix{left:37px !important;top:37px !important}
body:where(.th,.wc) .room_options_button_fix{top:15px !important}
body:where(.th,.wc) #dialog_change_title_ok{position:absolute;right:-31px;bottom:-7px}
body:where(.th,.wc) #dialog_change_title_cancel{position:absolute;left:-38px;bottom:-7px}
body:where(.th,.wc) #select_bot_div{position:absolute;left:178px;width:340px;top:204px;background:#001839 url(/static/images/bg_blue.jpg);opacity:.9;padding:10px;display:none;z-index:130;border:solid 2px black;border-radius:3px}
body:where(.th,.wc) .bs_line{height:15px;padding:5px}
body:where(.th,.wc) .bs_line:hover{background:#634910}
body:where(.th,.wc) .bs_rank{position:absolute;left:10px}
body:where(.th,.wc) .bs_name{position:absolute;left:40px}
body:where(.th,.wc) .bs_gp{position:absolute;left:150px;color:yellow}
body:where(.th,.wc) .bs_atk_icon{position:absolute;left:200px}
body:where(.th,.wc) .bs_atk{position:absolute;left:215px}
body:where(.th,.wc) .bs_def_icon{position:absolute;left:235px}
body:where(.th,.wc) .bs_def{position:absolute;left:250px}
body:where(.th,.wc) .bs_life_icon{position:absolute;left:270px}
body:where(.th,.wc) .bs_life{position:absolute;left:285px}
body:where(.th,.wc) .bs_dig_icon{position:absolute;left:305px}
body:where(.th,.wc) .bs_dig{position:absolute;left:320px}
body:where(.th,.wc) .bs_locked{position:absolute;left:200px}
body:where(.th,.wc) #add_bot_button{position:absolute;left:417px;width:82px;height:19px;background-position:-83px -279px}
body:where(.th,.wc).HD #add_bot_button{background-position:-834px -776px}
body:where(.th,.wc) .vortex{position:absolute;background:url(/static/images/vortex.png) no-repeat;width:200px;height:200px}
body:where(.th,.wc) #vortex0{left:5px}
body:where(.th,.wc) #vortex1{left:356px}
body:where(.th,.wc) #vortex2{left:5px}
body:where(.th,.wc) #vortex3{left:356px}
body:where(.th,.wc) #vortex4{left:5px}
body:where(.th,.wc) #vortex5{left:356px}
body:where(.th,.wc) #vortex6{left:5px}
body:where(.th,.wc) #vortex7{left:356px}
body:where(.th,.wc) #dialog_graphic{position:absolute;left:240px;top:110px}
body:where(.th,.wc) #dialogCreateMessage{position:absolute;left:104px;top:161px;color:black;font-size:12px;width:200px}
body:where(.th,.wc) #dialogCreateLocked{position:absolute;left:231px;top:129px;width:20px;height:21px;background-position:-220px -606px;display:none}
body:where(.th,.wc) #RoomOptionsModeLocked{position:absolute;left:147px;top:57px;width:20px;height:21px;background-position:-220px -606px;display:none}
body:where(.th,.wc) .imgLock{width:20px;height:21px;background-position:-220px -606px}
body:where(.th,.wc).HD .imgLock,
body:where(.th,.wc).HD #dialogCreateLocked,
body:where(.th,.wc).HD #RoomOptionsModeLocked{background-position:-660px -324.5px}
body:where(.th,.wc) #RoomOptionsMessage{position:absolute;left:160px;top:80px;color:black;font-size:11px;width:200px}
body:where(.th,.wc) .event_button_text{position:absolute;bottom:8px;width:100%}
body:where(.th,.wc) #buttonOptions{position:absolute;left:664px;top:542px;width:55px;height:51px;background-position:0 -303px}
body:where(.th,.wc) #buttonOptionsRoom{position:absolute;left:674px;top:544px;width:55px;height:51px;background-position:0 -303px}
body:where(.th,.wc).HD #buttonOptions,
body:where(.th,.wc).HD #buttonOptionsRoom{background-position:-571.5px 0}
body.th #buttonOptions{left:627px;top:542px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.7)}
body:where(.th,.wc) #buttonOptions .ThButtonIcon{background-position:-939px -163.5px}
body.th #buttonOptionsRoom{left:470px;width:107.5px;height:45px;background-position:-893px -227px}
body:where(.th,.wc) #buttonOptionsRoom .ThButtonIcon{background-position:-939px -163.5px}
body:where(.th,.wc) #playerInfoDialog{position:absolute;left:37px;top:143px;width:491px;height:327px;background-position:0 -319px;display:none;z-index:130}
body:where(.th,.wc).HD #playerInfoDialog{background-position:0 -904px}
body:where(.th,.wc) #infoLoading{position:absolute;left:200px;top:11px;font-size:30px;font-weight:bold;color:orange}
body:where(.th,.wc) #infoAddBuddy{position:absolute;left:229px;top:285px;width:22px;height:25px;background-position:-216px -1286px}
body:where(.th,.wc).HD #infoAddBuddy{background-position:-495.5px -72.5px}
body:where(.th,.wc) #infoGuildInvite{position:absolute;left:110px;top:275px;width:55px;height:44px;background-position:-193px -1476px}
body:where(.th,.wc).HD #infoGuildInvite{background-position:-439px -63.5px}
body:where(.th,.wc) #infoChat{position:absolute;left:329px;top:282px;width:28px;height:31px;background-position:-304px -215px}
body:where(.th,.wc).HD #infoChat{background-position:-594.5px -156px}
body:where(.th,.wc) #infoClose{position:absolute;left:429px;top:282px;width:29px;height:31px;background-position:-334px -215px}
body:where(.th,.wc).HD #infoClose{background-position:-624px -156px}
body:where(.th,.wc) #infoProfile{position:absolute;left:172px;top:97px;color:inherit}
body:where(.th,.wc) #LoginSubmit{height:20px;width:45px;text-align:center}
body:where(.th,.wc) #infoName{position:absolute;left:75px;top:200px;width:85px;height:54px;overflow:hidden;padding-left:1px}
body:where(.th,.wc) #infoRanking{position:absolute;left:250px;top:135px}
body:where(.th,.wc) #infoGender{position:absolute;left:250px;top:154px}
body:where(.th,.wc) #infoGP{position:absolute;left:250px;top:173px}
body:where(.th,.wc) #infoWinRate{position:absolute;left:250px;top:192px}
body:where(.th,.wc) #infoDamage{position:absolute;left:400px;top:173px}
body:where(.th,.wc) #infoWin{position:absolute;left:250px;top:211px}
body:where(.th,.wc) #infoLose{position:absolute;left:250px;top:230px}
body:where(.th,.wc) #infoGuild{position:absolute;left:400px;top:136px}
body:where(.th,.wc) #infoGuildJob{position:absolute;left:400px;top:155px}
body:where(.th,.wc) #infoRank{position:absolute;left:45px;top:200px}
body:where(.th,.wc) #infoImageDiv{position:absolute;left:34px;top:78px;width:124px;height:106px;box-shadow:0 0 5px 5px #6badde;cursor:pointer;overflow:hidden}
body:where(.th,.wc) #infoKey1{position:absolute;left:176px;top:135px}
body:where(.th,.wc) #infoKey2{position:absolute;left:176px;top:154px}
body:where(.th,.wc) #infoKey3{position:absolute;left:176px;top:173px}
body:where(.th,.wc) #infoKey4{position:absolute;left:176px;top:194px;font-size:10px}
body:where(.th,.wc) #infoKey5{position:absolute;left:322px;top:175px;font-size:9px}
body:where(.th,.wc) #infoKey6{position:absolute;left:176px;top:212px}
body:where(.th,.wc) #infoKey7{position:absolute;left:176px;top:231px}
body:where(.th,.wc) #infoKey8{position:absolute;left:322px;top:136px}
body:where(.th,.wc) #infoKey9{position:absolute;left:322px;top:154px}
body:where(.th,.wc) #dialog_room_options{position:absolute;left:94px;top:111px;width:375px;height:383px;background-position:0 -972px;z-index:131}
body:where(.th,.wc).HD #dialog_room_options{background-position:-375.5px -494.5px}
@media(max-height:590px){body:where(.th,.wc) #dialog_room_options{transform:scale(1.25)}}
@media(max-height:500px){body:where(.th,.wc) #dialog_room_options{transform:scale(1.5)}}
body:where(.th,.wc) #RoomOptionsModePrev{position:absolute;left:88px;top:63px}
body:where(.th,.wc) #RoomOptionsModeNext{position:absolute;left:212px;top:63px}
body:where(.th,.wc) #RoomOptionsMode{position:absolute;left:105px;top:61.5px;width:100px;text-align:center}
body:where(.th,.wc) #RoomOptionsModeIcon{position:absolute;left:233px;top:44px}
body:where(.th,.wc) #RoomOptionsNumPlayersPrev{position:absolute;left:88px;top:108px}
body:where(.th,.wc) #RoomOptionsNumPlayersNext{position:absolute;left:212px;top:108px}
body:where(.th,.wc) #RoomOptionsPlayers{position:absolute;left:97px;top:106px;width:115px;color:#ff6;text-align:center}
body:where(.th,.wc) #RoomOptionsMapPrev{position:absolute;left:88px;top:153px}
body:where(.th,.wc) #RoomOptionsMapNext{position:absolute;left:212px;top:153px}
body:where(.th,.wc) #RoomOptionsMapName{position:absolute;left:100px;top:151.5px;color:#6f9;width:110px;text-align:center}
body:where(.th,.wc) #RoomOptionsMapImage{position:absolute;left:47px;top:171px;width:213px;height:49px}
body:where(.th,.wc) #RoomOptionsMapLock{position:absolute;left:47px;top:171px;width:213px;height:49px;background:rgba(128,128,128,0.5)}
body:where(.th,.wc) #RoomOptionsMapLockImg{position:absolute;left:100px;top:13px}
body:where(.th,.wc) #RoomOptionsMapLockBtn{position:absolute;left:15px;top:14px;font-size:9px;padding:0 5px}
body:where(.th,.wc) #RoomOptionsAvatars{position:absolute;left:100px;top:261.5px;width:110px;text-align:center}
body:where(.th,.wc) #RoomOptionsAvatarsGP{position:absolute;left:135px;top:238px;color:#ff0}
body:where(.th,.wc) #RoomOptionsAvatarsPrev{position:absolute;left:88px;top:263px}
body:where(.th,.wc) #RoomOptionsAvatarsNext{position:absolute;left:212px;top:263px}
body:where(.th,.wc) #RoomOptionsWind{position:absolute;left:100px;top:309.5px;width:110px;text-align:center}
body:where(.th,.wc) #RoomOptionsWindGP{position:absolute;left:135px;top:287px;color:#ff0}
body:where(.th,.wc) #RoomOptionsWindPrev{position:absolute;left:88px;top:311px}
body:where(.th,.wc) #RoomOptionsWindNext{position:absolute;left:212px;top:311px}
body:where(.th,.wc) #RoomOptionsCancel{position:absolute;left:-30px;bottom:-6px}
body:where(.th,.wc) #RoomOptionsOK{position:absolute;right:-23px;bottom:-6px}
body:where(.th,.wc) #RoomOptionsTele{position:absolute;left:284px;top:237px}
body:where(.th,.wc) #RoomOptionsTeleLock{position:absolute;left:284px;top:237px}
body:where(.th,.wc) #RoomOptionsTeleRank{position:absolute;left:282px;top:254px}
body:where(.th,.wc) #RoomOptionsS1{position:absolute;left:238px;top:283px}
body:where(.th,.wc) #RoomOptionsS1Lock{position:absolute;left:238px;top:285px}
body:where(.th,.wc) #RoomOptionsS1Rank{position:absolute;left:238px;top:302px}
body:where(.th,.wc) #RoomOptionsDualP{position:absolute;left:284px;top:285px}
body:where(.th,.wc) #RoomOptionsDualPLock{position:absolute;left:284px;top:285px}
body:where(.th,.wc) #RoomOptionsDualPRank{position:absolute;left:282px;top:302px}
body:where(.th,.wc) #RoomOptionsWindLock{position:absolute;left:174px;top:298px}
body:where(.th,.wc) #RoomOptionsWindRank{position:absolute;left:172px;top:316px}
body:where(.th,.wc) #RoomOptionsRandomTeamsText{position:absolute;left:255px;top:90px;width:110px;text-align:center}
body:where(.th,.wc) #RoomOptionsRandomTeamsValue{position:absolute;left:255px;top:106px;width:110px;text-align:center;color:red}
body:where(.th,.wc) #RoomOptionsRandomTeamsLock{position:absolute;left:287px;top:114px}
body:where(.th,.wc) #RoomOptionsRandomTeamsRank{position:absolute;left:304px;top:118px}
body:where(.th,.wc) #RoomOptionsRandomTeamsPrev{position:absolute;left:267px;top:108px}
body:where(.th,.wc) #RoomOptionsRandomTeamsNext{position:absolute;left:341px;top:108px}
body:where(.th,.wc) #RoomOptionsTurnTimeText{position:absolute;left:255px;top:135px;width:110px;text-align:center}
body:where(.th,.wc) #RoomOptionsTurnTimeValue{position:absolute;left:255px;top:151.5px;width:110px;text-align:center;color:#6f9}
body:where(.th,.wc) #RoomOptionsTurnTimeLock{position:absolute;left:287px;top:161px}
body:where(.th,.wc) #RoomOptionsTurnTimeRank{position:absolute;left:304px;top:165px}
body:where(.th,.wc) #RoomOptionsTurnTimePrev{position:absolute;left:267px;top:153px}
body:where(.th,.wc) #RoomOptionsTurnTimeNext{position:absolute;left:341px;top:153px}
body:where(.th,.wc) .grayText{color:#aaa !important}
body:where(.th,.wc) #PlayCustomMap{position:absolute;left:269px;top:171px;font-size:9px;padding:0 5px}
body:where(.th,.wc) #GetCustomMaps{position:absolute;left:269px;top:199px;font-size:9px;padding:0 5px}
body:where(.th,.wc) #RoomS1Disabled{position:absolute;left:267px;top:48px}
body:where(.th,.wc) #RoomRandomTeams{position:absolute;left:235px;top:110px}
body:where(.th,.wc) .roomBuddy{position:absolute;left:90px;top:33px;width:64px;height:46px;background-position:-94px -355px;pointer-events:none}
body:where(.th,.wc).HD .roomBuddy{background-position:-348px -63.5px;width:44px;height:41px}
body.th .roomBuddy{top:23px}
body:where(.th,.wc) .roomGuildMember{position:absolute;left:112px;top:33px;width:63px;height:46px;background-position:-159px -355px;pointer-events:none}
body:where(.th,.wc).HD .roomGuildMember{background-position:-393.5px -63.5px;width:44px;height:41px}
body.th .roomGuildMember{top:23px}
body:where(.th,.wc) #myPhotoDiv{position:absolute;left:588px;top:116px;width:35px;height:35px;z-index:10;overflow:hidden}
body:where(.th,.wc) #myPhotoDiv.glow_button_anim{height:35px;cursor:pointer}
body:where(.th,.wc) #myGFPhotoDiv{position:absolute;right:10px;top:116px;width:35px;height:35px;z-index:10;overflow:hidden}
body:where(.th,.wc) #myGFPhotoDiv.glow_button_anim{height:35px;cursor:pointer}
body:where(.th,.wc) #myGFStatus{position:absolute;right:10px;top:104px;z-index:11}
body:where(.th,.wc) #myGFName{position:absolute;right:10px;top:153px;z-index:11;text-align:right}
body:where(.th,.wc) #infoGFPhotoDiv{position:absolute;right:28px;top:71px;width:62px;height:53px;overflow:hidden}
body:where(.th,.wc) #infoGFPhotoDiv.glow_button_anim{height:53px;cursor:pointer}
body:where(.th,.wc) #infoGFStatus{position:absolute;right:11px;top:53px;text-align:center;width:100px}
body:where(.th,.wc) #infoGFName{position:absolute;right:9px;top:123px;text-align:center;width:100px}
body:where(.th,.wc) .roomPlayerPhoto{position:absolute;left:155px;top:16px;width:62px;height:53px;z-index:22}
body:where(.th,.wc) .roomPlayerPhoto .glow_button_anim{height:53px}
body:where(.th,.wc) .infoImageS{box-shadow:0 0 3px 3px #6badde}
body:where(.th,.wc) #lovePanel{position:absolute;left:360px;top:100px;width:200px;height:350px;background:rosybrown;border:3px solid saddlebrown}
body:where(.th,.wc) .myInfoRelText{font-size:8px;font-style:italic;text-align:right;color:white;white-space:nowrap}
body:where(.th,.wc) .myInfoRelText1{position:absolute;top:-17px}
body:where(.th,.wc) .myInfoRelText2{position:absolute;top:52px}
body:where(.th,.wc) .relationshipIcon,
body:where(.th,.wc) .relationshipIconE,
body:where(.th,.wc) .relationshipIconM{vertical-align:text-bottom}
body:where(.th,.wc) .relationshipIcon{width:16px;height:15px;background-image:url(/static/images/heart_icon.png);display:inline-block}
body:where(.th,.wc).HD .relationshipIcon{background-position:-981px -1029.5px}
body:where(.th,.wc) .relationshipIconE{width:15px;height:15px;background:url(/static/images/red_ring_icon.png);display:inline-block}
body:where(.th,.wc).HD .relationshipIconE{background-position:-981px -1064.5px}
body:where(.th,.wc) .relationshipIconM{width:15px;height:15px;background:url(/static/images/blue_ring_icon.png);display:inline-block}
body:where(.th,.wc).HD .relationshipIconM{background-position:-981px -1082px}
body:where(.th,.wc) .heartBrokenIcon{width:16px;height:16px;background:url(/static/images/heart_broken_icon.png);display:inline-block;position:relative;top:3px}
body:where(.th,.wc).HD .heartBrokenIcon{background-position:-981px -1047px}
body:where(.th,.wc) #infoRelationBtn{position:absolute;right:95px;top:74px;padding:0 3px;font-size:8px}
body:where(.th,.wc) #infoRelationBonus{position:absolute;left:382px;top:33px;width:100px;font-size:7px;color:yellow;text-align:center}
body:where(.th,.wc) #gp_team_a{position:absolute;left:226px;top:467px;font-size:11px;color:yellow;text-align:center;z-index:3;width:54px}
body:where(.th,.wc) #gp_team_b{position:absolute;right:462px;top:467px;font-size:11px;color:yellow;text-align:center;z-index:3;width:54px}
body:where(.th,.wc) #gp_rate{position:absolute;left:264px;top:449px;color:yellow;text-align:center;font-size:11px}
body:where(.th,.wc) .howto1{font-weight:bold;text-decoration:underline;color:#f60;text-align:center}
body:where(.th,.wc) .howto2{font-weight:bold;color:#ffeb90}
body:where(.th,.wc) .howto3{padding:10px;margin-right:10px;color:#fa1}
body:where(.th,.wc) .howto4{padding:5px 10px 10px 10px;margin-right:10px;text-align:center;color:#fff0d0}
body:where(.th,.wc) #guild_create{margin-left:68px;width:71px;height:71px;background-position:-72px -1521px}
body:where(.th,.wc).HD #guild_create{background-position:-500px 0}
body:where(.th,.wc) #create_guild_name{text-align:center;width:165px}
body:where(.th,.wc) #guild_leave{width:56px;height:36px;background-position:-245px -1593px;display:inline-block}
body:where(.th,.wc).HD #guild_leave{background-position:-504px -136px}
body:where(.th,.wc) .GuildName{color:#f7a539;display:inline-block}
body:where(.th,.wc) .GuildNameTeamA{color:#f09;display:inline-block}
body:where(.th,.wc) .GuildNameTeamB{color:#09f;display:inline-block}
body:where(.th,.wc) #roomMobileSelect{position:absolute;left:46px;top:103px;width:500px;height:416px;z-index:99;display:none;border-radius:15px}
body:where(.th,.wc):not(.th) #roomMobileSelect{background:rgba(0,30,50,0.75)}
body.th #roomMobileSelect,
body.wc #roomMobileSelect{height:441px}
body:where(.th,.wc) #roomMobileSelect .Spacer{margin-bottom:12px}
body.th #roomMobileSelect .Spacer,
body.wc #roomMobileSelect .Spacer{margin-bottom:38px}
body:where(.th,.wc) #tagSlotHeader{position:absolute;left:0;top:-46px;width:100%;text-align:center;z-index:100}
body:where(.th,.wc) #tagSlotHeader .tagSlotHint{color:#ffd0d0;font-size:12px;margin-bottom:4px}
body:where(.th,.wc) #tagSlotHeader .tagSlotChip{display:inline-block;margin:0 6px;padding:4px 12px;cursor:pointer;border-radius:10px;color:#fff;font-size:14px;background:rgba(0,30,50,0.75);border:2px solid transparent}
body:where(.th,.wc) #tagSlotHeader .tagSlotChip b{color:#ff8a8a}
body:where(.th,.wc) #tagSlotHeader .tagSlotActive{border-color:#ff3b3b;background:rgba(80,0,0,0.6)}
body:where(.th,.wc) .mobileSelectBtn .tagSlotBadge{display:none;position:absolute;top:3px;left:3px;z-index:5;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;font-weight:bold;font-size:13px;box-shadow:0 0 4px rgba(0,0,0,0.8)}
body:where(.th,.wc) .mobileSelectBtn .tagSlotBadge1{background:#2e8bff}
body:where(.th,.wc) .mobileSelectBtn .tagSlotBadge2{background:#ff3b3b}
body:where(.th,.wc) .mobileSelectBtn .tagSlotBadge12{width:36px;border-radius:10px;background:linear-gradient(90deg,#2e8bff 50%,#ff3b3b 50%)}
body:where(.th,.wc) .mobileSelectBtn.tagPicked1{border-color:#04f;background:rgba(0,45,95,0.85)}
body:where(.th,.wc) .mobileSelectBtn.tagPicked2{border-color:#ff3b3b;background:rgba(85,0,0,0.85)}
body:where(.th,.wc) .mobileSelectBtn.tagPicked12{border-color:#a44fff;background:rgba(50,0,80,0.85)}
body:where(.th,.wc) #roomMobileSelectCancel{position:absolute;bottom:-3px;right:-39px}
body:where(.th,.wc) #mobileRestrictHint{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:7px;color:#ffe28a;text-shadow:1px 1px 2px #000;pointer-events:none}
body.th #mobileRestrictHint{font-size:8px}
body:where(.th,.wc) .mobileSelectBtn.mobileDisabled{border-color:#666;background:rgba(40,40,40,0.75);cursor:not-allowed !important}
body:where(.th,.wc) .mobileSelectBtn.restrictDenied{animation:dbclassic-mobileRestrictShake .3s}
body:where(.th,.wc) .mobileSelectBtn .currentMobileMark{display:none}
body:where(.th,.wc) .mobileSelectBtn.mobileSelectCurrent{border-color:#ffd700;box-shadow:0 0 8px #ffd700}
body:where(.th,.wc) .mobileSelectBtn.mobileSelectCurrent .currentMobileMark{display:block;position:absolute;top:3px;right:3px;z-index:5;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#000;font-weight:bold;font-size:13px;background:#ffd700;box-shadow:0 0 4px rgba(0,0,0,0.8)}
@keyframes dbclassic-mobileRestrictShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
body:where(.th,.wc) .mobileSelectBtn{position:relative;width:70px;height:70px;background:rgba(0,70,30,0.75);border:3px solid #0f9;border-radius:15px;float:left;margin:0 12px 24px 12px}
body:where(.th,.wc) .mobileSelectBtn:hover{background:rgba(70,70,0,0.75)}
body:where(.th,.wc) .mobileSelectBtn:active{background:rgba(40,120,0,0.75)}
body:where(.th,.wc) .mobileName{position:absolute;left:-15px;top:73px;width:100px;text-align:center;font-size:16px;color:#ff0}
body:where(.th,.wc) #RoomWatchers{bottom:171px;right:495px;z-index:1}
body:where(.th,.wc) #GameWatchers{position:absolute;bottom:124px;left:246px}
body:where(.th,.wc) .WatchersBtn{position:absolute;font-size:12px;text-shadow:none}
body:where(.th,.wc) .emoticonBtn{position:absolute;width:40px;height:40px;cursor:pointer;transform:scale(0.6)}
body:where(.th,.wc) .emoticonBtn:active{transform:scale(0.8)}
body:where(.th,.wc) #RoomEmoticonBtn{left:527px;top:570.5px;z-index:120}
body:where(.th,.wc) #GameEmoticonBtn{left:208px;bottom:106px}
body:where(.th,.wc) .emoticonPicker{position:absolute;display:none;z-index:200;border-radius:15px;background:rgba(0,30,50,0.85);padding:6px;overflow:hidden}
body:where(.th,.wc) #RoomEmoticonPicker{left:63px;top:462px}
body:where(.th,.wc) #GameEmoticonPicker{left:14px;bottom:136px}
body:where(.th,.wc) .emoticonCooldownBar{position:absolute;left:0;top:0;bottom:0;display:none;z-index:0;background:rgba(210,40,40,0.3)}
body:where(.th,.wc) .emoticonCell{position:relative;z-index:1;width:40px;height:40px;float:left;margin:6px;cursor:pointer;background:rgba(200,200,0,0.05);border-radius:5px}
body:where(.th,.wc) .emoticonCell:hover{background:rgba(200,200,200,0.25)}
body:where(.th,.wc) .emoticonCell.grayscale{cursor:default}
body:where(.th,.wc) .emoticonCell.grayscale:hover{background:rgba(200,200,0,0.05)}
body:where(.th,.wc) .emoticonRowBreak{clear:both}
body:where(.th,.wc) .emoticonName{position:absolute;left:-20px;top:30px;width:80px;text-align:center;font-size:9px;color:#ff0}
body:where(.th,.wc) .emoticonCell .Alt{font-size:10px}
body:where(.th,.wc) #roomTutorialBack{position:absolute;right:19px;bottom:35px;display:none;pointer-events:none}
body.th #roomTutorialBack{right:649px}
body:where(.th,.wc) #roomTutorialBack svg{width:153px;height:106px}
body:where(.th,.wc) #roomTutorialBack div{position:absolute;top:11px;padding:7px 17px;color:white}
body:where(.th,.wc) #roomTutorialStart{position:absolute;left:229px;top:152px;display:none;z-index:11;pointer-events:none}
body.th #roomTutorialStart{left:289px;top:174px}
body:where(.th,.wc) #roomTutorialStart svg{width:101px;height:70px}
body:where(.th,.wc) #roomTutorialStart div{position:absolute;top:0;padding:6px 10px;color:white}
body:where(.th,.wc) #SelectMap{position:absolute;z-index:30;left:0;top:0;width:800px;height:600px;background:rgba(0,0,0,0.4);display:none}
body:where(.th,.wc) #SelectMap.nobg{background:0}
body:where(.th,.wc) .selectMap{position:absolute;left:142px;top:282px;width:213px;height:49px;transform:scale(0.9);transition:left .5s ease-out,top .5s ease-out;cursor:pointer}
body:where(.th,.wc) .selectMap:hover{z-index:111 !important}
body:where(.th,.wc) .mapSelectLock{position:absolute;left:98px;top:15px}
body.th #roomNumber{left:47px;top:14px}
body.th #roomTitle{left:85px;top:11px;width:190px;overflow:hidden;white-space:nowrap;line-height:19px}
body.th #roomPass{display:block;position:absolute;left:299px;top:11px;width:57px;line-height:19px;overflow:hidden;white-space:nowrap}
body.th #room_change_title_button{left:366px;top:12px}
body.th #roomOwner{right:24px;top:14px}
body.th #room_mode_line{display:flex;position:absolute;left:339px;top:54px;width:118px;justify-content:space-evenly;align-items:baseline}
body.th #room_game_mode,
body.th #room_players{position:static;left:auto;top:auto;width:auto;flex:none;white-space:nowrap}
body.th #room_map{left:293px;top:74px;transform:scaleX(0.71) scaleY(0.9);cursor:pointer}
body.th #room_options_button{left:421px;top:129px;background-position:-880.5px -657.5px}
body.th #dialog_room_options{border-radius:14px;box-shadow:3px 3px 10px 0 #000,inset -1px -1px 0 0 #000}
body.th #playerInfoDialog{border-radius:14px}
body.th #RoomRandomTeams{left:323px;top:125px;font-weight:normal;text-align:left;color:#f99}
body.th #room_wind{left:323px;top:144px;font-weight:normal;text-align:left}
body.th #room_avatars{left:323px;top:161px;font-weight:normal;text-align:left}
body.th #room_turn_time{left:323px;top:180px;font-weight:normal;text-align:left}
body.th #RoomWatchers{right:unset;left:323px;bottom:390px}
body.th #RoomEmoticonBtn{left:476px;top:354.5px}
body.th #RoomEmoticonPicker{left:13px;top:382px}
body.th #RoomS1Disabled{left:448px;top:224px}
body.th #roomButtonChangeTeam{left:452px;top:302px}
body.th #readyHintTooltip{left:305px;top:173px}
body.th #roomButtonMobile{left:314px;top:298px}
body:where(.th,.wc) .thSlot{display:none;position:absolute}
body.th .thSlot.visible{display:block}
body:where(.th,.wc) #thslot0,
body:where(.th,.wc) #thslot1,
body:where(.th,.wc) #thslot2,
body:where(.th,.wc) #thslot3{top:119px}
body:where(.th,.wc) #thslot4,
body:where(.th,.wc) #thslot5,
body:where(.th,.wc) #thslot6,
body:where(.th,.wc) #thslot7{top:271px}
body:where(.th,.wc) .SlotA{background-position:-752px -617px;width:127px;height:71px}
body:where(.th,.wc) .SlotB{background-position:-752px -689.5px;width:127px;height:71px}
body.th .roomPlayerMobile .thSlot{display:unset;left:-64px;top:-35px;z-index:2}
body.th #itemsSelection.InRoom{left:546px;top:363px;width:215px;height:175px}
body.th #roomButtonStart,
body.th #roomButtonReady{left:350px;top:230px}

body.th #playerInRoom0,
body.th #playerInRoom4,
body:where(.th,.wc) #thslot0,
body:where(.th,.wc) #thslot4{left:37px}
body.th #playerInRoom2,
body.th #playerInRoom6,
body:where(.th,.wc) #thslot2,
body:where(.th,.wc) #thslot6{left:176px}
body.th #playerInRoom1,
body.th #playerInRoom5,
body:where(.th,.wc) #thslot1,
body:where(.th,.wc) #thslot5{left:496px}
body.th #playerInRoom3,
body.th #playerInRoom7,
body:where(.th,.wc) #thslot3,
body:where(.th,.wc) #thslot7{left:635px}
body.th #playerInRoom0,
body.th #playerInRoom1,
body.th #playerInRoom2,
body.th #playerInRoom3{top:61px}
body.th #playerInRoom4,
body.th #playerInRoom5,
body.th #playerInRoom6,
body.th #playerInRoom7{top:213px}
body.th .playerInRoom{width:127px;height:129px}
body.th .roomPlayerClip{width:127px;height:129px;overflow:hidden;border-radius:4px}
body.th .roomPlayerClipInner{left:64px;top:109px;transform:scaleY(1.7)}
body.th .SideA .roomPlayerMobile,
body.th .SideB .roomPlayerMobile{left:64px;top:93px}
body.th .roomPlayerName{left:2px;top:unset;height:unset;bottom:4px;width:125px;text-wrap:pretty}
body.th .roomBotRemove,
body.th .roomBotSelect{left:42px}
body.th .roomPlayerReady,
body.th .roomPlayerNotReady{left:104px;top:49px}
body.th .roomPlayerShadow{display:none}
body.th .SideA .roomPlayerMyself{left:0;top:20px}
body.th .SideB .roomPlayerMyself{right:0;top:20px}
body.th.HD .roomPlayerReady{background-position:-920.5px -617px;width:19px;height:40px;z-index:10}
body.th.HD .roomPlayerNotReady{background-position:-880.5px -617px;width:19px;height:40px;z-index:10}
body.th.HD .roomPlayerMaster{background-position:-752px -761.5px;width:22px;height:13px;left:101px;top:96px;z-index:99}
body.th .SideA .roomPlayerInfo{left:-7px;top:-5px;transform:scale(0.65) rotate(0)}
body.th .SideB .roomPlayerInfo{right:-7px;top:-5px;transform:scale(0.65) rotate(0)}
body.th .roomPlayerBalloon{bottom:95px;left:30px;width:max-content}
body.th .roomPlayerBalloonTip{bottom:88px;left:50px}
body.th #roomInput{left:71px;top:363px;width:431px}
body.th #roomChat{left:28px;top:387px;width:488px;height:151px}
body.th #roomBcm{left:38px;top:362px;transform:scaleX(-1)}
body.th #roomChat .overview{width:476px}
body.th #buttonShopFromRoom,
body.th #buttonOptionsRoom,
body.th #roomButtonBack{bottom:5px;top:unset}
body.th #roomButtonBack{left:35px;right:unset;width:107.5px;height:45px;background-position:-893px -227px}
body:where(.th,.wc) #roomButtonBack .ThButtonIcon{background-position:-980px -185px}
body.th #itemsSelection.InRoom #MissionsBtnRoom{top:185px}
body:where(.th,.wc) #buttonBuddy{position:absolute;left:180px;bottom:5px;background-position:-893px -227px;width:107.5px;height:45px;display:none}
body.th #buttonBuddy{display:unset}
body:where(.th,.wc) #buttonBuddy .ThButtonIcon{background-position:-959.5px -206.5px}
body:where(.th,.wc) #readyHintTooltip{position:absolute;left:195px;top:151px;width:190px;display:none;background:linear-gradient(180deg,#f5e8c0 0,#e8d49a 100%);border:3px solid #292000;border-radius:5px;padding:4px 8px 6px 16px;box-sizing:border-box;z-index:40;pointer-events:none;color:#2a1a00;text-shadow:none;font-size:11px;line-height:1.35}
body:where(.th,.wc) #readyHintTooltip.readyHintVisible{display:block;animation:dbclassic-readyHintFade 4s forwards,dbclassic-readyHintGlow .6s ease-in-out 3}
body:where(.th,.wc) #readyHintTooltip::before{content:'';position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:9px solid #292000}
body:where(.th,.wc) #readyHintTooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:7px solid #e8d49a}
body:where(.th,.wc) #readyHintIcon{position:absolute;left:4px;top:-5px;transform:scale(0.6);width:22px;height:29px;background:url(/static/images/bullets/raonSSwalker.png) 0 0 no-repeat}
body:where(.th,.wc) #readyHintTitle{background:#b57d00;color:white;font-weight:bold;font-size:11px;white-space:nowrap;margin:-4px -8px 4px -16px;padding:1px 1px 1px 30px;border-radius:2px 2px 0 0}
body:where(.th,.wc) #readyHintBody{font-size:10px}
@keyframes dbclassic-readyHintFade{0%{opacity:0}8%{opacity:1}75%{opacity:1}100%{opacity:0}}
@keyframes dbclassic-readyHintGlow{0%,100%{box-shadow:0 0 3px 1px rgba(255,160,0,0.0)}50%{box-shadow:0 0 8px 4px rgba(255,160,0,0.8)}}
body:where(.th,.wc) #wcRoomItem,
body:where(.th,.wc) #roomMuteList,
body:where(.th,.wc) #buttonChargeRoom,
body:where(.th,.wc) #wcRoomMissions{position:absolute;display:none;cursor:pointer}
body.wc #wcRoomItem,
body.wc #roomMuteList,
body.wc #buttonChargeRoom,
body.wc #wcRoomMissions{display:block}
body.wc #wcRoomMissions.hide{display:none}
body.wc #roomButtonBack{left:15px;top:533px;width:62px;height:64px;background-position:-607px -150px}
body.wc #roomButtonBack:hover{background-position:-607px -150px;animation:dbclassic-wcAnimExit 1.15s steps(23) infinite}
body.wc #roomButtonBack:active{background-position:-671px -150px;animation:none}
body.wc #roomButtonBack.grayscale{background-position:-607px -150px}
body.wc #buttonBuddy{left:95px;top:539px;width:57px;height:56px;background-position:-891px -150px}
body.wc #buttonBuddy:hover{background-position:-891px -150px;animation:dbclassic-wcAnimBuddy 1s steps(20) infinite}
body.wc #buttonBuddy:active{background-position:0 -229px;animation:none}
body.wc #buttonBuddy.grayscale{background-position:-891px -150px}
body.wc #buttonChargeRoom{left:179px;top:530px;width:58px;height:62px;background-position:-179px -229px}
body.wc #buttonChargeRoom:hover{background-position:-179px -229px;animation:dbclassic-wcAnimCharge .6s steps(12) infinite}
body.wc #buttonChargeRoom:active{background-position:-239px -229px;animation:none}
body.wc #buttonChargeRoom.grayscale{background-position:-179px -229px}
body.wc #roomMuteList{left:637px;top:533px;width:58px;height:55px;background-position:-59px -229px}
body.wc #roomMuteList:hover{background-position:-59px -229px;animation:dbclassic-wcAnimMute 1s steps(20) infinite}
body.wc #roomMuteList:active{background-position:-119px -229px;animation:none}
body.wc #roomMuteList.grayscale{background-position:-59px -229px}
body.wc #roomButtonReady{left:724px;top:531px;width:64px;height:64px;background-position:-727px -229px}
body.wc #roomButtonReady:hover{background-position:-727px -229px;animation:dbclassic-wcAnimReady .95s steps(19) infinite}
body.wc #roomButtonReady:active{background-position:-793px -229px;animation:none}
body.wc #roomButtonReady.grayscale{background-position:-727px -229px}
@keyframes dbclassic-wcAnimReady{from{background-position:0 -1240px}to{background-position:-1235px -1240px}}
body.wc #roomButtonStart{left:724px;top:531px;width:64px;height:64px;background-position:-859px -229px}
body.wc #roomButtonStart:hover{background-position:-859px -229px;animation:dbclassic-wcAnimStart .95s steps(19) infinite}
body.wc #roomButtonStart:active{background-position:-925px -229px;animation:none}
body.wc #roomButtonStart.grayscale{background-position:-859px -229px}
@keyframes dbclassic-wcAnimStart{from{background-position:0 -1305px}to{background-position:-1235px -1305px}}
body.wc #roomButtonMobile{left:300px;top:342px;width:44px;height:40px;background-position:0 -303px}
body.wc #roomButtonMobile:hover{background-position:0 -303px;animation:dbclassic-wcAnimMobile 1s steps(20) infinite}
body.wc #roomButtonMobile:active{background-position:-46px -303px;animation:none}
body.wc #roomButtonMobile.grayscale{background-position:0 -303px}
@keyframes dbclassic-wcAnimMobile{from{background-position:0 -1370px}to{background-position:-900px -1370px}}
body.wc #wcRoomItem{left:356px;top:342px;width:44px;height:40px;background-position:-92px -303px}
body.wc #wcRoomItem:hover{background-position:-92px -303px;animation:dbclassic-wcAnimItem .95s steps(19) infinite}
body.wc #wcRoomItem:active{background-position:-138px -303px;animation:none}
body.wc #wcRoomItem.grayscale{background-position:-92px -303px}
@keyframes dbclassic-wcAnimItem{from{background-position:0 -1411px}to{background-position:-855px -1411px}}
body.wc #room_options_button{left:404px;top:342px;width:44px;height:40px;background-position:-184px -303px}
body.wc #room_options_button:hover{background-position:-184px -303px;animation:dbclassic-wcAnimRoomOption 1.5s steps(30) infinite}
body.wc #room_options_button:active{background-position:-230px -303px;animation:none}
body.wc #room_options_button.grayscale{background-position:-184px -303px}
@keyframes dbclassic-wcAnimRoomOption{from{background-position:0 -1452px}to{background-position:-1350px -1452px}}
body.wc #roomButtonChangeTeam{left:459px;top:342px;width:44px;height:40px;background-position:-276px -303px}
body.wc #roomButtonChangeTeam:hover{background-position:-276px -303px;animation:dbclassic-wcAnimTeam 1s steps(20) infinite}
body.wc #roomButtonChangeTeam:active{background-position:-322px -303px;animation:none}
body.wc #roomButtonChangeTeam.grayscale{background-position:-276px -303px}
@keyframes dbclassic-wcAnimTeam{from{background-position:0 -1493px}to{background-position:-900px -1493px}}
body.wc #room_change_title_button{left:299px;top:25px;width:16px;height:16px;background-position:-368px -303px}
body.wc #room_change_title_button:hover{background-position:-404px -303px}
body.wc #room_change_title_button:active{background-position:-386px -303px}
body.wc #room_change_title_button.grayscale{background-position:-368px -303px}
body.wc #buttonShopFromRoom{left:388px;top:516px;width:76px;height:77px;background-position:-735px -150px;animation:dbclassic-wcAnimAvatarIdle 1s steps(20) infinite}
body.wc #buttonShopFromRoom:hover{background-position:-735px -150px;animation:dbclassic-wcAnimAvatar 1.6s linear infinite}
body.wc #buttonShopFromRoom:active{background-position:-813px -150px;animation:none}
body.wc #buttonShopFromRoom.grayscale{background-position:-735px -150px}
body.wc #buttonOptionsRoom{left:541px;top:523px;width:72px;height:70px;background-position:-579px -229px}
body.wc #buttonOptionsRoom:hover{background-position:-579px -229px;animation:dbclassic-wcAnimOptions 1.5s linear infinite}
body.wc #buttonOptionsRoom:active{background-position:-653px -229px;animation:none}
body.wc #buttonOptionsRoom.grayscale{background-position:-579px -229px}
body.wc #wcRoomMissions{left:244px;top:523px;width:68px;height:72px;background-position:-299px -229px}
body.wc #wcRoomMissions:hover{background-position:-299px -229px;animation:dbclassic-wcAnimMissions 1.1s steps(22) infinite}
body.wc #wcRoomMissions:active{background-position:-369px -229px;animation:none}
body.wc #wcRoomMissions.grayscale{background-position:-299px -229px}
body.wc #roomButtonBack,
body.wc #buttonBuddy,
body.wc #buttonShopFromRoom{right:auto;bottom:auto}
body.wc #buttonBuddy{display:block}
body.wc #buttonShopFromRoom{border-radius:0;transform:none}
body.wc #buttonBuddy:hover,
body.wc #buttonBuddy:active,
body.wc #roomButtonReady:hover,
body.wc #roomButtonReady:active,
body.wc #roomButtonStart:hover,
body.wc #roomButtonStart:active,
body.wc #room_options_button:hover,
body.wc #room_options_button:active,
body.wc #room_change_title_button:hover,
body.wc #room_change_title_button:active,
body.wc #buttonShopFromRoom:hover,
body.wc #buttonShopFromRoom:active,
body.wc #buttonOptionsRoom:hover,
body.wc #buttonOptionsRoom:active,
body.wc #buttonShopExit:hover,
body.wc #buttonShopExit:active{filter:var(--btn-filter,)}
body.wc #MissionsBtnRoom{display:none !important}
body:where(.th,.wc) #wcRoomMissions .AvNotif{top:6px;right:4px}
body:where(.th,.wc) .wcLabel{display:none}
body.wc .wcLabel{display:block;position:absolute;left:-20px;right:-20px;bottom:0;text-align:center;font-size:11px;font-weight:bold;color:white;white-space:nowrap;pointer-events:none;text-shadow:-1px 0 1px black,0 1px 1px black,1px 0 1px black,0 -1px 1px black}
body.wc #roomButtonMobile .wcLabel,
body.wc #wcRoomItem .wcLabel,
body.wc #room_options_button .wcLabel,
body.wc #roomButtonChangeTeam .wcLabel{bottom:-12px}
body.wc #roomButtonBack .wcLabel{top:51px;bottom:auto}
body.wc #buttonBuddy .wcLabel{top:45px;bottom:auto}
body.wc #buttonChargeRoom .wcLabel{top:54px;bottom:auto}
body.wc #wcRoomMissions .wcLabel{top:61px;bottom:auto}
body.wc #buttonShopFromRoom .wcLabel{top:68px;bottom:auto}
body.wc #buttonOptionsRoom .wcLabel{top:61px;bottom:auto}
body.wc #roomMuteList .wcLabel{top:51px;bottom:auto}
body.wc #roomButtonStart .wcLabel{top:53px;bottom:auto}
body.wc #roomButtonReady .wcLabel{top:53px;bottom:auto}
body.wc #playerInRoom0,
body.wc #playerInRoom4{left:13px}
body.wc #playerInRoom2,
body.wc #playerInRoom6{left:56px}
body.wc #playerInRoom1,
body.wc #playerInRoom5{left:566px}
body.wc #playerInRoom3,
body.wc #playerInRoom7{left:523px}
body.wc #playerInRoom0,
body.wc #playerInRoom1{top:9px}
body.wc #playerInRoom2,
body.wc #playerInRoom3{top:111px}
body.wc #playerInRoom4,
body.wc #playerInRoom5{top:213px}
body.wc #playerInRoom6,
body.wc #playerInRoom7{top:315px}
body.wc #roomPlayersA{left:240px;top:380px}
body.wc #roomPlayersB{left:540px;right:auto;top:380px}
body.wc #team_search{left:300px;top:288px}
body.wc #roomNumber{left:318px;top:27px}
body.wc #roomTitle{left:352px;top:26px;width:150px;overflow:hidden;white-space:nowrap}
body.wc #roomOwner{right:10px;top:3px}
body.wc #room_map{left:296px;top:84px;transform:scale(0.98,0.92);transform-origin:0 0;cursor:pointer}
body.wc #no_win_bonus{left:297px;top:131px;width:202px}
body.wc #room_game_mode,
body.wc #room_players,
body.wc #RoomRandomTeams,
body.wc #room_wind,
body.wc #room_avatars,
body.wc #room_turn_time{left:297px;width:208px;text-align:center}
body.wc #room_players,
body.wc #room_wind,
body.wc #room_avatars,
body.wc #room_turn_time,
body.wc #RoomRandomTeams{font-size:12px;font-weight:bold;text-shadow:-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black}
body.wc #room_game_mode{top:172px;font-size:15px}
body.wc #room_players{top:196px}
body.wc #room_wind{top:216px}
body.wc #room_avatars{top:236px}
body.wc #room_turn_time{top:256px}
body.wc #RoomRandomTeams{top:276px}
body:where(.th,.wc) #room_mobiles{display:none}
body.wc #room_mobiles.on{display:block;left:401px;right:auto;top:274px;transform:translateX(-50%);white-space:nowrap}
body.wc #roomScreen.panelFull #room_game_mode{top:167px}
body.wc #roomScreen.panelFull #room_players{top:190px}
body.wc #roomScreen.panelFull #room_wind{top:208px}
body.wc #roomScreen.panelFull #room_avatars{top:226px}
body.wc #roomScreen.panelFull #room_turn_time{top:244px}
body.wc #roomScreen.panelFull #RoomRandomTeams{top:262px}
body.wc #roomScreen.panelFull #room_mobiles.on{top:279px}
body.wc #room_mobiles{line-height:18px;padding:2px 6px;border-radius:11px}
body.wc #room_mobiles img.emo{width:16px;height:16px;transform:none;margin:0 1px;vertical-align:middle}
body.wc #RoomS1Disabled{left:470px;top:280px}
body.wc #roomChat{left:12px;top:442px;width:404px;height:52px}
body.wc #roomChat .viewport{width:390px;height:52px}
body.wc #roomChat .overview{width:390px}
body.wc #roomInput{left:42px;top:499px;width:336px}
body.wc #roomBcm{left:12px;top:497px}
body.wc #RoomEmoticonBtn{left:380px;top:488px}
body.wc #RoomEmoticonPicker{left:13px;top:300px}
body.wc #room_timer{left:466px;top:452px}
body.wc #gp_rate{left:428px;width:362px;top:450px}
body.wc #gp_team_a{left:554px;top:472px}
body.wc #gp_team_b{left:609px;right:auto;top:472px}
body.wc #add_bot_button[data-slot="1"]{left:664px;top:50px !important}
body.wc #add_bot_button[data-slot="3"]{left:621px;top:152px !important}
body.wc #add_bot_button[data-slot="5"]{left:664px;top:254px !important}
body.wc #add_bot_button[data-slot="7"]{left:621px;top:356px !important}
body.wc #RoomWatchers{left:733px;right:auto;bottom:156px;white-space:nowrap}
body.wc #readyHintTooltip{left:590px;top:462px}
body.wc #container.Room:not(.wcPanel) #itemsSelection,
body.wc #container.Room:not(.wcPanel) #friendsList,
body.wc #container.Room:not(.wcPanel) #guildMembersList,
body.wc #container.Room:not(.wcPanel) #friendsListExtra,
body.wc #container.Room:not(.wcPanel) #guildRoomTabExtra,
body.wc #container.Room:not(.wcPanel) #room_item_buddy_tab1,
body.wc #container.Room:not(.wcPanel) #room_item_buddy_tab2,
body.wc #container.Room:not(.wcPanel) #room_item_buddy_tab3{display:none !important}
body.wc #container.Room #friendsListExtra,
body.wc #container.Room #guildRoomTabExtra{top:248px;border-top:1px solid #39639c;z-index:14}
body.wc #container.Room #itemsSelection.InRoom{top:248px;border-top:8px solid #14306c;background-color:#14306c;border-radius:5px}
body.wc #container.Room #friendsList,
body.wc #container.Room #guildMembersList{background-color:#14306c;border-radius:5px}
body.wc #dialog_room_options{left:200px}
body:where(.th,.wc) #wcRoomWide{display:none}
body.wc .WideRoom #wcRoomWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;margin-left:var(--room-l);background-size:0;pointer-events:none}
body:where(.th,.wc) #wcRoomWide div{position:absolute;background-image:inherit;background-repeat:no-repeat}
body.wc .WideRoom #playerInRoom0,
body.wc .WideRoom #playerInRoom2,
body.wc .WideRoom #playerInRoom4,
body.wc .WideRoom #playerInRoom6,
body.wc .WideRoom #vortex0,
body.wc .WideRoom #vortex2,
body.wc .WideRoom #vortex4,
body.wc .WideRoom #vortex6,
body.wc .WideRoom #thslot0,
body.wc .WideRoom #thslot2,
body.wc .WideRoom #thslot4,
body.wc .WideRoom #thslot6,
body.wc .WideRoom #roomPlayersA{margin-left:var(--room-slots-l)}
body.wc .WideRoom #playerInRoom1,
body.wc .WideRoom #playerInRoom3,
body.wc .WideRoom #playerInRoom5,
body.wc .WideRoom #playerInRoom7,
body.wc .WideRoom #vortex1,
body.wc .WideRoom #vortex3,
body.wc .WideRoom #vortex5,
body.wc .WideRoom #vortex7,
body.wc .WideRoom #thslot1,
body.wc .WideRoom #thslot3,
body.wc .WideRoom #thslot5,
body.wc .WideRoom #thslot7,
body.wc .WideRoom #roomPlayersB,
body.wc .WideRoom #add_bot_button,
body.wc .WideRoom #friendsList,
body.wc .WideRoom #guildMembersList,
body.wc .WideRoom #itemsSelection,
body.wc .WideRoom #playersList,
body.wc .WideRoom #room_item_buddy_tab1,
body.wc .WideRoom #room_item_buddy_tab2,
body.wc .WideRoom #room_item_buddy_tab3,
body.wc .WideRoom #friendsListExtra,
body.wc .WideRoom #guildRoomTabExtra{margin-left:var(--room-slots-r)}
body.wc .WideRoom #roomNumber,
body.wc .WideRoom #roomTitle,
body.wc .WideRoom #roomPass,
body.wc .WideRoom #room_change_title_button,
body.wc .WideRoom #room_map,
body.wc .WideRoom #room_game_mode,
body.wc .WideRoom #room_players,
body.wc .WideRoom #room_avatars,
body.wc .WideRoom #room_wind,
body.wc .WideRoom #room_turn_time,
body.wc .WideRoom #roomButtonMobile,
body.wc .WideRoom #wcRoomItem,
body.wc .WideRoom #room_options_button,
body.wc .WideRoom #roomButtonChangeTeam,
body.wc .WideRoom #team_search,
body.wc .WideRoom #no_win_bonus,
body.wc .WideRoom #RoomS1Disabled,
body.wc .WideRoom #RoomRandomTeams,
body.wc .WideRoom #dialog_room_options,
body.wc .WideRoom #buttonShopFromRoom,
body.wc .WideRoom #room_mobiles{margin-left:var(--room-c)}
body.wc .WideRoom #roomButtonBack,
body.wc .WideRoom #buttonBuddy,
body.wc .WideRoom #buttonChargeRoom,
body.wc .WideRoom #wcRoomMissions,
body.wc .WideRoom #roomBcm,
body.wc .WideRoom #roomChat,
body.wc .WideRoom #roomInput,
body.wc .WideRoom #RoomEmoticonPicker{margin-left:var(--room-l)}
body.wc .WideRoom #buttonOptionsRoom,
body.wc .WideRoom #roomMuteList,
body.wc .WideRoom #roomButtonStart,
body.wc .WideRoom #roomButtonReady,
body.wc .WideRoom #readyHintTooltip,
body.wc .WideRoom #room_timer,
body.wc .WideRoom #gp_team_a,
body.wc .WideRoom #gp_team_b,
body.wc .WideRoom #gp_rate,
body.wc .WideRoom #RoomWatchers,
body.wc .WideRoom #RoomEmoticonBtn{margin-left:var(--room-r)}
body.wc .WideRoom #roomOwner,
body.wc .WideRoom #roomTutorialBack{margin-right:var(--room-r-neg)}
body.wc .WideRoom #roomChat{width:calc(404px - var(--room-grow-neg))}
body.wc .WideRoom #roomChat .viewport,
body.wc .WideRoom #roomChat .overview{width:calc(390px - var(--room-grow-neg)) !important}
body.wc .WideRoom #roomInput{width:calc(336px - var(--room-grow-neg))}
body.wc .TallRoom #roomScreen,
body.wc .TallRoom #friendsList,
body.wc .TallRoom #guildMembersList,
body.wc .TallRoom #itemsSelection{margin-top:var(--troom-t)}
body.wc .TallRoom #wcRoomWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;background-size:0;pointer-events:none}
body.wc .TallRoom #roomInput,
body.wc .TallRoom #roomBcm,
body.wc .TallRoom #RoomEmoticonBtn,
body.wc .TallRoom #RoomEmoticonPicker,
body.wc .TallRoom #roomButtonBack,
body.wc .TallRoom #buttonBuddy,
body.wc .TallRoom #roomMuteList,
body.wc .TallRoom #buttonChargeRoom,
body.wc .TallRoom #wcRoomMissions,
body.wc .TallRoom #buttonShopFromRoom,
body.wc .TallRoom #buttonOptionsRoom,
body.wc .TallRoom #roomButtonStart,
body.wc .TallRoom #roomButtonReady{margin-top:var(--troom-b)}
body.wc .TallRoom #roomChat,
body.wc .TallRoom #roomChat .viewport{height:calc(52px - var(--troom-grow-neg)) !important}
body.wc .TallRoomPanel #room_item_buddy_tab1,
body.wc .TallRoomPanel #room_item_buddy_tab2,
body.wc .TallRoomPanel #room_item_buddy_tab3,
body.wc .TallRoomPanel #friendsListExtra,
body.wc .TallRoomPanel #guildRoomTabExtra{margin-top:var(--troom-panel)}
body.wc .TallRoomPanel #friendsList,
body.wc .TallRoomPanel #guildMembersList,
body.wc .TallRoomPanel #itemsSelection{margin-top:var(--troom-panel-t)}
body.wc .TallRoomPanel #friendsList,
body.wc .TallRoomPanel #guildMembersList,
body.wc .TallRoomPanel #friendsList .viewport,
body.wc .TallRoomPanel #guildMembersList .viewport{height:calc(223px - var(--troom-panel-grow-neg)) !important}
body.wc .TallRoomPanel.wcPanel #RoomWatchers{visibility:hidden}
body:where(.th,.wc) #gameScreen{display:none;position:absolute;width:100%;height:100%}
body:where(.th,.wc) #gameInput{position:absolute;left:290px;bottom:93px;width:455px;color:#acf2f6;background-color:transparent;border:0;font-size:12px;transform-origin:center bottom}
body:where(.th,.wc) #gameInput:hover{background-color:rgba(0,0,255,0.1)}
body:where(.th,.wc) #gameInput:focus{border:orange solid 1px;background-color:#001839}
body:where(.th,.wc) #gameChat{position:absolute;left:10px;top:10px;width:600px;height:111px;color:#acf2f6;font-size:12px}
body:where(.th,.wc) #gameChat .viewport{width:576px;height:111px;overflow:hidden;position:relative;direction:rtl}
body:where(.th,.wc) #gameChat .overview{list-style:none;position:absolute;left:0;top:0;padding-left:2px;margin:0;word-wrap:break-word;width:364px;direction:ltr}
body:where(.th,.wc) #gameChat .scrollbar{background-color:transparent;position:relative;float:left;width:15px;padding-top:11px}
body:where(.th,.wc) .overview{padding-top:2px;padding-bottom:1px}
body:where(.th,.wc) #gameui{position:absolute;left:0;top:516px;width:800px;height:85px;background-position:0 -29px}
body:where(.th,.wc).HD #gameui{background-position:0 -1231.5px}
body:where(.th,.wc) #powerBar{position:absolute;left:241px;bottom:17px;width:1px;height:19px;background-color:#de1821;background-position:0 -223px}
body:where(.th,.wc).HD #powerBar{background-position:0 -1422.5px}
body:where(.th,.wc) #walkBar{position:absolute;left:241px;bottom:4px;width:1px;height:9px;background:#6b8cc6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAIAAAB8JNGzAAAAB3RJTUUH3gQLEAQia0vRrgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAAdSURBVHjaY+hZeo6JgYGB6f7zH2AaGb9/fx9EAwCckQeLx8doUQAAAABJRU5ErkJggg==) repeat-x}
body:where(.th,.wc).HD #walkBar{background-position:0 -1442px}
body:where(.th,.wc) #powerMarkArea{position:absolute;left:241px;bottom:0;width:400px;height:38px}
body:where(.th,.wc) #powerMarks{position:absolute;left:241px;bottom:17px;width:400px;height:22px;background:url(/static/images/themes/dragonbound/images/themes/powerMarks.png) no-repeat;background-size:400px 22px;pointer-events:none}
body:where(.th,.wc) #powerMarks.ruler50{background-image:url(/static/images/themes/dragonbound/images/themes/powerMarks50.png)}
body:where(.th,.wc) #powerMarks.ruler100{background-image:url(/static/images/themes/dragonbound/images/themes/powerMarks100.png)}
body:where(.th,.wc) #powerMark{position:absolute;left:200px;width:11px;height:23px;margin-left:-5.5px;background-position:-294px -166px;pointer-events:none}
body:where(.th,.wc).HD #powerMark{background-position:-263px -1378.5px}
body:where(.th,.wc) #turn_timer{position:absolute;top:0;left:675px;background-image:url(/static/images/turn_timer.png);background-position:0 -1900px;width:125px;height:100px;display:none;pointer-events:none;transition:background-position .2s linear}
body:where(.th,.wc) #game_back{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden}
body:where(.th,.wc) #game_front{position:absolute;width:0;height:100%;z-index:2}
body:where(.th,.wc) #revive_hand{position:absolute;width:50px;height:50px;margin-left:-25px;margin-top:-25px;background:rgba(255,0,0,0.5);pointer-events:none;border-radius:50px;border:2px black solid}
body:where(.th,.wc) #revive_hand.CanRevive{background:rgba(0,255,0,0.5)}
body:where(.th,.wc) #wind_meter2{position:absolute;top:-26px;left:334px;opacity:.8 !important;pointer-events:none;transform-origin:50% 50%;transform:scale(0.5)}
body.th #wind_meter2{top:12px}
body:where(.th,.wc) .Shot{position:absolute}
body:where(.th,.wc) .Player{position:absolute;display:none;width:160px;transform:translate3d(0,0,0)}
body:where(.th,.wc) .ColorTeamA{color:#ff9e6b;text-shadow:#734529 -1px 0 1px,#734529 0 1px 1px,#734529 1px 0 1px,#734529 0 -1px 1px}
body:where(.th,.wc) .ColorTeamB{color:#bdcfcf;text-shadow:#394d6b -1px 0 1px,#394d6b 0 1px 1px,#394d6b 1px 0 1px,#394d6b 0 -1px 1px}
body:where(.th,.wc) .PlayerRank{position:absolute;top:17px;left:-40px;width:25px;height:15px}
body:where(.th,.wc) .ReduecdDef{position:absolute;top:-6px;left:30px;font-size:11px;color:#9cffde;text-shadow:#06f -1px 0 1px,#06f 0 1px 1px,#06f 1px 0 1px,#06f 0 -1px 1px}
body:where(.th,.wc) .PlayerHPBox{position:absolute;top:10px;left:-40px;width:76px;height:3px;border:1px solid white;background-color:#292c29;z-index:1}
body:where(.th,.wc) .PlayerHP{position:absolute;top:0;left:0;height:3px;background-color:#63b64a;width:76px}
body:where(.th,.wc) .PlayerShield{position:absolute;top:0;left:0;height:3px;background-color:#00f;width:0}
body:where(.th,.wc) .PlayerMobile{position:absolute;background-repeat:no-repeat}
body:where(.th,.wc) .PlayerAimCircle{position:absolute;margin-left:-43px;margin-top:-43px}
body:where(.th,.wc) .Ion{position:absolute}
body:where(.th,.wc) .GamePlayerBalloon{position:absolute;left:-20px;bottom:77px;background-color:white;min-width:24px;max-width:160px;border:1px solid black;color:black;border-radius:8px;padding:5px;opacity:0;font-size:11px;word-wrap:break-word}
body:where(.th,.wc) .GamePlayerBalloon a:link{color:blue}
body:where(.th,.wc) .GamePlayerBalloon a:visited{color:purple}
body:where(.th,.wc) .Turn{position:absolute;left:-16px;bottom:100px;width:32px;height:29px;display:none}
body:where(.th,.wc) .TurnAnim{animation:dbclassic-move 1s linear infinite alternate}
@keyframes dbclassic-dmgFly{from{top:0;opacity:1}10%{top:-30px;opacity:1}40%{top:-30px;opacity:1}to{top:-30px;opacity:0}}
body:where(.th,.wc) .DamageEffect{position:absolute;z-index:150}
body:where(.th,.wc) .DamageDigit{position:absolute;width:20px;height:21px;animation:dbclassic-dmgFly 5s linear 1 forwards}
body.th .DamageDigit{width:11px;height:17px}
body:where(.th,.wc) .DamageDigitRed0{background-position:-572px -199px}
body:where(.th,.wc) .DamageDigitRed1{background-position:-593px -199px}
body:where(.th,.wc) .DamageDigitRed2{background-position:-614px -199px}
body:where(.th,.wc) .DamageDigitRed3{background-position:-635px -199px}
body:where(.th,.wc) .DamageDigitRed4{background-position:-656px -199px}
body:where(.th,.wc) .DamageDigitRed5{background-position:-677px -199px}
body:where(.th,.wc) .DamageDigitRed6{background-position:-698px -199px}
body:where(.th,.wc) .DamageDigitRed7{background-position:-719px -199px}
body:where(.th,.wc) .DamageDigitRed8{background-position:-740px -199px}
body:where(.th,.wc) .DamageDigitRed9{background-position:-761px -199px}
body:where(.th,.wc) .DamageDigitRed-{background-position:-782px -199px}
body:where(.th,.wc) .DamageDigitBlue0{background-position:-572px -221px}
body:where(.th,.wc) .DamageDigitBlue1{background-position:-593px -221px}
body:where(.th,.wc) .DamageDigitBlue2{background-position:-614px -221px}
body:where(.th,.wc) .DamageDigitBlue3{background-position:-635px -221px}
body:where(.th,.wc) .DamageDigitBlue4{background-position:-656px -221px}
body:where(.th,.wc) .DamageDigitBlue5{background-position:-677px -221px}
body:where(.th,.wc) .DamageDigitBlue6{background-position:-698px -221px}
body:where(.th,.wc) .DamageDigitBlue7{background-position:-719px -221px}
body:where(.th,.wc) .DamageDigitBlue8{background-position:-740px -221px}
body:where(.th,.wc) .DamageDigitBlue9{background-position:-761px -221px}
body:where(.th,.wc) .DamageDigitBlue-{background-position:-782px -221px}
body:where(.th,.wc) .DamageDigitBlueP{background-position:-782px -176px}
body:where(.th,.wc) .DamageDigitGreen0{background-position:-572px -243px}
body:where(.th,.wc) .DamageDigitGreen1{background-position:-593px -243px}
body:where(.th,.wc) .DamageDigitGreen2{background-position:-614px -243px}
body:where(.th,.wc) .DamageDigitGreen3{background-position:-635px -243px}
body:where(.th,.wc) .DamageDigitGreen4{background-position:-656px -243px}
body:where(.th,.wc) .DamageDigitGreen5{background-position:-677px -243px}
body:where(.th,.wc) .DamageDigitGreen6{background-position:-698px -243px}
body:where(.th,.wc) .DamageDigitGreen7{background-position:-719px -243px}
body:where(.th,.wc) .DamageDigitGreen8{background-position:-740px -243px}
body:where(.th,.wc) .DamageDigitGreen9{background-position:-761px -243px}
body:where(.th,.wc) .DamageDigitGreenP{background-position:-782px -243px}
body:where(.th,.wc) #ss_shot_background{position:absolute;width:100%;height:100%;background-color:black;opacity:.8;display:none}
body:where(.th,.wc) #ss_shot_background.sudden_death{background-color:#060;opacity:.5}
body:where(.th,.wc) .UIGoldDigit{background-position:-801px 0;width:13px;height:13px;position:absolute;top:66px;transition:all 1s ease-in-out}
body:where(.th,.wc) .UIGoldDigit.NoTransition{transition:none}
body:where(.th,.wc).HD .UIGoldDigit{background-position:-981px -319px}
body:where(.th,.wc) #UIGoldDigit0{left:760px}
body:where(.th,.wc) #UIGoldDigit1{left:747px}
body:where(.th,.wc) #UIGoldDigit2{left:734px}
body:where(.th,.wc) #UIGoldDigit3{left:721px}
body:where(.th,.wc) #UIGoldDigit4{left:708px}
body:where(.th,.wc) .imgS1{width:35px;height:35px}
body:where(.th,.wc) #btnShot1{position:absolute;left:12px;top:21px;width:35px;height:35px}
body:where(.th,.wc) #btnShot1,
body:where(.th,.wc) .imgS1{background-position:0 -115px}
body:where(.th,.wc) #btnShot1:hover{background-position:-36px -115px}
body:where(.th,.wc) #btnShot1:active{background-position:-72px -115px !important}
body:where(.th,.wc) #btnShot1.Pressed{background-position:-108px -115px}
body:where(.th,.wc).HD #btnShot1,
body:where(.th,.wc).HD .imgS1{background-position:0 -1316px}
body:where(.th,.wc).HD #btnShot1:hover{background-position:-35.5px -1316px}
body:where(.th,.wc).HD #btnShot1:active{background-position:-71px -1316px !important}
body:where(.th,.wc).HD #btnShot1.Pressed{background-position:-106.5px -1316px}
body:where(.th,.wc) #btnShot2{position:absolute;left:55px;top:21px;width:35px;height:35px;background-position:0 -151px}
body:where(.th,.wc) #btnShot2:hover{background-position:-36px -151px}
body:where(.th,.wc) #btnShot2:active{background-position:-72px -151px !important}
body:where(.th,.wc) #btnShot2.Pressed{background-position:-108px -151px}
body:where(.th,.wc).HD #btnShot2{background-position:0 -1351.5px}
body:where(.th,.wc).HD #btnShot2:hover{background-position:-35.5px -1351.5px}
body:where(.th,.wc).HD #btnShot2:active{background-position:-71px -1351.5px !important}
body:where(.th,.wc).HD #btnShot2.Pressed{background-position:-106.5px -1351.5px}
body:where(.th,.wc) #btnShotSS{position:absolute;left:98px;top:21px;width:35px;height:35px;background-position:0 -187px}
body:where(.th,.wc) #btnShotSS:hover{background-position:-36px -187px}
body:where(.th,.wc) #btnShotSS:active{background-position:-72px -187px !important}
body:where(.th,.wc) #btnShotSS.Pressed{background-position:-108px -187px}
body:where(.th,.wc).HD #btnShotSS{background-position:0 -1387px}
body:where(.th,.wc).HD #btnShotSS:hover{background-position:-35.5px -1387px}
body:where(.th,.wc).HD #btnShotSS:active{background-position:-71px -1387px !important}
body:where(.th,.wc).HD #btnShotSS.Pressed{background-position:-106.5px -1387px}
body:where(.th,.wc) #btnPass{position:absolute;left:75px;top:58px;width:58px;height:21px;background-position:-144px -115px}
body:where(.th,.wc).HD #btnPass{background-position:-142px -1316px}
body:where(.th,.wc) #btnEsc{position:absolute;left:12px;top:58px;width:58px;height:21px;background-position:-144px -137px}
body:where(.th,.wc) #tagHud{display:none;position:absolute;right:11px;top:12px;width:106px;height:50px}
body:where(.th,.wc) #btnTag{position:absolute;left:-9px;top:7px;width:39px;height:36px;background-image:url(/static/images/themes/dragonbound/images/tagS2.png);background-repeat:no-repeat}
body:where(.th,.wc) #tagHudMobile{position:absolute;right:4px;top:2px;width:54px;height:36px}
body:where(.th,.wc) #tagHudBar{position:absolute;right:4px;top:41px;width:54px;height:5px;background:#000;border:1px solid #fff;font-size:0;white-space:nowrap}
body:where(.th,.wc) #tagHudBarHP,
body:where(.th,.wc) #tagHudBarShield{display:inline-block;height:100%;width:0;vertical-align:top}
body:where(.th,.wc) #tagHudBarHP{background:#63b64a}
body:where(.th,.wc) #tagHudBarShield{background:#0060ff}
body:where(.th,.wc).HD #btnEsc{background-position:-142px -1337.5px}
body:where(.th,.wc) #btnFriends{position:absolute;left:600px;top:-518px;white-space:nowrap;opacity:.5;padding:4px;font-size:10px;line-height:6px}
body:where(.th,.wc) #btnFriends .Alt{font-size:10px;line-height:10px}
body:where(.th,.wc) #btnDownloadMap{position:absolute;left:522px;top:-518px;white-space:nowrap;opacity:.5;padding:4px;font-size:10px;line-height:6px}
body:where(.th,.wc) #touch_ui{position:absolute;left:530px;top:150px;width:250px;height:350px;display:none;z-index:5}
body:where(.th,.wc) #btnShoot{position:absolute;left:0;top:100px;width:150px;height:150px;background:url(/static/images/touch_ui.png) no-repeat -100px -100px;opacity:.4}
body:where(.th,.wc) #btnShoot:hover{opacity:.6}
body:where(.th,.wc) #btnShoot:active{opacity:.8}
body:where(.th,.wc) #btnLeft{position:absolute;left:0;top:100px;width:70px;height:150px;background:url(/static/images/touch_ui.png) no-repeat 0 -100px;opacity:.4}
body:where(.th,.wc) #btnLeft:hover{opacity:.6}
body:where(.th,.wc) #btnLeft.active{opacity:.8}
body:where(.th,.wc) #btnRight{position:absolute;left:180px;top:100px;width:70px;height:150px;background:url(/static/images/touch_ui.png) no-repeat -280px -100px;opacity:.4}
body:where(.th,.wc) #btnRight:hover{opacity:.6}
body:where(.th,.wc) #btnRight.active{opacity:.8}
body:where(.th,.wc) #btnUp{position:absolute;left:50px;top:0;width:150px;height:70px;background:url(/static/images/touch_ui.png) no-repeat -100px 0;opacity:.4}
body:where(.th,.wc) #btnUp:hover{opacity:.6}
body:where(.th,.wc) #btnUp.active{opacity:.8}
body:where(.th,.wc) #btnDown{position:absolute;left:50px;top:280px;width:150px;height:70px;background:url(/static/images/touch_ui.png) no-repeat -100px -280px;opacity:.4}
body:where(.th,.wc) #btnDown:hover{opacity:.6}
body:where(.th,.wc) #btnDown.active{opacity:.8}
body:where(.th,.wc) #last_power_mark{position:absolute;left:240px;top:67px;margin-left:-4px;background-position:-294px -159px;width:9px;height:6px;transition:left 1s ease-out;z-index:1}
body:where(.th,.wc).HD #last_power_mark{background-position:-221px -1413px}
body:where(.th,.wc) #all_chat{position:absolute;left:248px;top:-29px;width:31px;height:25px;background-position:-265px -197px}
body:where(.th,.wc).HD #all_chat{background-position:-199px -1360px}
body:where(.th,.wc) #team_chat{position:absolute;left:248px;top:-29px;width:31px;height:25px;background-position:-233px -197px;display:none;transition:all .15s ease-in-out}
body:where(.th,.wc).HD #team_chat{background-position:-199px -1386.5px}
body:where(.th,.wc) #team_chat:hover{box-shadow:0 0 10px 10px #ff0}
body:where(.th,.wc) #team_chat:active{box-shadow:0 0 10px 10px #0f0}
body:where(.th,.wc) #help_btn{position:absolute;left:215px;top:-31px;width:25px;height:25px;text-align:center;border-radius:15px;font-size:24px;background:rgba(255,255,0,0.3);display:none}
body:where(.th,.wc) #game_dnd_btn{position:absolute;left:215px;top:-59px}
body:where(.th,.wc) #friends_list_dnd_btn{position:absolute;left:163px;top:6px}
body:where(.th,.wc) .dnd_btn{width:25px;height:25px;text-align:center;border-radius:15px;font-size:14px;background:rgba(0,255,0,0.3);color:#0f0;line-height:24px}
body:where(.th,.wc) .dnd_btn.on{background:rgba(255,0,0,0.3);color:#f93;font-size:10px;line-height:22px}
body:where(.th,.wc) .dnd_btn.on:active{box-shadow:0 0 10px 10px #0f0}
body:where(.th,.wc) .pmsOnHold{position:absolute;top:-4px;right:15px;background-color:orangered;border-radius:4px;color:#fff;padding:1px 2px;line-height:9px;font-size:9px;display:none}
body:where(.th,.wc) #room_item_buddy_tab2 .pmsOnHold{top:0}
body:where(.th,.wc) #game_over{position:absolute;left:0;top:0;width:800px;height:600px;display:none;transform:translate3d(0,0,0);background-repeat:no-repeat;background-size:cover}
body:where(.th,.wc) #game_over.replay{border-radius:0 0 0 150px}
body:where(.th,.wc) #scores_lose_a{position:absolute;left:115px;top:24px;background-position:-200px -708px;width:200px;height:64px}
body:where(.th,.wc) #scores_lose_b{position:absolute;left:485px;top:24px;background-position:-200px -708px;width:200px;height:64px}
body:where(.th,.wc) #scores_lose_a.win,
body:where(.th,.wc) #scores_lose_b.win{background-position:0 -708px}
body:where(.th,.wc).HD #scores_lose_a,
body:where(.th,.wc).HD #scores_lose_b{background-position:-550.5px -1441px;width:194px;height:57px;top:32px}
body:where(.th,.wc).HD #scores_lose_a.win,
body:where(.th,.wc).HD #scores_lose_b.win{background-position-y:-1382.5px}
body:where(.th,.wc) .score{position:absolute;background-position:0 -601px;width:380px;height:106px;display:none}
body:where(.th,.wc).HD .score{background-position:-746px -1338.5px;width:254px;height:79px}
body:where(.th,.wc) #score0{top:151px}
body:where(.th,.wc) #score1{left:295px;top:151px}
body:where(.th,.wc) #score2{top:257px}
body:where(.th,.wc) #score3{left:295px;top:257px}
body:where(.th,.wc) #score4{top:359px}
body:where(.th,.wc) #score5{left:295px;top:359px}
body:where(.th,.wc) #score6{top:465px}
body:where(.th,.wc) #score7{left:295px;top:465px}
body:where(.th,.wc).HD #score0,
body:where(.th,.wc).HD #score2,
body:where(.th,.wc).HD #score4,
body:where(.th,.wc).HD #score6{left:126px}
body:where(.th,.wc).HD #score1,
body:where(.th,.wc).HD #score3,
body:where(.th,.wc).HD #score5,
body:where(.th,.wc).HD #score7{left:421px}
body:where(.th,.wc) .score_me{position:absolute;left:0;top:0;background-position:-381px -601px;width:380px;height:106px}
body:where(.th,.wc).HD .score_me{background-position:-746px -1419px;width:254px;height:79px}
body:where(.th,.wc) .score_rank{position:absolute;left:145px;top:10px;width:25px;height:15px}
body:where(.th,.wc).HD .score_rank{left:19px}
body:where(.th,.wc) .score_name{position:absolute;left:140px;top:10px;width:300px;color:#ffca41;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_name{left:15px}
body:where(.th,.wc) .score_name .rankHD_span15{vertical-align:sub}
body:where(.th,.wc) .score_gp{position:absolute;left:140px;top:33px;color:#fff;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_gp{left:17px}
body:where(.th,.wc) .score_gold{position:absolute;left:190px;top:33px;color:#ffd273;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_gold{left:64px}
body:where(.th,.wc) .score_jewel_pts{position:absolute;left:164px;top:47px;color:#afa;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_jewel_pts{left:41px}
body:where(.th,.wc) .score_tickets{position:absolute;left:285px;top:70px;color:#ffe08a;font-size:11px;font-weight:bold;display:none}
body:where(.th,.wc) .score_tickets.on{display:block}
body:where(.th,.wc).HD .score_tickets{left:159px;top:61px}
body:where(.th,.wc) .score_wl{position:absolute;left:140px;top:70px;color:#d0d0d0;font-size:11px;font-weight:bold;display:none}
body:where(.th,.wc) .score_wl.on{display:block}
body:where(.th,.wc) .score_wl.score_wl_win{color:#7dff7d}
body:where(.th,.wc).HD .score_wl{left:17px;top:66px;font-size:10px}
body:where(.th,.wc) .score_mobile{position:absolute;left:166px;top:47px;white-space:nowrap;line-height:0}
body:where(.th,.wc) .score_mobile_icon{width:22px;height:18px;object-fit:contain;margin-right:2px}
body:where(.th,.wc) .score_dmg{position:absolute;left:214px;top:73px;color:#ffb27a;font-size:11px;font-weight:bold;white-space:nowrap;display:none}
body:where(.th,.wc) .score_dmg.on{display:block}
body:where(.th,.wc) .score_dmg.score_dmg_bar::after{content:'';display:block;width:50px;height:3px;margin-top:1px;border-radius:2px;background:linear-gradient(to right,var(--dmg-color) var(--dmg-pct),rgba(0,0,0,0.45) var(--dmg-pct));box-shadow:0 0 0 1px rgba(0,0,0,0.35)}
body:where(.th,.wc) .score_dmg_a{--dmg-color:#f09}
body:where(.th,.wc) .score_dmg_b{--dmg-color:#09f}
body:where(.th,.wc) .score_dmg_ffa{--dmg-color:#f7a539}
body:where(.th,.wc).HD .score_mobile{left:44px;top:47px}
body:where(.th,.wc).HD .score_mobile_icon{width:20px;height:16px}
body:where(.th,.wc).HD .score_dmg{left:205px;top:61px;font-size:10px}
body:where(.th,.wc).HD .score_dmg.score_dmg_bar::after{width:40px;height:2px;margin-top:-1px}
body:where(.th,.wc) .score_jewel_pts.on ~ .score_mobile{left:214px;top:73px}
body:where(.th,.wc).HD .score_jewel_pts.on ~ .score_mobile{left:205px;top:58px}
body:where(.th,.wc) .score_jewel_pts.on::before{content:'';display:inline-block;width:26px;height:27px;background:url(/static/images/themes/dragonbound/images/mobiles/jewel5.png) -416px 0 no-repeat;vertical-align:middle;transform:scale(0.5);margin-right:-2px}
body:where(.th,.wc) .score_bonus_gp{position:absolute;left:285px;top:29px;color:#f4c;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_bonus_gp{left:159px}
body:where(.th,.wc) .score_bonus_gold{position:absolute;left:285px;top:49px;color:#f96;font-size:11px;font-weight:bold}
body:where(.th,.wc).HD .score_bonus_gold{left:159px}
body:where(.th,.wc) .score_state{position:absolute;color:#f09;font-size:38px;font-weight:bold;white-space:nowrap}
body:where(.th,.wc) .score_state_computer{left:148px;top:20px;transform:rotate(-20deg)}
body:where(.th,.wc).HD .score_state_computer{left:22px}
body:where(.th,.wc) .score_state_left{left:214px;top:23px;transform:rotate(-20deg)}
body:where(.th,.wc).HD .score_state_left{left:88px}
body:where(.th,.wc) .score_state_rankup{left:160px;top:40px}
body:where(.th,.wc).HD .score_state_rankup{left:34px;top:26px}
body:where(.th,.wc) .score_mvp{position:absolute;left:214px;top:46px;color:#ff0;text-shadow:-1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black,0 0 10px yellow,0 0 10px yellow;display:none;background:url(/static/images/mvp.png);background-size:cover;width:61px;height:25px}
body:where(.th,.wc).HD .score_mvp{left:88px}
body:where(.th,.wc) .score_medal{position:absolute;left:99px;top:18px;font-size:30px;line-height:1;display:none;z-index:11}
body:where(.th,.wc).HD .score_medal{left:-29px;font-size:30px;top:25px}
body:where(.th,.wc) .score_medal.score_place_number{font-size:22px;left:111px}
body:where(.th,.wc).HD .score_medal.score_place_number{left:-16px}
body:where(.th,.wc) .score_master{position:absolute;left:137px;top:48px;font-size:18px;line-height:1;z-index:10;display:none;text-shadow:0 0 3px black,0 0 3px black}
body:where(.th,.wc) .score_master::before{content:'\1F511'}
body:where(.th,.wc).HD .score_master{left:15px;top:48px}
body:where(.th,.wc) #turns_list{position:absolute;left:2px;bottom:86px;width:200px;border:1px solid black;padding-bottom:1px;overflow:hidden}
body:where(.th,.wc) #turn_list_title{color:white;font-size:11px;padding-bottom:2px;display:flex}
body:where(.th,.wc) #turn_number{flex:1;text-align:center;color:#b4ffb4;font-size:10px;line-height:11px}
body:where(.th,.wc) #turn_number.sd{color:indianred}
body:where(.th,.wc) #turn_delay_type{margin:0}
body:where(.th,.wc) .turn_line{position:relative;height:15px;display:none;margin-left:3px;margin-right:2px}
body:where(.th,.wc) .turn_line_number{position:absolute;top:0;left:0;width:11px;height:15px}
body:where(.th,.wc) .turn_line_number0{background-position:-572px -183px}
body:where(.th,.wc) .turn_line_number1{background-position:-584px -183px}
body:where(.th,.wc) .turn_line_number2{background-position:-596px -183px}
body:where(.th,.wc) .turn_line_number3{background-position:-608px -183px}
body:where(.th,.wc) .turn_line_number4{background-position:-620px -183px}
body:where(.th,.wc) .turn_line_number5{background-position:-632px -183px}
body:where(.th,.wc) .turn_line_number6{background-position:-644px -183px}
body:where(.th,.wc) .turn_line_number7{background-position:-656px -183px}
body:where(.th,.wc).HD .turn_line_number0{background-position:-371px -1389px}
body:where(.th,.wc).HD .turn_line_number1{background-position:-382.5px -1389px}
body:where(.th,.wc).HD .turn_line_number2{background-position:-394px -1389px}
body:where(.th,.wc).HD .turn_line_number3{background-position:-405.5px -1389px}
body:where(.th,.wc).HD .turn_line_number4{background-position:-417px -1389px}
body:where(.th,.wc).HD .turn_line_number5{background-position:-428.5px -1389px}
body:where(.th,.wc).HD .turn_line_number6{background-position:-440px -1389px}
body:where(.th,.wc).HD .turn_line_number7{background-position:-451.5px -1389px}
body:where(.th,.wc) .turn_line_number_a{background-color:#f7a539}
body:where(.th,.wc) .turn_line_number_b{background-color:#8cb5de}
body:where(.th,.wc) .turn_line_number_ffa_foe{background-color:#ff6b6b}
body:where(.th,.wc) .turn_line_number_ffa_me{background-color:#6bb7ff}
body:where(.th,.wc) .turn_line_rank{position:absolute;left:13px;top:0;width:25px;height:15px}
body:where(.th,.wc) .turn_line_name{position:absolute;left:40px;top:2px;margin-left:1px;width:121px;height:15px;color:#ffca41;font-size:12px;white-space:nowrap}
body:where(.th,.wc) .turn_line_name_a{color:#f7a539}
body:where(.th,.wc) .turn_line_name_b{color:#8cb5de}
body:where(.th,.wc) .turn_line_name_ffa_foe{color:#ff6b6b}
body:where(.th,.wc) .turn_line_name_ffa_me{color:#6bb7ff}
body:where(.th,.wc) .turn_line_delay{position:absolute;right:1px;top:2px;color:#fff;font-size:10px}
body:where(.th,.wc) .turn_line_me{background-color:rgba(148,140,132,0.75)}
body:where(.th,.wc) .turn_line_me .turn_line_delay{color:#ffe357}
body:where(.th,.wc) .country{position:absolute;font-size:7px;color:white}
body:where(.th,.wc) #ground_canvas{position:absolute;width:1409px;height:760px}
body:where(.th,.wc) #game_replay{position:absolute;top:400px;font-size:36px;color:white;display:none;text-shadow:black -2px 0 4px,black 0 2px 4px,black 2px 0 4px,black 0 -2px 4px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px;width:800px;text-align:center;pointer-events:none}
body:where(.th,.wc) #game_click_to_revive{position:absolute;top:400px;font-size:36px;color:white;display:none;text-shadow:black -2px 0 4px,black 0 2px 4px,black 2px 0 4px,black 0 -2px 4px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px;width:800px;text-align:center;pointer-events:none}
body:where(.th,.wc) #revive_panel{position:absolute;background:rgba(0,0,255,0.2)}
body:where(.th,.wc) #thor{position:absolute}
body:where(.th,.wc) #thor_rotate{position:relative;animation:dbclassic-thorBob 3.77s ease-in-out infinite}
@keyframes dbclassic-thorBob{from{top:-4px}50%{top:4px}to{top:-4px}}
body:where(.th,.wc) #thor_laser{position:absolute;top:-15px;width:500px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAB3RJTUUH3gQLDzQv3cZ/rQAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAABKSURBVHjaY2Bg+M/LxMXFwAkiuJg4OSEsKAHkciFxsYmBdDBcuvT/ChMDAwMTs6hogyLT9+8M35m+fYMRQO4PJC42MTgXaMh/KQBXYCrEWIxApwAAAABJRU5ErkJggg==) repeat-x;display:none}
body:where(.th,.wc) #thor_lvl{position:absolute;right:-70px;top:30px;color:#f73918;font-size:14px}
body:where(.th,.wc) #thor_damage{position:absolute;right:-70px;top:47px;color:#ff5a42;font-size:12px}
body:where(.th,.wc) .lightning{position:absolute;width:64px;height:1024px;margin-left:-32px;margin-top:-1024px;background:url(/static/images/lightnings.png) repeat-y}
body:where(.th,.wc) .lightning1{background-position:0 0}
body:where(.th,.wc) .lightning2{background-position:-64px 0}
body:where(.th,.wc) .lightning3{background-position:-128px 0}
body:where(.th,.wc) .lightning4{background-position:-192px 0}
body:where(.th,.wc) #slice_drag_button{position:absolute;left:207px;top:42px;width:30px;height:30px;background-position:-231px -159px}
body:where(.th,.wc) #slice_drag_button.drag{background-position:-262px -159px;width:31px}
body:where(.th,.wc).HD #slice_drag_button{background-position:-231.5px -1358px}
body:where(.th,.wc).HD #slice_drag_button.drag{background-position:-231.5px -1389.5px;width:30px}
body:where(.th,.wc) #map_bg{position:absolute;display:none}
body:where(.th,.wc) .shot_img{background:url(/static/images/shots.png) no-repeat}
body:where(.th,.wc) .shot_img_0{background-position:0 0;width:30px;height:30px;margin-left:-15px;margin-top:-15px}
body:where(.th,.wc) .shot_img_1{background-position:0 -30px;width:38px;height:18px;margin-left:-19px;margin-top:-9px}
body:where(.th,.wc) .shot_img_2{background-position:0 -48px;width:30px;height:27px;margin-left:-15px;margin-top:-13px}
body:where(.th,.wc) .shot_img_3{background-position:0 -75px;width:59px;height:27px;margin-left:-29px;margin-top:-13px}
body:where(.th,.wc) #no_win_bonus{position:absolute;left:587px;top:29px;background-color:#222;color:#fe6001;width:200px;padding:3px;display:none}
body.th #no_win_bonus{left:492px;top:6px;width:266px}
body:where(.th,.wc) .EventGameMsg1{position:absolute;left:0;top:240px;width:800px;font-size:60px;text-align:center;font-weight:bold;color:#f48;opacity:0;animation:dbclassic-event_anim 10s linear;text-shadow:black -20px 0 40px,black 0 20px 40px,black 20px 0 40px,black 0 -20px 40px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px;pointer-events:none}
body:where(.th,.wc) .EventGameMsg2{position:absolute;left:0;top:240px;width:800px;font-size:60px;text-align:center;font-weight:bold;color:#cf4;opacity:0;animation:dbclassic-event_anim 2s linear;text-shadow:black -10px 0 20px,black 0 10px 20px,black 10px 0 20px,black 0 -10px 20px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px;pointer-events:none}
body:where(.th,.wc) .EventGameMsg3{position:absolute;left:0;top:240px;width:800px;font-size:60px;text-align:center;font-weight:bold;color:#f3f;opacity:0;animation:dbclassic-event_anim 2s linear;text-shadow:black -20px 0 40px,black 0 20px 40px,black 20px 0 40px,black 0 -20px 40px,black -1px 0 1px,black 0 1px 1px,black 1px 0 1px,black 0 -1px 1px;pointer-events:none}
body:where(.th,.wc) .BonusMsg{position:absolute;left:0;top:240px;width:800px;font-size:60px;text-align:center;font-weight:bold;opacity:0;animation:dbclassic-bonus_msg_anim 2s linear;text-shadow:black 0 0 1px,black 0 0 1px,black 0 0 1px,black 0 0 1px;filter:drop-shadow(0 0 6px black) drop-shadow(0 0 10px black);pointer-events:none}
body:where(.th,.wc) #cashBonus1{position:absolute;left:190px;top:20px;font-size:12px;font-weight:bold;color:#ff0;animation:dbclassic-move 1s linear infinite alternate}
body:where(.th,.wc) #cashBonus2{position:absolute;left:350px;top:20px;font-size:12px;font-weight:bold;color:#ff0;animation:dbclassic-move 1s linear infinite alternate}
body:where(.th,.wc) #howtoplay{display:none;position:absolute;left:185px;top:100px;width:431px;height:329px;background:rgba(200,155,155,0.85) url(/static/images/howtoplay.png) no-repeat;border-radius:40px;border:3px black solid}
body:where(.th,.wc) #howtoplayClose{position:absolute;right:-10px;top:-10px}
body:where(.th,.wc) #GameShare{position:absolute;left:325px;top:541px;width:150px;text-align:center;background:#30f;border:3px solid white;padding:7px;border-radius:5px}
body:where(.th,.wc) #ReplayRestartBtn2{position:absolute;left:316px;top:423px;font-size:26px;padding:13px;border-radius:20px;display:none}
body:where(.th,.wc) #ShareWindow{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:400px;height:128px;background:#1e5799;background:linear-gradient(to bottom,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:4px solid white;border-radius:20px;z-index:99;display:none;box-shadow:4px 4px 10px 3px #000}
body:where(.th,.wc) #ShareToTwitter{background-position:-33px 0}
body:where(.th,.wc) #ShareToEmail{background-position:-99px 0}
body:where(.th,.wc) #ShareToNewTab{background-position:-165px 0}
body:where(.th,.wc) .ShareButton{width:32px;height:32px;margin:29px;background:url(/static/images/share.png) no-repeat;display:inline-block}
body:where(.th,.wc) #ShareURL{border-color:#b9b9b9;width:265px;color:#666;padding:2px;margin:22px 0 0 20px}
body:where(.th,.wc) #CopyToClipboardText{color:black;margin:0 20px 20px 20px;font-size:12px}
body:where(.th,.wc) #ShareWindowClose{position:absolute;right:-15px;top:-15px}
body:where(.th,.wc) .ShareGameBtn{cursor:pointer;text-shadow:0 -1px 1px rgba(0,0,0,0.25);background-color:#019ad2;background-repeat:repeat-x;background-image:linear-gradient(#33bcef,#019ad2);border-radius:5px;padding:0 5px;border:1px solid #66f;height:13px;display:inline-block}
body:where(.th,.wc) .ShareGameBtn:hover{filter:brightness(1.15)}
body:where(.th,.wc) .ShareGameBtn:active{opacity:.75}
body:where(.th,.wc) .CopyBtn{font-size:7px;margin-right:2px}
body:where(.th,.wc) #GameOverMyGPGot{position:absolute;right:0;width:800px;text-align:center;top:170px;font-size:30px;color:#fff}
body:where(.th,.wc) #GameOverMyGP{position:absolute;right:0;width:800px;text-align:center;top:200px;font-size:70px;color:#fff}
body:where(.th,.wc) #GameOverMyGPNext{position:absolute;right:0;width:800px;text-align:center;top:270px;font-size:30px;color:#f3c}
body:where(.th,.wc) #GameOverMyGoldGot{position:absolute;right:0;width:800px;text-align:center;top:370px;font-size:30px;color:#ffea4a}
body:where(.th,.wc) #GameOverMyGold{position:absolute;right:0;width:800px;text-align:center;top:400px;font-size:65px;color:#ffea4a}
body:where(.th,.wc) #score_panel{position:absolute;right:7px;top:-59px;width:133px;height:54px;background:url(/static/images/score_panel.png)}
body:where(.th,.wc) #score_panel_a{position:absolute;right:69px;top:8px;font-size:36px;color:#f08}
body:where(.th,.wc) #score_panel_b{position:absolute;right:8px;top:8px;font-size:36px;color:#42f}
body:where(.th,.wc) .ShotTrace{position:absolute;background-repeat:no-repeat;transform-origin:left 50%}
body:where(.th,.wc) #Dragon2D{background-color:black}
body:where(.th,.wc) #Dragon2D canvas{background-color:black}
body:where(.th,.wc) #TouchShot{position:absolute;top:269px;left:40px;width:110px;height:110px;border-radius:110px;box-shadow:4px 4px 15px 7px #310;border:1px solid black;opacity:.8;text-align:center;font-size:16px;color:darkblue;z-index:777;display:none;background:#feccb1;background:radial-gradient(ellipse at center,#feccb1 0,#f17432 50%,#ea5507 51%,#fb955e 100%);animation:dbclassic-blinking_glow_anim 1s ease-in infinite alternate}
body:where(.th,.wc) #TouchShot .TouchShotText{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}
body:where(.th,.wc) #TouchShot.active{animation:dbclassic-blinking_glow_anim .5s ease-in infinite alternate;background:#f3c5bd;background:radial-gradient(ellipse at center,#f3c5bd 0,#e86c57 50%,#ea2803 51%,#f60 75%,#c72200 100%)}
body:where(.th,.wc) #TouchBarMsg{position:absolute;bottom:11px;left:172px;width:60px;height:27px;border-radius:5px;box-shadow:4px 4px 15px 7px #310;border:1px solid black;opacity:.8;font-size:12px;line-height:13px;text-align:center;color:darkblue;z-index:777;display:none;background:#feccb1;background:radial-gradient(ellipse at center,#feccb1 0,#f17432 50%,#ea5507 51%,#fb955e 100%);animation:dbclassic-blinking_glow_anim 1s ease-in infinite alternate}
body.wc #TouchBarMsg{left:320px;top:46px;bottom:auto}
body:where(.th,.wc) #slice_drag_button.touch,
body.wc #slice_drag_button.touch{background:none !important;filter:none;transform:none}
body:where(.th,.wc) #slice_drag_button.touch::before{content:'\1F446';position:absolute;left:0;right:0;top:0;text-align:center;font:17px/20px Emoji,sans-serif}
body:where(.th,.wc) #gameui #slice_drag_button.touch::after{content:attr(data-touch);position:absolute;left:-10px;top:19px;width:50px;text-align:center;font:10px/10px Arial,sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
body:where(.th,.wc) #slice_drag_button.touch .Alt{display:none}
body:where(.th,.wc) .mya{position:absolute;left:192px;top:14px;scale:.5;transform-origin:0 0;opacity:.75}
body:where(.th,.wc) #gameUI2,
body:where(.th,.wc) #gameUIWalkBG{display:none}
body.th #gameui{top:0;height:38px}
body.th #btnEsc{left:11px;top:3px;width:40px;height:30px;background-position:-618px -1317px}
body.th #btnPass{left:750px;top:3px;width:40px;height:30px;background-position:-618px -1347.5px}
body.th #gameChat{top:47px}
body.th #turn_timer{top:38px}
body.th #gameItemSlot0{left:501px;top:1px}
body.th #gameItemSlot1{left:537px;top:1px}
body.th #gameItemSlot2{left:573px;top:1px}
body.th #gameItemSlot3{left:609px;top:1px}
body.th #gameItemSlot4{left:645px;top:1px}
body.th #gameItemSlot5{left:681px;top:1px}
body.th .UIGoldDigit{top:6px;width:19px;height:24px}
body.th #UIGoldDigit0{left:430px}
body.th #UIGoldDigit1{left:410px}
body.th #UIGoldDigit2{left:390px}
body.th #UIGoldDigit3{left:370px}
body.th #UIGoldDigit4{left:350px}
body:where(.th,.wc) #gameModeImg{display:none}
body.th #gameModeImg.mode3,
body.th #gameModeImg.mode4,
body.th #gameModeImg.mode5{display:block;position:absolute;left:320px;top:0;width:158px;height:37px;background-repeat:no-repeat;background-size:158px 37px}
body.th #gameModeImg.mode3{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/gameScore.png)}
body.th #gameModeImg.mode4{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/gameJewel.png)}
body.th #gameModeImg.mode5{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/gameTag.png)}
body.th #weatherSlot0{left:102px;top:9px}
body.th #weatherSlot1{left:141px;top:9px}
body.th #weatherSlot2{left:180px;top:9px;filter:none}
body.th #weatherSlot3{left:219px;top:9px;filter:none}
body.th #weatherSlot4{left:258px;top:9px;filter:none}
body.th #message_over_items{left:500px;top:0;width:216px;height:38px}
body.th #message_over_items.sudden_death{background-position:-658.5px -1355.5px}
body.th #message_over_items.items_locked{background-position:-658.5px -1317px}
body.th #btnFriends{display:none}
body.th #gameUI2{position:absolute;display:block;top:556px;width:800px;height:44px;background-position:0 -1271.5px}
body.th #btnShot1{left:6px;top:562px}
body.th #btnShot2{left:47px;top:562px}
body.th #btnShotSS{left:88px;top:562px}
body.th #slice_drag_button{left:190px;top:563px}
body.th #powerMarkArea{left:244px;top:561px}
body.th #last_power_mark{left:247px;top:569px;background-position:-275.5px -1379px;width:1px;height:22px;transition:none}
body.th #powerBar{left:244px;top:569px;height:22px}
body.th #powerMarks{left:244px;top:569px;bottom:auto}
body.th #walkBar{left:244px;top:582px;background-position:0 -1445px;height:12px;display:none;z-index:3}
body.th #gameUIWalkBG{position:absolute;left:169px;top:573px;background-position:0 -1457.5px;width:485px;height:26px;z-index:2}
body.th #turns_list{bottom:47px}
body.th .mya{left:118px;top:581px;opacity:.6}
body.th #all_chat,
body.th #team_chat{top:524px}
body.th #gameBcm{top:526px}
body.th #game_dnd_btn{top:492px}
body.th #GameWatchers{top:500px;bottom:unset}
body.th #GameEmoticonBtn{top:490px;bottom:unset}
body.th #GameEmoticonPicker{top:383px;bottom:unset}
body.th #gameInput{top:527px;bottom:unset}
body.th #score_panel{top:500px}
body.th #TouchBarMsg{top:564px}
body.th #tagHud{top:550px}
body.th #btnTag{width:40px;height:34px;left:-14px;top:12px;background-position:-618px -1378px}
body.wc #gameui{height:84px}
body.wc #btnShot1{left:199px;top:1px;width:36px;height:33px;background-position:-959px -1500px}
body.wc #btnShot2{left:184px;top:18px;width:36px;height:33px;background-position:-152px -1542px}
body.wc #btnShotSS{left:183px;top:48px;width:36px;height:33px;background-position:-342px -1542px}
body.wc #btnShot1{clip-path:polygon(0 10px,15px 3px,22px 0,27px 0,36px 3px,36px 27px,24px 33px,15px 33px,4px 24px,0 20px)}
body.wc #btnShot2{clip-path:polygon(0 0,16px 0,21px 4px,33px 14px,36px 17px,36px 18px,29px 32px,28px 33px,22px 33px,9px 31px,3px 30px,0 29px)}
body.wc #btnShotSS{clip-path:polygon(0 0,19px 0,27px 1px,28px 2px,36px 28px,36px 33px,0 33px)}
body.wc #btnShot1:hover{background-position:0 -1542px}
body.wc #btnShot2:hover{background-position:-190px -1542px}
body.wc #btnShotSS:hover{background-position:-380px -1542px}
body.wc #btnShot1:active{background-position:-38px -1542px !important}
body.wc #btnShot2:active{background-position:-228px -1542px !important}
body.wc #btnShotSS:active{background-position:-418px -1542px !important}
body.wc #btnShot1.Pressed{background-position:-114px -1542px !important}
body.wc #btnShot2.Pressed{background-position:-304px -1542px !important}
body.wc #btnShotSS.Pressed{background-position:-494px -1542px !important}
body.wc #btnShot1.grayscale{background-position:-76px -1542px !important;filter:none}
body.wc #btnShot2.grayscale{background-position:-266px -1542px !important;filter:none}
body.wc #btnShotSS.grayscale{background-position:-456px -1542px !important;filter:none}
body.wc #btnPass{left:287px;top:54px;width:27px;height:29px;background-position:-532px -1542px}
body.wc #btnPass:hover{background-position:-561px -1542px}
body.wc #btnPass:active{background-position:-590px -1542px !important}
body.wc #btnEsc{left:1px;top:49px;width:25px;height:22px;background-position:-648px -1542px}
body.wc #btnEsc:hover{background-position:-675px -1542px}
body.wc #btnEsc:active{background-position:-702px -1542px !important}
body:where(.th,.wc) #wcTurnListBtn,
body:where(.th,.wc) #wcWeatherBtn{display:none}
body.wc #wcTurnListBtn,
body.wc #wcWeatherBtn{display:block;position:absolute;width:25px;height:22px;cursor:pointer}
body.wc #wcTurnListBtn{left:1px;top:3px;background-position:-66px -1655px}
body.wc #wcTurnListBtn:hover{background-position:-93px -1655px}
body.wc #wcTurnListBtn:active{background-position:-120px -1655px !important}
body.wc #wcTurnListBtn.On{background-position:-147px -1655px}
body.wc #wcWeatherBtn{left:1px;top:26px;background-position:-174px -1655px}
body.wc #wcWeatherBtn:hover{background-position:-201px -1655px}
body.wc #wcWeatherBtn:active{background-position:-228px -1655px !important}
body.wc #wcWeatherBtn.On{background-position:-255px -1655px}
body.wc .wcHideTurns #turns_list{display:none !important}
body.wc .wcHideWeather #weatherSlot1,
body.wc .wcHideWeather #weatherSlot2,
body.wc .wcHideWeather #weatherSlot3,
body.wc .wcHideWeather #weatherSlot4{visibility:hidden}
body.wc #slice_drag_button{left:350px;top:42px;width:37px;height:22px;background-position:-729px -1542px}
body.wc #slice_drag_button:hover{background-position:-768px -1542px}
body.wc #slice_drag_button:active{background-position:-807px -1542px}
body.wc #slice_drag_button.drag{top:41px;width:37px;height:24px;background-position:-846px -1542px}
body.wc #slice_drag_button.drag:hover{background-position:-885px -1542px}
body.wc #slice_drag_button.drag:active{background-position:-924px -1542px}
body.wc #btnPass.light_button:hover,
body.wc #btnPass.light_button:active,
body.wc #btnEsc.light_button:hover,
body.wc #btnEsc.light_button:active,
body.wc #slice_drag_button.light_button:hover,
body.wc #slice_drag_button.light_button:active{filter:none;transform:none}
body.wc #slice_drag_button::after{content:'Slice';position:absolute;left:-10px;top:18px;width:57px;text-align:center;font:10px/10px Arial,sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
body.wc #slice_drag_button.drag::after{content:'Drag';top:19px}
body:where(.th,.wc) #wcDamage,
body:where(.th,.wc) #wcMoveLabel{display:none}
body.wc #wcMoveLabel{display:block;position:absolute;left:326px;top:73px;width:60px;text-align:right;font:10px/10px Arial,sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
body.wc #wcDamage{display:block;position:absolute;left:34px;top:1px;width:132px;font:bold 11px Arial,sans-serif;pointer-events:none}
body.wc #wcDamageTitle,
body.wc #wcDamageMax,
body.wc #wcDamageTotal{text-shadow:1px 0 var(--o),-1px 0 var(--o),0 1px var(--o),0 -1px var(--o),1px 1px var(--o),-1px -1px var(--o),1px -1px var(--o),-1px 1px var(--o)}
body.wc #wcDamageTitle{position:absolute;left:0;top:0;width:132px;text-align:center;color:#e8e8e0;--o:#555}
body.wc #wcDamageMax,
body.wc #wcDamageTotal{position:absolute;left:40px;width:82px}
body.wc #wcDamageMax{top:19px;color:#e0b048;--o:#6b4a1a}
body.wc #wcDamageTotal{top:33px;color:#a8c8f0;--o:#2a4a78}
body.wc .wcDamageValue{position:absolute;right:0}
body.wc .UIGoldDigit{top:58px}
body.wc #UIGoldDigit0{left:113px}
body.wc #UIGoldDigit1{left:100px}
body.wc #UIGoldDigit2{left:87px}
body.wc #UIGoldDigit3{left:74px}
body.wc #UIGoldDigit4{left:61px}
body.wc #weatherSlot0{display:none}
body.wc #weatherSlot1{left:241px;top:0;width:35px;height:35px}
body.wc #weatherSlot2{left:267px;top:23px;width:20px;height:20px}
body.wc #weatherSlot3{left:273px;top:44px;width:20px;height:20px}
body.wc #weatherSlot4{left:271px;top:65px;width:20px;height:20px}
body.wc #weatherSlot1,
body.wc #weatherSlot2,
body.wc #weatherSlot3,
body.wc #weatherSlot4{filter:none;pointer-events:none}
body.wc #weatherSlot1.weather-0{background-position:0 -1599px}
body.wc #weatherSlot1.weather-1{background-position:-35px -1599px}
body.wc #weatherSlot1.weather-2{background-position:-70px -1599px}
body.wc #weatherSlot1.weather-3{background-position:-105px -1599px}
body.wc #weatherSlot1.weather-4{background-position:-140px -1599px}
body.wc #weatherSlot1.weather-5{background-position:-175px -1599px}
body.wc #weatherSlot1.weather-6{background-position:-210px -1599px}
body.wc #weatherSlot1.weather-7{background-position:-245px -1599px}
body.wc #weatherSlot1.weather-8{background-position:-280px -1599px}
body.wc #weatherSlot1.weather-9{background-position:-315px -1599px}
body.wc #weatherSlot1.weather-10{background-position:-350px -1599px}
body.wc #weatherSlot2.weather-0,
body.wc #weatherSlot3.weather-0,
body.wc #weatherSlot4.weather-0{background-position:0 -1577px}
body.wc #weatherSlot2.weather-1,
body.wc #weatherSlot3.weather-1,
body.wc #weatherSlot4.weather-1{background-position:-20px -1577px}
body.wc #weatherSlot2.weather-2,
body.wc #weatherSlot3.weather-2,
body.wc #weatherSlot4.weather-2{background-position:-40px -1577px}
body.wc #weatherSlot2.weather-3,
body.wc #weatherSlot3.weather-3,
body.wc #weatherSlot4.weather-3{background-position:-60px -1577px}
body.wc #weatherSlot2.weather-4,
body.wc #weatherSlot3.weather-4,
body.wc #weatherSlot4.weather-4{background-position:-80px -1577px}
body.wc #weatherSlot2.weather-5,
body.wc #weatherSlot3.weather-5,
body.wc #weatherSlot4.weather-5{background-position:-100px -1577px}
body.wc #weatherSlot2.weather-6,
body.wc #weatherSlot3.weather-6,
body.wc #weatherSlot4.weather-6{background-position:-120px -1577px}
body.wc #weatherSlot2.weather-7,
body.wc #weatherSlot3.weather-7,
body.wc #weatherSlot4.weather-7{background-position:-140px -1577px}
body.wc #weatherSlot2.weather-8,
body.wc #weatherSlot3.weather-8,
body.wc #weatherSlot4.weather-8{background-position:-160px -1577px}
body.wc #weatherSlot2.weather-9,
body.wc #weatherSlot3.weather-9,
body.wc #weatherSlot4.weather-9{background-position:-180px -1577px}
body.wc #weatherSlot2.weather-10,
body.wc #weatherSlot3.weather-10,
body.wc #weatherSlot4.weather-10{background-position:-200px -1577px}
body.wc #gameItemSlot0{left:359px;top:6px}
body.wc #gameItemSlot1{left:394px;top:6px}
body.wc #gameItemSlot2{left:429px;top:6px}
body.wc #gameItemSlot3{left:464px;top:6px}
body.wc #gameItemSlot4{left:499px;top:6px}
body.wc #gameItemSlot5{left:534px;top:6px}
body.wc #message_over_items{left:359px;top:6px}
body.wc #powerBar{left:389px;top:47px;bottom:auto;height:22px;background-position:0 -1500px}
body.wc #powerMarks{left:389px;top:47px;bottom:auto}
body.wc #powerMarkArea{left:389px}
body.wc #walkBar{left:389px;top:73px;bottom:auto;background-position:-402px -1500px}
body.wc #last_power_mark{top:69px;width:9px;height:6px;background-position:-477px -1599px}
body.wc .mya{left:287px;top:19px;opacity:1;pointer-events:none}
body:where(.th,.wc) .wcla{display:none}
body.wc .wcla{display:block;position:absolute;left:304px;top:46px;scale:.5;transform-origin:0 0;pointer-events:none}
body.wc #wind_meter2{left:176px;top:512.5px;opacity:1 !important}
body:where(.th,.wc) #wind_dial{position:absolute;left:210px;top:540.5px;width:64px;height:64px;pointer-events:none}
body:where(.th,.wc) .Wide #wind_dial{margin-top:var(--wide-extra)}
body.wc .Wide #wind_meter2{margin-top:var(--wide-extra)}
body.wc #tagHud{left:640px;right:auto;top:1px;width:153px;height:40px;background-position:-804px -1500px}
body.wc #tagHudMobile{left:12px;right:auto;top:-2px}
body.wc #tagHudBar{left:12px;right:auto;top:33px}
body.wc #btnTag{left:113px;top:5px;width:33px;height:30px;background-position:-963px -1542px}
body:where(.th,.wc) #tht{position:absolute;left:700px;top:42px;display:none}
body:where(.th,.wc) .thtDigit{position:absolute;background-image:url(/static/images/themes/dragonbound/images/turn_timerTH.png);background-repeat:no-repeat}
body:where(.th,.wc) #thtDigit1{width:28px;height:45px}
body:where(.th,.wc) #thtDigit2{left:30px;width:28px;height:45px}
body:where(.th,.wc) #thtDigitD{left:60px;top:39px;width:6px;height:6px;background-position:-180px -68px}
body:where(.th,.wc) #thtDigit3{left:68px;top:17px;width:17px;height:28px}
body:where(.th,.wc) .thtB0{background-position:0 0}
body:where(.th,.wc) .thtB1{background-position:-29px 0}
body:where(.th,.wc) .thtB2{background-position:-58px 0}
body:where(.th,.wc) .thtB3{background-position:-87px 0}
body:where(.th,.wc) .thtB4{background-position:-116px 0}
body:where(.th,.wc) .thtB5{background-position:-145px 0}
body:where(.th,.wc) .thtB6{background-position:-174px 0}
body:where(.th,.wc) .thtB7{background-position:-203px 0}
body:where(.th,.wc) .thtB8{background-position:-232px 0}
body:where(.th,.wc) .thtB9{background-position:-261px 0}
body:where(.th,.wc) .thtS0{background-position:0 -46px}
body:where(.th,.wc) .thtS1{background-position:-18px -46px}
body:where(.th,.wc) .thtS2{background-position:-36px -46px}
body:where(.th,.wc) .thtS3{background-position:-54px -46px}
body:where(.th,.wc) .thtS4{background-position:-72px -46px}
body:where(.th,.wc) .thtS5{background-position:-90px -46px}
body:where(.th,.wc) .thtS6{background-position:-108px -46px}
body:where(.th,.wc) .thtS7{background-position:-126px -46px}
body:where(.th,.wc) .thtS8{background-position:-144px -46px}
body:where(.th,.wc) .thtS9{background-position:-162px -46px}
body.th #scores_lose_a,
body.th #scores_lose_b{width:373px;height:383px;top:45px;background-position:0 0}
body.th #scores_lose_a.win,
body.th #scores_lose_b.win{background-position:-374px 0}
body.th #scores_lose_a{left:25px}
body.th #scores_lose_b{left:402px}
body.th #game_over{background-image:none}
body.th .score{width:299px;height:47px;background-position:-747.5px 0}
body.th #score1,
body.th #score3,
body.th #score5,
body.th #score7{background-position-y:-48px}
body.th .score.score_ffa_me{background-position-y:0 !important}
body.th .score.score_ffa_foe{background-position-y:-48px !important}
body.th #score0,
body.th #score2,
body.th #score4,
body.th #score6{left:62px}
body.th #score1,
body.th #score3,
body.th #score5,
body.th #score7{left:439px}
body.th #score0,
body.th #score1{top:148px}
body.th #score2,
body.th #score3{top:213px}
body.th #score4,
body.th #score5{top:278px}
body.th #score6,
body.th #score7{top:343px}
body:where(.th,.wc) .scoreA,
body:where(.th,.wc) .scoreB{display:none}
body.th .scoreA{display:block;position:absolute;left:-9px;top:7px;background-position:-747.5px -95.5px;width:33px;height:33px}
body.th .scoreB{display:block;position:absolute;left:-4px;top:7px;background-position:-781px -95.5px;width:28px;height:35px}
body.th .score_name{left:36px;top:26px;font-weight:bold;color:white;font-size:10px}
body.th .score_gp{right:10px;top:12px;left:unset;font-size:12px}
body.th .score_gold{right:10px;top:30px;left:unset;font-size:12px}
body.th .score_jewel_pts{left:56px;top:8px}
body.th .score_bonus_gp{left:107px;top:12px}
body.th .score_bonus_gold{left:160px;top:12px}
body.th .score_mvp{left:120px;top:-16px}
body.th .score_medal{left:0;top:12px;font-size:30px}
body.th .score_medal.score_place_number{font-size:16px;line-height:30px;left:15px}
body.th .score_tickets{left:180px;top:31px;font-size:10px}
body.th .score_wl{left:60px;top:0;font-size:9px}
body.th .score_mobile{left:62px;top:9px}
body.th .score_mobile_icon{width:18px;height:14px}
body.th .score_dmg{right:10px;top:0;left:unset;font-size:10px}
body.th .score_dmg.score_dmg_bar{top:0}
body.th .score_dmg.score_dmg_bar::after{width:40px;margin-left:auto}
body.th .score_jewel_pts.on ~ .score_mobile{right:10px;top:-15px;left:unset}
body.th .score_me{display:none !important}
body.th .score_mine{box-shadow:0 0 0 2px #ffd700,0 0 12px 2px rgba(255,215,0,0.8);border-radius:4px}
body.th .score_mine.score_ffa_me,
body.th .score_mine.score_ffa_foe{box-shadow:none}
body:where(.th,.wc).HD .score_ffa_winner{box-shadow:0 0 0 3px #a020f0,0 0 16px 4px rgba(160,32,240,0.85) !important;border-radius:6px}
body.th .score_master{left:38px;top:11px;width:22px;height:13px;background-position:-752px -761.5px;font-size:0;text-shadow:none}
body.th .score_master::before{content:none}
body.th .score_state_computer{left:70px;top:6px;font-size:33px}
body.th .score_state_left{left:118px;top:2px;font-size:32px}
body.th .score_state_rankup{left:84px;top:3px;font-size:32px}
body.wc #game_over{background-image:none}
body.wc #scores_lose_a,
body.wc #scores_lose_b{width:347px;height:303px;top:100px;background-position:-349px 0}
body.wc #scores_lose_a.win,
body.wc #scores_lose_b.win{background-position:0 0}
body.wc #scores_lose_a{left:38px}
body.wc #scores_lose_b{left:415px}
body.wc .score{width:337px;height:49px;background-position:0 -305px}
body.wc #score0,
body.wc #score2,
body.wc #score4,
body.wc #score6{left:42px}
body.wc #score1,
body.wc #score3,
body.wc #score5,
body.wc #score7{left:419px}
body.wc #score0,
body.wc #score1{top:159px}
body.wc #score2,
body.wc #score3{top:211px}
body.wc #score4,
body.wc #score5{top:263px}
body.wc #score6,
body.wc #score7{top:315px}
body.wc .scoreA,
body.wc .scoreB{display:block;position:absolute;left:2px;top:2px;width:44px;height:45px}
body.wc .scoreA{background-position:-339px -305px}
body.wc .scoreB{background-position:-385px -305px}
body.wc .score_name{left:50px;top:26px;color:white;font-size:10px}
body.wc .score_gp{right:10px;top:12px;left:unset;font-size:12px}
body.wc .score_gold{right:10px;top:30px;left:unset;font-size:12px}
body.wc .score_jewel_pts{left:70px;top:8px}
body.wc .score_bonus_gp{left:121px;top:12px}
body.wc .score_bonus_gold{left:174px;top:12px}
body.wc .score_mvp{left:7px;top:17px;width:34px;height:14px}
body.wc .score_medal{left:16px;top:1px;font-size:15px}
body.wc .score_medal.score_place_number{font-size:14px;left:20px}
body.wc .score_tickets{left:194px;top:31px;font-size:10px}
body.wc .score_wl{left:74px;top:0;font-size:9px}
body.wc .score_mobile{left:76px;top:9px}
body.wc .score_mobile_icon{width:18px;height:14px}
body.wc .score_dmg{left:4px;top:32px;font-size:10px}
body.wc .score_dmg.score_dmg_bar::after{width:40px}
body.wc .score_jewel_pts.on ~ .score_mobile{left:4px;top:32px}
body.wc .score_me{display:none !important}
body.wc .score_mine{box-shadow:0 0 0 2px #ffd700,0 0 12px 2px rgba(255,215,0,0.8)}
body.wc .score_master{left:52px;top:9px;font-size:13px}
body.wc .score_state_computer{left:84px;top:6px;font-size:33px}
body.wc .score_state_left{left:132px;top:2px;font-size:32px}
body.wc .score_state_rankup{left:98px;top:3px;font-size:32px}
body:where(.th,.wc) .Wide #gameui{margin-top:var(--wide-extra)}
body.th .Wide #gameui{margin-top:0}
body:where(.th,.wc) .Wide #btnFriends,
body:where(.th,.wc) .Wide #btnDownloadMap{margin-top:var(--wide-extra-neg)}
body.th .Wide #btnFriends,
body.th .Wide #btnDownloadMap{margin-top:0}
body:where(.th,.wc) .Wide #gameBcm{margin-top:var(--wide-extra)}
body.th .Wide #gameUI2,
body.th .Wide #btnShot1,
body.th .Wide #btnShot2,
body.th .Wide #btnShotSS,
body.th .Wide #slice_drag_button,
body.th .Wide #powerMarkArea,
body.th .Wide #last_power_mark,
body.th .Wide #powerBar,
body.th .Wide #powerMarks,
body.th .Wide #walkBar,
body.th .Wide #gameUIWalkBG,
body.th .Wide .mya,
body.th .Wide #all_chat,
body.th .Wide #team_chat,
body.th .Wide #game_dnd_btn,
body.th .Wide #GameWatchers,
body.th .Wide #GameEmoticonBtn,
body.th .Wide #GameEmoticonPicker,
body.th .Wide #gameInput,
body.th .Wide #score_panel,
body.th .Wide #TouchBarMsg,
body.th .Wide #tagHud{margin-top:var(--wide-extra)}
body:where(.th,.wc) .Wide #touch_ui,
body:where(.th,.wc) .Wide #TouchShot,
body:where(.th,.wc) .Wide #game_over,
body:where(.th,.wc) .Wide #game_replay,
body:where(.th,.wc) .Wide #game_click_to_revive,
body:where(.th,.wc) .Wide #howtoplay,
body:where(.th,.wc) .Wide .BonusMsg,
body:where(.th,.wc) .Wide .EventGameMsg1,
body:where(.th,.wc) .Wide .EventGameMsg2,
body:where(.th,.wc) .Wide .EventGameMsg3{margin-top:var(--wide-top)}
body:where(.th,.wc) .Wide #gameChat{margin-left:var(--wide-chat)}
body:where(.th,.wc) .Wide #turn_timer,
body:where(.th,.wc) .Wide #tht{margin-left:var(--wide-timer)}
body:where(.th,.wc) .Wide #gameui,
body:where(.th,.wc) .Wide #turns_list,
body:where(.th,.wc) .Wide #gameInput,
body:where(.th,.wc) .Wide #gameBcm,
body:where(.th,.wc) .Wide #wind_dial,
body.wc .Wide #wind_meter2,
body:where(.th,.wc) .Wide #game_over{margin-left:var(--wide-ui)}
body:where(.th,.wc) #shopScreen{display:none}
body:where(.th,.wc) .shopButton{position:absolute}
body:where(.th,.wc) .shopButton.selected{box-shadow:0 0 12px 4px #4a90e2,inset 0 0 8px 2px rgba(74,144,226,0.8);filter:brightness(1.15)}
body:where(.th,.wc) #buttonShopExit{position:absolute;left:14px;top:541px;width:36px;height:50px;background-position:-91px -233px}
body:where(.th,.wc).HD #buttonShopExit{background-position:-747.5px -40.5px}
body.th #buttonShopExit{left:-7px;width:107.5px;height:45px;background-position:-893px -227px;transform:scale(0.8)}
body:where(.th,.wc) #buttonShopExit .ThButtonIcon{background-position:-980px -185px}
body.wc #buttonShopExit.shopButton{left:15px;top:533px;width:62px;height:64px;background-position:-607px -150px}
body.wc #buttonShopExit.shopButton:hover{background-position:-607px -150px;animation:dbclassic-wcAnimExit 1.15s steps(23) infinite}
body.wc #buttonShopExit.shopButton:active{background-position:-671px -150px;animation:none}
body.wc #buttonShopExit .wcLabel{top:51px;bottom:auto}
body.wc #GuideShop{left:89px}
body.wc #buttonChargeShop1.chargeBtn{left:162px;top:532px;width:58px;height:62px;background-position:-179px -229px}
body.wc #buttonChargeShop.chargeBtn{left:52px;top:128px;width:58px;height:62px;background-position:-179px -229px}
body.wc #buttonChargeShop1.chargeBtn:hover,
body.wc #buttonChargeShop.chargeBtn:hover{background-position:-179px -229px;animation:dbclassic-wcAnimCharge .6s steps(12) infinite}
body.wc #buttonChargeShop1.chargeBtn:active,
body.wc #buttonChargeShop.chargeBtn:active{background-position:-239px -229px;animation:none}
body.wc #buttonChargeShop1 .wcLabel,
body.wc #buttonChargeShop .wcLabel{top:54px;bottom:auto}
body.wc #buttonShopPrev.shopButton{left:660px;top:496px;width:41px;height:32px;background-position:-435px -150px}
body.wc #buttonShopPrev.shopButton:hover{background-position:-435px -150px;animation:dbclassic-wcAnimUp 1s steps(20) infinite}
body.wc #buttonShopPrev.shopButton:active{background-position:-478px -150px;animation:none}
body.wc #buttonShopNext.shopButton{left:738px;top:496px;width:41px;height:32px;background-position:-521px -150px}
body.wc #buttonShopNext.shopButton:hover{background-position:-521px -150px;animation:dbclassic-wcAnimDown 1s steps(20) infinite}
body.wc #buttonShopNext.shopButton:active{background-position:-564px -150px;animation:none}
body.wc #buttonShopBuy.shopButton{left:584px;top:517px;width:64px;height:58px;background-position:-422px -303px}
body.wc #buttonShopBuy.shopButton:hover{background-position:-422px -303px;animation:dbclassic-wcAnimBuy 2.15s linear infinite}
body.wc #buttonShopBuy.shopButton:active{background-position:-488px -303px;animation:none}
body.wc #buttonShopBuy .wcLabel{top:58px;bottom:auto}
@keyframes dbclassic-wcAnimBuy{0%{background-position:0 -1534px;animation-timing-function:steps(22)}51.15%{background-position:-1430px -1534px}51.16%{background-position:0 -1593px;animation-timing-function:steps(21)}100%{background-position:-1365px -1593px}}
body.wc #buttonShopHead.shopButton{left:270px;top:495px;width:44px;height:31px;background-position:-699px -372px}
body.wc #buttonShopHead.shopButton:hover{background-position:-699px -372px;animation:dbclassic-wcAnimHead 1s steps(20) infinite}
body.wc #buttonShopHead.shopButton:active{background-position:-745px -372px;animation:none}
body.wc #buttonShopHead .wcLabel{top:25px;bottom:auto;left:-23px;right:-17px}
body.wc #buttonShopHead .AvNotif{top:0;right:1px}
@keyframes dbclassic-wcAnimHead{from{background-position:0 -1652px}to{background-position:-900px -1652px}}
body.wc #buttonShopBody.shopButton{left:330px;top:492px;width:44px;height:34px;background-position:-791px -372px}
body.wc #buttonShopBody.shopButton:hover{background-position:-791px -372px;animation:dbclassic-wcAnimBody 1s steps(20) infinite}
body.wc #buttonShopBody.shopButton:active{background-position:-837px -372px;animation:none}
body.wc #buttonShopBody .wcLabel{top:28px;bottom:auto}
body.wc #buttonShopBody .AvNotif{top:0;right:-4px}
@keyframes dbclassic-wcAnimBody{from{background-position:0 -1684px}to{background-position:-900px -1684px}}
body.wc #buttonShopGlass.shopButton{left:391px;top:497px;width:44px;height:31px;background-position:-883px -372px}
body.wc #buttonShopGlass.shopButton:hover{background-position:-883px -372px;animation:dbclassic-wcAnimGlass 1s steps(20) infinite}
body.wc #buttonShopGlass.shopButton:active{background-position:-929px -372px;animation:none}
body.wc #buttonShopGlass .wcLabel{top:23px;bottom:auto}
body.wc #buttonShopGlass .AvNotif{top:-2px;right:-2px}
@keyframes dbclassic-wcAnimGlass{from{background-position:0 -1719px}to{background-position:-900px -1719px}}
body.wc #buttonShopFlag.shopButton{left:453px;top:491px;width:40px;height:33px;background-position:0 -441px}
body.wc #buttonShopFlag.shopButton:hover{background-position:0 -441px;animation:dbclassic-wcAnimFlag .75s steps(15) infinite}
body.wc #buttonShopFlag.shopButton:active{background-position:-42px -441px;animation:none}
body.wc #buttonShopFlag .wcLabel{top:29px;bottom:auto;left:-16px;right:-24px}
body.wc #buttonShopFlag .AvNotif{top:-2px;right:-5px}
@keyframes dbclassic-wcAnimFlag{from{background-position:0 -1751px}to{background-position:-615px -1751px}}
body.wc #buttonShopExItem.shopButton{left:520px;top:491px;width:44px;height:33px;background-position:-84px -441px}
body.wc #buttonShopExItem.shopButton:hover{background-position:-84px -441px;animation:dbclassic-wcAnimExitem 1s steps(20) infinite}
body.wc #buttonShopExItem.shopButton:active{background-position:-130px -441px;animation:none}
body.wc #buttonShopExItem .wcLabel{top:29px;bottom:auto}
body.wc #buttonShopExItem .AvNotif{top:-3px;right:0}
@keyframes dbclassic-wcAnimExitem{from{background-position:0 -1785px}to{background-position:-900px -1785px}}
body.wc #shop_delete_avatar.light_button{left:192px;top:483px;width:44px;height:40px;background-position:-176px -441px}
body.wc #shop_delete_avatar.light_button:hover{background-position:-176px -441px;animation:dbclassic-wcAnimTrash 1.5s steps(30) infinite}
body.wc #shop_delete_avatar.light_button:active{background-position:-222px -441px;animation:none}
@keyframes dbclassic-wcAnimTrash{from{background-position:0 -1819px}to{background-position:-1350px -1819px}}
body.wc #buttonSendGift.light_button{left:54px;top:50px;width:51px;height:64px;background-position:-268px -441px}
body.wc #buttonSendGift.light_button:hover{width:51px;background-position:-268px -441px;animation:dbclassic-wcAnimGift .75s steps(15) infinite}
body.wc #buttonSendGift.light_button:active{background-position:-321px -441px;animation:none}
@keyframes dbclassic-wcAnimGift{from{background-position:0 -1860px}to{background-position:-780px -1860px}}
body.wc #buttonChargeShop1:hover,
body.wc #buttonChargeShop1:active,
body.wc #buttonChargeShop:hover,
body.wc #buttonChargeShop:active,
body.wc #buttonShopPrev:hover,
body.wc #buttonShopPrev:active,
body.wc #buttonShopNext:hover,
body.wc #buttonShopNext:active,
body.wc #buttonShopBuy:hover,
body.wc #buttonShopBuy:active,
body.wc #buttonShopHead:hover,
body.wc #buttonShopHead:active,
body.wc #buttonShopBody:hover,
body.wc #buttonShopBody:active,
body.wc #buttonShopGlass:hover,
body.wc #buttonShopGlass:active,
body.wc #buttonShopFlag:hover,
body.wc #buttonShopFlag:active,
body.wc #buttonShopExItem:hover,
body.wc #buttonShopExItem:active,
body.wc #shop_delete_avatar:hover,
body.wc #shop_delete_avatar:active,
body.wc #buttonSendGift:hover,
body.wc #buttonSendGift:active{filter:var(--btn-filter,)}
body:where(.th,.wc) #buttonShopBuy{left:580px;top:493px;width:72px;height:82px;background-position:-232px -245px}
body:where(.th,.wc).HD #buttonShopBuy{background-position:-711.5px -92px}
body:where(.th,.wc) #buttonShopHead{left:270px;top:493px;width:35px;height:31px;background-position:0 -202px}
body:where(.th,.wc).HD #buttonShopHead{background-position:-593.5px -52.5px;width:37px;height:33px;top:495px}
body:where(.th,.wc) #buttonShopBody{left:333px;top:493px;width:37px;height:31px;background-position:-35px -202px}
body:where(.th,.wc).HD #buttonShopBody{background-position:-632px -52.5px;width:37px;height:33px;top:495px}
body:where(.th,.wc) #buttonShopGlass{left:396px;top:495px;width:33px;height:31px;background-position:-72px -204px}
body:where(.th,.wc).HD #buttonShopGlass{background-position:-670.5px -52.5px;width:37px;height:33px}
body:where(.th,.wc) #buttonShopFlag{left:459px;top:493px;width:30px;height:33px;background-position:-105px -200px}
body:where(.th,.wc).HD #buttonShopFlag{background-position:-709px -52.5px;width:37px;height:33px;top:495px}
body:where(.th,.wc) #buttonShopExItem{left:522px;top:493px;width:39px;height:28px;background-position:-213px -204px}
body:where(.th,.wc).HD #buttonShopExItem{background-position:-661px -121.5px;width:41px;height:33px;top:495px}
body:where(.th,.wc) #buttonShopBackground{left:272px;top:551px;width:57px;height:26px;background-position:-253px -208px}
body:where(.th,.wc).HD #buttonShopBackground{background-position:-594.5px -87px;width:57px;height:33px;top:545px}
body:where(.th,.wc) #buttonShopForeground{left:352px;top:545px;width:57px;height:33px;background-position:-311px -201px}
body:where(.th,.wc).HD #buttonShopForeground{background-position:-653px -87px;width:57px;height:33px}
body:where(.th,.wc) #buttonShopDeals{left:432px;top:542px;width:57px;height:33px;background-image:url(/static/images/themes/dragonbound/images/deals.png);background-size:contain;background-repeat:no-repeat;background-position:center;text-align:center}
body:where(.th,.wc) #buttonShopDeals .AvNotif{right:2px}
body:where(.th,.wc) #buttonShopDeals .shotBtnText{bottom:-2px}
body:where(.th,.wc) #buttonShopSeason{position:absolute;left:512px;top:542px;width:57px;height:31px;text-align:center;background-image:none !important}
body:where(.th,.wc) #buttonShopSeason.seasonDisabled{filter:grayscale(1);opacity:.5;pointer-events:none}
body:where(.th,.wc) #buttonShopSeason .AvNotif{right:3px}
body:where(.th,.wc) #buttonShopSeason .shotBtnText{bottom:-4px}
body:where(.th,.wc) .shopSeasonIcon{font-size:22px;text-align:center;line-height:31px}
body:where(.th,.wc) #buttonShopEvent{position:absolute;left:662px;top:542px;width:57px;height:31px;text-align:center;background-image:none !important}
body:where(.th,.wc) #buttonShopEvent .AvNotif{right:3px}
body:where(.th,.wc) #buttonShopEvent .shotBtnText{bottom:-4px}
body:where(.th,.wc) .shopEventIcon{font-size:22px;text-align:center;line-height:31px}
body:where(.th,.wc) .shopButtonHidden{display:none !important}
body:where(.th,.wc) .eventBuyBtn .Text{color:#8ef58e}
body:where(.th,.wc) .shotBtnText{position:absolute;font-size:10px;white-space:nowrap;transform:translateX(-50%)}
body:where(.th,.wc) #buttonShopPrev{left:660px;top:496px;width:37px;height:28px;background-position:-135px -202px}
body:where(.th,.wc).HD #buttonShopPrev{background-position:-568px -121.5px;width:41px;height:33px}
body:where(.th,.wc) #buttonShopNext{left:738px;top:496px;width:37px;height:28px;background-position:-172px -202px}
body:where(.th,.wc).HD #buttonShopNext{background-position:-610.5px -121.5px;width:41px;height:33px}
body:where(.th,.wc) .shop_item0{left:259px;top:26px}
body:where(.th,.wc) .shop_item1{left:434px;top:26px}
body:where(.th,.wc) .shop_item2{left:609px;top:26px}
body:where(.th,.wc) .shop_item3{left:259px;top:178px}
body:where(.th,.wc) .shop_item4{left:434px;top:178px}
body:where(.th,.wc) .shop_item5{left:609px;top:178px}
body:where(.th,.wc) .shop_item6{left:259px;top:330px}
body:where(.th,.wc) .shop_item7{left:434px;top:330px}
body:where(.th,.wc) .shop_item8{left:609px;top:330px}
body:where(.th,.wc) .shop_item{position:absolute;width:169px;height:148px}
body:where(.th,.wc).HD .shop_item{background-position:-341.5px -346px}
body:where(.th,.wc) .shop_item:active{margin-left:2px;margin-top:2px}
body:where(.th,.wc) .shop_item.selected{background-position:-169px 0}
body:where(.th,.wc).HD .shop_item.selected{background-position:-511px -346px}
body:where(.th,.wc) .shop_item_icon{float:left}
body:where(.th,.wc) .shop_item_icon_hm,
body:where(.th,.wc) .shop_item_icon_ha{width:15px;height:11px;background-position:0 -149px}
body:where(.th,.wc) .shop_item_icon_bm,
body:where(.th,.wc) .shop_item_icon_ba{width:18px;height:13px;background-position:-15px -149px}
body:where(.th,.wc) .shop_item_icon_gm,
body:where(.th,.wc) .shop_item_icon_ga{width:18px;height:11px;background-position:-33px -149px}
body:where(.th,.wc) .shop_item_icon_fa{width:16px;height:13px;background-position:-51px -149px}
body:where(.th,.wc).SD .shop_item_icon_fm{width:16px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoR7aOImgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAFvSURBVHjajZJNSwJRFIbfMzOpabmoVm7ya2zRstbRDwghaN+mP9CqiNb2U2rbJxT5A4KgiKTCGVFLEDSodOHHOKd7h1CnSfKFyzkznPvwnnMuYUjMjGg8xR2aAoGhoYWS+UQYISISNUOKxZNcLBi4fGlIHGytibnkCgf5HWUz9yfIBbAo4MSD4xCIFZGFcXiSheWrYTa5ygH+QMW8p5EAhupEwyihpzWwEF1E5lSWRHAkQKy0ENbXhKMaqsYNeQAEe5CzinwhD7J90BNxAZLwEJa2zrCX7iCSWGZZ9gvQ63shW7RDXecrbxbBImfFEtHCRnoHn+YteYbIUPooZwasOn+l9a6/CuV8Fyq3xeW7/hzcQ0Rg4EX7gjVRR+8iAx834Rfn1Xz0bMIFaCkzP/dttK+2MW1XUCo8j3wHHgX1dZZSU5sy4L8jpQwD5Bqvc3AsjysXYNKuYz9bQdgujw1w9Tcf01m+xjfzYay+5Rq/AZdrqfDmdry1AAAAAElFTkSuQmCC) !important}
body:where(.th,.wc).SD .shop_item_icon_ff{width:16px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoSdKrZIAAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAClSURBVHjaY2RAAv///2dIYZL/jyw2599DRgYcgJGRkYEFWQCkGaiBgWHPBRQxfAaxYBO8NX01wgW7NuI1CKsBd+/eBdPKyspww3AZhNUAfAaVBcYwqGWGwgxixGsAukEw0OXmD3bBXPRAJATWXjqOETMEDYBpwhUTLIQ04ksHGCCZUe4/CEBpBkIYBJgwTEFKRMQADAOQExExAMV/IKeT4m9QXgAAeWprQrDQiegAAAAASUVORK5CYII=) !important}
body:where(.th,.wc) .shop_item_icon_hf{width:15px;height:11px;background-position:-67px -149px}
body:where(.th,.wc) .shop_item_icon_bf{width:18px;height:13px;background-position:-82px -149px}
body:where(.th,.wc) .shop_item_icon_gf{width:18px;height:11px;background-position:-100px -149px}
body:where(.th,.wc) .shop_item_icon_1a{width:16px;height:12px;background-position:-153px -152px}
body:where(.th,.wc) .shop_item_icon_2a{width:16px;height:12px;background-position:-136px -152px}
body:where(.th,.wc) .shop_item_icon_xa{width:16px;height:16px;background-position:-119px -149px}
body:where(.th,.wc).HD .shop_item_icon_hm{background-position:-878px -966px;width:13px;height:10px}
body:where(.th,.wc).HD .shop_item_icon_hf{background-position:-891.5px -966px;width:13px;height:10px}
body:where(.th,.wc).HD .shop_item_icon_ha{background-position:-905px -966px;width:13px;height:10px}
body:where(.th,.wc).HD .shop_item_icon_bm{background-position:-918.5px -966px;width:18px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_bf{background-position:-937px -966px;width:18px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_ba{background-position:-955.5px -966px;width:18px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_gm{background-position:-915.5px -979.5px;width:18px;height:9px;margin-top:1px}
body:where(.th,.wc).HD .shop_item_icon_gf{background-position:-934px -979.5px;width:18px;height:9px;margin-top:1px}
body:where(.th,.wc).HD .shop_item_icon_ga{background-position:-952.5px -979.5px;width:18px;height:9px;margin-top:1px}
body:where(.th,.wc).HD .shop_item_icon_fm{background-position:-878px -976.5px;width:12px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_ff{background-position:-890.5px -976.5px;width:12px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_fa{background-position:-903px -976.5px;width:12px;height:13px}
body:where(.th,.wc).HD .shop_item_icon_1a{background-position:-878px -990px;width:16px;height:12px}
body:where(.th,.wc).HD .shop_item_icon_2a{background-position:-894.5px -990px;width:16px;height:12px}
body:where(.th,.wc).HD .shop_item_icon_xa{background-position:-974px -966px;width:16px;height:16px}
body:where(.th,.wc) .shop_item_timer{position:absolute;left:13px;top:24px;color:black;z-index:9;font-size:15px;font-family:Arial,sans-serif;font-weight:bold;text-shadow:-1px 0 2px white,0 1px 2px white,1px 0 2px white,0 -1px 2px white}
body:where(.th,.wc) .shop_item_name{position:absolute;left:5px;top:5px;font-size:10px;color:white}
body:where(.th,.wc) .shop_item_image{position:absolute;left:85px;top:94px}
body:where(.th,.wc) .shop_item_stat{position:absolute;z-index:9}
body:where(.th,.wc) .shop_item_stat0{left:123px;top:101px}
body:where(.th,.wc) .shop_item_stat1{left:89px;top:101px}
body:where(.th,.wc) .shop_item_stat2{left:55px;top:101px}
body:where(.th,.wc) .shop_item_stat3{left:21px;top:101px}
body:where(.th,.wc) .shop_item_stat4{left:123px;top:86px}
body:where(.th,.wc) .shop_item_stat5{left:89px;top:86px}
body:where(.th,.wc) .shop_item_stat6{left:55px;top:86px}
body:where(.th,.wc) .shop_item_stat7{left:21px;top:86px}
body:where(.th,.wc) .stat_icon{position:absolute;width:14px;height:14px}
body:where(.th,.wc) .stat_icon_time{background-position:0 -173px}
body:where(.th,.wc) .stat_icon_dig{background-position:-14px -173px}
body:where(.th,.wc) .stat_icon_atk{background-position:-28px -173px}
body:where(.th,.wc) .stat_icon_life{background-position:-42px -173px}
body:where(.th,.wc) .stat_icon_def{background-position:-56px -173px}
body:where(.th,.wc) .stat_icon_item{background-position:-70px -173px}
body:where(.th,.wc) .stat_icon_shld{background-position:-84px -173px}
body:where(.th,.wc) .stat_icon_pop{background-position:-98px -173px}
body:where(.th,.wc) .stat_icon_time-{background-position:0 -187px}
body:where(.th,.wc) .stat_icon_dig-{background-position:-14px -187px}
body:where(.th,.wc) .stat_icon_atk-{background-position:-28px -187px}
body:where(.th,.wc) .stat_icon_life-{background-position:-42px -187px}
body:where(.th,.wc) .stat_icon_def-{background-position:-56px -187px}
body:where(.th,.wc) .stat_icon_item-{background-position:-70px -187px}
body:where(.th,.wc) .stat_icon_shld-{background-position:-84px -187px}
body:where(.th,.wc) .stat_icon_pop-{background-position:-98px -187px}
body:where(.th,.wc).HD .stat_icon_time{background-position:-878px -935px}
body:where(.th,.wc).HD .stat_icon_dig{background-position:-892.5px -935px}
body:where(.th,.wc).HD .stat_icon_atk{background-position:-907px -935px}
body:where(.th,.wc).HD .stat_icon_life{background-position:-921.5px -935px}
body:where(.th,.wc).HD .stat_icon_def{background-position:-936px -935px}
body:where(.th,.wc).HD .stat_icon_item{background-position:-950.5px -935px}
body:where(.th,.wc).HD .stat_icon_shld{background-position:-965px -935px}
body:where(.th,.wc).HD .stat_icon_pop{background-position:-979.5px -935px}
body:where(.th,.wc).HD .stat_icon_time-{background-position:-878px -950.5px}
body:where(.th,.wc).HD .stat_icon_dig-{background-position:-892.5px -950.5px}
body:where(.th,.wc).HD .stat_icon_atk-{background-position:-907px -950.5px}
body:where(.th,.wc).HD .stat_icon_life-{background-position:-921.5px -950.5px}
body:where(.th,.wc).HD .stat_icon_def-{background-position:-936px -950.5px}
body:where(.th,.wc).HD .stat_icon_item-{background-position:-950.5px -950.5px}
body:where(.th,.wc).HD .stat_icon_shld-{background-position:-965px -950.5px}
body:where(.th,.wc).HD .stat_icon_pop-{background-position:-979.5px -950.5px}
body:where(.th,.wc) .stat_digit1{position:absolute;left:15px;top:1px}
body:where(.th,.wc) .stat_digit2{position:absolute;left:21px;top:1px}
body:where(.th,.wc) .digit0{position:absolute}
body:where(.th,.wc) .digit1{position:absolute;left:6px}
body:where(.th,.wc) .digit2{position:absolute;left:12px}
body:where(.th,.wc) .digit3{position:absolute;left:18px}
body:where(.th,.wc) .stat_font{width:6px;height:11px}
body:where(.th,.wc) .stat_font0{background-position:0 -162px}
body:where(.th,.wc) .stat_font1{background-position:-6px -162px}
body:where(.th,.wc) .stat_font2{background-position:-12px -162px}
body:where(.th,.wc) .stat_font3{background-position:-18px -162px}
body:where(.th,.wc) .stat_font4{background-position:-24px -162px}
body:where(.th,.wc) .stat_font5{background-position:-30px -162px}
body:where(.th,.wc) .stat_font6{background-position:-36px -162px}
body:where(.th,.wc) .stat_font7{background-position:-42px -162px}
body:where(.th,.wc) .stat_font8{background-position:-48px -162px}
body:where(.th,.wc) .stat_font9{background-position:-54px -162px}
body:where(.th,.wc).HD .stat_font0{background-position:-911px -991px}
body:where(.th,.wc).HD .stat_font1{background-position:-917.5px -991px}
body:where(.th,.wc).HD .stat_font2{background-position:-924px -991px}
body:where(.th,.wc).HD .stat_font3{background-position:-930.5px -991px}
body:where(.th,.wc).HD .stat_font4{background-position:-937px -991px}
body:where(.th,.wc).HD .stat_font5{background-position:-943.5px -991px}
body:where(.th,.wc).HD .stat_font6{background-position:-950px -991px}
body:where(.th,.wc).HD .stat_font7{background-position:-956.5px -991px}
body:where(.th,.wc).HD .stat_font8{background-position:-963px -991px}
body:where(.th,.wc).HD .stat_font9{background-position:-969.5px -991px}
body:where(.th,.wc) .ShopSetSave{position:absolute;font-size:10px;left:45px;top:18px}
body:where(.th,.wc) .ShopSetInfo{position:absolute;font-size:10px;left:95px;top:18px}
body:where(.th,.wc) .ShopSetLoad{position:absolute;font-size:10px;left:150px;top:18px}
body:where(.th,.wc) .ShopSetLoad.Disabled,
body:where(.th,.wc) .ShopSetInfo.Disabled{display:none;opacity:.2}
body:where(.th,.wc) .shop_item_cash{position:absolute;top:117px;right:16px;width:150px;height:12px;color:#8bc2ee;text-align:right;font-size:11px;font-weight:bold}
body:where(.th,.wc) .shop_item_gold{position:absolute;top:131px;right:16px;width:150px;height:12px;color:#ffd273;text-align:right;font-size:11px;font-weight:bold;white-space:nowrap}
body:where(.th,.wc) .shop_item_event_points{position:absolute;top:131px;right:16px;width:152px;height:12px;color:#8ef58e;text-align:right;font-size:11px;font-weight:bold;white-space:nowrap}
body.th .shop_item_event_points{top:127px}
body:where(.th,.wc) #shop_player{position:absolute;left:117px;top:97px}
body:where(.th,.wc) #shop_my_stats{position:absolute;left:27px;top:24px}
body:where(.th,.wc) #shop_my_items_container{position:absolute;left:11px;top:227px;width:219px;height:248px}
body:where(.th,.wc) #shop_my_items_container .viewport{width:204px;height:248px;overflow:hidden;position:relative}
body:where(.th,.wc) #shop_my_items_container .overview{list-style:none;position:absolute;left:0;top:0;padding:0;margin:0}
body:where(.th,.wc) #shop_my_items_container .scrollbar{position:relative;float:right;width:13px;padding-top:11px}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment{height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaOBg+P8DRO5/wTD/BEN/B0M7B0MTB0QcAKO0CsWeIfXOAAAAAElFTkSuQmCC)}
body:where(.th,.wc) /*# sourceMappingURL=/jquery-3.6.3.min.map*/.DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement{height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCIQcQChpArF4r18lgAAAABJRU5ErkJggg==)}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment:hover{background-color:#9098b5}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement:hover{background-color:#9098b5}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-thumb{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-thumb:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAgMEA0sIhMAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-track{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjaOAAAAELAIku6lhPAAAAAElFTkSuQmCC)}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar-track:hover{background-color:#9098b5}
body:where(.th,.wc) .DragonScroll .viewport::-webkit-scrollbar{width:13px}
body:where(.th,.wc) #shop_my_items_number{position:absolute;left:210px;top:212px;width:30px;height:15px}
body:where(.th,.wc) .shop_my_item{position:relative;width:204px;height:31px;background-position:-204px -327px;overflow:hidden}
body:where(.th,.wc) .shop_my_item:hover{filter:brightness(1.2)}
body:where(.th,.wc) .shop_my_item.empty{filter:brightness(0.8)}
body:where(.th,.wc) .shop_my_item.selected{background-position:-204px -358px}
body:where(.th,.wc).HD .shop_my_item{background-position:-751px -815px}
body:where(.th,.wc).HD .shop_my_item.selected{background-position:-751px -846.5px}
body:where(.th,.wc) .shop_my_item_new{filter:sepia(0.5)}
body:where(.th,.wc) .shop_my_item_cash{position:absolute;left:159px;top:2px;width:36px;height:27px;background-position:-37px -333px}
body:where(.th,.wc) .shop_my_item_cash.selected{background-position:-37px -361px}
body:where(.th,.wc).HD .shop_my_item_cash{background-position:-915.5px -878px}
body:where(.th,.wc).HD .shop_my_item_cash.selected{background-position:-915.5px -906.5px}
body:where(.th,.wc) .shop_my_item_gift{position:absolute;left:159px;top:2px;width:36px;height:27px;background-position:0 -333px}
body:where(.th,.wc) .shop_my_item_gift.selected{background-position:0 -361px}
body:where(.th,.wc).HD .shop_my_item_gift{background-position:-878px -878px}
body:where(.th,.wc).HD .shop_my_item_gift.selected{background-position:-878px -906.5px}
body:where(.th,.wc) .shop_my_item_icon{position:absolute;left:15px;top:4px}
body:where(.th,.wc) .shop_my_item_name{position:absolute;left:36px;top:4px;font-size:10px;color:#295a9c}
body:where(.th,.wc) .shop_my_item.selected .shop_my_item_name{color:white}
body:where(.th,.wc) .shopSetNameInput{position:absolute;left:36px;top:4px;font-size:10px;width:126px}
body:where(.th,.wc) .shopSetNameOK{position:absolute;left:175px;top:5px;font-size:16px}
body:where(.th,.wc) .shopSetNameCancel{position:absolute;left:9px;top:5px;font-size:16px}
body:where(.th,.wc) .shop_my_item_equip.equipped{position:absolute;left:-1px;top:7px;width:10px;height:17px;background-position:0 -233px}
body:where(.th,.wc).HD .shop_my_item_equip.equipped{background-position:-572.5px -52.5px}
body:where(.th,.wc) .shop_my_item_stat{position:absolute}
body:where(.th,.wc) .shop_my_item_stat0{left:172px;top:15px}
body:where(.th,.wc) .shop_my_item_stat1{left:142px;top:15px}
body:where(.th,.wc) .shop_my_item_stat2{left:112px;top:15px}
body:where(.th,.wc) .shop_my_item_stat3{left:82px;top:15px}
body:where(.th,.wc) .shop_my_item_stat4{left:52px;top:15px}
body:where(.th,.wc) .shop_my_item_stat5{left:22px;top:15px}
body:where(.th,.wc) .shop_my_item_stat6{left:172px;top:1px}
body:where(.th,.wc) .shop_my_item_stat7{left:142px;top:1px}
body:where(.th,.wc) .SortBy{filter:drop-shadow(0 0 5px yellow)}
body:where(.th,.wc) #shop_my_cash{position:absolute;right:612px;top:143px;width:150px;height:12px;color:#8bc2ee;text-align:right;font-size:11px;font-weight:bold}
body:where(.th,.wc) #shop_my_gold{position:absolute;right:612px;top:157px;width:150px;height:12px;color:#ffd273;text-align:right;font-size:11px;font-weight:bold}
body:where(.th,.wc) #shopScreen.eventShop #shop_my_event_points{display:block}
body:where(.th,.wc) #shopScreen.eventShop #shop_my_cash{top:141px}
body:where(.th,.wc) #shopScreen.eventShop #shop_my_gold{top:153px}
body:where(.th,.wc) #shop_my_event_points{position:absolute;display:none;right:612px;top:165px;width:160px;height:12px;color:#8ef58e;text-align:right;font-size:11px;font-weight:bold;white-space:nowrap}
body:where(.th,.wc) #shop_pack_card{box-shadow:inset 0 0 0 2px #ffd273;border-radius:6px}
body:where(.th,.wc) .shop_pack_icon{position:absolute;left:0;right:0;top:34px;text-align:center;font-size:42px;line-height:46px}
body:where(.th,.wc) .shop_pack_amount{position:absolute;left:0;right:0;top:82px;text-align:center;font-size:20px;font-weight:bold;color:#8ef58e;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}
body:where(.th,.wc) #shop_security_lock{position:absolute;right:586px;top:145px;font-size:20px}
body:where(.th,.wc) .SecurityLock.Unlocked{opacity:.2}
body:where(.th,.wc) .SecurityLock.Unset{opacity:.1}
body:where(.th,.wc) #shop_buy_dialog{position:absolute;left:243px;top:127px;width:386px;height:353px;background-position:0 -389px;background-color:transparent;border:0;display:none;z-index:22;filter:drop-shadow(2px 4px 6px black)}
body:where(.th,.wc).HD #shop_buy_dialog{background-position:-491.5px -878px}
body:where(.th,.wc) #shop_buy_dialog .shop_item_icon{left:156px;top:33px}
body:where(.th,.wc) #shop_buy_dialog .shop_item_name{left:177px;top:36px}
body:where(.th,.wc) #shop_buy_dialog .shop_item_image{left:235px;top:138px}
body:where(.th,.wc) .buy_option{position:absolute;text-align:center;font-size:11px;font-weight:bold;width:93px}
body:where(.th,.wc) #buy_cash_week{left:87px;top:234px;color:#8bc2ee}
body:where(.th,.wc) #buy_cash_month{left:183px;top:234px;color:#8bc2ee}
body:where(.th,.wc) #buy_cash_perm{left:279px;top:234px;color:#8bc2ee}
body:where(.th,.wc) #buy_gold_week{left:87px;top:264px;color:#ffd273}
body:where(.th,.wc) #buy_gold_month{left:183px;top:264px;color:#ffd273}
body:where(.th,.wc) #buy_gold_perm{left:279px;top:264px;color:#ffd273}
body:where(.th,.wc) #buy_cancel_btn{position:absolute;left:332px;top:324px;width:40px;height:23px;background-position:-112px -304px}
body:where(.th,.wc).HD #buy_cancel_btn{background-position:-553px -94px;height:26px}
body.th #buy_cancel_btn{left:323px;top:319px;height:15px;transform:scale(1.5)}
body.th #buy_cancel_btn.light_button:active{transform:translateY(1px) scale(1.5)}
body:where(.th,.wc) #DragonDesignerOK{position:absolute;right:8px;top:32px;z-index:9}
body:where(.th,.wc) #DragonDesignerTypeAnimation{margin-top:2px;margin-left:-22px;width:273px;height:81px;font-size:9px}
body:where(.th,.wc) #shopTitle{position:absolute;left:460px;text-shadow:#f00 -20px 0 40px,#f00 0 20px 40px,#f00 20px 0 40px,#f00 0 -20px 40px,#f00 -1px 0 1px,#f00 0 1px 1px,#f00 1px 0 1px,#f00 0 -1px 1px;font-size:24px;font-weight:bold;color:#fff}
body:where(.th,.wc) #shopMyBox{position:absolute;left:4px;top:6px;width:210px;height:171px;background:rgba(140,140,140,0.5);border-radius:10px}
body:where(.th,.wc) #shopInvTitle{position:absolute;left:75px;top:185px}
body:where(.th,.wc) #shopInvBox{position:absolute;left:4px;top:204px;width:229px;height:318px}
body:where(.th,.wc) #shopFilterMyAvatar{position:absolute;left:15px;top:479px;font-size:11px;width:131px;border:1px solid black;padding:2px;height:13px}
body:where(.th,.wc) #shopSearchBtn{color:black;position:absolute;left:155px;top:479px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABZVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMzKyspMTEyNjY2WlpYrKytUVFQFBQXIyMjl5eW+vr4HBwe6urqzs7NmZmYcHBwXFxfCwsKjo6NycnI9PT0TExPExMQ4ODi9vb2mpqaampp9fX1CQkIyMjLa2trFxcW/v7+pqamhoaGKioqAgIB6enptbW1dXV0pKSklJSUMDAzb29u2traxsbGtra3Vpp2dnZ2Tk5OHh4d1dXVjY2NHR0coKCgiIiJ0HQwKAgDh4eHX19fQ0NDNxcPciXl5eXlsZ2ZxXltJSUnmYUhISEjoVDjeTzQwMDDJMBOUIw6SIw1/HgxXFQg9DgUlCQO7UniPAAAAJ3RSTlMAdwX84KyDXuX4vIwPxH0Y8+vWmZVJRywLzq9xbjElCvKxompQRjlh6j2+AAACFElEQVQ4y42TV3faQBBGBaKDuwG3OD3fLijqAtFDB9Nxr7HTe09+f0QERwGDj++L5uFqzszODMPY3U6ff5u5gbUNGCyFblDmcXX5/Tc8C7MVD358fPPlD/yzFRbfDsnr92AfzlSW8fPzIaUx3LszS9nC1a/Ld1TMYc42BXfA6HmFBdAkeQFTcYQNJ7TqQzxBzyLTiMNnvo0DDTKdHXjNglYRIWKBSyY4jjO+nJznuH2N41QShcNUgshkxR7KSUB4lgG4NBBLQcgTHqumElhCgXSuKc/FbJwNMiZOdMiRXsrrerzW1fWjiK6ninrMKMUTGCpu4w96HXIGJzNkYVGok2pClGWZ1mRZTMhytpqgtAc3M2IObRLNJRWlL8cVpVBSlPYpTw8Er7UBNpSpmh4vt0FSmLNGFWaVPdoeU4oqzcFmKfZlNElW1DSN7mlaVdW0WpaqfW/YUgIOvCV0ghaW7ZayOZgk/3SMrgCn/f8kRbIjYBLWctxGElKPTtCIKdi07qBEyRRSWB+lecwKn/jibmW3xZvUK5VXHZ4vwXPXNMz1jEiSqMCEk6QTGJiK6bjQj0pSC4sul8uBriq9yGHdiG1WT/O4OJZexrBoHwwsokpqejRlq6fM6cHx+b893ED5ZL/Zm7zQBQ/i5zkB80b8iMXXDxfwTh5faAkG99cGsZ8F4N1iJtn2+5zuYXHBB76VJ8yt+QuSIH6C2k1b7QAAAABJRU5ErkJggg==) no-repeat;background-size:20px 20px}
body:where(.th,.wc) .shopNeedLevel{position:absolute;left:20px;bottom:10px}
body:where(.th,.wc) #SortBtnPop{position:absolute;left:12px;top:503px}
body:where(.th,.wc) #SortBtnTime{position:absolute;left:33px;top:503px}
body:where(.th,.wc) #SortBtnAtk{position:absolute;left:55px;top:503px}
body:where(.th,.wc) #SortBtnDef{position:absolute;left:77px;top:503px}
body:where(.th,.wc) #SortBtnLife{position:absolute;left:99px;top:503px}
body:where(.th,.wc) #SortBtnItem{position:absolute;left:121px;top:503px}
body:where(.th,.wc) #SortBtnDig{position:absolute;left:143px;top:503px}
body:where(.th,.wc) #SortBtnShld{position:absolute;left:165px;top:503px}
body:where(.th,.wc) .ShopGridBtn{position:absolute;top:6px;width:16px;height:16px;text-align:center;font-size:14px;line-height:16px;display:flex;align-items:center;justify-content:center;background-size:16px 16px;background-repeat:no-repeat}
body:where(.th,.wc) #ShopFilterGold{left:640px;background-image:url(/static/images/themes/dragonbound/images/shop_filter_gold.png)}
body:where(.th,.wc) #ShopFilterCash{left:662px;background-image:url(/static/images/themes/dragonbound/images/shop_filter_cash.png)}
body:where(.th,.wc) #SortBtnPrice{left:684px;background-image:url(/static/images/themes/dragonbound/images/shop_sort_price.png)}
body:where(.th,.wc) #ShopFilterOwned{left:706px;background-image:url(/static/images/themes/dragonbound/images/shop_filter_owned.png)}
body:where(.th,.wc) #ShopFilterGender{left:728px;background-image:url(/static/images/themes/dragonbound/images/shop_filter_gender.png)}
body:where(.th,.wc) #SortBtnPrice .SortDir{position:absolute;right:-3px;bottom:-4px;font-size:8px;line-height:8px;color:yellow;text-shadow:0 0 2px black;display:none}
body:where(.th,.wc) #shopNoItems{position:absolute;left:259px;top:220px;width:524px;text-align:center;font-size:16px;color:#fff;text-shadow:1px 1px 2px black}
body:where(.th,.wc) #shopClearFilters{display:inline-block;margin-top:12px;padding:3px 12px;font-size:13px;color:yellow;border:1px solid rgba(255,255,255,.6);border-radius:4px;background:rgba(0,0,0,.35)}
body:where(.th,.wc) .FilterBtn{position:absolute}
body:where(.th,.wc) #FilterBtnHead{left:11px;top:211px}
body:where(.th,.wc) #FilterBtnBody{left:34px;top:210px}
body:where(.th,.wc) #FilterBtnEyes{left:60px;top:211px}
body:where(.th,.wc) #FilterBtnFlag{left:85px;top:210px}
body:where(.th,.wc) #FilterBtnBG{left:105px;top:211px}
body:where(.th,.wc) #FilterBtnFG{left:130px;top:211px}
body:where(.th,.wc) #FilterBtnEX{left:155px;top:207px}
body:where(.th,.wc) #FilterBtnAll{left:185px;top:210px;width:20px;height:14px}
body:where(.th,.wc) #FilterBtnAll .AvNotif{top:-6px;right:-5px}
body:where(.th,.wc) .AvatarsIcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAADd6iHDAAAAKlBMVEUAAAAAAAD////e3t7GxsbWpUr/xkrGxs6cnJze3uf/xkLn3t7OxsrepUplJs/zAAAAAXRSTlMAQObYZgAAAHNJREFUCNdjYGAQBAIBBhBgVJLoEHYEM4WUFBuVjwiABZWUhJTFC8GCRkpKymDVQspOSkqKQiWCQP0mQkAVSsYuAkC22LJAJSXN6SBDxNIuAlVvgTADgUywqBSIqW1yEGSyoFhoaCDEbsaloYFABhhAnAMAv0kURDrmDiQAAAAASUVORK5CYII=)}
body:where(.th,.wc).HD .AvatarsIcon{background-position:-976px -988px}
body:where(.th,.wc) .FilterActive,
body:where(.th,.wc) .SortActive,
body:where(.th,.wc) .GridFilterActive,
body:where(.th,.wc) .GridSortActive{box-shadow:inset 0 0 4px 0 rgba(255,255,0,.7),0 0 2px 2px rgba(255,255,0,.7)}
body:where(.th,.wc) .abs{position:absolute;z-index:9}
body:where(.th,.wc) .ShopSetBtn{position:absolute;left:12px;top:23px;width:20px;height:14px;cursor:pointer}
body:where(.th,.wc) .ShopSetBtn.row2{left:12px;top:38px}
body:where(.th,.wc) .shop_item_note{position:absolute;left:105px;top:16px;transform:rotate(30deg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NSIgaGVpZ2h0PSI1MCI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmZmZmMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTcyLjcgMzEuOGwtOC4zIDAuNCAtMi4yIDEwLjIgLTcuMy0yLjUgLTEwLjYgNy44IC00LTQuNiAtMTcuNCA1LjUgMi4zLTcuOCAtMTUuNy0yLjggNC45LTQuMiAtMTAuOC03LjggNy44LTEuOSAtMi40LTEwLjIgOC4xIDEuMSA2LjctOS40IDUuOSAzLjcgMTMuNy01LjYgMS44IDUuMSAxNi40LTAuMSAtMi44IDQuOSAxMy44IDUuNSAtNi42IDMuMiA2LjkgOS40IDAgMCAwIDAgMCAwIDAgMCAwMHoiLz48L3N2Zz4=);width:75px;height:50px;z-index:12}
body:where(.th,.wc) .shot_item_note_text{position:absolute;top:20px;color:red;font-weight:bold;text-align:center;width:100%;font-size:13px;font-family:arial,helvetica,sans-serif}
body:where(.th,.wc) .shot_item_note_text2{top:13px}
body:where(.th,.wc) .buy_btn{border:2px solid #555;border-radius:5px;padding:2px;background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);width:83px;transform:translateY(-50%);margin-top:5px}
body:where(.th,.wc) .buy_btn:active{transform:translateY(-45%)}
body:where(.th,.wc) #buy_panel1{position:absolute;top:294px;width:100%;height:17px;color:#fff;font-size:16px;text-align:center;filter:drop-shadow(2px 2px 6px black)}
body:where(.th,.wc) #buy_panel2{position:absolute;left:8px;top:116px;width:143px;height:17px;color:#fff;font-size:12px;text-align:center}
body:where(.th,.wc) #buy_panel3{position:absolute;left:8px;top:35px;width:143px;height:17px;color:#fff;font-size:12px;text-align:center}
body:where(.th,.wc) #buttonSendGift{position:absolute;left:40px;top:50px;width:81px;height:64px}
body:where(.th,.wc) #buttonSendGift:hover{background-position:-82px 0;width:84px;cursor:pointer}
body:where(.th,.wc).HD #buttonSendGift{background-position:-801.5px -1232.5px}
body:where(.th,.wc).HD #buttonSendGift:hover{background-position:-884px -1232.5px}
body:where(.th,.wc) #buy_option1{position:absolute;left:90px;top:203px;width:84px;height:19px;color:#fede71;font-size:15px;text-align:center}
body:where(.th,.wc) #buy_option2{position:absolute;left:186px;top:203px;width:84px;height:19px;color:#5ff;font-size:15px;text-align:center}
body:where(.th,.wc) #buy_option3{position:absolute;left:282px;top:203px;width:84px;height:19px;color:#64f567;font-size:15px;text-align:center}
body:where(.th,.wc) #buy_ui{position:absolute;bottom:2px;left:2px;color:#fff;font-size:10px}
body:where(.th,.wc) #shop_my_items_stats{position:absolute;left:15px;top:482px;font-size:10px}
body:where(.th,.wc) #shop_delete_avatar{position:absolute;left:198px;top:483px;width:25px;height:33px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAMAAAAbHvCRAAABm1BMVEUAAABjgrVKXYRjbYRjfbWcrtalstZjea1KYYycqs5abZRjcYxCWXulrtZrgr1jgr2Ek7Vada1jdZxabZxKVWs6TGuMm71rhr1adaVacZxSbZxSYHtCVHtSWmsxQVo6RFKcrs6Ups6cpsWUosWMl7Vaea1acaVjdZRjcZRSaZRSZJRjaXtaZHMvQGMxPlCtut6cps6Eka1jfa1zhKVrfaVaa4xKZYxaaIRSZIRaaXtKWXs6THNaYGtSWWM6RWNCS1otOE7e5ffW2ubO1ObFyd6UpsWJlr17jq17ia2cn6t7haJreZxaaZRKYpRrdYxjbYxSZYxCVoQ6UntSXXNCVXNCUXMxRWtCTWNKT106RVopNUoeLEfm6fva3++ltt7BxtaxtMWcor2UoL2UoLVaebWpqLGMkq1zhq17iqVjd6VScaVzgpxzfZxjeZxSaZxKZ5xrd5RjaYRaY3trb3NKWXNCUWtra2M6SWMpPVpCSVKtvua1vs6MnsVrhsWEjrWEjqVSbaWMhpRzfZRKXYxCXYxKYYQxSXM6PUIhLTpuvSuaAAAAAXRSTlMAQObYZgAAAlxJREFUKM9VkuWSIjEURtNJu2DdjbszDO4DA+Pu7u7usu67j7090MDu+ZFKfaeSW7m5oA33dH//9HX0sAP8B4scue3e/kPHi/NZirLNOBKV5Km+jYGj0c39aS+lp2VH42A0PntwsNfbH/ri7xt4PypqNaYfr0o+UZvFTVr9fu9AREtl/ONBTOHjHAeAa9KEYaf2o43+GS2G63ElxzHNJAJoThGWnc+7mzsW7C3F35y2jEDpWoNj5t2+7ZQiVDR4/gUBzm5S9gHDaaAe1i+z8vBXFLDxIIX9A0WJ0A5nYghMLgdEqyVIpakAZRZFqxi0QpqGaxMArHw3pdNma9AyExEpKq0x04rpQQAAtB7QNurWVwuEdD5WAW9UlvB2lchPGvLVWCeo45KV92k1GG62wi5eXlyoLqnGUSiWIbTzC3J1ccHpzENnj2q6L94Z4PMfO+9co/PxKu+ML3OquUmMhD6EIC3LPOx6LJ7f1Vj1ttvERTgheA1ZXUoXzrpPHDXQoDS/lRknCbdheIv0FoZ9U6sV1SCJ1B2ThNfwSSD9No8f9XCqCdeIkXGB8LJDAjFsY1J3ruaQsK/EWMhNeHI+wn0+zYytdAOVjt/E0DFDeIoegkEZZiqOmoZzEcZsUvAVk8JgIeO7dYWbprTKGHMMaWSTpNGmM86vtmYxumT0hRhSZ0iSqQfPmNQqA1AsO3TpVgwjnNgGvylNa8LGrrpyg4mRS4G8md4rrCPQojJrhjYuzPp1tscHu/LRbVbKuJ7mlXbCyJx6pAlaXrw+0+vPrsouVbThOuclSSpxreAvPbNiK6OX708AAAAASUVORK5CYII=);background-repeat:no-repeat}
body:where(.th,.wc).HD #shop_delete_avatar{background-position:-594.5px -219px}
body:where(.th,.wc) #buy_gift_btn{position:absolute;left:4px;top:74px;color:yellow;z-index:1;width:155px;text-align:center;filter:drop-shadow(2px 4px 6px black);pointer-events:none}
body:where(.th,.wc) #next_avatar_particles{position:absolute;right:10px;bottom:-1px;z-index:999}
body:where(.th,.wc) #next_avatar{font-family:Arial,sans-serif;font-size:11px;color:greenyellow;position:absolute;right:10px;bottom:-1px;text-align:center;background:rgba(0,50,200,0.9);border-radius:10px 10px 0 0;padding:4px 8px;border:1px solid black;box-shadow:2px 4px 20px 7px black}
body:where(.th,.wc) #next_avatar_name{color:yellow}
body:where(.th,.wc) #next_avatar_timer{color:yellow}
body:where(.th,.wc) #next_avatar_line{width:100%}
body:where(.th,.wc) #shopPages{position:absolute;left:685px;top:505px;font-size:12px;color:black;text-align:center;width:70px}
body:where(.th,.wc) .iHaveAvatar{filter:sepia(100%)}
body:where(.th,.wc) .iHaveAvatar.light_button:hover,
body:where(.th,.wc) .iHaveAvatar.light_button:active{filter:sepia(100%) brightness(1.3)}
body:where(.th,.wc) .wrongGenderAvatar{filter:brightness(0.5)}
body:where(.th,.wc) .wrongGenderAvatar.light_button:hover,
body:where(.th,.wc) .wrongGenderAvatar.light_button:active{filter:brightness(0.65)}
body:where(.th,.wc) #shopSetName{position:absolute;top:7px;left:260px;display:none;font-size:12px;white-space:nowrap}
body:where(.th,.wc) .shopSetBack{width:20px;height:14px;display:inline-block;vertical-align:middle}
body:where(.th,.wc) #shopMaxStats{position:absolute;left:-11px;top:90px;font-size:9px;color:#fac;text-align:center;z-index:12}
body:where(.th,.wc) #shopPowerIcon{position:absolute;display:none;left:142px;top:67px;background-image:url(/static/images/themes/dragonbound/images/powerpotion64.png);width:55px;height:64px;transform:scale(0.3);z-index:12}
body:where(.th,.wc) .setBonusTitle{background-color:#b3b;border:2px solid #fcf;border-radius:5px;padding:2px 9px;color:#fe7}
body:where(.th,.wc) #buttonShopBack{position:absolute;left:693px;top:496px;width:134px;height:133px;background-image:url(/static/images/backBtn.png);transform:scale(0.4)}
body:where(.th,.wc) .ItemHelpBtn{position:absolute;left:12px;top:120px}
body:where(.th,.wc) .hasSetBonus{filter:hue-rotate(225deg) drop-shadow(0 0 5px rgba(255,0,255,1))}
body:where(.th,.wc) .stat_icon_set_bonus{position:initial;display:inline-block;vertical-align:text-top}
body:where(.th,.wc) .SetBonusPopup{color:pink;font-size:10px;background:black;padding:2px;border-radius:3px;position:absolute;white-space:nowrap;top:-1px;left:18px;display:none}
body:where(.th,.wc) .ShopSetBtn:hover .SetBonusPopup{display:block}
body:where(.th,.wc) #shopSetBonusActive{display:none;position:absolute;left:192px;top:12px;width:20px;height:14px;z-index:12}
body:where(.th,.wc) #shopSetBonusActiveText{position:absolute;right:612px;top:13px;z-index:12;font-size:10px;color:peachpuff}
body:where(.th,.wc) .SetNameCat{color:lightgreen}
body:where(.th,.wc) .original-price{text-decoration:line-through;opacity:.6;font-size:.9em;color:#999}
body:where(.th,.wc) .discounted-price{color:#0c0;font-weight:bold}
body:where(.th,.wc) .shop_item_cash .original-price{color:#5a8fb8}
body:where(.th,.wc) .shop_item_cash .discounted-price{color:#0cf}
body:where(.th,.wc) .shop_item_gold .original-price{color:#b8935a}
body:where(.th,.wc) .shop_item_gold .discounted-price{color:#fc0}
body:where(.th,.wc) .buy_option.cashShadow .discounted-price{color:#0cf}
body:where(.th,.wc) .buy_option.goldShadow .discounted-price{color:#fc0}
body.th #shop_items{position:absolute;left:6px;top:7px}
body.th #shop_my_items_number{left:196px;top:189px}
body.th .shop_item_cash{top:115px}
body.th .shop_item_gold{top:127px}
body.th .shop_item_timer{top:26px}
body.th .ShopSetBtn.row2{top:40px}
body.th #shop_buy_dialog{border-radius:14px}
body.th #GuideShop{left:102px}
body:where(.th,.wc) #wcShopWide{display:none}
body.wc .WideShop #wcShopWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;margin-left:var(--shop-bg-l);background-size:0;pointer-events:none}
body:where(.th,.wc) #wcShopWide div{position:absolute;background-image:inherit;background-repeat:no-repeat}
body.wc .WideShop #shopMyBox,
body.wc .WideShop #shopInvBox,
body.wc .WideShop #shopInvTitle,
body.wc .WideShop #shop_player,
body.wc .WideShop #shop_my_stats,
body.wc .WideShop #shop_my_items_container,
body.wc .WideShop #shop_my_items_number,
body.wc .WideShop #shop_my_items_stats,
body.wc .WideShop #shop_delete_avatar,
body.wc .WideShop #shopFilterMyAvatar,
body.wc .WideShop #shopSearchBtn,
body.wc .WideShop #FilterBtnHead,
body.wc .WideShop #FilterBtnBody,
body.wc .WideShop #FilterBtnEyes,
body.wc .WideShop #FilterBtnFlag,
body.wc .WideShop #FilterBtnBG,
body.wc .WideShop #FilterBtnFG,
body.wc .WideShop #FilterBtnEX,
body.wc .WideShop #FilterBtnAll,
body.wc .WideShop #SortBtnPop,
body.wc .WideShop #SortBtnTime,
body.wc .WideShop #SortBtnAtk,
body.wc .WideShop #SortBtnDef,
body.wc .WideShop #SortBtnLife,
body.wc .WideShop #SortBtnItem,
body.wc .WideShop #SortBtnDig,
body.wc .WideShop #SortBtnShld,
body.wc .WideShop #shopSetBonusActive,
body.wc .WideShop #buttonShopExit,
body.wc .WideShop #GuideShop,
body.wc .WideShop #buttonChargeShop1{margin-left:var(--shop-l)}
body.wc .WideShop #shop_my_cash,
body.wc .WideShop #shop_my_gold,
body.wc .WideShop #shop_my_event_points,
body.wc .WideShop #shop_security_lock,
body.wc .WideShop #shopSetBonusActiveText{margin-right:var(--shop-l-neg)}
body.wc .WideShop .shop_item0,
body.wc .WideShop .shop_item3,
body.wc .WideShop .shop_item6,
body.wc .WideShop #shopSetName{margin-left:var(--shop-col0)}
body.wc .WideShop .shop_item1,
body.wc .WideShop .shop_item4,
body.wc .WideShop .shop_item7,
body.wc .WideShop #shopTitle,
body.wc .WideShop #shopNoItems,
body.wc .WideShop #shop_buy_dialog,
body.wc .WideShop #dialogGift{margin-left:var(--shop-c)}
body.wc .WideShop .shop_item2,
body.wc .WideShop .shop_item5,
body.wc .WideShop .shop_item8,
body.wc .WideShop #ShopFilterGold,
body.wc .WideShop #ShopFilterCash,
body.wc .WideShop #SortBtnPrice,
body.wc .WideShop #ShopFilterOwned,
body.wc .WideShop #ShopFilterGender{margin-left:var(--shop-col2)}
body.wc .WideShop .shop_item0:active,
body.wc .WideShop .shop_item3:active,
body.wc .WideShop .shop_item6:active{margin-left:var(--shop-col0d)}
body.wc .WideShop .shop_item1:active,
body.wc .WideShop .shop_item4:active,
body.wc .WideShop .shop_item7:active{margin-left:var(--shop-col1d)}
body.wc .WideShop .shop_item2:active,
body.wc .WideShop .shop_item5:active,
body.wc .WideShop .shop_item8:active{margin-left:var(--shop-col2d)}
body.wc .WideShop #buttonShopHead{margin-left:calc(var(--shop-c) - var(--shop-g) * 1.294)}
body.wc .WideShop #buttonShopBackground{margin-left:calc(var(--shop-c) - var(--shop-g) * 1.246)}
body.wc .WideShop #buttonShopBody{margin-left:calc(var(--shop-c) - var(--shop-g) * .951)}
body.wc .WideShop #buttonShopForeground{margin-left:calc(var(--shop-c) - var(--shop-g) * .789)}
body.wc .WideShop #buttonShopGlass{margin-left:calc(var(--shop-c) - var(--shop-g) * .603)}
body.wc .WideShop #buttonShopDeals{margin-left:calc(var(--shop-c) - var(--shop-g) * .331)}
body.wc .WideShop #buttonShopFlag{margin-left:calc(var(--shop-c) - var(--shop-g) * .26)}
body.wc .WideShop #buttonShopSeason{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * .126)}
body.wc .WideShop #buttonShopExItem{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * .134)}
body.wc .WideShop #buttonShopBuy{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * .557)}
body.wc .WideShop #buttonShopPrev{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * .926)}
body.wc .WideShop #buttonShopEvent{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * .983)}
body.wc .WideShop #shopPages{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * 1.151)}
body.wc .WideShop #buttonShopNext{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * 1.371)}
body.wc .WideShop #buttonShopBack{margin-left:calc(var(--shop-c) - var(--shop-g-neg) * 1.38)}
body.wc .WideShop #next_avatar,
body.wc .WideShop #next_avatar_particles{margin-right:var(--shop-r-neg)}
body.wc .TallShop #wcShopWide{display:block;position:absolute;left:0;top:0;width:800px;height:600px;margin-top:var(--tshop-t);background-size:0;pointer-events:none}
body.wc .TallShop #shopTitle,
body.wc .TallShop #shopSetName,
body.wc .TallShop #ShopFilterGold,
body.wc .TallShop #ShopFilterCash,
body.wc .TallShop #SortBtnPrice,
body.wc .TallShop #ShopFilterOwned,
body.wc .TallShop #ShopFilterGender,
body.wc .TallShop #shopSetBonusActive,
body.wc .TallShop #shopSetBonusActiveText,
body.wc .TallShop #shopMyBox,
body.wc .TallShop #shopInvTitle,
body.wc .TallShop #shopInvBox,
body.wc .TallShop #shop_my_stats,
body.wc .TallShop #shop_player,
body.wc .TallShop #shop_my_cash,
body.wc .TallShop #shop_my_gold,
body.wc .TallShop #shop_my_event_points,
body.wc .TallShop #shop_security_lock,
body.wc .TallShop #FilterBtnHead,
body.wc .TallShop #FilterBtnBody,
body.wc .TallShop #FilterBtnEyes,
body.wc .TallShop #FilterBtnFlag,
body.wc .TallShop #FilterBtnBG,
body.wc .TallShop #FilterBtnFG,
body.wc .TallShop #FilterBtnEX,
body.wc .TallShop #FilterBtnAll,
body.wc .TallShop #shop_my_items_number,
body.wc .TallShop #shop_my_items_container{margin-top:var(--tshop-t)}
body.wc .TallShop .shop_item0,
body.wc .TallShop .shop_item1,
body.wc .TallShop .shop_item2{margin-top:var(--tshop-r0)}
body.wc .TallShop .shop_item3,
body.wc .TallShop .shop_item4,
body.wc .TallShop .shop_item5,
body.wc .TallShop #shopNoItems{margin-top:var(--tshop-r1)}
body.wc .TallShop .shop_item6,
body.wc .TallShop .shop_item7,
body.wc .TallShop .shop_item8{margin-top:var(--tshop-r2)}
body.wc .TallShop .shop_item0:active,
body.wc .TallShop .shop_item1:active,
body.wc .TallShop .shop_item2:active{margin-top:var(--tshop-r0d)}
body.wc .TallShop .shop_item3:active,
body.wc .TallShop .shop_item4:active,
body.wc .TallShop .shop_item5:active{margin-top:var(--tshop-r1d)}
body.wc .TallShop .shop_item6:active,
body.wc .TallShop .shop_item7:active,
body.wc .TallShop .shop_item8:active{margin-top:var(--tshop-r2d)}
body.wc .TallShop #shopFilterMyAvatar,
body.wc .TallShop #shopSearchBtn,
body.wc .TallShop #shop_my_items_stats,
body.wc .TallShop #shop_delete_avatar,
body.wc .TallShop #SortBtnPop,
body.wc .TallShop #SortBtnTime,
body.wc .TallShop #SortBtnAtk,
body.wc .TallShop #SortBtnDef,
body.wc .TallShop #SortBtnLife,
body.wc .TallShop #SortBtnItem,
body.wc .TallShop #SortBtnDig,
body.wc .TallShop #SortBtnShld,
body.wc .TallShop #buttonShopHead,
body.wc .TallShop #buttonShopBackground,
body.wc .TallShop #buttonShopBody,
body.wc .TallShop #buttonShopForeground,
body.wc .TallShop #buttonShopGlass,
body.wc .TallShop #buttonShopDeals,
body.wc .TallShop #buttonShopFlag,
body.wc .TallShop #buttonShopSeason,
body.wc .TallShop #buttonShopExItem,
body.wc .TallShop #buttonShopBuy,
body.wc .TallShop #buttonShopPrev,
body.wc .TallShop #buttonShopEvent,
body.wc .TallShop #shopPages,
body.wc .TallShop #buttonShopNext,
body.wc .TallShop #buttonShopBack,
body.wc .TallShop #buttonChargeShop1,
body.wc .TallShop #buttonShopExit{margin-top:var(--tshop-b)}
body.wc .TallShop #GuideShop,
body.wc .TallShop #next_avatar,
body.wc .TallShop #next_avatar_particles{margin-bottom:var(--tshop-b-neg)}
body.wc .TallShop #shop_my_items_container,
body.wc .TallShop #shop_my_items_container .viewport{height:calc(248px - var(--tshop-grow-neg)) !important}

/* Integration with the existing game's controls and expanded viewport. */
.classicOnly,.TH,.wcLabel,.wcla,#wcRoomItem {display:none}
body:where(.th,.wc) .emoticonBtn {display:block;z-index:220;border:0;padding:0;background-color:transparent}
body:where(.th,.wc) .emoticonPicker {width:520px;min-height:104px;box-sizing:content-box;pointer-events:auto}
body:where(.th,.wc) .emoticonCell {padding:0;border:0;box-sizing:content-box;color:inherit}
body:where(.th,.wc) #powerMarks {display:block}
body:where(.th,.wc) #wcTurnListBtn,body:where(.th,.wc) #wcWeatherBtn,body:where(.th,.wc) #wcRoomItem {border:0;padding:0;background-color:transparent}
body:where(.th,.wc) #room_mode_line {display:contents}
body.th #room_mode_line {display:flex;position:absolute;left:339px;top:54px;width:118px;justify-content:space-evenly;align-items:baseline}
body.th .roomPlayerClipInner {right:auto;transform-origin:0 0}
body.th .roomPlayerClip {z-index:1}
body.th .roomPlayerMobile {z-index:2}
body.th .roomPlayerName {z-index:10}
body.th .SideB .roomPlayerMobile {right:auto}
body.th #room_game_mode_text,body.th #room_players_text,body.th #room_avatars_text,body.th #room_wind_text,body.th #room_turn_time_text {display:none}
body.wc #room_game_mode_text,body.wc #room_players_text,body.wc #room_avatars_text,body.wc #room_wind_text,body.wc #room_turn_time_text {display:none}
body:where(.th,.wc) .vortex {display:none!important}
body.th #roomButtonBack {right:auto}
body:where(.th,.wc) #roomScreen,body:where(.th,.wc) #channelScreen,body:where(.th,.wc) #shopScreen {background-size:800px 600px}
body.th .mya {left:118px!important;top:581px!important;opacity:.6!important}
body.wc .mya {left:287px!important;top:19px!important;opacity:1!important}
body:where(.th,.wc) .mya {position:absolute;scale:.5;transform:none;transform-origin:0 0;pointer-events:none}
body.th #turn_timer {visibility:hidden}
body:where(.th,.wc) #wind_dial {width:64px;height:64px}
body.th #container.Wide #gameui {margin-top:0}
body:where(.th,.wc) #container.Wide #game_front {--wide-ui:0px;--wide-chat:0px;--wide-timer:0px;--wide-bar-l:0px;--wide-bar-r:0px}
body:where(.th,.wc) #container.Wide #game_over {margin-top:var(--wide-top,0px)}
body:where(.th,.wc) #game_over .classicOnly {pointer-events:none}
body:where(.th,.wc) #roomOverly,body:where(.th,.wc) #shopOverly {display:none!important}

/* Hidden team matchmaking controls must not paint over the room list. */
body:where(.th,.wc) #buttonCreateTeam.hide,body:where(.th,.wc) #buttonJoinTeam.hide{display:none}

/* The legacy jewel filter uses an absent standalone image and !important sizes. */
body.th.HD .iconMode4{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/stuff_TH.avif)!important;background-position:-257.5px -63.5px!important;background-size:1000px 1500px!important}
body.wc.HD .iconMode4:not(.gameMode){background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/stuff_WC.avif)!important;background-position:-257.5px -63.5px!important;background-size:1000px 1720px!important}
body.wc .Rooms #filter_jewel{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_WC.avif)!important;background-position:-41px -150px!important;background-size:1000px 506px!important}

/* Both boss teams use the same atlas button, positioned in the empty slot. */
body:where(.th,.wc) #add_bot_button_a{width:82px;height:19px;background-position:-834px -776px}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="0"]{left:59px;top:106px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="0"]{left:111px;top:50px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="1"]{left:518px;top:106px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="1"]{left:664px;top:50px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="2"]{left:198px;top:106px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="2"]{left:154px;top:152px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="3"]{left:657px;top:106px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="3"]{left:621px;top:152px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="4"]{left:59px;top:258px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="4"]{left:111px;top:254px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="5"]{left:518px;top:258px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="5"]{left:664px;top:254px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="6"]{left:198px;top:258px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="6"]{left:154px;top:356px!important}
body.th :is(#add_bot_button,#add_bot_button_a)[data-slot="7"]{left:657px;top:258px!important}
body.wc :is(#add_bot_button,#add_bot_button_a)[data-slot="7"]{left:621px;top:356px!important}

/* Adapt the reference options layout to this client's three language choices. */
body:where(.th,.wc) #OptionsDialog{height:272px}
body:where(.th,.wc) #OptionsBG{top:55px;left:14px;width:289px;height:175px}
body:where(.th,.wc) #OptionsBG>br{display:none}
body:where(.th,.wc) #OptionsBG>.GOption2{position:absolute;left:0;margin:0}
body:where(.th,.wc) #OptionsText6{top:0}
body:where(.th,.wc) #OptionsText7{top:24px}
body:where(.th,.wc) #OptionsText8{top:49px}
body:where(.th,.wc) #slidersection1{top:2px}
body:where(.th,.wc) #slidersection2{top:26px}
body:where(.th,.wc) #OptionsBG input[type=range]{width:135px;max-width:135px;margin:0}
body:where(.th,.wc) #OptionsLineTheme{position:absolute;left:0;top:73px;margin:0;height:20px}
body:where(.th,.wc) #OptionsText10{top:100px}
body:where(.th,.wc) #OptionsBG>.GOption{position:absolute;left:70px;width:auto;font-size:10px}
body:where(.th,.wc) .GOption:has(#OptionBackground){top:98px}
body:where(.th,.wc) .GOption:has(#OptionWide){top:119px}
body:where(.th,.wc) .GOption:has(#OptionFPS){top:98px;left:208px!important}
body:where(.th,.wc) .GOption:has(#OptionRenderer){top:141px}
body:where(.th,.wc) #OptionRendererLabel{margin-left:0}
body:where(.th,.wc) #OptionRenderer{margin-top:0;vertical-align:middle}
body:where(.th,.wc) #OptionsLangEN{left:85px;top:104px}
body:where(.th,.wc) #OptionsTextEN{left:98px;top:104px}
body:where(.th,.wc) #OptionsLangES{left:148px;top:104px}
body:where(.th,.wc) #OptionsTextES{left:161px;top:104px}
body:where(.th,.wc) #OptionsLangPR{left:212px;top:104px}
body:where(.th,.wc) #OptionsTextPR{left:225px;top:104px;font-size:9px;color:white}
body:where(.th,.wc) #OptionsOK,body:where(.th,.wc) #OptionsLeave{top:245px;z-index:2;cursor:pointer}
/* Legacy controls occupy the reference panel's random-team and turn-time rows. */
body:where(.th,.wc) #RoomOptionsRandomTeams{left:255px;top:88px;width:110px;box-sizing:border-box;font-size:10px;line-height:16px;text-align:center;white-space:normal;background:none;padding:0;border-radius:0}
body:where(.th,.wc) #RoomOptionsTurnTime{left:267px;top:145px;width:86px;box-sizing:border-box;font-size:10px;line-height:16px;padding:2px 4px;text-align:center}
body:where(.th,.wc) #dialog_room_options{font-size:12px;transform-origin:50% 50%}
body.th.HD #roomButtonBack:hover,body.th.HD #roomButtonBack:active{background-position:-893px -227px}

body.th #filter_normal{left:373px}
body:where(.th,.wc) #OptionsDialog .tooltip:empty{display:none}
body:where(.th,.wc) #RoomOptionsRandomTeamsText,body:where(.th,.wc) #RoomOptionsTurnTimeText{display:block}
body:where(.th,.wc) #RoomOptionsRandomTeams{left:267px;top:106px;width:86px;line-height:18px;color:#6f9}
body:where(.th,.wc) #RoomOptionsRandomTeams.grayscale{filter:none;color:red}
body:where(.th,.wc) #RoomOptionsTurnTime{left:255px;top:151.5px;width:110px;line-height:18px;border:0;border-radius:0;background:none;padding:0;box-shadow:none;color:#6f9!important}

body.th #filter_boss{left:410px}
body.th #filter_same{left:447px}
body.th #filter_score{left:484px}
body.th #filter_jewel{left:521px}

/* Keep Pass clear of Buddy and the other toolbar controls. */
body.th #container.Room #gamepass{left:690px;top:548px;width:85px;height:44px}
body.wc #container.Room #gamepass{left:318px;top:543px;width:64px;height:36px}

body:where(.th,.wc) #OptionsBG{height:184px}
body:where(.th,.wc) #OptionsBG>.GOptionRuler{display:block;top:165px;left:70px}
body:where(.th,.wc) #OptionRuler{vertical-align:middle}
body:where(.th,.wc) #chargeWindow{margin-left:0!important;scale:1!important;transform-origin:center top}
body:where(.th,.wc) #freecashWindow.gamepass-window{width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}
body:where(.th,.wc) #freecashWindow.gamepass-window .DragonWindowTitleBar{position:sticky;top:0;z-index:2}

/* The set shortcut must use the HD atlas, not the tiny SD fallback image. */
body.th.HD .AvatarsIcon{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/stuff_TH.avif);background-size:1000px 1500px;background-repeat:no-repeat}
body.wc.HD .AvatarsIcon{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/stuff_WC.avif);background-size:1000px 1720px;background-repeat:no-repeat}

/* Preserve the established local rank numbering and legacy HD rectangles. */
body:where(.th,.wc) .rank0,body:where(.th,.wc) .rankHD0{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1015px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank1,body:where(.th,.wc) .rankHD1{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1015px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank2,body:where(.th,.wc) .rankHD2{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1015px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank3,body:where(.th,.wc) .rankHD3{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1015px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank4,body:where(.th,.wc) .rankHD4{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1030.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank5,body:where(.th,.wc) .rankHD5{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1030.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank6,body:where(.th,.wc) .rankHD6{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1030.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank7,body:where(.th,.wc) .rankHD7{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1030.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank8,body:where(.th,.wc) .rankHD8{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1046px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank9,body:where(.th,.wc) .rankHD9{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1046px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank10,body:where(.th,.wc) .rankHD10{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1046px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank11,body:where(.th,.wc) .rankHD11{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1046px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank12,body:where(.th,.wc) .rankHD12{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1061.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank13,body:where(.th,.wc) .rankHD13{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1061.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank14,body:where(.th,.wc) .rankHD14{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1061.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank15,body:where(.th,.wc) .rankHD15{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1061.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank16,body:where(.th,.wc) .rankHD16{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1077px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank17,body:where(.th,.wc) .rankHD17{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1077px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank18,body:where(.th,.wc) .rankHD18{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1077px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank19,body:where(.th,.wc) .rankHD19{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1077px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank20,body:where(.th,.wc) .rankHD20{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1092.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank21,body:where(.th,.wc) .rankHD21{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1092.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank22,body:where(.th,.wc) .rankHD22{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1092.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank23,body:where(.th,.wc) .rankHD23{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1092.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank24,body:where(.th,.wc) .rankHD24{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1108px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank25,body:where(.th,.wc) .rankHD25{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1108px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank26,body:where(.th,.wc) .rankHD26{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1108px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank27,body:where(.th,.wc) .rankHD27{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1108px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank28,body:where(.th,.wc) .rankHD28{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-878px -1123.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank29,body:where(.th,.wc) .rankHD29{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1123.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank30,body:where(.th,.wc) .rankHD30{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-929px -1123.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank31,body:where(.th,.wc) .rankHD31{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-954.5px -1123.5px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}
body:where(.th,.wc) .rank32,body:where(.th,.wc) .rankHD32{background-image:url(/static/images/themes/classicWC/stuff_HD.webp?3)!important;background-position:-903.5px -1108px!important;background-size:1000px 1500px!important;background-repeat:no-repeat}

/* Server cards must not shrink a whole legacy sprite sheet into one card. */
body.th .BrokerChannel{background-image:url(/static/images/themes/classicTH/servers.png);background-size:190px 780px}
body.wc .BrokerChannel{background-image:url(/static/images/themes/classicWC/servers.png);background-size:190px 780px;background-position:0 0!important}
body.wc .BrokerChannel:not(.BrokerChannelOnline){filter:grayscale(1);opacity:.65}
body:where(.th,.wc) .BrokerChannelName{left:5px;top:0;font-size:12px;line-height:14px;max-width:180px}
body:where(.th,.wc) .BrokerRanks{font-size:12px;line-height:15px}
body:where(.th,.wc) .BrokerNumPlayers2{left:110px;top:31px}
body:where(.th,.wc) .BrokerPlayersIcon{pointer-events:none}
body:where(.th,.wc) #BrokerTitle2{pointer-events:none}
body:where(.th,.wc) .score_name{width:250px;white-space:nowrap}
body:where(.th,.wc) .score_mobile{font-size:9px;line-height:14px}
body:where(.th,.wc) .score .score_wl{font-size:9px}
body:not(.th):not(.wc) .score .classicOnly{display:none!important}

body.th .score_name{width:145px;overflow:hidden;text-overflow:ellipsis}
body.wc .score_name{width:175px;overflow:hidden;text-overflow:ellipsis}
body:where(.th,.wc) .score_mobile{max-width:40px;overflow:hidden;text-overflow:ellipsis}

body:where(.th,.wc) .score_mobile{color:white;text-shadow:1px 1px 1px black,-1px -1px 1px black;font-weight:bold}

/* Ticks must paint above the power fill; decorative HUD layers must not catch item taps. */
body:where(.th,.wc) #powerMarks{z-index:4}
body:where(.th,.wc) #gameUI2,body:where(.th,.wc) #gameUIWalkBG,body:where(.th,.wc) #gameModeImg,body:where(.th,.wc) #message_over_items{pointer-events:none}
/* The timer updater already supplies a 27×32 display image, as in the old themes. */
body:where(.th,.wc) .itemTimerImg,body:where(.th,.wc) .itemTimerImg.egg,body:where(.th,.wc) .itemTimerImg.power,body:where(.th,.wc) .itemTimerImg.nyx{width:27px;height:32px;transform:none;background-size:contain;background-position:center;background-repeat:no-repeat}
body:where(.th,.wc) #ClassicBuddyWindow{width:320px;height:350px;display:none;z-index:2000}
body:where(.th,.wc) #ClassicBuddyClose{position:absolute;right:8px;top:2px;width:30px;height:22px;background:#285780;color:white;border:1px solid #a7cce8;border-radius:4px;font-size:20px;line-height:18px;cursor:pointer}
body:where(.th,.wc) .classicBuddyTabs{position:absolute;top:36px;left:12px;display:flex;gap:8px}
body:where(.th,.wc) .classicBuddyTabs button{padding:4px 18px;color:white;background:#285780;border:1px solid #a7cce8;border-radius:4px;cursor:pointer}
body:where(.th,.wc) .classicBuddyTabs button[aria-selected=true]{background:#087eaa}
body:where(.th,.wc) #ClassicBuddyWindow #friendsList,body:where(.th,.wc) #ClassicBuddyWindow #guildMembersList{position:absolute;left:12px;top:70px;width:296px;height:220px;border-radius:4px;background:#14306c;box-shadow:none;display:none!important}
body:where(.th,.wc) #ClassicBuddyWindow #friendsListExtra,body:where(.th,.wc) #ClassicBuddyWindow #guildRoomTabExtra{position:absolute;left:12px;top:300px;bottom:auto;width:276px;height:26px;padding:4px 10px;border:0;background:#14306c;display:none!important}
body:where(.th,.wc) #ClassicBuddyWindow:not(.buddyGuild) #friendsList,body:where(.th,.wc) #ClassicBuddyWindow:not(.buddyGuild) #friendsListExtra,body:where(.th,.wc) #ClassicBuddyWindow.buddyGuild #guildMembersList,body:where(.th,.wc) #ClassicBuddyWindow.buddyGuild #guildRoomTabExtra{display:block!important}
body:where(.th,.wc) #ClassicBuddyWindow .viewport{width:282px!important;height:220px!important}
body:where(.th,.wc) #ClassicBuddyWindow .overview{width:100%}

/* Our server presets are not DragonBound holiday IDs. */
body.th .BrokerChannel[data-server-kind=normal]{background-position:0 0!important}
body.th .BrokerChannel[data-server-kind=fast]{background-position:0 -142px!important}
body.th .BrokerChannel[data-server-kind=prix]{background-position:0 -213px!important}
body.th .BrokerChannel[data-server-kind=offline],body.th .BrokerChannel:not(.BrokerChannelOnline){background-position:0 -71px!important}

/* Our confirmation box is inside #myDialog; the reference uses #myDialog as the box. */
body:where(.th,.wc) .DialogLayer #myDialog{display:block}
body:where(.th,.wc) .DialogLayer{pointer-events:none}
body:where(.th,.wc) .DialogLayer .AlertBoxBackground,body:where(.th,.wc) .DialogLayer .AlertBox{pointer-events:auto}
/* Keep the unused hidden rank placeholder from inheriting .rank's display rule. */
body:where(.th,.wc) .rank.hide{display:none}
#ClassicLobbyBackdrop,#ClassicLobbyBrand{display:none}
body:where(.th,.wc) #channelScreen{background-image:none!important}
body:where(.th,.wc) #ClassicLobbyBackdrop{display:block;position:absolute;inset:0;background-size:800px 600px;background-repeat:no-repeat;clip-path:polygon(0 28px,153px 28px,153px 0,100% 0,100% 100%,0 100%);pointer-events:none!important}
body:where(.th,.wc) #ClassicLobbyBrand{display:block;position:absolute;left:0;top:0;width:153px;height:28px;background-size:800px 600px;background-position:-153px 0;background-repeat:no-repeat;box-sizing:border-box;padding-left:3px;color:#fff;font:bold 17px/24px 'Trebuchet MS',Verdana,sans-serif;letter-spacing:-.6px;text-shadow:-1px -1px 0 #125787,1px -1px 0 #125787,-1px 1px 0 #125787,1px 1px 0 #125787,0 2px 1px #123b59;white-space:nowrap;pointer-events:none!important}

/* Timers are siblings preceding the screens; keep their artwork above them. */
body:where(.th,.wc) #itemTimer,body:where(.th,.wc) #itemTimer2,body:where(.th,.wc) #itemTimer3{z-index:10;pointer-events:none}
body:where(.th,.wc) #itemTimer{top:98px}
body:where(.th,.wc) #itemTimer3{top:188px}
body:where(.th,.wc) #itemTimer2{top:278px}

/* Keep standalone TH trash artwork at its native origin; WC uses its atlas. */
body.th #shop_delete_avatar{background-position:0 0!important;background-size:25px 33px!important}
body.wc #shop_delete_avatar.light_button{left:198px;top:483px;width:25px;height:33px;background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/stuff_WC.avif)!important;background-size:1000px 1720px;background-position:-594.5px -219px!important;animation:none!important}
/* Gold is also the fallback while a newly translated title is synchronised. */
body.th .AlertBoxTitle{color:#ffea4a}

/* Local login markup nests the form in a viewport backdrop, unlike the reference. */
body:where(.th,.wc) #LoginWindowBG{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:9998}
body:where(.th,.wc) #LoginWindow{display:block;right:0;bottom:16px;margin:auto;transform-origin:0 center}

body.th #roomScreen > .thSlot{z-index:0;pointer-events:none}
body.th .playerInRoom{z-index:1}

body:where(.th,.wc) .score_mobile{line-height:0;max-width:none;overflow:visible;text-overflow:clip}
body:where(.th,.wc) .score_mobile_icon{vertical-align:middle}

/* Legacy tab surfaces are room/lobby UI. In a match Buddy owns the lists. */
body:where(.th,.wc) #container.Game > #itemsSelection,
body:where(.th,.wc) #container.Game > #friendsList,
body:where(.th,.wc) #container.Game > #guildMembersList{display:none!important;pointer-events:none!important}
body.th #btnFriends{display:none!important;pointer-events:none!important}

body:where(.th,.wc) #message_over_items{z-index:7}

body.wc #container.Room #gamepass{left:229.75px;top:537.75px;width:90px;height:46px}
body.th #BrokerWindow{background-image:url(/static/images/themes/dragonbound/images/themes/classicTH/servers_bg.avif);background-size:cover}
body.th #gameUIWalkBG{z-index:5}
body.th #walkBar{z-index:6}
/* Retire opaque DOM map layers when the canvas/WebGL world is active. */
body:where(.th,.wc) #container.Game[data-game-renderer="pixi"] #game_back{visibility:hidden!important;background:none!important}
/* The new layouts expose chat without the retired PM/DND shortcut. */
body:where(.th,.wc) #game_dnd_btn{display:none!important;pointer-events:none!important}

/* Controls are siblings of the painted HUD, above chat and touch-pad surfaces. */
#ClassicGameControls{display:none}
body:where(.th,.wc) #ClassicGameControls{display:block;position:absolute;left:0;top:516px;width:800px;height:84px;z-index:250;pointer-events:none;--wide-ui:0px}
body:where(.th,.wc) #ClassicGameControls > .emoticonBtn,
body:where(.th,.wc) #ClassicGameControls > .emoticonPicker{pointer-events:auto}
body.th #ClassicGameControls{top:0;height:38px}
body:where(.th,.wc) .Wide #ClassicGameControls{margin-left:var(--wide-ui,0px)}
body.wc .Wide #ClassicGameControls{margin-top:var(--wide-extra,0px)}

body:where(.th,.wc) #ClassicGameControls.game-controls-inactive{display:none}

/* The legacy walk-bar shorthand resets the atlas scale to auto. */
body.th #walkBar{background-size:1000px 1500px;background-repeat:no-repeat}

/* WC native mobile selector, measured from Gblatino. */


body.wc #roomMobileSelect.wcNativeMobilePicker {
    position: absolute !important;
    left: 170px !important;
    top: 114px !important;
    width: 460px !important;
    height: 336px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
    transform: none !important;
    scale: 1 !important;
    z-index: 150;
    box-shadow: 0 3px 8px #0007;
    background: transparent url(/static/images/themes/dragonbound/images/themes/classicWC/mobile_selector.png) no-repeat 0 0 !important;
    background-size: 460px 1744px !important;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobilesList {
    position: absolute !important;
    inset: 0 !important;
    width: 460px !important;
    height: 250px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileButton,
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobilePreview,
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileDescription,
body.wc #roomMobileSelect.wcNativeMobilePicker #tagSlotHeader { display: none !important; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton {
    position: absolute;
    display: block;
    width: 62px;
    height: 60px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    overflow: visible;
    touch-action: manipulation;
}

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton .wcMobileSprite {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 65px;
    height: 60px;
    pointer-events: none;
    background: url(/static/images/themes/dragonbound/images/themes/classicWC/mobile_selector.png) no-repeat 0 var(--wc-mobile-row);
    background-size: 460px 1744px;
}

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton:hover .wcMobileSprite,
body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton:focus-visible .wcMobileSprite { background-position-x: -65px; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton:active .wcMobileSprite { background-position-x: -130px; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton.wcMobileSelected .wcMobileSprite { background-position-x: -260px; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton:disabled .wcMobileSprite,
body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton.mobileDisabled .wcMobileSprite { background-position-x: -195px; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton.mobileDisabled,
body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileButton:disabled { filter: none !important; opacity: 1; cursor: not-allowed; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileSlotBadge {
    position: absolute;
    top: 0;
    left: 2px;
    color: #fff;
    font: bold 11px Arial,sans-serif;
    text-shadow: 0 1px 2px #000, 1px 0 2px #000, -1px 0 2px #000;
    pointer-events: none;
}

body.wc #roomMobileSelect.wcNativeMobilePicker .wcNativeMobileUI { position: absolute; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileTitle {
    left: 12px;
    top: 2px;
    width: 330px;
    height: 24px;
    background: #215d9c;
    color: #fff;
    font: bold 14px/24px Arial,sans-serif;
    text-shadow: 1px 1px 2px #000;
    pointer-events: none;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobilePortrait {
    left: 11px;
    top: 249px;
    width: 100px;
    height: 78px;
    background: url(/static/images/themes/dragonbound/images/themes/classicWC/mobile_selector.png) no-repeat;
    background-size: 460px 1744px;
    pointer-events: none;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobileName {
    left: 108px;
    top: 269px;
    width: 258px;
    height: 20px;
    color: #fff4a8;
    font: bold 13px/20px Arial,sans-serif;
    pointer-events: none;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobileStats { inset: 0; pointer-events: none; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileStat { position: absolute; width: 180px; height: 8px; pointer-events: auto; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileStatFill { display: flex; height: 8px; overflow: hidden; }

body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileStatFill i {
    display: block;
    width: 18px;
    height: 8px;
    flex: 0 0 18px;
    background: url(/static/images/themes/dragonbound/images/themes/classicWC/mobile_selector.png) no-repeat;
    background-size: 460px 1744px;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobileSlots { left: 359px; top: 3px; display: flex; gap: 3px; }

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobileSlots button {
    width: 23px;
    height: 21px;
    padding: 0;
    border: 1px solid #a7c8ed;
    border-radius: 3px;
    background: #174a80;
    color: #fff;
    cursor: pointer;
    font: bold 12px Arial,sans-serif;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #wcMobileSlots button[aria-pressed="true"] { border-color: #ffec77; color: #ffec77; }

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectOk,
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectCancel {
    top: 295px !important;
    bottom: auto !important;
    right: auto !important;
    width: 30px !important;
    height: 29px !important;
    background-image: url(/static/images/themes/dragonbound/images/themes/classicWC/mobile_selector.png) !important;
    background-size: 460px 1744px !important;
    background-position-x: 0 !important;
}

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectOk { left: 378px !important; background-position-y: -1432px !important; }

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectCancel { left: 418px !important; background-position-y: -1461px !important; }

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectOk:hover,
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectCancel:hover { background-position-x: -30px !important; }

body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectOk:active,
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectCancel:active { background-position-x: -60px !important; }

/* My Info uses its own backdrop and working edit/close controls. */
#wcMyInfoEdit,#wcMyInfoClose,#wcLobbyWide,#wcLobbyBuddy{display:none}
body.wc .Rooms #wcMyInfoEdit,body.wc .Rooms #wcMyInfoClose,body.wc .Rooms #wcLobbyBuddy{border:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-size:1000px 506px;background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_WC.avif)}
body.wc .Rooms #myInfoBox{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/my_info_bg.png)}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit,body.wc .Rooms.wcMyInfo #wcMyInfoClose{display:block}
body.wc .Rooms #wcLobbyBuddy{display:block;position:absolute;cursor:pointer}
body.wc .Rooms .wcLabel{font-family:Arial,sans-serif;font-weight:bold;font-size:11px;line-height:normal;text-transform:none;overflow:visible}
body.wc .Rooms :is(#buttonCharge2,#event_button,#facebook_post)>.event_button_text{font-size:9px;pointer-events:none}
body.wc .WideLobby #channelScreen{overflow:visible;background:none!important}
body.wc .WideLobby #wcLobbyWide{display:block;position:absolute;left:0;top:0;height:600px;margin-left:var(--lobby-l);pointer-events:none;z-index:0}
body.wc .WideLobby #roomsList{width:calc(800px - var(--lobby-grow-neg))}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileExtra .wcMobileSprite{display:none}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileExtra{border:1px solid #5889bd;border-radius:6px;background:#285b88;color:white;font:bold 10px Arial,sans-serif}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileExtra.wcMobileSelected{border-color:#ffcf49;box-shadow:0 0 4px #ffb300}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileExtra span{pointer-events:none}
body.wc #roomMobileSelect.wcNativeMobilePicker .mobileSelectBtn{transform:none;box-shadow:none}
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectOk{border:0;padding:0;background-color:transparent;position:absolute;cursor:pointer}

body.wc .WideLobby #ClassicLobbyBackdrop{display:none}
body.wc .WideLobby #ClassicLobbyBrand{margin-left:var(--lobby-l);z-index:1}
body.wc .WideLobby #ClassicLobbyBrand{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_bg.avif)}
/* Native controls retain the reference's label sizes, including the compact filters. */
body.wc .Rooms :is(#filter_normal,#filter_boss,#filter_same,#filter_score,#filter_jewel,#filter_all,#filter_waiting,#filter_friends,#filter_guild,#buttonJoin,#buttonCreateRoom,#buttonQuickJoin) .wcLabel{font-size:10px}
body.wc .WideLobby #filter_same{margin-left:var(--lobby-filters-l)}

/* Pass belongs to the room's stacking context, below its option dialogs. */
body:where(.th,.wc) #roomScreen>#gamepass{z-index:20}
body.wc #roomMobileSelect.wcNativeMobilePicker #roomMobileSelectCancel{border:0;padding:0;background-color:transparent;cursor:pointer}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcSpecialMobile{left:260px;top:3px;width:145px;height:22px;font-size:11px}

body.wc .TallLobby #channelScreen{overflow:visible}
body.wc .TallLobby #ClassicLobbyBackdrop{display:none}
body.wc .TallLobby #ClassicLobbyBrand{margin-top:var(--tall-t);z-index:1}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileAnimated span{display:none}
body.wc #roomMobileSelect.wcNativeMobilePicker .wcMobileAnimated{border:0;background:transparent}

/* Center each filter group between the pager arrow and the visible screen edge. */
body.wc .Rooms :is(#filter_normal,#filter_score,#filter_same,#filter_jewel,#filter_boss){margin-left:calc(var(--lobby-filters-l,0px) + var(--wc-filters-left,0px))}
body.wc .Rooms :is(#filter_all,#filter_waiting,#filter_friends,#filter_guild,#buttonJoin,#buttonCreateRoom,#buttonQuickJoin){margin-left:calc(var(--lobby-filters-r,0px) + var(--wc-filters-right,0px))}
/* Supply the WC atlas for every Missions state rather than the legacy star image. */
body.wc .Rooms #MissionsBtnLobby{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_WC.avif);background-size:1000px 506px;background-repeat:no-repeat}
body.wc .Rooms #MissionsBtnLobby:hover{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_anims.avif);background-size:1539px 2043px}
body.wc .Rooms #MissionsBtnLobby:active{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_WC.avif);background-size:1000px 506px}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit{background-image:url(/static/images/themes/dragonbound/images/themes/classicWC/lobby_WC.avif);background-size:1000px 506px;background-position:-368px -303px;filter:none}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit:hover{background-position:-404px -303px}
body.wc .Rooms.wcMyInfo #wcMyInfoEdit:active{background-position:-386px -303px}
/* Stack active boosts down the right edge, starting at the top. */
body:where(.th,.wc) #itemTimer{top:8px;transform:none}
body:where(.th,.wc) #itemTimer3{top:98px;transform:none}
body:where(.th,.wc) #itemTimer2{top:188px;transform:none}
/* Native scrollbar dimensions can retain inline measurements from the old theme. */
body.wc #roomChat{overflow:hidden}
body.wc #roomChat>.viewport{width:calc(100% - 14px)!important;height:100%!important;box-sizing:border-box;overflow-x:hidden}
body.wc #roomChat.DragonScroll>.viewport{width:100%!important}
body.wc #roomChat .overview{width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}
body.wc #roomInput{box-sizing:border-box;padding:0}
#ClassicRoomBrand{display:none}
body.wc #ClassicRoomBrand{display:block;position:absolute;left:337px;top:0;width:126px;height:18px;color:white;text-align:center;font:bold 13px/17px 'Trebuchet MS',Verdana,sans-serif;text-shadow:-1px 0 #125787,0 1px #125787,1px 0 #125787,0 -1px #125787;pointer-events:none;z-index:1}
body.wc .wcMobileAnimated>.AniObject,body.wc #wcMobilePortrait>.AniObject{pointer-events:none}

/* Modal hit surfaces stay active without painting a black rectangle behind dialogs. */
body:where(.th,.wc) .AlertBoxBackground,
body:where(.th,.wc) #WindowBG{background:none!important;box-shadow:none!important}

/* Native WC room expansion. Keep the fixed-width buddy/item panel at the right edge. */
body.wc .WideRoom #roomScreen{overflow:visible;background:none!important}
body.wc .WideRoom #wcRoomWide{z-index:0}
body.wc .WideRoom :is(#itemsSelection.InRoom,#friendsList,#guildMembersList,#room_item_buddy_tab1,#room_item_buddy_tab2,#room_item_buddy_tab3,#friendsListExtra,#guildRoomTabExtra){margin-left:var(--room-r)}
body.wc .WideRoom #add_bot_button_a{margin-left:var(--room-slots-l)}
body.wc .WideRoom #roomChat>.viewport{width:calc(100% - 14px)!important;height:100%!important}
body.wc .WideRoom #roomChat.DragonScroll>.viewport{width:100%!important}
body.wc .WideRoom #roomChat .overview{width:100%!important}
#wcRoomWide{display:none}
body.wc .TallRoom #roomScreen{overflow:visible;background:none!important}
body.wc .TallRoom #gamepass{margin-top:var(--troom-b)}


/* Share the available wide toolbar space equally, including Legendary Pass. */
body.wc .WideRoom :is(#roomButtonBack,#buttonBuddy,#buttonChargeRoom,#wcRoomMissions,#gamepass,#buttonShopFromRoom,#buttonOptionsRoom,#roomMuteList,#roomButtonStart,#roomButtonReady),
body.wc .WideLobby :is(#wcLobbyBuddy,#lobbyMuteList,#buttonCharge2,#MissionsBtnLobby,#facebook_post,#buttonShop,#event_button,#buttonMyInfo,#buttonOptions,#buttonChannels){left:var(--wc-toolbar-x)!important;margin-left:0!important}

/* This window lives outside the game container and fits the visual viewport itself. */
body:where(.th,.wc) #MissionsCenterWindow{position:fixed;width:500px!important;max-width:none!important;transform:scale(var(--missions-scale,1))!important;transform-origin:0 0!important;animation:none!important;max-height:none!important;overflow:visible!important;z-index:1100}
body:where(.th,.wc) #MissionsCenterWindow>.DragonWindowBody{padding:5px;overflow:hidden}
body:where(.th,.wc) #MissionsChests{height:50px;width:100%;box-sizing:border-box}
body:where(.th,.wc) #MissionsProgressBar{left:50px;top:16px;width:84%}
body:where(.th,.wc) #MissionsView{width:100%;height:307px!important;max-height:none!important;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}
body:where(.th,.wc) #MissionsCenterWindow .Mission{width:95%;height:50px;margin:5px auto;box-sizing:border-box}
body:where(.th,.wc) #MissionsCenterWindow .MissionName{left:60px;top:5px;right:8px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:where(.th,.wc) #MissionsCenterWindow .MissionBar{left:60px;top:25px;width:300px}
body:where(.th,.wc) #MissionsCenterWindow .MissionCollectBtn{right:10px;top:23px}

/* Native daily mission rows, stars and five chest milestones. */
body:where(.th,.wc) #MissionsCenterWindow .Chest.Empty{background-position: -80px 0}
body:where(.th,.wc) #MissionsChests{position: relative;
    width: 100%;
    height: 50px;
    background: rgba(0,0,0,.5);
    border-radius: 25px}
body:where(.th,.wc) #MissionsPointsIcon,body:where(.th,.wc) #MissionsCenterWindow .Chest{background-repeat: no-repeat;
    position: absolute}
body:where(.th,.wc) #MissionsProgressBar{position: absolute;
    left: 50px;
    top: 16px;
    width: 84%}
body:where(.th,.wc) #MissionsPointsIcon{left: 12px;
    top: 9px;
    width: 32px;
    height: 32px}
body:where(.th,.wc) #MissionsPointsText{position: absolute;
    top: 20px;
    font-size: 16px;
    text-align: center;
    width: 31px}
body:where(.th,.wc) #MissionsChest1{position: absolute;
    z-index: 1;
    top: 4px;
    left: 112px}
body:where(.th,.wc) #MissionsChest2{position: absolute;
    z-index: 1;
    top: 4px;
    left: 194px}
body:where(.th,.wc) #MissionsChest3{position: absolute;
    z-index: 1;
    top: 4px;
    left: 276px}
body:where(.th,.wc) #MissionsChest4{position: absolute;
    z-index: 1;
    top: 4px;
    left: 358px}
body:where(.th,.wc) #MissionsChest5{position: absolute;
    z-index: 1;
    top: 4px;
    left: 440px}
body:where(.th,.wc) #MissionsCenterWindow .Chest{background-image: url(/static/images/chest.png);
    background-position: 0 0;
    width: 40px;
    height: 40px;
    background-size: 120px 40px;
    line-height: 70px;
    text-align: center}
body:where(.th,.wc) #MissionsCenterWindow .Chest.Open{background-position: -40px 0;
    animation: 1s ease-in-out infinite alternate spiner2}
body:where(.th,.wc) #MissionsCenterWindow .Glowing{position: absolute;
    left: 7px;
    top: 6px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    animation: 1s ease-in-out infinite alternate glowingShrinking}
body:where(.th,.wc) #MissionsTimeLeft{width: 100%;
    text-align: center;
    margin: 10px 0}
body:where(.th,.wc) #MissionsCenterWindow .MissionsView{background: rgba(255,255,255,.5);
    width: 100%;
    height: 307px;
    border-radius: 3px;
    overflow-y: auto}
body:where(.th,.wc) #MissionsCenterWindow .Mission{position: relative;
    width: 95%;
    height: 50px;
    margin: 5px auto;
    background: rgba(0,0,0,.5);
    border: 1px solid #000;
    border-radius: 8px}
body:where(.th,.wc) #MissionsCenterWindow .MissionStar{position: absolute;
    left: 12px;
    top: 9px;
    width: 32px;
    height: 32px;
    background-image: url(/static/images/starBtn.png);
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 56px;
    text-align: center}
body:where(.th,.wc) #MissionsCenterWindow .MissionBar,body:where(.th,.wc) #MissionsCenterWindow .MissionName{left: 60px;
    position: absolute}
body:where(.th,.wc) #MissionsCenterWindow .MissionName{top: 5px;
    font-size: 16px}
body:where(.th,.wc) #MissionsCenterWindow .MissionBar{top: 25px;
    width: 300px}
body:where(.th,.wc) #MissionsCenterWindow .MissionCheck{position: absolute;
    left: 393px;
    top: 12px}
body:where(.th,.wc) #MissionsPointsIcon{background-image: url(/static/images/starBtn.png);
    background-size: contain}
body:where(.th,.wc) #MissionsCenterWindow .MissionCollectBtn{position: absolute;
    left: 376px;
    top: 11px;
    width: 47px;
    text-align: center;
    font-size: 9px;}

body:where(.th,.wc) #MissionsCenterWindow .Chest{font-size:14px;font-weight:normal}
body:where(.th,.wc) #MissionsCenterWindow .Chest.Empty{background-position:-80px 0}
body:where(.th,.wc) #MissionsTimeLeft{font-size:14px;font-weight:normal}

body:where(.th,.wc) #gameui.items-locked>[id^="gameItemSlot"]{visibility:hidden;pointer-events:none}

/* Keep the yellow mode badge; the robot occupies the separate mode-status slot. */
body:where(.th,.wc).HD #CreateRoomModeIcon.iconMode1{background-position:-211.5px -63.5px!important;filter:none!important}
body:where(.th,.wc) #CreateRoomModeText{position:absolute;left:231px;top:106px;width:28px;height:24px;font:22px/24px "Apple Color Emoji","Segoe UI Emoji",sans-serif;text-align:center;pointer-events:none;filter:drop-shadow(-1px 0 0 #000) drop-shadow(1px 0 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 1px 0 #000)}
body:where(.th,.wc) #MissionsCenterWindow>.DragonWindowBody{padding-bottom:12px}

/* Anchor the status robot to BOT rather than the centre of the "N vs BOT" label. */
body:where(.th,.wc) .CreateRoomBotLabel{position:relative;display:inline-block}
body:where(.th,.wc) .CreateRoomBotLabel>#CreateRoomModeText{left:50%;margin-left:-14px;top:auto;bottom:calc(100% + 2px)}
/* Chest rewards are a screen overlay above the missions window and other dialogs. */
body:where(.th,.wc) #Rewards{position:fixed;inset:0;width:100%;height:100%;z-index:11000}
body:where(.th,.wc) #RewardsBG{position:absolute;inset:0;width:100%;height:100%}
body:where(.th,.wc) :is(#RewardsTitle,#RewardsBody,#RewardsFooter){width:100%;left:0}

/* The robot replaces BOT at the label's baseline rather than floating above it. */
body:where(.th,.wc) .CreateRoomBotLabel{color:transparent}
body:where(.th,.wc) .CreateRoomBotLabel>#CreateRoomModeText{top:50%;bottom:auto;transform:translateY(-50%);color:white}
/* Override legacy percentage translations and clipping on the reward animation surface. */
body:where(.th,.wc) :is(#RewardsTitle,#RewardsBody,#RewardsFooter){left:50%;width:calc(100% - 24px);max-width:800px;transform:translateX(-50%)}
body:where(.th,.wc) #RewardsTitle{top:calc(50% - 130px)}
body:where(.th,.wc) #RewardsBody{top:50%;height:auto;max-height:none;overflow:visible;transform:translate(-50%,-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
body:where(.th,.wc) #RewardsFooter{top:calc(50% + 100px)}
@media(max-width:600px){body:where(.th,.wc) .Reward{animation:classicRewardPhoneEnter .15s ease-out}}
@keyframes classicRewardPhoneEnter{from{transform:scale(3);opacity:.1}to{transform:scale(1);opacity:1}}

body:where(.th,.wc) #Rewards{overflow:hidden}