/* ---- Original web-lobby CSS (pg-demo /web-lobby/games/index.html, captured 2026-10-06).
   Copied from the HAR; vendor prefixes kept, tournament/transfer/wallet-transfer rules omitted,
   inline data: icons moved to /web-lobby/_nuxt/img so the CSP stays img-src 'self'. ---- */
body,html{font-family:PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:0;width:100%;min-height:100%;height:100%;background:#eeeff3}
*,:after,:before,body,html{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}
#app{width:100%;height:auto}
#app.fixed{position:fixed}
#app .svgcolor.white{fill:#fff}
#app .svgcolor.black{fill:#000}
#app .svgcolor.oprColor{fill:#ce2e29}
.tag.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:2}
.tag.loading-overlay,.tag.loading-overlay>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.tag.loading-overlay>div{width:90px;height:90px;border-radius:8px}
.tag.loading-overlay>div>div{width:36px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tag.loading-overlay>div>div>div{width:9px;height:9px;margin:1.5px;background:#b7b8c9}
.tag.loading-overlay>div>div>div:first-child{-webkit-animation:loading 2.4s infinite;animation:loading 2.4s infinite}
.tag.loading-overlay>div>div>div:nth-child(2){-webkit-animation:loading 2.4s infinite .3s;animation:loading 2.4s infinite .3s}
.tag.loading-overlay>div>div>div:nth-child(3){-webkit-animation:loading 2.4s infinite .6s;animation:loading 2.4s infinite .6s}
.tag.loading-overlay>div>div>div:nth-child(6){-webkit-animation:loading 2.4s infinite .9s;animation:loading 2.4s infinite .9s}
.tag.loading-overlay>div>div>div:nth-child(9){-webkit-animation:loading 2.4s infinite 1.2s;animation:loading 2.4s infinite 1.2s}
.tag.loading-overlay>div>div>div:nth-child(8){-webkit-animation:loading 2.4s infinite 1.5s;animation:loading 2.4s infinite 1.5s}
.tag.loading-overlay>div>div>div:nth-child(7){-webkit-animation:loading 2.4s infinite 1.8s;animation:loading 2.4s infinite 1.8s}
.tag.loading-overlay>div>div>div:nth-child(4){-webkit-animation:loading 2.4s infinite 2.1s;animation:loading 2.4s infinite 2.1s}
.tag.loading-overlay>div>div>div:nth-child(5){background:0 0}
@keyframes loading{10%{background:#0054fe}60%{background:#b7b8c9}}
.oprlobby{margin:0 auto;height:100%}
.main-wrapper{width:100%;height:auto;margin:0 auto;-webkit-transition:all .3s;transition:all .3s;max-width:1200px}
.main-wrapper>div>.top{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 0 20px;min-height:90px}
.main-wrapper>div>.top.full{padding:5px 10px 10px}
.main-wrapper>div>.top>div{width:100%}
.main-wrapper>div>.top>.gameslib-vtwo.front{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.main-wrapper>div>.top>.gameslib-vtwo.disable{pointer-events:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt{height:40px;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.04);border-radius:8px;float:left;margin-right:10px;padding:0 16px 0 10px;font-size:12px;color:#b7b8c9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.right{float:right;margin-left:10px;margin-right:0}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.noSearch,.main-wrapper>div>.top>.gameslib-vtwo .bbt.noWallet{margin-right:0;margin-left:0}
.main-wrapper>div>.top>.gameslib-vtwo .bbt>.text{white-space:nowrap}
.main-wrapper>div>.top>.gameslib-vtwo .bbt>.arrow{margin:0 0 0 5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #424351;border-radius:3px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt>.icon{background:#b7b8c9;width:20px;height:20px;margin-right:4px;-webkit-mask-image:none;mask-image:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.all>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-all.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-all.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.hot>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-hot.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-hot.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.time>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-time.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-time.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.star>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-star.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-star.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-search.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-search.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.card-i>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-card.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-card.svg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.list>.icon{-webkit-mask-image:url(/web-lobby/_nuxt/img/icon20-list.svg);mask-image:url(/web-lobby/_nuxt/img/icon20-list.svg)}
/* LOBBYVIEW 2026-10-21: the game-row rule `.list>div` (List View cards) also matched the children of the
   toolbar .bbt.list pill/option; neutralise only the leaked row properties so List mode renders like Grid mode. */
.main-wrapper>div>.top>.gameslib-vtwo .bbt.list>.icon{margin:0 4px 0 0;padding:0;border-radius:0;display:block}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.list>.text{width:auto;height:auto;margin:0;padding:0;background:none;border-radius:0;display:block}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.list>.arrow{padding:0;background:none;display:block}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.text{display:block}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input{overflow:hidden;-webkit-transition:all 0s linear;transition:all 0s linear;width:0;height:20px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>input{float:left;border:none;width:130px;height:20px;font-family:PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>input::-webkit-input-placeholder{color:#b7b8c9}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>input:focus{outline:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>.close{width:20px;height:20px;float:left;-webkit-transform:scale(1.2) rotate(0);transform:scale(1.2) rotate(0);-webkit-transition:all .3s;transition:all .3s}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>.close:hover{-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>.close>span{width:12px;height:2px;position:absolute;background:#424351;margin-top:9px;margin-left:4px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>.close>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.input>.close>span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search>.btn{display:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.active{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 10px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.active>.text{display:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.active>.input{display:block;background:0;width:150px;-webkit-transition:all .3s;transition:all .3s}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small{padding:0 7px 0 10px;margin-right:0}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.input>.close{display:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn{display:block;width:100px;margin-left:-20px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.confirm{float:right;height:100%;margin:0 5px;border-radius:4px;color:#424351;background:rgba(183,184,201,.1);border:1px solid rgba(183,184,201,.5);font-size:11px;line-height:11px;width:66px;height:30px;text-align:center;word-wrap:break-word;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 3px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.confirm:hover{background:rgba(183,184,201,.25);border:1px solid rgba(183,184,201,.65)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.close{width:22px;height:29px;float:right;-webkit-transform:scale(1.2) rotate(0);transform:scale(1.2) rotate(0);-webkit-transition:all .3s;transition:all .3s;margin-top:-1px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.close>span{width:15px;height:2px;position:absolute;background:#424351;margin-top:15px;margin-left:2px}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.close>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small.expend>.btn>.close>span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small>.text{display:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt:hover{cursor:pointer;color:#424351}
.main-wrapper>div>.top>.gameslib-vtwo .bbt:hover>.icon{background:#424351}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.drop:hover{color:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.drop:hover>.icon{background:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.drop:hover>.arrow{border-top-color:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.blue{color:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.blue>.icon{background:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.blue>.arrow{border-top-color:#0054fe}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.disable{pointer-events:none}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.active{color:#424351}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.active>.icon{background:#424351}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown{float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown.right{float:right}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown.right>div{margin-left:-100px}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown.right>div>.arrow-up{margin-left:73px}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown.right>div>.main{float:right}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown>div{position:absolute;width:100px;z-index:99;float:right;margin-top:44px}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown>div>.arrow-up{position:absolute;margin:0 0 0 5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff;border-radius:3px;margin-left:19px}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown>div>.main{margin-top:5px;padding:6px 8px 6px 6px;background:#fff;float:left;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.3);box-shadow:0 10px 20px 0 rgba(0,0,0,.3);border-radius:8px}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown>div>.main>div.bbt{margin:2px 0;-webkit-box-shadow:none;box-shadow:none;float:none}
.main-wrapper>div>.top>.gameslib-vtwo .dropdown>div>.main>div.line{width:70%;height:1px;background:#eee;margin:3px 15%}
.main-wrapper>.gameslib{float:left;width:100%;height:auto;-webkit-transition:all .3s;transition:all .3s}
.main-wrapper>.cleared{clear:both;width:100%;background:#000;overflow:hidden}
.fixfooter{text-align:right;padding:5px 2px 5px 0;font-size:13px;margin:0 auto;width:100%}
.fixfooter.full{padding:0 20px 10px}
.fixfooter.only{display:none}
.warning{position:fixed;width:100%;min-height:60px;bottom:20px;z-index:30;left:0;color:#fff;font-size:15px;padding:0 10px}
.warning,.warning>div{border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.warning>div{background:rgba(0,0,0,.8);height:100%;padding:20px 35px;text-align:center}
.warning>div.bbt:hover{cursor:pointer}
.totop{position:fixed;width:60px;height:60px;bottom:35px;right:20px;border-radius:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;font-size:12px;line-height:13px;background:#f7f7f7;-webkit-box-shadow:inset 0 0 0 1px #eee;box-shadow:inset 0 0 0 1px #eee}
.totop>.icon>img{height:100%}
.totop:hover{cursor:pointer}
.sidetotop{position:fixed;bottom:-135px;right:20px;z-index:23;-webkit-transition:bottom .3s;transition:bottom .3s}
.sidetotop.show{bottom:35px}
.sidetotop>div{float:right;clear:both;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sidetotop>div>a{min-width:60px;height:60px;display:block;background:#fff;border-radius:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;font-size:15px;-webkit-transition:all .5s;transition:all .5s;border:0 solid rgba(211,214,219,.4);-webkit-box-shadow:0 8px 15px 0 rgba(0,0,0,.1),0 4px 10px 0 rgba(0,0,0,.15);box-shadow:0 8px 15px 0 rgba(0,0,0,.1),0 4px 10px 0 rgba(0,0,0,.15)}
.sidetotop>div>a>div{height:24px}
.sidetotop>div>a>.icon{float:right;margin:0 0 0 17px;-webkit-transition:margin .5s,opacity .5s,-webkit-transform 1s;transition:margin .5s,opacity .5s,-webkit-transform 1s;transition:margin .5s,opacity .5s,transform 1s;transition:margin .5s,opacity .5s,transform 1s,-webkit-transform 1s;opacity:.5}
.sidetotop>div>a>.text{opacity:0;max-width:0;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;float:right;margin:0 17px 0 0;line-height:25px}
.sidetotop>div>a:hover{cursor:pointer}
.sidetotop>div>a img{width:24px}
.sidetotop>div>a.desktop:active:hover{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
.sidetotop>div>a.desktop:hover{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}
.sidetotop>div>a.desktop:hover>.icon{margin:0 6px 0 15px;opacity:.8}
.sidetotop>div>a.desktop:hover>.icon.refresh{-webkit-transform:rotate(2turn);transform:rotate(2turn)}
.sidetotop>div>a.desktop:hover>.icon.target{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.sidetotop>div>a.desktop:hover>.text{max-width:100px;margin:0 18px 0 0;opacity:1}
@media screen and (max-width:767px){
  .main-wrapper>div>.top{min-height:0}
  .warning>div{padding:10px 20px}
  .totop{width:50px;height:50px;bottom:30px;right:18px}
  .totop>.icon{width:25px;height:25px}
  .sidetotop>div>a{min-width:48px;height:48px;font-size:13px}
  .sidetotop>div>a>.icon,.sidetotop>div>a>.text{margin:0 0 0 12px}
}
@media screen and (max-width:575px){
  .main-wrapper>div>.top>.gameslib-vtwo .bbt{margin-right:5px;padding:0 10px}
  .main-wrapper>div>.top>.gameslib-vtwo .bbt.search.small{margin-right:5px}
}
@media screen and (max-width:359px){
  .warning>div{padding:10px}
}
.library{height:auto;margin-bottom:0}
.library>div{margin:0 -10px;position:relative}
.library>div.listClass{margin:0 -5px}
.library>div>.before{font-size:12px;color:#333;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:13px;height:calc(100vh - 100px)}
.library>div>.before .load{height:37px;margin:0 3px 0 0}
.library>div>.before .error{height:150px}
.library>div>.before .center{text-align:center}
.library>div>.loading-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 90px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2}
.library>div>.loading-overlay.mobile{position:fixed;height:calc(100vh + 30px)}
.library>div>.loading-overlay>div{width:120px;height:120px;background:hsla(0,0%,100%,.85);-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.04);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.library>div>.loading-overlay>div>div{width:39px;height:39px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.library>div>.loading-overlay>div>div>div{width:10px;height:10px;margin:1.5px;background:#b7b8c9}
.library>div>.loading-overlay>div>div>div:first-child{-webkit-animation:loading 2.4s infinite;animation:loading 2.4s infinite}
.library>div>.loading-overlay>div>div>div:nth-child(2){-webkit-animation:loading 2.4s infinite .3s;animation:loading 2.4s infinite .3s}
.library>div>.loading-overlay>div>div>div:nth-child(3){-webkit-animation:loading 2.4s infinite .6s;animation:loading 2.4s infinite .6s}
.library>div>.loading-overlay>div>div>div:nth-child(6){-webkit-animation:loading 2.4s infinite .9s;animation:loading 2.4s infinite .9s}
.library>div>.loading-overlay>div>div>div:nth-child(9){-webkit-animation:loading 2.4s infinite 1.2s;animation:loading 2.4s infinite 1.2s}
.library>div>.loading-overlay>div>div>div:nth-child(8){-webkit-animation:loading 2.4s infinite 1.5s;animation:loading 2.4s infinite 1.5s}
.library>div>.loading-overlay>div>div>div:nth-child(7){-webkit-animation:loading 2.4s infinite 1.8s;animation:loading 2.4s infinite 1.8s}
.library>div>.loading-overlay>div>div>div:nth-child(4){-webkit-animation:loading 2.4s infinite 2.1s;animation:loading 2.4s infinite 2.1s}
.library>div>.loading-overlay>div>div>div:nth-child(5){background:0 0}
.library>div.hide{padding:0;margin:0}
.library>div.hide>.before{height:auto;position:absolute;z-index:100;background:#eeeff3;width:100%;padding:15px 0 5px;height:70px;top:0;left:0}
.library>div>.card2{width:240px;margin:0 5px 20px;height:380px;-webkit-box-shadow:0 0 0 1px #ccc inset;box-shadow:inset 0 0 0 1px #ccc}
@keyframes loading{10%{background:#0054fe}60%{background:#b7b8c9}}
.game-item.loading>div{background:#eeeff3}
.game-item.loading>div>{display:none!important}
.game-item>div{border-radius:8px;position:relative;overflow:hidden;cursor:default}
.game-item>div>.action{width:20px}
.game-item>div>.action>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.game-item>div>.action>div>div svg{width:20px;height:20px;display:block;-webkit-transition:fill .2s,-webkit-transform .2s,-webkit-filter .2s;transition:fill .2s,-webkit-transform .2s,-webkit-filter .2s;transition:transform .2s,fill .2s,filter .2s;transition:transform .2s,fill .2s,filter .2s,-webkit-transform .2s,-webkit-filter .2s;cursor:pointer}
.game-item>div>.action>div>div svg:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}
.game-item>div>.action>div>div svg:active{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-transform:scale(1);transform:scale(1)}
.game-item>div>.action>div>div.disabled{-webkit-filter:opacity(40%);filter:opacity(40%);pointer-events:none}
.game-item>div>.action>div>.count{font-size:10px}
.game-item>div>.action>.bookmark>div.active svg{fill:#ffb919}
.game-item>div>.action>.bookmark>div svg:hover{-webkit-transform:rotate(145deg);transform:rotate(145deg)}
.game-item>div>.action>.like>div.active svg{fill:#ff1928}
.game-item>div>.icon{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.game-item>div>.icon>img{display:block;width:100%;position:absolute;bottom:0;top:auto;opacity:0}
.game-item>div>.icon>img.label{width:260px;height:40px;bottom:auto;top:0}
.game-item>div>.icon>.noimage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.9);border-radius:13px;color:#333;font-size:11px;background:#eee}
.game-item>div>.icon>.noimage>div{width:100%;text-align:center}
.game-item>div>.icon>.noimage>div:nth-child(2){font-size:10px;color:rgba(0,0,0,.5)}
.game-item>div>.info{display:-webkit-box;display:-ms-flexbox;display:flex}
.game-item>div>.info>.name{padding-right:4px}
.game-item>div>.info>.online-no{font-size:10px;line-height:12px;white-space:nowrap}
.game-item>div>.detail{display:-webkit-box;display:-ms-flexbox;display:flex}
.game-item>div>.detail>div:first-child>.value>div{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.game-item>div>.detail>div:last-child>.value>div{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.game-item>div>.detail>div>.value{font-size:12px;line-height:12px}
.game-item>div>.detail>div>.value>div{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px}
.game-item>div>.detail>div>.value>div:first-child{margin-bottom:1px}
.game-item>div>.detail>div>.value>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.12);border-radius:2px;margin-right:2px;font-size:9px;min-width:15px;width:15px}
.game-item>div>.detail>div>.label{font-size:10px;line-height:11px}
.game-item>div>.button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.game-item>div>.button.noAnim{-webkit-transition:none!important;transition:none!important}
.game-item>div>.button>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;cursor:pointer;-webkit-transition:background .2s,-webkit-filter .2s;transition:background .2s,-webkit-filter .2s;transition:filter .2s,background .2s;transition:filter .2s,background .2s,-webkit-filter .2s;backdrop-filter:blur(10px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.game-item>div>.button>div.disabled{-webkit-filter:opacity(50%);filter:opacity(50%);pointer-events:none}
.game-item>div>.button>div:active{-webkit-filter:brightness(90%);filter:brightness(90%)}
.card:hover>div{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 20px 20px -10px rgba(0,0,0,.39);box-shadow:0 20px 20px -10px rgba(0,0,0,.39)}
.card:hover>div>.detail.ani{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.card:hover>div>.button{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}
.card>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:calc(100% - 20px);height:300px;margin:0 10px 20px;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .2s;transition:-webkit-transform .3s,-webkit-box-shadow .2s;transition:transform .3s,box-shadow .2s;transition:transform .3s,box-shadow .2s,-webkit-transform .3s,-webkit-box-shadow .2s}
.card>div>.bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.card>div>.bg>img{width:100%;height:auto}
.card>div>.bg>.noimage{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#aaa;padding:0 25%}
.card>div>.bg>.noimage>div:nth-child(2){font-size:12px}
.card>div>.bg>.errimg{width:100%;height:100%}
.card>div>.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.card>div>.label{position:absolute;left:0;top:0;width:173px;height:80px}
.card>div>.label>img{width:100%}
.card>div>.icon{position:absolute;left:0;width:80px;height:80px;top:0}
.card>div>.icon>.noimage{position:relative;top:6px;width:56px;height:56px;top:12px;left:10px}
.card>div>.action{position:absolute;top:14px;right:14px}
.card>div>.action>div{margin-bottom:14px;color:#fff}
.card>div>.action>div svg{fill:#fff}
.card>div>.info{margin-bottom:8px;padding:0 16px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;z-index:2;font-weight:600}
.card>div>.info>.name{font-size:14px;line-height:14px;color:#fff}
.card>div>.info>.online-no{opacity:.7;color:#fff}
.card>div>.detail{width:calc(100% - 32px);padding:8px 0 16px;margin:0 16px;border-top:1px solid hsla(0,0%,100%,.2);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;z-index:2}
.card>div>.detail>div{width:28%}
.card>div>.detail>div:first-child{width:44%}
.card>div>.detail>div>.value{color:#fff;margin-bottom:4px}
.card>div>.detail>div>.value>div>div{background:hsla(0,0%,100%,.35)}
.card>div>.detail>div>.label{opacity:.4;color:#fff}
.card>div>.detail>div.right{text-align:right}
.card>div>.button{position:absolute;bottom:0;left:0;width:100%;padding:0 16px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none;opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;z-index:2;font-weight:600}
.card>div>.button.full>div{width:100%}
.card>div>.button>div{width:110px;height:36px;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);font-size:13px;line-height:13px;color:#fff;-webkit-transition:background .2s;transition:background .2s;backdrop-filter:blur(10px)}
.card>div>.button>div:first-child{background:hsla(0,0%,100%,.2)}
.card>div>.button>div:nth-child(2){background:hsla(0,0%,100%,.3)}
.card>div>.button>div:hover:first-child{background:hsla(0,0%,100%,.4)}
.card>div>.button>div:hover:nth-child(2){background:hsla(0,0%,100%,.5)}
.list>div{width:calc(100% - 10px);height:80px;background:#fff;border-radius:8px;margin:0 5px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px}
.list>div>.bg,.list>div>.overlay{display:none}
.list>div>.icon{margin:0 10px;width:60px;height:60px;position:relative}
.list>div>.icon>.noimage{width:100%;height:100%}
.list>div>.action{width:25px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}
.list>div>.action>div{color:#d8d9e7}
.list>div>.action>div svg{fill:#d8d9e7}
.list>div>.info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 622px);margin-left:10px;padding-right:10px}
.list>div>.info>.name{font-size:14px;line-height:14px;color:#424351;font-weight:700}
.list>div>.info>.online-no{margin-top:6px;color:#b7b8c9}
.list>div>.detail{min-width:285px;width:285px;margin-right:44px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-left:1px solid rgba(183,184,201,.3)}
.list>div>.detail>div:first-child{padding-left:40px}
.list>div>.detail>div:nth-child(2)>.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list>div>.detail>div>.value{color:#424351;font-weight:700}
.list>div>.detail>div>.label{color:#b7b8c9;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list>div>.button{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px;width:178px}
.list>div>.button.full{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.list>div>.button>div{width:calc(50% - 5px);height:32px;border-radius:4px;font-size:10px;line-height:10px;backdrop-filter:none}
.list>div>.button>div.disabled,.list>div>.button>div:active{-webkit-filter:none;filter:none}
.list>div>.button>div:first-child{background:rgba(183,184,201,.1);border:1px solid rgba(183,184,201,.5);color:#424351}
.list>div>.button>div:nth-child(2){background:rgba(0,84,254,.15);border:1px solid rgba(0,84,254,.2);color:#0054fe}
.list>div>.button>div:hover:first-child{background:rgba(183,184,201,.25);border:1px solid rgba(183,184,201,.65)}
.list>div>.button>div:hover:nth-child(2){background:rgba(0,84,254,.3);border:1px solid rgba(0,84,254,.35)}
.list.small>div{height:100px;padding:10px}
.list.small>div>.action{margin-left:0}
.list.small>div>.icon{width:80px;height:80px;margin:-2px 12px 0 10px}
.list.small>div>.info{position:absolute;left:127px;top:10px;width:calc(100% - 215px);max-width:unset;padding-right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.list.small>div>.info.full{width:calc(100% - 147px)}
.list.small>div>.info>.online-no{margin-top:unset}
.list.small>div>.detail{min-width:unset;width:calc(100% - 195px);height:100%;margin-right:8px;padding-bottom:2px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border:none}
.list.small>div>.detail>div{padding:0 16px}
.list.small>div>.detail>div:first-child{padding-left:0;border:none}
.list.small>div>.detail>div:nth-child(2){border-left:1px solid rgba(183,184,201,.3)}
.list.small>div>.detail>div:nth-child(2).rtp{border-right:1px solid rgba(183,184,201,.3)}
.list.small>div>.detail>div:last-child{padding-right:0}
.list.small>div>.button{width:60px;padding:4px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.list.small>div>.button.full{margin-top:auto}
.list.small>div>.button>div{width:100%}
.list.small>div>.button>div:first-child{margin-bottom:8px}
.list.compact>div{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:128px}
.list.compact>div>.action{padding:28px 0 0;height:100%}
.list.compact>div>.info.full,.list.compact>div>.info{width:calc(100% - 20px);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;left:0}
.list.compact>div>.detail{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end}
.list.compact>div>.detail>div:first-child{width:100%;margin-bottom:18px;padding:0}
.list.compact>div>.detail>div:first-child.multivalue{margin-bottom:4px}
.list.compact>div>.detail>div:first-child > .value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list.compact>div>.detail>div:first-child > .value > div:nth-child(1){margin-bottom:0;margin-right:4px}
.list.compact>div>.detail>div:nth-child(2){max-width:50%;border-left:none;padding:0 10px 0 0}
.list.compact>div>.detail>div:nth-child(3){max-width:50%;padding:0 0 0 10px}
.no-action.list:not(.small):not(.compact)>div>.info{width:calc(100% - 597px)}
.no-action.list.small:not(.compact)>div>.info{left:102px}
.no-action.list.compact>div>.info{width:calc(100% - 30px);margin-left:20px}
.no-action.list.compact>div>.detail{width:calc(100% - 170px)}
@media screen and (max-width:768px){
  .game-item>div>.action>div>div svg{-webkit-transform:scale(1)!important;transform:scale(1)!important}
  .game-item>div>.action>div.bookmark>div svg:hover,.game-item>div>.action>div.like>div svg:hover{fill:#d8d9e7}
}
@media screen and (max-width:375px){
  .list.compact>div{padding:10px 8px}
  .list.compact>div>.action{width:18px}
  .list.compact>div>.icon{margin:0 6px 0 4px}
  .list.compact>div>.info.full{width:calc(100% - 16px);margin-left:8px}
  .list.compact>div>.info.full>.name{font-size:13px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .list.compact>div>.detail{width:calc(100% - 172px);margin-right:4px}
  .list.compact>div>.detail>div:nth-child(2){padding-right:6px}
  .list.compact>div>.detail>div:nth-child(3){padding-left:6px}
  .list.compact.no-action>div>.detail{width:calc(100% - 154px)}
}

/* ---- Local additions (not part of the original page) ----
   The original operator lobby has no sign-in screen and no visible username/balance.
   Cards show the original per-game NewWebLabel images (served locally); the text
   badge below is only a fallback when a label image is missing or fails to load. */
[hidden]{display:none!important}
body{color:#000;background:#eeeff3}
.gameslib{min-height:10px}
.lobby-view{min-height:100vh}
#games_isotope{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}
.game-item{flex:0 0 auto}

/* Fallback card text badge when the NewWebLabel image (260x40 at top-left) is unavailable. */
.card>div>.icon>.game-badge{position:absolute;top:0;left:0;z-index:2;max-width:260px;height:34px;display:flex;align-items:center;padding:0 11px;overflow:hidden;color:#fff;border-radius:8px 0 0 0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:17px;font-weight:800;letter-spacing:.02em}
.game-badge.is-red{background:#ff292f}
.game-badge.is-orange{background:#ff5b13}
.game-badge.is-violet{background:#b52bff}
.list>div>.icon>.game-badge{display:none}
.card:focus-within>div>.button{opacity:1;pointer-events:auto;transform:translateY(0)}
.card:focus-within>div>.detail.ani{opacity:0}
.game-item>div>.icon>img.loaded{opacity:1}
.game-item>div>.action>.like>div{display:block;cursor:pointer}
.game-item>div>.button>.play>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;border-radius:inherit}
.game-item>div>.button>.play>a:focus-visible{outline:2px solid #0054fe;outline-offset:2px}
.game-item.offline>div>.bg>img{filter:grayscale(.55) brightness(.65)}
.bbt:focus-visible{outline:2px solid #0054fe;outline-offset:2px}
.library>div>.before .sign-img img{height:150px}

/* Account / wallet control (the original page relies on an operator session). */
.main-wrapper>div>.top>.gameslib-vtwo .account-shell{position:relative;float:right}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.account{float:none;margin:0;padding:0 12px 0 5px;gap:6px;color:#424351}
.main-wrapper>div>.top>.gameslib-vtwo .bbt.account>.arrow{margin-left:2px}
.toolbar-avatar,#avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:6px;background:#424351;font-weight:700;font-size:12px}
.toolbar-user{min-width:0;display:grid;gap:1px;text-align:left}
.toolbar-user strong{max-width:96px;overflow:hidden;color:#424351;text-overflow:ellipsis;font-size:11px;white-space:nowrap}
.toolbar-user small{color:#8d8f9d;font-size:10px;white-space:nowrap}
.account-menu{position:absolute;top:50px;right:0;z-index:99;width:210px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.3);font-size:12px}
.account-menu>div{padding:13px 14px}
.account-summary{display:flex;align-items:center;gap:10px}
.account-summary>span:last-child,.menu-wallet{display:grid;gap:3px}
.menu-wallet{border-top:1px solid #eee}
.account-menu small{color:#9294a2}
.account-menu strong{color:#424351}
.account-menu button{width:100%;padding:12px 14px;color:#a43e4e;border:0;border-top:1px solid #eee;background:#fff;text-align:left;cursor:pointer;font:inherit}
.account-menu button:hover{background:#f7f7f9}
.account-menu #refresh{color:#424351}
.top.full .toolbar-user{display:none}

/* Sign-in screen (local only). */
.auth-view{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px;background:#e9eaf0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242532}
.auth-art{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;opacity:.18;filter:saturate(.75) blur(2px);transform:scale(1.05)}
.auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(241,242,247,.72),rgba(241,242,247,.92))}
.auth-art img{width:100%;height:100%;object-fit:cover}
.auth-card{position:relative;z-index:1;width:min(440px,100%);padding:38px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:rgba(255,255,255,.93);box-shadow:0 26px 80px rgba(32,37,65,.18);backdrop-filter:blur(22px)}
.brand-mark{width:58px;height:46px;display:grid;place-items:center;color:#fff;border-radius:12px 16px 12px 7px;background:linear-gradient(135deg,#576fdc,#775ae7);font-size:23px;font-weight:950;letter-spacing:-4px;transform:skew(-7deg);box-shadow:0 10px 24px rgba(87,111,220,.24)}
.brand-mark span{color:#bff8e3}
.auth-kicker{margin:24px 0 7px;color:#576fdc;font-size:11px;font-weight:800;letter-spacing:.16em}
.auth-card h1{margin:0;font-size:34px;letter-spacing:-.035em}
.auth-copy{margin:9px 0 25px;color:#858898;line-height:1.55}
.auth-card form{display:grid;gap:15px}
.auth-card label{display:grid;gap:7px;color:#4f5260;font-size:12px;font-weight:700}
.auth-card input{width:100%;height:48px;padding:0 14px;color:#242532;border:1px solid #dfe1e9;border-radius:11px;background:#fff;outline:none;font:inherit}
.auth-card input:focus{border-color:#576fdc;box-shadow:0 0 0 4px rgba(87,111,220,.1)}
.primary-button{height:50px;margin-top:4px;color:#fff;border:0;border-radius:11px;background:linear-gradient(135deg,#576fdc,#775ae7);box-shadow:0 10px 20px rgba(87,111,220,.2);cursor:pointer;font:inherit;font-weight:800}
.primary-button:disabled{cursor:wait;opacity:.7}
.text-button{width:100%;margin-top:16px;padding:8px;color:#576fdc;border:0;background:none;cursor:pointer;font:inherit;font-weight:700}
.credit-note{margin:17px 0 0;padding-top:17px;color:#858898;border-top:1px solid #e6e7ec;text-align:center;font-size:12px}
.credit-note strong{color:#27b77a}
.form-error{margin:0;padding:11px 13px;color:#a43e4e;border-radius:9px;background:#fff0f2;font-size:12px;line-height:1.45}
@media (max-width:575px){
  .auth-view{padding:14px}
  .auth-card{padding:28px 22px;border-radius:19px}
  .auth-art{grid-template-columns:1fr 1fr}
  .auth-art img:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}
/* ---- Maintenance overlay (local addition, migration 602; not in the original bundle) ---- */
.game-item.maintenance>div>.bg{-webkit-filter:grayscale(1);filter:grayscale(1)}
.game-item.maintenance>div>.maintenance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:10px;border-radius:8px;background:rgba(48,48,52,.72);color:#fff;text-align:center;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.game-item.maintenance.resumable>div>.maintenance-overlay{cursor:pointer}
.game-item.maintenance.resumable>div>.maintenance-overlay:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.maintenance-overlay>.maintenance-icon svg{display:block;width:30px;height:30px;fill:#fff}
.maintenance-overlay>.maintenance-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;min-width:0;max-width:100%}
.maintenance-overlay .maintenance-title{font-size:18px;line-height:22px;font-weight:700;letter-spacing:.5px}
.maintenance-overlay .maintenance-message{font-size:11px;line-height:14px;max-width:220px;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.9}
.game-item.list.maintenance>div>.maintenance-overlay{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;padding:6px 12px}
.game-item.list.maintenance>div>.maintenance-overlay>.maintenance-text{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left}
.game-item.list.maintenance>div>.maintenance-overlay .maintenance-title{font-size:15px;line-height:18px}
.game-item.list.maintenance>div>.maintenance-overlay .maintenance-icon svg{width:22px;height:22px}