noname/layout/nova/layout.css

@import "../newlayout/layout.css";
#arena{
    height: calc(95% + 20px);
}
#control{
    width: calc(5000% / 47 - 240px);
    left:calc(-150% / 47 + 120px);
    bottom:150px;
    height: 40px;
}
#arena.phone #control{
    bottom:160px;
}
#arena.ipad #control{
    bottom:155px;
}
#arena:not(.chess)>#me,
#arena:not(.chess)>#mebg,
#arena:not(.chess)>#autonode{
    bottom:30px;
    width: calc(5000% / 47);
    left:calc(-150% / 47);
    top:auto;
    border-radius:0 !important;
    height:120px;
}
#arena.oblongcard:not(.chess)>#me,
#arena.oblongcard:not(.chess)>#mebg,
#arena.oblongcard:not(.chess)>#autonode{
    height: 140px;
}
#arena.oblongcard:not(.chess)>.card,
#arena.oblongcard:not(.chess) .handcards>.card{
    height: 120px;
}
#arena.oblongcard:not(.chess)>.card>.image,
#arena.oblongcard:not(.chess) .handcards>.card>.image{
    height: 110px;
    top: 8px;
    background-position-x: -3px;
}
#arena.oblongcard:not(.chess) #handcards1{
    height: 100%;
    top: 2px;
}
#arena.oblongcard:not(.chess):not(.choose-character) #control{
    bottom:165px;
}
#arena.phone.oblongcard:not(.chess):not(.choose-character) #control{
    bottom:180px;
}

#arena:not(.chess)>#autonode{
    width: calc(5000% / 47 - 240px);
    left:calc(-150% / 47 + 120px);
}
#arena:not(.mobile).single-handcard #handcards1{
    width: calc(100% - 120px);
}
#window.rightbar #system,
#window.leftbar #system{
    width: calc(100% - 62px);
}
#window.leftbar #system{
    left: 50px;
}
#window.rightbar #historybar{
    left: calc(100% - 50px);
    border-radius: 0;
    top: 0;
    height: 100%;
}
#window.leftbar #historybar{
    left: 0;
    border-radius: 0;
    top: 0;
    height: 100%;
}

#window.single-handcard #historybar{
    height: calc(100% - 121px);
}
#window.oblongcard.single-handcard #historybar{
    height: calc(100% - 141px);
}

#window.leftbar #arena:not(.chess)>#me,
#window.leftbar #arena:not(.chess)>#mebg,
#window.leftbar #arena:not(.chess)>#autonode{
    width: calc(5000% / 47 + 2500px / 47);
    left:calc(-150% / 47 - 50px - 75px / 47);
}
#window.leftbar #arena:not(.chess)>#autonode{
    width: calc(5000% / 47 + 2500px / 47 - 240px);
    left:calc(-150% / 47 - 50px - 75px / 47 + 120px);
}
#window.rightbar #arena:not(.chess)>#me,
#window.rightbar #arena:not(.chess)>#mebg,
#window.rightbar #arena:not(.chess)>#autonode{
    width: calc(5000% / 47 + 2500px / 47);
    left:calc(-150% / 47 - 75px / 47);
}
#window.rightbar #arena:not(.chess)>#autonode{
    width: calc(5000% / 47 + 2500px / 47 - 240px);
    left:calc(-150% / 47 - 75px / 47 + 120px);
}
#arena:not(.chess) #handcards1{
    height:120px;
    padding:0;
    top:calc(100% - 120px);
}
#arena:not(.chess) #handcards1.scrollh{
    top: calc(100% - 180px);
    height: 180px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh{
    top: calc(100% - 200px);
    height: 200px;
}
#arena:not(.chess) #handcards1.scrollh>div{
    height: 120px;
    top: 60px;
}
#arena:not(.chess).oblongcard #handcards1.scrollh>div{
    top: 62px;
}
#arena:not(.chess):not(.single-handcard) #handcards1{
    width:calc(100% - 240px);
    left:calc(150% / 47 - 300% / 94 + 625% / 47 - 105px + 120px);
}
#arena:not(.single-handcard):not(.chess)>#me,
#arena:not(.single-handcard):not(.chess)>#mebg,
#arena:not(.single-handcard):not(.chess)>#autonode{
    left: 0 !important;
    bottom: 38px !important;
    width: calc(9700% / 94) !important;
}
#arena:not(.single-handcard):not(.chess)>#mebg{
    visibility: hidden;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1{
    left: 150px !important;
    width: calc(100% - 150px) !important;
}
#arena:not(.single-handcard):not(.chess)>#me #handcards1>.handcards{
    left: 0 !important;
}
#autonode{
    display: table !important;
}
@media screen and (max-width: 1105px){
    #arena[data-number='8']:not(.single-handcard):not(.chess)>#me,
    #arena[data-number='8']:not(.single-handcard):not(.chess)>#mebg,
    #arena[data-number='8']:not(.single-handcard):not(.chess)>#autonode{
        left: calc(-300% / 94 + 625% / 47 - 105px) !important;
        width: calc(9700% / 94 + 300% / 94 - 625% / 47 + 105px) !important;
    }
}
#handcards2{
    display:none;
}
.dialog{
	height:calc(100% - 370px);
    bottom:170px;
}
#arena.choose-character>.dialog .placeholder+.placeholder{
    display: none;
}
#arena.choose-character>.dialog .placeholder{
    margin-bottom: 4px;
    height: 0px;
}
#arena.choose-character>.dialog.noupdate .placeholder{
    margin-bottom: 0;
    height: 0;
}
#arena.choose-character>.dialog{
    height:calc(100% - 280px);
    bottom:80px;
}
#arena.choose-character>.dialog.scroll3{
    height:calc(100% - 240px);
}
#arena.phone.choose-character>.dialog{
    bottom:93px;
}
#arena.ipad.choose-character>.dialog{
    bottom:96px;
}
#arena.choose-character>#control{
    bottom: 30px;
    transition: all 0s;
}
#arena.phone.choose-character>#control{
    bottom: 43px;
}
#arena.ipad.choose-character>#control{
    bottom: 45px;
}
.dialog.fullheight {
    height: calc(100% - 123px) !important;
    top: 40px !important;
}

#me>.fakeme.avatar{
    width:120px;
    height:100%;
    border-radius:0px;
    top:0;
    left:0;
    background-size:cover;
    clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
    -webkit-clip-path: polygon(-10px 0, 130px 0, 130px 130px, -10px 130px);
}
#window[data-radius_size='increase'] #me>.fakeme.avatar,
#window[data-radius_size='reduce'] #me>.fakeme.avatar{
    border-radius:0px;
}

/*--------位置(8人)------*/
[data-number='8']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='8']>.player[data-position='3']{top:0;left:calc(75% - 112.5px);}
[data-number='8']>.player[data-position='4']{top:0;left:calc(50% - 75px);}
[data-number='8']>.player[data-position='5']{top:0;left:calc(25% - 37.5px);}
[data-number='8']>.player[data-position='6']{top:calc(10% - 50px);left:0;}
[data-number='8']>.player[data-position='7']{top:calc(55% - 135px);left:0;}
/*--------位置(7人)------*/
[data-number='7']>.player[data-position='1']{top:calc(55% - 135px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='2']{top:calc(10% - 50px);left:calc(100% - 150px);}
[data-number='7']>.player[data-position='3']{top:0;left:calc(62.5% - 75px);}
[data-number='7']>.player[data-position='4']{top:0;left:calc(37.5% - 75px);}
[data-number='7']>.player[data-position='5']{top:calc(10% - 50px);left:0;}
[data-number='7']>.player[data-position='6']{top:calc(55% - 135px);left:0;}
/*--------位置(6人)------*/
#arena[data-number='6']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='6']>.player[data-position='2']{top:0px;left:calc(75% - 90px);}
#arena[data-number='6']>.player[data-position='3']{top:0;left:calc(50% - 60px);}
#arena[data-number='6']>.player[data-position='4']{top:0px;left:calc(25% - 30px);}
#arena[data-number='6']>.player[data-position='5']{top:calc(30% - 128px);left:0;}
/*--------位置(5人)------*/
#arena[data-number='5']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='5']>.player[data-position='2']{top:0;left:calc(200% / 3 - 80px);}
#arena[data-number='5']>.player[data-position='3']{top:0;left:calc(100% / 3 - 40px);}
#arena[data-number='5']>.player[data-position='4']{top:calc(30% - 128px);left:0;}
/*--------位置(4人)------*/
#arena[data-number='4']>.player[data-position='1']{top:calc(30% - 128px);left:calc(100% - 120px);}
#arena[data-number='4']>.player[data-position='2']{top:0;left:calc(50% - 60px);}
#arena[data-number='4']>.player[data-position='3']{top:calc(30% - 128px);left:0;}
/*--------位置(3人)------*/
#arena[data-number='3']>.player[data-position='1']{top:calc(60% / 3 - 88px);left:calc(75% + 80px);}
#arena[data-number='3']>.player[data-position='2']{top:calc(60% / 3 - 88px);left:calc(25% - 200px);}
/*--------位置(2人)------*/
#arena[data-number='2']>.player[data-position='1']{top:0;left:calc(50% - 60px);}
/*--------位置(1人)------*/
.player[data-position='0']{top:calc(100% - 220px);left:0;}


#arena[data-player_height_nova="default"]>.player[data-position='0']:not(.minskin){
    top: calc(100% - 236px);
}
[data-number='8'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="default"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="default"]>.player[data-position='6']{
    top:calc(55% - 143px);
}

#arena[data-player_height_nova="default"]>.player:not(.minskin){
    height: 196px !important;
}
#arena[data-player_height_nova="default"] .timerbar>div{
    top: 181px;
}

#arena[data-player_height_nova="default"]>.player .avatar{
	height:176px;
}
#arena.slim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 182px;
}

#arena.uslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 186px;
}
#arena[data-player_height_nova="default"]>.player.fullskin2 .avatar2{
    height:176px;
}

#arena.slim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 182px;
}
#arena.uslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 190px;
}
#arena.mslim_player[data-player_height_nova="default"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 186px;
}


#arena[data-player_height_nova="long"]>.player[data-position='0']:not(.minskin){
    top: calc(100% - 250px);
}
[data-number='8'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='8'][data-player_height_nova="long"]>.player[data-position='7'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='1'],
[data-number='7'][data-player_height_nova="long"]>.player[data-position='6']{
    top:calc(55% - 150px);
}

#arena[data-player_height_nova="long"]>.player:not(.minskin){
    height: 210px !important;
}
#arena[data-player_height_nova="long"] .timerbar>div{
    top: 195px;
}

#arena[data-player_height_nova="long"]>.player .avatar{
	height:190px;
}
#arena.slim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 196px;
}

#arena.uslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"] .player:not(.minskin):not(.fakeme) .avatar{
	height: 200px;
}
#arena[data-player_height_nova="long"]>.player.fullskin2 .avatar2{
    height:190px;
}

#arena.slim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 196px;
}
#arena.uslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 204px;
}
#arena.mslim_player[data-player_height_nova="long"]> .player.fullskin2:not(.minskin) .avatar2{
	height: 200px;
}

#arena>.player:not(.minskin)>.avatar,
#arena>.player:not(.minskin)>.avatar2{
    background-position: 50% 0 !important;
}