Файл: style.css
Строк: 3491
/* Обновление игры под PHP 8.4 / PDO и усиление
безопасности: by Метриум (Стэлп)
*/
.prg-bar,.prg-blue,.prg-red,.prg-green,.prg-violet{
font-size:0;line-height:0;
height:5px;
background-image:url('/images/bg-prg.png');background-repeat:repeat-x;}
.prg-bar{border:1px
solid #cbc66b;}
.prg-bar.fght{background-position:0
-12px;}
.prg-bar.vote{background-position:0 -12px; border:1px solid
#000000;}
.prg-blue{display:block;background-position:0
-7px;}
.complects_bg{background-image:url(/images/complects.jpg);background-position:center
center;background-repeat:no-repeat}
.Chat_bg{background-image:url(/images/Chat.jpg);background-position:center
center;background-repeat:no-repeat}
.arena_bg{background-image:url(/images/town/hd/arena.jpg);background-position:center
center;background-repeat:no-repeat}
html{width:100%;min-height:100%;overflow-x:hidden;background:#171b22
url(/images/background_titans_v48.jpg) no-repeat fixed center
top;background-size:cover}
body{width:520px;max-width:520px;min-width:0;min-height:100%;overflow-x:hidden;background:#212121
url(/images/body.png);font-family:Verdana,Arial,sans-serif;font-size:14px;color:#FFF;text-shadow:#000
0 -1px 1px;margin:0
auto}
*,*:before,*:after{box-sizing:border-box}
.main,.content,.block,.block_zero,.block_light,.menuList,.list,.empty_block{width:100%;max-width:100%;min-width:0}
img{max-width:100%;height:auto}
table{max-width:100%}
input,textarea,select,button{max-width:100%}
input.text,textarea.text{box-sizing:border-box}
#time_div{display:inline-block;margin-left:5px;margin-right:0}
@media(max-width:520px){html{background-image:url(/images/background_titans_v48_mobile.jpg);background-attachment:scroll;background-position:center
top}body{width:100%;max-width:100%;margin:0}input,textarea,select,button{font-size:16px;line-height:1.25}.btn
.label,.old-btn{white-space:normal;overflow-wrap:anywhere}.text,textarea{max-width:100%}}
table.adv{text-align:center;font-size:12px;margin:0;padding:0}td.adv{border:1px
solid
#000;font-weight:700;background-color:#999}input{vertical-align:middle;background:#FFC;font-size:12px;margin:0;padding:0}input.text,textarea.text{background-color:#707070;color:#fff;border:1px
solid #C8C8C8;margin:2px 0 3px;padding:2px 1px
3px}input.button{width:20%;background-color:#303030;color:#fff;font-weight:400;font-size:11px;display:inline-block;cursor:pointer;border:none;padding:3px
10px}input.medium{width:20%}input.medium-text,textarea.medium-text{width:40%}select{background-color:#707070;width:35%;font-weight:700;font-size:12px;color:#fff;border:none;text-align:center;margin:2px
0 3px;padding:2px 1px 3px
10px}select.small{width:60px}select.medium{width:80px}span{text-decoration:none}.black{color:#fff;background-color:#000;font-size:11px;margin:0;padding:0
3px}a{text-decoration:underline;color:#f4d06e;outline:0}a.black{text-decoration:none;color:#fff;background-color:#000;font-size:11px;display:inline-block;cursor:pointer;margin:0;padding:0
5px}a.button{background-color:#303030;color:#fff;font-weight:400;font-size:11px;padding:3px
10px}h1,h2{font-weight:400;color:#fff}h1{font-size:17px}h2{font-size:16px}b{font-size:103%;font-weight:700;color:#fff;padding:1px
0}hr{height:0;border:none;border-top:#25231f solid
1px;border-bottom:#34332c solid
1px;margin:5px;padding:0}li,ul{list-style:square;margin:0 0 0
10px;padding:1px}.big{font-size:120%;margin:0;padding:0 0
2px}.line{background-image:url(/images/icon/line.png);background-color:#3e3d36;background-repeat:repeat-x;background-position:bottom
left;padding-top:5px}.mini-line{border:0;border-top:#3e3d36 solid
2px;margin:0;padding:0}.dot-line{border:0;border-bottom:#3e3d36 dotted
1px;margin:0;padding:0}img{border:0;vertical-align:middle}img.portrait{float:left;margin-right:4px;margin-bottom:4px}.main{background-color:#212121;background-image:url(/images/body.png)}.title{font-size:130%;font-family:Century
Gothic,Arial,sans-serif;text-align:center;color:#FF9;padding:5px}.old_title{font-size:110%;border:0;color:#FF9;padding:5px}.foot{background-color:#141111;padding:5px}.player{background-color:#212121;background-image:url(/images/icon/bg.png);padding:5px}.error{color:#FF3434;border-bottom:#5c5853
solid 1px;padding:2px}.ok{color:#3C3;border-bottom:#5c5853 solid
1px;padding:2px}.warn{color:#CFC;border-bottom:#5c5853 solid
1px;padding:2px}.error,.ok,.warn{background-color:#303030;border-right:#3e3d36
solid 1px;border-left:#3e3d36 solid 1px}.block{border-bottom:#5c5853 solid
1px;padding:5px 0 5px 5px}.block_up{border-top:#5c5853 solid
1px;padding:5px 0 5px 5px}.block_right{border-right:#5c5853 solid
1px;padding:5px 0 5px
5px}.block_light{background-color:#333;border-left:#3e3d36 solid
2px;border-right:#3e3d36 solid 2px;padding:5px 0 5px
5px;}.snow{/*background-image:url(/images/bg-snow.png);background-repeat:repeat-x;background-position:0
0*/}.gold-title{background-image:url(/images/bg-gold.png);background-repeat:repeat-x;background-position:0
0}.block_outer{background-color:#302e2e;border-bottom:#141111 solid
1px;border-right:#141111 solid 1px;border-left:#3e3d36 1px
solid;border-top:#3e3d36 1px solid;padding:5px 0 5px
5px}.block_dashed{border:1px dashed
#5c5853;background-color:#2e2e2e;margin:5px;padding:5px}.not_here{color:#999;font-weight:700;border:0}.menuList
li{list-style:none;border-bottom:#5c5853 dotted
1px;margin:0}.highlight{background-color:#383838}.menuList
li:hover{background-color:#323232}.menuList
li.original:hover{background-color:transparent}.menuList
li:last-child{border:0}.menuList
a{text-decoration:none;display:block;padding:5px}.menuList
a.inline{text-decoration:none;display:inline-block;padding:5px}.menuList
img{padding:0 5px 0 0}.menuList p{margin:0;padding:5px 0 5px
5px}.blockimage img{padding:0 5px 0
0}.footList{display:inline-block;margin:0;padding:0}.footList
li{list-style:none;margin-left:3px;margin-top:3px;float:left;border-bottom:#141111
solid 1px;border-right:#141111 solid 1px;border-left:#3e3d36 1px
solid;border-top:#3e3d36 1px solid}.footList
a{display:inline-block;text-decoration:none;font-size:11px;padding:0
5px}.button
.left{background-image:url(/images/icon/block/bt-l.png?v=1);background-repeat:no-repeat;background-position:top
left;padding:0 0 0 2px}.button
.right{background-image:url(/images/icon/block/bt-r.png?v=1);background-repeat:no-repeat;background-position:top
right;padding:0 2px 0 0}.button
input{background-image:url(/images/icon/block/bt-bg.png?v=1);background-color:#40414a;height:24px;border:0;color:#fff;font-size:13px;padding:0
24px}.button-href
a{display:inline-block;color:#fff;text-decoration:none;font-size:12px}.button-href
span{display:inline-block;background-image:url(/images/icon/block/bt-bg.png?v=1);background-color:#40414a;height:24px;margin:0
9px}.button-href p{margin:0;padding:4px}.button-href
.left{background-image:url(/images/icon/block/bt-l.png?v=1);background-repeat:no-repeat;background-position:top
left}.button-href
.right{background-image:url(/images/icon/block/bt-r.png?v=1);background-repeat:no-repeat;background-position:top
right}.separ{border:0;max-width:50%;border-bottom:#3e3d36 solid
1px;border-top:#1f1f1a solid 1px;margin:5px
auto;padding:0}.exp_bar{margin-bottom:2px;border-top:#202020 solid
1px;background-color:#707070;padding:0}.exp_bar
.progress{background-color:#6C6;width:0;padding-top:1px;padding-bottom:1px}.exp_bar
.progress_life{background-color:#966;width:0;padding-top:1px;padding-bottom:1px}.life_bar{max-width:50%;border:1px
solid #C90;margin:5px
auto}.life_bar-green{background-color:#393}.life_bar-red{background-color:#933}.life_bar-black{background-color:#000}.life_bar,.life_bar-black,.life_bar-green,.life_bar-red{height:3px;padding:0}.stat_bar{margin-top:5px;margin-bottom:8px;border:1px
solid #000;background-color:#fff;max-width:50%;padding:0}.stat_bar
.progress{background-color:#FC3;width:0;padding-top:2px;padding-bottom:2px}.stat_bar
.blue{background-color:#99C}.small{font-size:75%}.medium{font-size:85%}.center{text-align:center}.right{text-align:right}.bold{font-weight:700}.float-left{float:left}.float-right{float:right}.grey{color:#999}.yellow{color:#FC6}.red{color:#FF3434}.dred{color:#C66}.green{color:#3C3}.dgreen{color:#9C9}.blue{color:#95B9C7}.orange{color:#ffa800}.purple{color:#939}.neutral{color:#CC9}.hint{color:#F90;font-size:75%;padding:5px}.Admin{color:#9CC}.Moder{color:#F96}.quality-0{color:#b6aa8d}.quality-1{color:#79d35d}.quality-2{color:#6eb6ff}.quality-3{color:#d18cff}.quality-4{color:#ffb14a}.quality-5{color:#ffdf61}.quality-6{color:#ff6666}.quality-7{color:#58f0e8}.better{color:#3C3;font-size:80%}.menuList,div,form,h1,h2,h3,html,img,p,span{margin:0;padding:0}.block_zero,.menuList
h1,table{padding:5px}input.large,textarea.large{width:98%}.white,h1
a{color:#fff}.button,.button-href{display:inline-block;margin:5px 5px 5px
0;padding:0}.btn{box-sizing:border-box;cursor:pointer;min-height:26px;height:auto;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:visible;text-decoration:none!important;color:#fff;border:1px
solid #0b0b0b;border-radius:3px;background:linear-gradient(#626876
0%,#424753 45%,#252832 55%,#17191f 100%);box-shadow:inset 0 0 0 1px
#747b89,0 1px 1px #000;margin:2px;vertical-align:middle}.btn
.end{box-sizing:border-box;min-height:24px;height:auto;display:flex;align-items:center;justify-content:center;background:none!important}.btn
.label{box-sizing:border-box;cursor:pointer;color:#fff;font-family:Verdana,Arial,sans-serif;font-size:12px;line-height:16px;text-align:center;white-space:normal;height:auto;min-height:24px;border:0;display:flex;align-items:center;justify-content:center;gap:3px;background:none!important;margin:0;padding:4px
10px;text-shadow:0 1px
#000}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn
input.label{padding:4px
12px;min-height:24px;height:auto;background:transparent!important}.bigBtn
.label{font-size:14px}.bigBtn{margin-bottom:5px}.list{padding:5px}.list
a{text-decoration:none!important}.list .txt{color:#999}.list
.txt:hover{color:#ccc}.list:hover{background-color:#323232}.inv-new-purchase{box-shadow:inset
3px 0
#69d45f;background-color:#252c25}.rngb{display:inline-block;background-image:url(/images/coliseum/wings.png);background-repeat:no-repeat;height:81px}.rngb
.pos{padding:9px
57px}.cntr{text-align:center}.rght{text-align:right}.lft{text-align:left}.mb10{margin-bottom:10px}.mb5{margin-bottom:5px}.mb2{margin-bottom:2px}.ml10{margin-left:10px}.mlra{margin-left:auto;margin-right:auto}.mr10{margin-right:10px}.clr{clear:both}.w100{width:100%}.w50{width:50%}.fl{float:left}.fr{float:right}.bl{display:block}.ibl{display:inline-block}.nwr{white-space:nowrap}.bw{word-wrap:break-word}.head{background-color:#141111;padding:3px;font-size:95%}.ttl{max-width:63%;color:#FF9;font-weight:700;padding:0}.h_stat{width:150px;margin:0
auto}.mr0a{margin:0 auto}.p5{padding:5px}.smilebtn{color:#fff;padding:6px 0
0;border:0;cursor:pointer;background:url(/images/smiles/mini_ulibka.gif)
no-repeat;min-width:15px}.smilesingle{display:inline-block;padding:3px;position:relative;min-width:30px}.cosmos{position:absolute;left:-100%}#returnToOK{position:absolute;z-index:1000}
.hp_proc_block_s
{
border-top: 1px #979898 solid;
border-bottom: 1px #979898 solid;
background: #696969;
padding: 1px 0;
}
.hp_proc_block {
display:
block;
height: 8px;
background: #000000;
padding: 1px 0 0px
0;
}
.hp_proc_block2 {
height: 8px;
background: #89C14A;
position: relative;
background: -moz-linear-gradient(top, #89C14A,
#678E37);
background: -webkit-linear-gradient(top, #89C14A, #678E37);
background: -o-linear-gradient(top, #89C14A, #678E37);
background:
-ms-linear-gradient(top, #89C14A, #678E37);
background:
linear-gradient(top, #89C14A, #678E37);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
}
.boi_name_vrag {
color: #C94E4E;
font-size:
14px;
font-weight: bold;
margin: 7px 0 5px 0;
}
.right {
text-align: right;
}
.text_boi_vrag {
position: absolute;
top:
0px;
right: 0px;
left: 0px;
display: block;
background:
rgba(0, 0, 0, 0.3);
}
.float-right {
float: right;
}
img {
border:
0;
vertical-align: middle;
}
.boi_name_vrag {
color: #C94E4E;
font-size: 14px;
font-weight: bold;
margin: 7px 0 5px
0;
}
.text_boi_stats {
color: #ffffff;
font-weight: bold;
margin: 0 2px;
}
.hp_proc_block_small {
width: 40%;
height: 4px;
background: #000000;
margin: 0 auto;
-webkit-box-shadow: 0px 0px
1px 0px #000000;
-moz-box-shadow: 0px 0px 1px 0px #000000;
-o-box-shadow: 0px 0px 1px 0px #000000;
box-shadow: 0px 0px 1px 0px
#000000;
}
.hp_del2 {
position: absolute;
top: 50%;
color:
#DB1A1A;
font-size: 17px;
font-weight: bold;
display: block;
left: 50%;
-webkit-animation: rotate 2s linear infinite;
mox-animation: rotate 2s linear infinite;
-o-animation: rotate 2s
linear infinite;
animation: rotate 2s linear
infinite;
}
@-webkit-keyframes rotate {
50% {
-o-transform:
translateY(-100px);
-ms-transform: translateY(-100px);
-moz-transform:
translateY(-100px);
-webkit-transform: translateY(-100px);
transform:
translateY(-100px);
}
}
@keyframes rotate {
50% {
-o-transform:
translateY(-100px);
-ms-transform: translateY(-100px);
-moz-transform:
translateY(-100px);
-webkit-transform: translateY(-100px);
transform:
translateY(-100px);
}
}
.hp_proc_block2_small {
height: 4px;
background: #89C14A;
background: -moz-linear-gradient(top, #89C14A,
#678E37);
background: -webkit-linear-gradient(top, #89C14A, #678E37);
background: -o-linear-gradient(top, #89C14A, #678E37);
background:
-ms-linear-gradient(top, #89C14A, #678E37);
background:
linear-gradient(top, #89C14A, #678E37);
-webkit-box-shadow: 0px 0px 1px
0px #89C14A;
-moz-box-shadow: 0px 0px 1px 0px #89C14A;
-o-box-shadow: 0px 0px 1px 0px #89C14A;
box-shadow: 0px 0px 1px 0px
#89C14A;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-ms-transition:
.5s;
}
.text_boi_user {position: absolute;bottom: 0px;
left: 0px;
right: 0px;
display: block;
background: rgba(0, 0, 0,
0.3);
}
.float-left {float: left;}
.boi_name_user {color:
#89C34A;font-size: 14px;font-weight: bold;margin: 12px 0 5px
0;}
.btn22 {
position: relative;
border: ridge
1px #000000;
color: rgb(198, 222, 221);
background-color: #000000;
margin: 2px;
margin-top: 4px;
color: #DCDCDC;
padding: 4px;
border-radius: 8px;
text-align: center;
display:
inline-block;
}
.btns{ display: inline-block; margin: 2px 0;
padding: 0 20px; min-height: 28px; line-height: 28px; vertical-align:
middle; border: 0; text-align: center; color: #ffffff; font-weight: bold;
background-color: transparent; } .operamini .btns:before { content: '';
display: inline-block; height: 28px; vertical-align: middle; }
a.btns{text-decoration: none;} .btns._g, .btns._x, .btns._r {
background-position: 100% 0, 0 0, 0 0; background-repeat: no-repeat,
no-repeat, repeat-x; } .btns._g{ /*background-color: #16526F;*/
background-image: url("/img/p_btn.png"),
url("/img/l_btn.png"), url("/img/c_btn.png"); }
.btns._x{ /*background-color: #16526F;*/ background-image:
url("/img/px_btn.png"), url("/img/lx_btn.png"),
url("/img/cx_btn.png"); } .btns._r{ /*background-color:
#16526F;*/ background-image: url("/img/rp_btn.png"),
url("/img/rl_btn.png"), url("/img/rc_btn.png"); }
.wrapper-btns{ margin: 2px 0; text-align: center; }
.wrapper-btns.padding-top{ padding-top: 6px; } .wrapper._pagination .btns{
padding: 0 10px; margin: 0 1px; }
.rate{height:3px;background-color:#393}.bf_info_r{width:108px;margin:0
auto;font-size:12px;font-weight:bold;text-align:left}.bf_info_l{width:108px;margin:0
auto;font-size:12px;font-weight:bold;text-align:right}.bf_rip{margin-top:2px;font-size:11px;font-weight:bold;text-align:center}.bf_rip
img{vertical-align:bottom}.bf_skills{display:inline-block;//display:inline;//zoom:1;width:24px;margin:5px
0 0 5%}.s_enemy .bf_skills{margin:5px 5% 0
0}.fight_buttons{margin-top:5px;font-size:0;text-align:center}.fight_buttons
.nbtn{width:114px;margin:0 3px
5px}.frame{background:url(/images/frame/bg-frame-top.png) 50% 0
no-repeat}.frame .wr1{background:url('/images/frame/bg-frame-down.png') 50%
100% no-repeat}.frame
.wr2{background:url('/images/frame/bg-frame-left.png') 0 0 repeat-y}.frame
.wr3{background:url('/images/frame/bg-frame-right.png') 100% 0
repeat-y}.frame .wr4{background:url('/images/frame/bg-frame-top_left.png')
0 0 no-repeat}.frame
.wr5{background:url('/images/frame/bg-frame-top_right.png') 100% 0
no-repeat}.frame .wr6{background:url('/images/frame/bg-frame-btm_left.png')
0 100% no-repeat}.frame
.wr7{background:url('/images/frame/bg-frame-btm_right.png') 100% 100%
no-repeat}.frame .f_sep{background:url('/images/frame/bg-frame-sep.png')
50% 0 no-repeat}.frame
.swr1{background:url('/images/frame/bg-frame-sep_left.png') 0 0
no-repeat}.frame
.swr2{background:url('/images/frame/bg-frame-sep_right.png') 100% 0
no-repeat}.frame .f_ttl{padding:15px 20px 0;text-align:right}.frame
.f_pic_l{background:url('/images/frame/bg-frame-pic_left.png') 0 12px
no-repeat}.frame
.f_pic_r{background:url('/images/frame/bg-frame-pic_right.png') 100% 12px
no-repeat}.frame .p_sep{padding:15px 20px
10px}.tlist{width:100%;padding:0;margin:5px
0;border-spacing:0;background:url('/images/pennon/bg-table-sep.png') 50% 0
no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.tlist.sep
tr{background:url('/images/pennon/bg-table-sep.png') 50% 100%
no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.tlist.sep
td{padding:0 5px 3px}.pennants{margin:-6px 15px
0;font-size:0;text-align:center}.pennon{width:67px;margin:0 auto}.pennon
.p_ttl{height:16px;padding-top:6px;overflow:hidden;font-size:10px;text-shadow:none}.pennon
.p_ttl.line2{height:19px !important;padding-top:6px
!important;line-height:9px}.pennon
.p_text{padding-top:2px;overflow:hidden;font-size:10px;text-shadow:none}.pennon.p_green
.p_ttl,.pennon.p_green .p_text{color:#68cd06}.pennon.p_blue
.p_ttl,.pennon.p_blue .p_text{color:#7636fc}.pennon.p_red
.p_ttl,.pennon.p_red .p_text{color:#d05606}.pennon
.p_open{height:90px}.pennon.p_green
.p_open{background:url('/images/pennon/bg-pennon_small_green2.png')
no-repeat}.pennon.p_blue
.p_open{background:url('/images/pennon/bg-pennon_small_blue2.png')
no-repeat}.pennon.p_red
.p_open{background:url('/images/pennon/bg-pennon_small_red2.png')
no-repeat}.pennon .p_close{height:26px}.pennon.p_green
.p_close{background:url('/images/pennon/bg-pennon_small_green.jpg')
no-repeat}.pennon.p_blue
.p_close{background:url('/images/pennon/bg-pennon_small_blue.jpg')
no-repeat}.pennon.p_red
.p_close{background:url('/images/pennon/bg-pennon_small_red.jpg')
no-repeat}.pennon.p_green img{border:#6a0 1px solid}.pennon
.p_ico{margin-top:1px}.pennon .p_close .p_ico{display:none}@media
handheld,screen and (min-width:320px){.fight_buttons
.nbtn{width:130px}.fight_buttons .nbtn
.ico{padding-right:15px}.pennants{margin:-6px 12px
0}.pennon{width:95px}.pennon .p_ttl.line2{height:16px
!important;padding-top:6px !important;line-height:normal}.pennon
.p_open{height:86px}.pennon.p_green
.p_open{background:url('/images/pennon/bg-pennon_medium_green2.png')
no-repeat}.pennon.p_blue
.p_open{background:url('/images/pennon/bg-pennon_medium_blue2.png')
no-repeat}.pennon.p_red
.p_open{background:url('/images/pennon/bg-pennon_medium_red2.png')
no-repeat}.pennon.p_green
.p_close{background:url('/images/pennon/bg-pennon_medium_green.jpg')
no-repeat}.pennon.p_blue
.p_close{background:url('/images/pennon/bg-pennon_medium_blue.jpg')
no-repeat}.pennon.p_red
.p_close{background:url('/images/pennon/bg-pennon_medium_red.jpg')
no-repeat}.pennon .p_ico{margin-top:-1px}}@media handheld,screen and
(min-width:380px){.pennon{padding:0
9px;background:url('/images/pennon/bg-pennon_large.png') no-repeat}}@media
handheld,screen and (min-width:400px){.bf_skills{margin-left:10%}.s_enemy
.bf_skills{margin-right:10%}.fight_buttons .nbtn{width:126px}}@media
handheld,screen and (min-width:460px){.bf_skills{margin-left:15%}.s_enemy
.bf_skills{margin-right:15%}.fight_buttons .nbtn{width:130px;margin:0 5px
10px}}
/* PHP 8.4 UI compatibility / by Метриум (Стэлп)
*/
button.btn, button.starter-attack-btn {
-webkit-appearance:none;
appearance:none;
outline:0; font:inherit; color:#fff;
vertical-align:middle;
}
button.btn::-moz-focus-inner { border:0;
padding:0; }
button.btn .end, button.btn .label { pointer-events:none;
}
/* Система обучения NPC — by Метриум
(Стэлп) */
.tutorial-guide{margin:6px 4px;padding:9px 10px;border:1px
solid
#65522e;background:linear-gradient(180deg,rgba(35,29,20,.96),rgba(16,14,12,.97));box-shadow:inset
0 0 0 1px
rgba(205,164,77,.12);text-align:center;color:#ddd}
.tutorial-guide__head{color:#ffd66b;font-size:15px;margin-bottom:5px}.tutorial-guide__head
img{width:18px;height:18px;vertical-align:-4px;margin-right:4px}
.tutorial-guide__text{color:#d7d1c4;line-height:1.35}.tutorial-guide__progress{height:7px;border:1px
solid #222;background:#090909;margin:7px 5px
3px;overflow:hidden}.tutorial-guide__progress
span{display:block;height:100%;background:linear-gradient(90deg,#3e8b23,#8ec843)}
.tutorial-guide__count{font-size:11px;color:#99b8c8}.tutorial-guide__action{margin-top:7px}
.tutorial-guide__npc{float:left;width:68px;margin:0
8px 4px 0}.tutorial-guide__npc
img{display:block;width:64px;height:64px;object-fit:cover;border:1px solid
#68542e}.tutorial-guide__body{min-height:66px}.tutorial-guide
.clb{clear:both}@media(max-width:360px){.tutorial-guide__npc{width:54px}.tutorial-guide__npc
img{width:50px;height:50px}}
/* Техподдержка / почта по
референсу, by Метриум (Стэлп)
*/
.support-ref{background:#292929;color:#fff;border-left:1px solid
#181818;border-right:1px solid #181818;padding:5px
6px;font-size:15px;line-height:1.15}
.support-title{margin:2px 0
5px}.support-link{display:block;color:#ffd539;text-decoration:underline;margin:0
0
9px}.support-link:hover{color:#fff19a}
.support-sep{height:1px;background:#555;margin:9px
-6px 4px}.support-ticket-row{display:block;color:#ffcb31;padding:6px
0;border-bottom:1px dotted
#555;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-doc{color:#aaa;margin-right:4px}.support-date{color:#b8c1c9;font-weight:normal}.support-notice{padding:7px;border:1px
solid #755;background:#321b1b;margin:4px
0}
.support-form{padding:0;margin:0}.support-form
label{display:block;margin:2px 0}.support-form
input[type=text]{display:block;width:150px;max-width:100%;box-sizing:border-box;background:#777;color:#fff;border:1px
solid #bbb;height:21px}.support-form
textarea{display:block;width:100%;box-sizing:border-box;background:#777;color:#fff;border:1px
solid
#bbb;min-height:52px;resize:vertical}.support-submit{margin-top:6px;min-width:92px;height:23px;color:#fff;border:1px
solid
#111;border-radius:3px;background:linear-gradient(#586073,#1e2430);box-shadow:inset
0 0 0 1px
#768095;font-weight:bold}.support-thread-head,.support-msg{padding:4px 0
6px;border-bottom:1px solid #535353}.support-thread-head
a,.support-back{color:#ffd23c}.support-back{display:block;padding:8px
0;text-decoration:none}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.mail-ref{background:#292929;color:#fff}.mail-ref
.mail-row{display:block;padding:7px 4px;border-bottom:1px solid
#4b4b4b;color:#ffcf3c;text-decoration:none}.mail-ref .mail-row
.mail-preview{display:block;color:#aab6bf;margin-top:2px}.mail-ref
.mail-system{color:#9dc8e7}.mail-ref .mail-section{padding:7px
4px;border-top:1px solid #4b4b4b}.mail-ref .mail-section
a{color:#ffd23c}
/* Референс интерфейса: футер /
суточное приветствие / клан — by Метриум
(Стэлп) */
.daily-welcome-ref{margin:4px 5px
7px;padding:4px;background:#303030;border:1px solid
#49473f;text-align:center;box-shadow:inset 0 0 0 1px
#202020}
.daily-welcome-ref__text{font-size:15px;font-weight:700;line-height:1.15;color:#fff;margin:1px
0
4px}
.daily-welcome-ref__promo{display:block;color:#ed72ff;font-size:15px;line-height:1.35;text-decoration:underline}
.daily-welcome-ref__image{margin-top:5px;border:1px
solid
#777;background:#111;padding:3px;overflow:hidden}
.daily-welcome-ref__image
img{display:block;width:100%;height:auto;min-height:150px;object-fit:cover}
.footer-promos-ref{margin:0;padding:0;background:#242424}
.footer-promo-ref{position:relative;display:block;min-height:45px;padding:4px
76px;text-align:center;text-decoration:none;border-bottom:1px solid
#3d3d3d;background-color:#242424;background-repeat:no-repeat;background-size:76px
100%,76px 100%;background-position:left center,right
center;box-sizing:border-box}
.footer-promo-ref__name{display:block;color:#ed72ff;text-decoration:underline;font-size:14px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-promo-ref__name
b{color:#35dc4a}.footer-promo-ref__time{display:block;color:#d8d8d8;font-size:14px;line-height:18px}
.footer-promo--1{background-image:linear-gradient(90deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/cave.jpg'),linear-gradient(270deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/cave.jpg')}
.footer-promo--2{background-image:linear-gradient(90deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/battle.jpg'),linear-gradient(270deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/battle.jpg')}
.footer-promo--3{background-image:linear-gradient(90deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/shop.jpg'),linear-gradient(270deg,rgba(15,15,15,.08),rgba(20,20,20,.85)),url('/images/town/hd/shop.jpg')}
.footer-ref{background:#303030;padding:14px
5px 8px;color:#bfc1c4;text-shadow:none}.footer-ref
a{color:#f4d06e}.footer-ref__links{font-size:14px;margin-bottom:11px}.footer-ref__feed{margin:0
0
10px}.footer-ref__minor{font-size:12px;margin-bottom:6px}.footer-ref__minor
a{color:#a9afb6}.footer-ref__meta{font-size:11px;color:#adb2b7;line-height:1.45}.footer-ref__meta
a{color:#b9c2cc}
.clan-ref-head{background:#292929!important;border-top:2px
solid #479438;border-bottom:1px solid #535353;padding:5px
7px!important}.clan-ref-head table{width:100%;padding:0}.clan-ref-head
td{padding:0}.clan-ref-head td:first-child{width:66px}.clan-ref-head
td:first-child
img{max-width:52px;max-height:52px}.clan-ref-exp{height:5px;background:#e4e4e4;border:1px
solid #050505;margin:3px 2px 0;overflow:hidden}.clan-ref-exp
span{display:block;height:100%;background:#c4a900}.clan-ref-row{min-height:42px!important;border-bottom:1px
solid #555!important;background:#292929}.clan-ref-row
a{padding:6px!important}.clan-ref-row
.clan-ref-icon,.clan-ref-row>a>img:first-child{width:30px!important;height:30px!important;object-fit:cover;float:left;margin:0
7px 0 0!important;padding:0!important;border:1px solid
#4b4b4b}.clan-ref-status{padding:6px 5px;background:#292929;border-top:1px
solid #555;border-bottom:1px solid
#555}.clan-ref-members{background:#292929!important;padding:8px
5px!important}.clan-ref-members
a{display:inline!important;padding:0!important;text-decoration:underline!important}
@media(max-width:380px){.footer-promo-ref{padding-left:54px;padding-right:54px;background-size:54px
100%,54px
100%}.footer-promo-ref__name,.footer-promo-ref__time{font-size:12px}.daily-welcome-ref__image
img{min-height:115px}}
/* v22 progression UI — by Метриум
(Стэлп)
*/
.trophy-page,.collector-page,.relic-page,.tournament-info{font-size:14px}.progress{height:5px;border:1px
solid #171717;background:#bbb;margin:4px auto;max-width:300px}.progress
span{display:block;height:100%;background:#e2c132}.progress.small{max-width:190px}.trophy-task{padding:7px
9px;border-bottom:1px solid
#454545;background:linear-gradient(#292929,#202020)}.trophy-task.done{color:#95c88f}.task-mark{color:#d9a228}.trophy-main-icon{width:48px;height:48px;object-fit:contain}.trophy-icons
img{width:28px;height:28px;object-fit:contain;margin:1px}.divine-trophy{padding:14px
8px;background:radial-gradient(circle at 50% 25%,#314456,#181818
68%);border-top:1px solid #555;border-bottom:1px solid
#444;font-size:16px}.collector-current,.collection-set,.relic-set{padding:10px
6px;border-bottom:1px solid
#454545;background:#242424}.collector-badge{max-width:72px;max-height:72px}.collection-heads{padding:6px
0}.collector-head{display:inline-block;position:relative;margin:1px}.collector-head
img{width:46px;height:46px;object-fit:cover}.collector-head.missing{opacity:.35;filter:grayscale(.75)}.collector-head
b{position:absolute;right:1px;bottom:1px;background:rgba(0,0,0,.78);padding:0
2px;font-size:10px;color:#fff}.relic-icons
img{width:48px;height:48px;object-fit:contain;margin:1px}.star-chests{padding:8px;background:#222;border-top:1px
solid #444;border-bottom:1px solid
#444}.star-chest{display:inline-block;vertical-align:top;width:43%;min-height:112px;margin:8px
2%;padding:6px 2px;border:1px solid transparent}.star-chest
img{width:52px;height:44px;image-rendering:auto}.star-chest.current{border-color:#d3a832;box-shadow:0
0 8px rgba(230,180,40,.3)}.star-chest.opened
img{filter:brightness(1.25)}.star-chest.locked{opacity:.6}.tournament-info
img{vertical-align:middle}
.trophy-tournament{font-size:15px}.divine-trophy-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0
0 8px
rgba(90,190,255,.35))}
.item-stars{padding:8px;background:#202020}.item-stars
img{height:14px;width:auto;margin:0
1px;vertical-align:middle}
.inline-form{display:inline;margin:0;padding:0}.inline-form
.btn{margin:3px auto}
/* v23 reference UI
*/
.save-ref,.bonus-kit-ref,.career-ref,.hall-ref{background:#272727;border:1px
solid #444;margin:4px
0;padding:8px;text-align:center}.save-ref__title{font-size:20px;color:#fff}.save-ref__line{height:1px;background:#4a4030;margin:7px
auto;width:55%}.save-ref__bonus{color:#9c9;line-height:1.45;margin-bottom:8px}.save-ref
input.text{width:220px;max-width:86%;height:20px;margin:5px}.old-btn{display:inline-block;margin:7px
3px;padding:3px 15px;border:1px solid
#111;border-radius:2px;background:linear-gradient(#666,#24242b);box-shadow:inset
0 0 0 1px
#888;color:#fff;text-decoration:none;cursor:pointer;font-weight:normal}.save-link{background:none;border:0;color:#aaa;text-decoration:underline;cursor:pointer}.save-success-ref{background:#2b2b2b;padding:12px;border-bottom:1px
solid
#444;line-height:1.4}.save-success-ref>b{color:#9c9;font-size:17px}.bonus-kit-ref__image{width:210px;max-width:90%;height:160px;object-fit:cover;margin:10px
auto;display:block}.big{font-size:17px}.star-item-ref{display:grid;grid-template-columns:58px
1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px dotted
#555;text-decoration:none;color:#e9d887}.star-item-ref
img{width:50px;height:50px;object-fit:contain;border:1px solid
#295b2b;background:#111}.star-item-ref strong{color:#9c9}.star-item-ref
em{grid-column:2/4;color:#ddd;font-style:normal}.ring-banner
img,.hall-banner
img{width:100%;height:165px;object-fit:cover}.ring-row{display:grid;grid-template-columns:64px
1fr;gap:8px;padding:9px 5px;border-bottom:1px dotted
#555;text-align:left}.ring-row
form{grid-column:2}.ring-icon{width:58px;height:58px;border:1px solid
var(--ring-quality,#666);background:#111;box-shadow:inset 0 0 0 1px
#222;display:flex;align-items:center;justify-content:center}.ring-icon
img{width:56px;height:56px;object-fit:contain}.ring-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.profile-ring-slots{padding:8px}.ring-slot{display:inline-flex;width:46px;height:46px;border:1px
solid #555;background:#151515;box-shadow:inset 0 0 0 1px
#222;align-items:center;justify-content:center;color:#0f5;font-size:18px;margin:2px;overflow:hidden}.ring-slot
img{width:44px;height:44px;object-fit:contain}.career-ref{padding:0}.career-ref__head{text-align:left;color:#ffcf62;padding:8px;border-bottom:1px
solid
#555}.career-ref__battle{background:linear-gradient(90deg,#171717,#29302e,#171717);padding:9px}.career-attack{display:inline-block;background:linear-gradient(#f36b22,#b42408);border:2px
solid #6b1c07;box-shadow:0 0 0 2px #c48a21;color:#fff;padding:10px
18px;font-weight:bold;text-decoration:none;margin:7px}.career-ref
table{width:100%;border-collapse:collapse}.career-ref td,.career-ref
th{border-bottom:1px dotted
#555;padding:3px}.hall-ref{text-align:left}.hall-row{padding:9px;border-bottom:1px
dotted #555}.hall-progress{height:5px;background:#090909;border:1px solid
#999;margin:4px 0}.hall-progress
span{display:block;height:100%;background:#eee}.link-btn{padding:4px
10px}.blue{color:#9cc9e6}.red{color:#e77}.green{color:#8de68d}.yellow{color:#f5d46b}
/*
v24: клановые гербы — by Метриум (Стэлп)
*/
.clan-emblems{overflow:hidden}.clan-emblem-card{display:inline-block;vertical-align:top;width:30%;min-width:120px;margin:1%;padding:8px;text-align:center;border:1px
solid
#444;background:#191919;box-sizing:border-box}.clan-emblem-card.current{border-color:#b69a42;box-shadow:inset
0 0 0 1px #5a481b}.clan-emblem-card
img{width:64px;height:64px;object-fit:contain}.clear{clear:both}@media(max-width:420px){.clan-emblem-card{width:47%;min-width:0}}
/*
v26: рекорды, трофеи, помощь клану — by
Метриум (Стэлп) */
.inline-form{display:inline-block;margin:4px
2px}.clan-help-box{padding:8px 6px;background:#181713;border-top:1px solid
#514936;border-bottom:1px solid
#2b281f}.hall-title,.trophy-ref-title{font-weight:700}.hall-hero,.trophy-ref-head{display:flex;align-items:center;gap:10px;padding:10px;background:linear-gradient(#25231d,#171611);border-bottom:1px
solid
#4b4330}.hall-hero>img{width:78px;height:58px;object-fit:cover;border:1px
solid #66583a}.hall-hero span,.trophy-ref-head
span{font-size:11px;color:#aaa}.hall-record-card{display:flex;align-items:center;position:relative;min-height:72px;padding:7px
34px 7px 7px;border-bottom:1px solid
#39352a;background:linear-gradient(180deg,#24231e,#1b1a17)}.hall-record-card.is-mine{box-shadow:inset
3px 0
#9b8a4c;background:linear-gradient(180deg,#2b291e,#1d1b15)}.hall-record-icon{width:52px;min-width:52px;text-align:center}.hall-record-icon
img{max-width:42px;max-height:42px;object-fit:contain}.hall-record-body{flex:1;min-width:0}.hall-record-sub{font-size:11px;color:#8f8f8f}.hall-champion{margin:2px
0;font-size:12px}.hall-champion
img{width:16px;height:16px;vertical-align:middle}.hall-champion
.hall-emblem,.hall-emblem{width:24px;height:24px;object-fit:contain}.hall-rank{position:absolute;right:8px;top:8px;color:#b8a46a;font-weight:bold}.hall-progress{height:5px;margin:5px
0;background:#0d0d0c;border:1px solid
#3a372d;overflow:hidden}.hall-progress
span{display:block;height:100%;background:linear-gradient(90deg,#76642e,#d0b54f)}.trophy-ref-head{min-height:62px}.trophy-ref-crown{font-size:38px;line-height:1}.trophy-ref-summary{padding:8px;text-align:center;background:#1e1d19;border-bottom:1px
solid
#3a372d}.trophy-card-ref{display:flex;gap:8px;padding:8px;border-bottom:1px
solid
#39352a;background:linear-gradient(#24231e,#191815)}.trophy-card-ref.locked{opacity:.78}.trophy-card-ref.owned{box-shadow:inset
3px 0
#83a55c}.trophy-card-image{width:62px;min-width:62px;text-align:center}.trophy-card-image
img{width:50px;height:50px;object-fit:contain}.trophy-card-image
span{display:block;font-size:9px;color:#baaa73;margin-top:2px}.trophy-card-info{flex:1;font-size:12px}.trophy-requirement{margin-top:4px;color:#999}.trophy-requirement.done{color:#8fbd82}.tiny-progress{height:3px;background:#0e0e0d;margin-top:1px}.tiny-progress
span{display:block;height:100%;background:#8f7837}.trophy-requirement.done
.tiny-progress span{background:#6c985b}.undying-active-alert{border-top:1px
solid #66583a;border-bottom:1px solid #443a27}
/* v28 — профиль
по референсу и классические Залы славы. by
Метриум (Стэлп)
*/
.player_table{width:302px!important;max-width:302px!important;margin:8px
auto 13px!important;border-collapse:separate!important;border-spacing:5px
4px!important;table-layout:fixed!important;text-align:center!important}
.player_table
td{width:54px!important;min-width:54px!important;padding:0!important;vertical-align:middle!important;overflow:visible!important}
.player_table
td[colspan="2"]{width:132px!important;min-width:132px!important}
.item50{position:relative!important;display:block!important;width:50px!important;height:50px!important;margin:0
auto!important;background-repeat:no-repeat!important;background-position:center!important;background-size:48px
48px!important;background-color:#171717!important;border:1px solid
#655b42!important;box-shadow:inset 0 0 0 1px #15130f,0 0 4px
#000!important;border-radius:1px!important;overflow:visible!important}
.p_dummy{display:block!important;width:120px!important;height:160px!important;margin:0
auto!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-color:#151b17!important;border:1px
solid #83733e!important;box-shadow:inset 0 0 0 1px #211d14,0 0 5px
#000!important}
.p_dummy
.brd{display:block!important;width:118px!important;height:158px!important;border:1px
solid
rgba(208,174,80,.2)!important;box-sizing:border-box!important}
.it_stat1{position:absolute!important;left:0!important;right:0!important;top:-11px!important;height:12px!important;line-height:12px!important;font-size:10px!important;font-weight:bold!important;color:#83ff9a!important;text-align:left!important;white-space:nowrap!important;z-index:3!important}
.it_stat1
.fl{float:none!important}.it_stat1
img{position:absolute!important;right:-2px!important;top:0!important;width:11px!important;height:11px!important}
.it_stat2{position:absolute!important;left:-3px!important;right:-3px!important;bottom:-13px!important;height:12px!important;line-height:12px!important;font-size:10px!important;font-weight:bold!important;color:#ffe34e!important;text-align:center!important;white-space:nowrap!important;z-index:3!important}
.block_zero:has(.player_table){padding-top:6px!important;padding-bottom:6px!important;overflow:visible!important;clear:both!important}
.profile-pet-row{display:flex;align-items:center;gap:7px;clear:both;padding:6px
7px;border-top:1px solid #3b3b3b;border-bottom:1px solid
#111;background:#202020;min-height:42px;box-sizing:border-box}.profile-pet-icon{width:36px;height:36px;object-fit:contain;flex:0
0
36px}.profile-pet-row+*{clear:both}.profile-compact-line{clear:both;position:relative;z-index:1}
.menuList,.list,.main,.content,.mini-line{clear:both}.menuList
li,.list{box-sizing:border-box;min-height:32px;line-height:1.28}.menuList
li img,.list
img{vertical-align:middle;max-width:24px;max-height:24px}
.profile-ring-slots{clear:both}
@media(max-width:380px){.player_table{width:286px!important;max-width:286px!important;border-spacing:3px
4px!important}.player_table
td{width:49px!important;min-width:49px!important}.player_table
td[colspan="2"]{width:126px!important;min-width:126px!important}.item50{width:46px!important;height:46px!important;background-size:44px
44px!important}.p_dummy{width:114px!important;height:154px!important}.p_dummy
.brd{width:112px!important;height:152px!important}}
.hall-classic{background:#252525;border-left:1px
solid #111;border-right:1px solid
#111;text-align:left}.hall-classic-record{padding:7px 5px
9px;border-bottom:1px solid #4a4a4a;box-shadow:inset 0 -1px
#111;font-size:14px;line-height:1.25}.hall-classic-title{color:#8fd38f;font-size:16px;font-weight:bold;margin-bottom:2px}.hall-classic-title
img{width:14px;height:14px;object-fit:contain;vertical-align:-1px}.hall-blue{color:#8fc2e2}.hall-classic-progress{height:5px;width:50%;min-width:210px;max-width:270px;background:#050505;border:1px
solid #eee;margin:2px 0 5px}.hall-classic-progress
span{display:block;height:100%;background:#f5f5f5}.hall-stars{color:#d7c08a;font-size:19px;letter-spacing:-2px;vertical-align:-1px}.hall-reward{margin:2px
0 4px}.hall-record-form{text-align:center;margin:5px 0
1px}.hall-record-form
.btn{min-width:128px}.hall-best{color:#9fc7e8;margin:3px
0}.hall-top-title{color:#f1cf64;font-weight:bold;margin-top:6px}.hall-top-list{margin:2px
0 0 20px;padding:0}.hall-top-list li{margin:1px 0}.hall-top-list
img{width:13px;height:13px;vertical-align:-2px}.hall-top-list
a{color:#fff}
/* Мгновенные игровые
уведомления v30 — by Метриум (Стэлп)
*/
.game-flash-stack{position:static;width:100%;max-width:100%;margin:0;padding:0;pointer-events:auto}
.game-flash{margin:0;padding:7px
8px;background:#333;color:#fff;border-left:2px solid
#3e3d36;border-right:2px solid #3e3d36;border-bottom:1px solid
#5c5853;text-align:center;line-height:1.3;box-shadow:none}
.game-flash-error{color:#ff9b91}.game-flash-ok{color:#8fe88f}.game-flash-info{color:#9fd2ea}
.hall-record-form
.btn{display:inline-block;text-decoration:none}
/* v31: активный
рекорд и топ-5 — by Метриум (Стэлп)
*/
.hall-active-record{margin:0;border-top:1px solid #555;border-bottom:1px
solid #333;background:#1d1d1d;padding:8px
10px;line-height:1.35}
.hall-active-record
b{color:#f0d77b}.hall-active-record
.grey{color:#aaa}
.hall-active-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.hall-cancel-form{display:inline-block;margin:0}.hall-cancel-btn{border:0;padding:0;background:none;cursor:pointer}
.hall-top5{margin-top:7px;border-top:1px
dotted
#555;padding-top:5px;line-height:1.35}
.hall-top5-title{color:#f0d77b;font-weight:bold;margin-bottom:2px}
.hall-top5
img{width:14px;height:14px;vertical-align:-2px}
/* Залы славы
v33: состояние установки показывается
только внутри рекорда. by Метриум (Стэлп)
*/
.hall-active-inline{margin:7px 0 5px;padding:5px 7px;border-top:1px
solid #444;border-bottom:1px solid #222}.hall-record-form
.hall-cancel-form{display:inline-block;margin:4px 0 0 6px}.hall-record-form
.btn{margin-top:4px}
.hall-record-form
.hall-start-form{display:inline-block;margin:0}.hall-record-form
button.btn{font:inherit}
/* v34 — единая визуальная
система модулей по референсам. by Метриум
(Стэлп)
*/
.q0{border-color:#5b5549!important}.q1{border-color:#39752d!important}.q2{border-color:#356d9e!important}.q3{border-color:#7c489a!important}.q4{border-color:#a45d18!important}.q5{border-color:#b99a25!important;box-shadow:0
0 5px rgba(255,220,80,.22)}.q6{border-color:#9f3333!important;box-shadow:0
0 5px rgba(255,90,90,.22)}.q7{border-color:#278d88!important;box-shadow:0 0
6px rgba(80,240,230,.25)}
.profile-v34{background:#151515;border-top:1px
solid #555;border-bottom:1px solid #3a3a3a;padding:4px 4px
8px;clear:both;overflow:hidden}.profile-power{text-align:center;padding:2px
0 5px}.profile-equip-grid{display:grid;grid-template-columns:58px
minmax(136px,170px)
58px;justify-content:center;align-items:center;gap:8px;min-height:226px}.profile-side{display:grid;gap:4px}.profile-slot-wrap{text-align:center;min-height:52px}.profile-slot{position:relative;display:block;width:48px;height:48px;margin:0
auto;background:#0e1110;border:1px solid #555;box-shadow:inset 0 0 0 1px
#242824;overflow:visible}.profile-slot>img:not(.slot-rune){width:100%;height:100%;object-fit:contain;display:block}.profile-slot.empty{background:#141414;border-color:#444;box-shadow:inset
0 0 14px
#050505}.slot-smith{position:absolute;left:-2px;top:-12px;color:#8eff94;font-size:12px;font-weight:bold;text-shadow:0
1px 1px
#000}.slot-rune{position:absolute!important;right:-2px;top:-3px!important;width:14px!important;height:14px!important}.slot-stars{position:absolute;left:1px;right:1px;bottom:1px;color:#ffe15d;font-size:8px;line-height:8px;white-space:nowrap;text-shadow:0
1px 2px
#000;overflow:hidden}.slot-bonus{display:block;height:12px;margin-top:1px;font-size:11px;font-weight:bold;color:#ffdb58;line-height:12px}.profile-mannequin{display:block;width:100%;height:205px;border:1px
solid #8a7135;background:#0e1412;box-shadow:inset 0 0 0 1px
#2e3b31;overflow:hidden}.profile-mannequin
img{display:block;width:100%;height:100%;object-fit:contain}.profile-v34+*{clear:both}
@media(max-width:360px){.profile-equip-grid{grid-template-columns:52px
minmax(122px,150px)
52px;gap:4px}.profile-slot{width:44px;height:44px}.profile-mannequin{height:190px}}
.career-v34,.trophy-v34,.stars-v34,.effects-v34{background:#202020;border-top:1px
solid #555;border-bottom:1px solid
#111;color:#eee}.career-lead,.trophy-intro{text-align:center;color:#9ed7f0;padding:6px
8px;line-height:1.25}.career-frame{border:1px solid
#747474;border-radius:4px;margin:0 3px;background:#1d2324;box-shadow:inset
0 0 18px #0b0b0b}.career-chapter{padding:6px
10px;color:#ffbf48;border-bottom:1px solid
#6d6d6d;font-size:14px}.career-stage{text-align:center;padding:7px;background:linear-gradient(90deg,#171a1a,#27302e,#171a1a)}.career-place{color:#ffd25d;font-size:14px}.career-attack-v34{display:inline-block;margin:6px;padding:9px
15px;background:linear-gradient(#ff762e,#d72f0b);border:2px solid
#7c2108;outline:2px solid
#6f5a20;color:#fff;font-weight:bold;text-decoration:none;text-shadow:0 1px
#000;box-shadow:0 0 8px
rgba(255,105,22,.45)}.career-attack-v34.disabled{filter:grayscale(1);opacity:.55}.career-table{width:100%;border-collapse:collapse}.career-table
th,.career-table td{padding:3px 5px;border-bottom:1px dotted
#777;text-align:left}.career-table th:last-child,.career-table
td:last-child{text-align:right}.career-table
img{width:14px;height:14px;vertical-align:-2px}.career-me
td{color:#55ff70}.career-rules{margin:4px 0;padding:6px 20px
8px;color:#ffbd20;font-size:12px}.career-rules li{margin:3px
0}
.trophy-main-icon{text-align:center;padding:5px}.trophy-main-icon
img{width:52px;height:52px;object-fit:contain}.trophy-name,.trophy-count{text-align:center;color:#9ed7f0}.trophy-task{padding:7px
5px;border-top:1px dotted
#555;text-align:left}.trophy-task-title{font-weight:bold;color:#9ee4a3}.trophy-task-progress{font-size:12px;color:#ddd}.trophy-progress{height:4px;background:#080808;border:1px
solid #c7c7c7;margin:3px 0 4px;max-width:260px}.trophy-progress
span{display:block;height:100%;background:#f0d520}.trophy-task.done
.trophy-task-title{color:#7ff092}.trophy-owned-title{text-align:center;color:#9ed7f0;padding:6px
0 2px;border-top:1px solid
#555}.trophy-owned{text-align:center;padding:4px}.trophy-owned
img{width:38px;height:38px;object-fit:contain;margin:1px}.trophy-owned
img.locked{filter:grayscale(1);opacity:.35}.trophy-bonus{padding:6px
10px;color:#9ed7f0}.trophy-bonus
b{color:#8cff9a}
.stars-banner{display:block;width:100%;height:172px;object-fit:cover;border-top:1px
solid #777;border-bottom:1px solid
#777}.star-row{display:grid;grid-template-columns:46px 1fr
145px;gap:6px;padding:6px 3px;border-bottom:1px dotted
#555;color:#fff;text-decoration:none;align-items:center}.star-icon{position:relative;width:40px;height:40px;border:1px
solid #39752d;background:#0b130d}.star-icon
img{width:100%;height:100%;object-fit:contain}.star-icon
small{position:absolute;left:0;right:0;bottom:-12px;color:#40f55b;font-size:9px;text-align:center}.star-info{display:flex;flex-direction:column;min-width:0}.star-info
b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.star-info
em{font-style:normal;color:#74dd70;font-size:10px}.star-info
strong{color:#ffe65a;font-size:11px;letter-spacing:1px}.star-action{text-align:center;color:#9cff9f;font-size:12px}.effects-head{padding:4px
7px;color:#ffdf62;border-bottom:1px solid
#555}.effect-row{display:block;padding:7px 8px;border-bottom:1px dotted
#555;color:#f0cc57;text-decoration:none}.effect-row b,.effect-row
span{display:block}.effect-row
span{color:#aaa;margin-top:3px}
.item-title-v34{font-weight:bold;text-shadow:0
1px 2px #000}.smith-v34 small,.menuList a
small{display:block;color:#aaa;font-size:10px;margin-left:20px}
.item-v34{background:#202020}.item-v34
.content{padding:7px 6px;border-bottom:1px solid #3e3e3e}.item-v34 .content
table{width:100%}.item-v34 .content>table
img[src*="itemImage"]{width:48px;height:48px;object-fit:contain;border:1px
solid var(--quality-border,#5b5549);background:#101210}.item-v34
.btn,.item-v34 .old-btn{min-width:72px;text-align:center}.item-v34
.line,.item-v34 .mini-line{margin:0}.item-v34
font[color="#3c3"]{color:#7dff87!important}.item-v34
font[color="#c66"]{color:#ff8181!important}
.pets-v34,.pet-detail-v34{background:#202020}.pets-v34
.main{color:#9ed7f0;text-align:center;padding:6px;border-bottom:1px solid
#555}.pets-v34 .content{min-height:54px;padding:7px 6px;border-bottom:1px
dotted #555;box-sizing:border-box}.pets-v34 .content
img[src*="/images/pet/mini/"]{width:48px!important;height:48px!important;object-fit:cover;border:1px
solid #765}.pets-v34 .btn{margin-top:4px}.pet-detail-v34
.content{text-align:center;padding:8px}.pet-detail-v34
.content>img[src*="/images/pet/"]{max-width:260px;width:70%;height:auto;border:1px
solid #5c5c5c}.pet-detail-v34 .list{padding:7px;border-bottom:1px dotted
#555}
/* Кузница и клановые входные модули
получают ту же плотность строк, что на
референсах */
.menuList li>a{box-sizing:border-box}.menuList
li>a img{vertical-align:-3px}.menuList
li>a:hover{background:rgba(255,255,255,.03)}
/* v35: трофеи,
питомцы, кольца и BBCode — by Метриум (Стэлп)
*/
.profile-center-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:132px}
.profile-ring-under-avatar{display:flex;gap:5px;margin-top:6px;justify-content:center}
.profile-ring-under-avatar
.ring-slot{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px
solid #6c603f;background:#111
url('/images/bg/content.jpg');box-shadow:inset 0 0 0 1px
#26220f;color:#e7c650;text-decoration:none;font-weight:bold}
.trophy-v35{background:#151515;color:#ddd}
.trophy-v35
.trophy-intro{text-align:center;color:#9fd4ed;padding:8px
6px;border-bottom:1px dotted #444}
.trophy-v35
.trophy-main-icon{text-align:center;padding-top:7px}.trophy-v35
.trophy-main-icon img{width:50px;height:50px}
.trophy-v35
.trophy-name{text-align:center;color:#9fd4ed;font-weight:bold}.trophy-v35
.trophy-count{text-align:center;font-size:12px;padding-bottom:6px}
.trophy-v35
.trophy-task{padding:7px 4px;border-top:1px dotted #444}.trophy-v35
.trophy-task-title{font-weight:bold;color:#a6e6a0}.trophy-v35
.trophy-task-progress{font-size:12px;color:#bdd8e7}
.trophy-v35
.trophy-progress{height:4px;background:#eee;margin:3px 0
6px;max-width:275px}.trophy-v35 .trophy-progress
span{display:block;height:100%;background:#e8d314}
.trophy-v35
.trophy-task.done .trophy-task-title{color:#73e679}.trophy-v35
.trophy-owned-title{text-align:center;color:#9fd4ed;padding:8px 0
3px}.trophy-v35
.trophy-owned{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:4px}.trophy-v35
.trophy-owned img{width:36px;height:36px;border:1px solid
#6a5630}.trophy-v35 .trophy-owned
img.locked{filter:grayscale(1);opacity:.35}.trophy-v35
.trophy-bonus{padding:7px;color:#8ddc98;border-top:1px dotted
#444}
.trophy-all-requirements{border-top:1px dotted
#444}.trophy-mini-card{display:flex;gap:7px;align-items:center;padding:6px;color:#ddd;text-decoration:none;border-bottom:1px
dotted #383838}.trophy-mini-card
img{width:34px;height:34px}.trophy-mini-card
span{display:flex;flex-direction:column}.trophy-mini-card
small{color:#99bdd1}.trophy-mini-card.done{background:rgba(60,110,55,.12)}
.pets-v35{background:#181818}.pets-v35
.pet-banner{padding:4px;border-top:1px solid #555;border-bottom:1px solid
#555}.pets-v35 .pet-banner
img{display:block;width:100%;height:auto}.pets-v35
.title{text-align:center;color:#9fd4ed;padding:7px;border-bottom:1px dotted
#444}
.pet-row{display:grid;grid-template-columns:54px 1fr
auto;gap:7px;align-items:center;padding:7px 3px;border-bottom:1px dotted
#444}.pet-row.owned{background:rgba(60,100,70,.08)}.pet-thumb{width:48px;height:48px;object-fit:cover;border:1px
solid #745f3a}.pet-info b{color:#f0cb54}.pet-info
small{color:#bbb}.pet-actions{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}.pet-actions
form{display:inline}.pet-actions .old-btn{font-size:10px;padding:2px
4px}.pet-buy-form{display:flex;flex-direction:column;gap:3px;max-width:105px}.pet-buy-form
input{width:100%;box-sizing:border-box;background:#111;color:#ddd;border:1px
solid #555}
.bb-quote{margin:5px 0;padding:5px 7px;border-left:3px solid
#8f7a42;background:#111;color:#ccc}.bb-spoiler{margin:4px
0;background:#111;border:1px solid #444;padding:4px}.bb-list{margin:4px 0
4px 20px;padding:0}
@media(max-width:420px){.profile-ring-under-avatar
.ring-slot{width:30px;height:30px}.pet-row{grid-template-columns:50px
1fr}.pet-row>form,.pet-row>.pet-actions,.pet-row>span{grid-column:2}.pet-actions{justify-content:flex-start}}
/*
v36: карьера по пошаговому референсу +
безопасная мобильная геометрия. by
Метриум (Стэлп)
*/
.career-v36{background:#1d1f20;border-top:1px solid
#526a6d;border-bottom:1px solid
#111;color:#eee;max-width:100%;overflow:hidden}
.career-v36
.career-frame{margin:0 2px
5px;border-color:#88999a;background:#1c2324}
.career-v36
.career-stage{min-height:64px;background:linear-gradient(90deg,#182020,#26302f,#182020)}
.career-attack-form,.career-reward-row
form,.career-next-form{display:inline-block;margin:0}
.career-reward-row{display:flex;align-items:center;gap:7px;min-height:38px;padding:5px
7px;border-top:1px dotted
#6c6c6c;background:#202020;box-sizing:border-box}
.career-reward-row>span:nth-child(2){flex:1;color:#f1f1f1}.career-reward-row
b{color:#f8e34d;white-space:nowrap}.career-reward-row
button,.career-next{min-width:82px;max-width:100%;padding:5px
10px;color:#fff;background:linear-gradient(#50545b,#26282d);border:1px
solid #777;border-radius:2px;text-shadow:0 1px
#000;box-sizing:border-box}.career-reward-row.is-active
button{background:linear-gradient(#ff9b27,#d54b07);border-color:#8d4b09}.career-reward-icon{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px
solid #6d5220;background:#171717}.career-reward-icon
img{max-width:26px;max-height:26px}.career-rare{color:#fff;font-size:20px}.career-check{font-size:24px;color:#38e34c}.career-first{text-align:center;padding:5px
3px;color:#b9e8fa}.career-first
b{color:#ffe35b}.career-next-form{display:block;text-align:center;padding:8px}.career-next{min-width:210px}.career-table{table-layout:fixed}.career-table
th:nth-child(1),.career-table td:nth-child(1){width:54px}.career-table
th:nth-child(3),.career-table
td:nth-child(3){width:88px;white-space:nowrap}.career-table
td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){body{font-size:13px}.career-v36
.career-lead{padding:5px 3px;font-size:12px}.career-v36
.career-chapter{padding:5px 7px}.career-table th,.career-table
td{padding:3px 2px;font-size:12px}.career-table
th:nth-child(1),.career-table td:nth-child(1){width:42px}.career-table
th:nth-child(3),.career-table
td:nth-child(3){width:76px}.career-attack-v34{padding:8px 11px;margin:5px
0}.career-reward-row{gap:4px;padding:4px
3px;font-size:12px}.career-reward-row button{min-width:68px;padding:4px
6px}.career-reward-icon{width:28px;height:28px}.profile-equip-grid{max-width:100%}.btn{white-space:normal!important}.btn
.label{white-space:normal!important}.footer-ref,.foot{max-width:100%;overflow:hidden}}
.daily-v36{background:#202020;border-top:1px
solid #555;border-bottom:1px solid
#111;padding-bottom:8px}.daily-v36__intro{text-align:center;color:#9fd5ef;padding:7px}.daily-v36__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px}.daily-v36__day{position:relative;text-align:center;padding:8px
3px;min-height:58px;background:#171717;border:1px solid
#414141}.daily-v36__day.active{border-color:#c9a832;box-shadow:inset 0 0
8px
#493a0c}.daily-v36__day.done{opacity:.72}.daily-check{position:absolute;right:4px;top:2px;color:#39e35a;font-size:18px}.daily-v36__claim{margin:6px
auto;min-width:170px}@media(max-width:340px){.daily-v36__grid{grid-template-columns:repeat(2,1fr)}}
.trophy-v36{background:#202020;border-top:1px
solid #555;border-bottom:1px solid #111}.trophy-v36
.trophy-task{padding:6px 5px;border-top:1px dotted #555}.trophy-v36
.trophy-task-title{color:#80ed8b;font-weight:bold}.trophy-v36
.trophy-task.done .trophy-task-title{color:#58dc66}.trophy-v36
.trophy-task-progress{font-size:12px;color:#b9d6ef}.trophy-v36
.trophy-progress{height:4px;background:#eee;margin:2px 0
5px;max-width:270px}.trophy-v36 .trophy-progress
span{display:block;height:4px;background:#e7cf22}.trophy-v36
.old-btn{font-size:11px;padding:3px 8px}.trophy-v36
.trophy-owned{text-align:center;padding:6px}.trophy-v36 .trophy-owned
img{width:38px;height:38px;margin:1px;border:1px solid #796a32}.trophy-v36
.trophy-owned img.locked{filter:grayscale(1);opacity:.45}
/* Арена:
пошаговые массовые бои. by Метриум (Стэлп)
*/
.arena-bulk-v41{padding:8px 10px;background:#2f2f2f;border-top:1px solid
#4a4a4a;border-bottom:1px solid #161616}
.arena-bulk-v41 form{margin:6px
0}
.arena-bulk-v41
.arena-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:30px;white-space:normal;text-align:center}
.arena-bulk-v41
.arena-action-btn
img{width:14px;height:14px;vertical-align:middle}
.arena-bulk-v41
.arena-five-btn{font-weight:700}
.shop-item-quality-icon{width:48px;height:48px;object-fit:contain;border:1px
solid
#5b5549;background:#101210;box-sizing:border-box}
.ursa-v45{background:#202020;border-top:1px
solid #4c4c4c;border-bottom:1px solid
#111}.ursa-fighters{display:grid;grid-template-columns:1fr
1fr;gap:8px;padding:8px;align-items:end}.ursa-fighter{text-align:center;position:relative}.ursa-fighter
img{display:block;max-width:150px;width:100%;height:190px;object-fit:contain;margin:0
auto}.ursa-name{font-weight:bold;color:#f4d06e;margin:3px
0}.ursa-hp{height:8px;background:#070707;border:1px solid #555;margin:4px
6px;overflow:hidden}.ursa-hp
span{display:block;height:100%;background:#42b84b;transition:width .32s
ease}.ursa-stats{font-size:12px;color:#ddd}.ursa-actions{text-align:center;padding:8px;border-top:1px
solid #444}.ursa-actions
form{margin:0}.ursa-result{text-align:center;padding:10px}.ursa-damage{position:absolute;left:0;right:0;top:38%;font-size:22px;font-weight:bold;color:#ff6b6b;text-shadow:0
1px 2px #000;opacity:0;pointer-events:none}.ursa-fighter.hit
.ursa-damage{animation:ursaDamage .55s ease}.ursa-fighter.hit
img{animation:ursaHit .24s ease}.ursa-fighter.attack
img{animation:ursaAttack .28s ease}@keyframes
ursaDamage{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}100%{opacity:0;transform:translateY(-18px)}}@keyframes
ursaHit{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}@keyframes
ursaAttack{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)
scale(1.02)}}@media(max-width:420px){.ursa-fighter
img{height:155px}.ursa-fighters{gap:3px;padding:5px}}
/* v49 —
сундуки со звездной пылью
*/
.chest-grid{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px;padding:10px
6px;align-items:end}
.game-chest{min-width:0;padding:6px
2px;border-radius:8px;background:rgba(10,8,18,.38)}
.game-chest
img{display:block;width:58px;height:58px;max-width:100%;object-fit:contain;margin:0
auto}
.chest-button{appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;max-width:100%}
.game-chest.is-open
img{filter:drop-shadow(0 0 7px rgba(255,235,120,.8)) drop-shadow(0 0 12px
rgba(150,110,255,.55))}
@media
(max-width:420px){.chest-grid{grid-template-columns:repeat(3,1fr)}.game-chest
img{width:54px;height:54px}}
/* v50 UI improvements: rings / achievements
/ cave / bars. by Метриум (Стэлп)
*/
.expbar{height:12px;border:1px solid
#776843;background:#141414;border-radius:8px;overflow:hidden;box-shadow:inset
0 1px 4px rgba(0,0,0,.7);margin:6px
0}
.expbar>span{display:block;height:100%;background:linear-gradient(90deg,#7cb2ff,#6be58e);border-radius:8px;box-shadow:0
0 10px
rgba(119,196,255,.35)}
.expbar--new>span{background:linear-gradient(90deg,#7e54ff,#3ac4ff,#88ff84)}
.expbar--ring>span{background:linear-gradient(90deg,#ffe56b,#d0a220)}
.achv50-summary,.achv50-card,.rings-v50-row,.ring-detail-page{background:rgba(10,10,12,.88);border:1px
solid #4a4141;border-radius:10px;padding:10px;box-shadow:inset 0 0 16px
rgba(255,255,255,.03),0 6px 18px
rgba(0,0,0,.22)}
.achv50-card{margin-bottom:8px}.achv50-head{display:flex;gap:10px;align-items:flex-start}.achv50-icon{width:36px;height:36px;object-fit:contain}.achv50-name{font-size:16px;color:#fff;font-weight:700}.achv50-quality{font-size:13px;margin-top:2px}.achv50-progress-text{font-size:12px;color:#cfd8e3;margin-top:3px}.achv50-levels{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:7px
0 4px}.achv50-level{width:24px;height:24px;border-radius:50%;border:1px
solid
#726454;display:flex;align-items:center;justify-content:center;color:#c7b27d;background:#1a1a1e;font-size:12px}.achv50-level.done{background:linear-gradient(180deg,#ffe77e,#c79300);color:#231500;border-color:#f4d46b}
.rings-v50-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.rings-v50-icon,.ring-detail-icon{width:64px;height:64px;object-fit:contain;border:1px
solid
#7a4f22;border-radius:8px;background:#0f0f12;padding:4px}.rings-v50-title,.ring-detail-title{font-size:18px;font-weight:700;text-shadow:0
1px 0
#000}.rings-v50-stats{color:#dbe7f2;margin-top:2px}.ring-detail-head{display:flex;gap:12px;align-items:flex-start}.ring-detail-section{padding:4px
2px;color:#fff}.dib{display:inline-block}
@media
(max-width:600px){.rings-v50-row,.achv50-head,.ring-detail-head{flex-direction:row}.rings-v50-icon,.ring-detail-icon{width:56px;height:56px}}
/*
v50.2 — кольца и достижения по игровым
референсам. by Метриум (Стэлп)
*/
.ring-classic-detail,.rings-classic-list{background:#242424;border:1px
solid
#111;border-radius:0;box-shadow:none;padding:0;color:#fff}
.ring-classic-detail
.ring-detail-head{display:flex;gap:7px;align-items:flex-start;padding:6px
7px;background:#242424}
.ring-detail-icon-wrap{position:relative;flex:0 0
50px;width:50px;height:50px;border:1px solid
#6b5b42;background:#101010;box-shadow:inset 0 0 0 1px
#333;overflow:visible}
.ring-detail-icon-wrap
.ring-detail-icon{display:block;width:48px;height:48px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent}
.ring-detail-icon-wrap
.slot-smith{left:-1px;top:-14px}
.ring-detail-icon-wrap
.slot-rune{right:-3px;top:-3px!important}
.ring-detail-icon-wrap
.slot-stars{bottom:0;font-size:9px;line-height:9px;color:#ffe35a;text-align:center}
.ring-detail-main{min-width:0;flex:1;text-align:left}
.ring-classic-detail
.ring-detail-title{font-size:14px;line-height:18px;text-shadow:0 1px
#000}
.ring-special-line{font-size:12px;color:#d9efff;line-height:17px}.ring-special-line
b{color:#8ee985}
.ring-upgrade-row{display:grid;grid-template-columns:1fr
auto;gap:6px;align-items:center;padding:6px
7px;line-height:17px;text-align:left}
.ring-upgrade-row>div>img{width:14px;height:14px;object-fit:contain;vertical-align:-2px}.ring-star-symbol{color:#ffe45f;text-shadow:0
0 3px #aa7a00}
.ring-upgrade-row .old-btn{margin:2px 0;padding:2px
10px;font-size:12px}
.ring-manage-panel{margin:5px 6px
7px;padding:7px;background:#1d1d1d;border:1px solid
#4a4a4a;box-shadow:inset 0 0 12px
#0d0d0d}
.ring-rune-choice{display:grid;grid-template-columns:40px 1fr
auto;gap:7px;align-items:center;padding:5px 0;border-bottom:1px dotted
#505050}
.ring-rune-choice:last-child{border-bottom:0}.ring-rune-choice>img{width:36px;height:36px;object-fit:contain}.ring-rune-choice
span img{width:13px;height:13px;vertical-align:-2px}
.ring-rune-choice
.old-btn{white-space:nowrap;margin:0;padding:3px 7px}
.rings-classic-list
.rings-v50-row{display:grid;grid-template-columns:50px
1fr;gap:6px;align-items:start;margin:0;padding:7px
6px;background:#242424;border:0;border-radius:0;box-shadow:none}
.rings-classic-list
.rings-v50-icon{width:46px;height:46px;padding:0;border-radius:0;background:#101010;object-fit:contain}
.rings-classic-list
.rings-v50-title{font-size:14px;line-height:17px}.rings-classic-list
.white{font-size:12px;line-height:16px}
.rings-classic-list
.rings-v50-stats{text-align:center;font-size:12px;line-height:16px;color:#a9d9f2}
.ring-level-progress{height:4px;width:72%;min-width:170px;max-width:270px;margin:4px
auto 3px;background:#f5f5f5;border:1px solid
#111;overflow:hidden}.ring-level-progress
span{display:block;height:100%;background:#f0c900}
.rings-classic-list
form.center,.rings-classic-list .center{margin:0}.rings-classic-list
.old-btn{margin:3px 2px;padding:2px
10px;font-size:12px}
.profile-ring-under-avatar{display:flex;gap:7px;margin-top:7px;justify-content:center;align-items:flex-start;padding:0}
.profile-ring-slot-wrap{text-align:center;min-width:50px}.profile-ring-under-avatar
.ring-slot.profile-slot{position:relative;width:48px;height:48px;margin:0
auto;background:#0d100e;border:1px solid #555;box-shadow:inset 0 0 0 1px
#2b2b2b;overflow:visible;color:#e7c650}
.profile-ring-under-avatar
.ring-slot.profile-slot>img:not(.slot-rune){display:block;width:100%;height:100%;object-fit:contain}
.profile-ring-under-avatar
.ring-slot.profile-slot
.slot-rune{width:14px!important;height:14px!important}.profile-ring-under-avatar
.slot-bonus{color:#d78cff;font-size:11px;margin-top:1px}
.ach-classic-summary{padding:5px
7px;background:#242424;border:0;border-radius:0;box-shadow:none;line-height:17px}
.ach-classic-row{display:block;padding:6px
7px 7px;background:#242424;border-bottom:1px solid
#4a4a4a;color:#fff;text-decoration:none;text-align:left;box-shadow:inset 0
-1px
#111}
.ach-classic-row:hover{background:#292929;text-decoration:none}
.ach-classic-title{font-size:14px;font-weight:bold;line-height:17px}.ach-classic-title>img{width:13px;height:13px;object-fit:contain;vertical-align:-2px;margin-right:3px}.ach-classic-title
small{font-size:10px;color:#aaa;font-weight:normal;margin-left:5px}
.ach-classic-condition{font-size:12px;color:#fff;line-height:16px}.ach-classic-progress{font-size:12px;color:#8fc9eb;line-height:15px}
.ach-classic-bar{height:4px;width:52%;min-width:210px;max-width:270px;background:#f3f3f3;border:1px
solid #111;margin-top:2px;overflow:hidden}.ach-classic-bar
span{display:block;height:100%;background:#e7bd00}
@media(max-width:420px){.ring-upgrade-row{grid-template-columns:1fr}.ring-upgrade-row
.old-btn{justify-self:start}.ring-rune-choice{grid-template-columns:34px
1fr}.ring-rune-choice
.old-btn{grid-column:2;justify-self:start}.profile-ring-under-avatar
.ring-slot.profile-slot{width:44px;height:44px}.profile-ring-slot-wrap{min-width:46px}.ach-classic-bar{min-width:180px;width:62%}}
/*
v50.3 — Долина бессмертных и Древние
алтари. by Метриум (Стэлп)
*/
.event-result-v53,.event-lobby-v53,.immortal-battle-v53,.altar-lobby-v53,.altar-battle-v53,.altar-history-entry,.event-personal-bonus,.battle-resources,.event-leaders{background:#242424;border-top:1px
solid #444;border-bottom:1px solid
#111;color:#fff;box-sizing:border-box}
.event-result-v53{padding:7px 6px
0}.event-result-title{font-size:18px;font-weight:700;padding:4px}.event-result-title.win{color:#9de6a3}.event-result-title.lose{color:#ef9292}.event-result-title
img{width:15px;height:15px;vertical-align:-2px}.event-result-image{display:block;width:115px;height:65px;object-fit:cover;margin:7px
auto 0;border:1px solid #6d5433}.event-ach{margin:5px -6px
0;padding:6px;background:#383838;border-top:1px solid
#555}
.event-lobby-v53{padding:7px;line-height:20px}.event-lobby-title{color:#d8efff;font-size:15px;font-weight:700}.event-lobby-title
img{width:15px;height:15px;vertical-align:-2px}.event-lobby-v53
form,.event-personal-bonus form{margin:5px 0
1px}
.battle-resources{padding:7px}.battle-resources>span{display:inline-block;min-width:82px;margin:3px
8px;line-height:17px}.battle-resources
img{width:15px;height:15px;object-fit:contain;vertical-align:-2px}.battle-resources
small{color:#c8c8c8}.battle-resources>div:last-child{margin-top:5px}
.event-personal-bonus{padding:7px;line-height:20px}.event-personal-bonus>a{display:inline-block;margin-top:4px}.event-personal-bonus
img{width:14px;height:14px;vertical-align:-2px}
.event-leaders{padding:6px;line-height:18px}.event-leaders
.rank-1,.altar-history-entry .rank-1{color:#ffe35f}.event-leaders
.rank-2,.altar-history-entry .rank-2{color:#e6e6e6}.event-leaders
.rank-3,.altar-history-entry .rank-3{color:#e0a26e}.event-leaders
.rank-4{color:#a7e0ff}
.event-countdown{padding:5px;background:#1b1b1b;color:#bde9ff;border-bottom:1px
solid #4a4a4a}.event-duel-head{display:grid;grid-template-columns:1fr
1fr;gap:10px;padding:6px
8px;background:#202020;text-align:center}.event-duel-head>div{min-width:0}.event-duel-head
b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-hp{height:7px;background:#111;border:1px
solid #555;margin:3px 0;overflow:hidden}.event-hp
span{display:block;height:100%;background:linear-gradient(90deg,#58d64f,#9ce45e)}.event-hp.enemy
span{background:linear-gradient(90deg,#db4c4c,#f28a45)}.event-duel-head
small{color:#d4d4d4}
.event-battle-art,.altar-battle-art{height:150px;overflow:hidden;background:#111;border-top:1px
solid #444;border-bottom:1px solid #111}.event-battle-art
img,.altar-battle-art
img{display:block;width:100%;height:100%;object-fit:cover}
.event-actions-grid{display:grid;grid-template-columns:1fr
1fr;gap:5px;padding:7px;background:#1f1f1f}.event-actions-grid
form{margin:0}.event-actions-grid
.old-btn{width:100%;min-height:37px;margin:0;white-space:normal}.event-actions-grid
.old-btn
img{width:18px;height:18px;object-fit:contain;vertical-align:-4px}.event-actions-grid
.event-attack{font-weight:700;color:#fff3b4}
.event-side-count{padding:5px;background:#191919;border-top:1px
solid #3d3d3d;border-bottom:1px solid #3d3d3d}.event-log{padding:7px
9px;min-height:72px;background:#202523;line-height:17px;color:#e8e8e8}.event-log>div{border-bottom:1px
dotted #3d4843;padding:1px
0}.event-log>div:last-child{border-bottom:0}
.altar-lobby-v53{padding:0
5px
7px}.altar-lobby-title{display:flex;align-items:center;justify-content:space-between;padding:7px
2px;color:#ffc95f;font-size:16px;font-weight:700}.altar-lobby-title
span{color:#fff}.altar-banner{display:block;width:100%;height:160px;object-fit:cover;border:1px
solid #111;box-sizing:border-box;margin-bottom:7px}.altar-lobby-v53
.center{line-height:22px}.altar-lobby-v53 form{margin:5px
0}
.altar-history-entry{padding:7px 8px;line-height:18px;border-bottom:1px
dotted
#555}.altar-history-entry>b:first-child{color:#fff}.altar-history-entry
small{color:#9bb6c2}.event-separator{width:190px;max-width:65%;height:1px;background:#6b5e39;margin:6px
auto}
.hint{background:#1c1c1c;border-top:1px solid
#3e3e3e;border-bottom:1px solid #090909;margin:0;padding:6px 7px 6px
23px;color:#f4aa28;font-size:11px;line-height:16px}.hint
li{padding-left:2px}
@media(max-width:420px){.event-battle-art,.altar-battle-art{height:130px}.altar-banner{height:145px}.event-actions-grid{gap:4px;padding:5px}.event-duel-head{gap:5px;padding:5px}.battle-resources>span{margin:3px
4px;min-width:76px}}
/* v50.3 achievements: completed only at maximum
quality */
.ach-classic-row.is-complete{box-shadow:inset 3px 0
#77c96a,inset 0 -1px #111}
.ach-classic-row.is-complete .ach-classic-bar
span{width:100%!important}
.ach-classic-row.is-complete
.ach-classic-progress{color:#8ed97d}
/* v50.5 — клановые
Залы славы и страницы рекордов, by Метриум
(Стэлп) */
.hall-slogan{padding:7px
8px;text-align:center;color:#ffd55c;font-weight:700;background:#202020;border-top:1px
solid #505050;border-bottom:1px solid #111;text-shadow:0 1px
#000}
.hall-banner{margin:0 3px 5px;border:1px solid
#111;background:#111;overflow:hidden}
.hall-banner
img{display:block;width:100%;height:auto;max-height:216px;object-fit:cover}
.hall-clan-private{border-top:1px
solid #565656}
.hall-runner{margin:6px 0
4px;text-align:center;color:#fff;font-weight:700}
.hall-runner
img{width:14px;height:14px;object-fit:contain;vertical-align:-2px}
.hall-runner
a{color:#ffd55c}
.hall-cancel-link{display:inline-block;margin-top:5px;color:#a9a9a9;text-decoration:underline}
.hall-cancel-link:hover{color:#ddd}
.hall-my-link{text-align:center;border-top:1px
solid #444}
.hall-my-link
img{width:18px;height:18px;vertical-align:-4px;margin-right:3px}
.hall-my-title{text-align:center;padding:9px
5px;font-size:16px;font-weight:700;border-top:1px solid
#474747;border-bottom:1px solid
#4b4330;background:#242424}
.hall-my-records{background:#222;border-bottom:1px
solid #111}
.hall-my-row{min-height:27px;padding:6px 5px;border-bottom:1px
solid #4a4a4a;box-shadow:inset 0 -1px
#111;font-size:15px;line-height:18px}
.hall-my-row
img{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin-right:3px}
.hall-confirm-box{background:#202020;border-top:1px
solid #4b4b4b;border-bottom:1px solid
#111;text-align:left}
.hall-confirm-question{padding:8px
4px;color:#fff;font-size:15px}
.hall-confirm-form{margin:0;padding:0}
.hall-confirm-choice{display:block;width:100%;box-sizing:border-box;padding:8px
5px;border:0;border-top:1px solid
#4a4a4a;background:transparent;text-align:left;font:inherit;cursor:pointer}
.hall-confirm-choice
img{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.hall-confirm-yes{color:#ffd55c}
.hall-confirm-yes:hover{background:#292929}
.hall-confirm-no{color:#ff6666}
.hall-confirm-no
a{color:#ffd55c;text-decoration:none}
.hall-x{display:inline-block;color:#f05b5b;font-weight:700;margin-right:4px}
.hall-clan-menu-row
.clan-ref-icon{width:30px;height:30px;object-fit:contain;float:left;margin:2px
7px 0 0}
@media
(max-width:520px){.hall-banner{margin-left:0;margin-right:0}.hall-my-row{font-size:14px}}
/*
v50.6 — живой прогресс Зала славы
*/
.hall-live-progress{margin:4px 0 6px;padding:8px
10px;background:linear-gradient(180deg,#292929,#202020);border-top:1px
solid #505050;border-bottom:1px solid
#111;text-align:center;box-shadow:inset 0 1px
rgba(255,255,255,.03)}
.hall-live-progress__goal{font-weight:700;color:#fff4cf;margin-bottom:2px}
.hall-live-progress__numbers{color:#e8e8e8;margin:1px
0 5px}
.hall-live-progress__bar{width:min(270px,78%);margin:4px auto
5px}
/* v50.6 — клановые задания
*/
.clan-quest-card{padding:8px 10px;border-top:1px solid
#454545;border-bottom:1px solid
#151515;background:linear-gradient(180deg,#292929,#232323)}
.clan-quest-card--done{box-shadow:inset
3px 0
#4da84d}
.clan-quest-title{font-size:15px;margin-bottom:3px}.clan-quest-title
img{vertical-align:-3px}
.clan-quest-progress{height:5px;max-width:280px;background:#f1f1f1;border:1px
solid #050505;margin:4px 0 5px;overflow:hidden}
.clan-quest-progress
span{display:block;height:100%;background:linear-gradient(90deg,#d59c00,#ffd94a)}
.clan-quest-runners{margin:4px
0}.clan-quest-cancel{margin-top:5px}.link-button{border:0;background:none;padding:3px
6px;text-decoration:underline;cursor:pointer;font:inherit}
/* v50.6 —
компактные безопасные POST-действия,
визуально как старые ссылки.
*/
.inline-form{display:inline;margin:0;padding:0}
.link-button{display:inline;border:0;background:transparent;padding:0;color:#d9c77a;text-decoration:underline;font:inherit;cursor:pointer;text-shadow:inherit}
.link-button:hover{color:#fff2a6}
/*
v50.7 — питомцы, живые бои, пещера и единый
прогресс.
*/
.pet-card-v507,.pets-list-v507{background:rgba(18,18,18,.96);border-top:1px
solid #4c4c4c;border-bottom:1px solid
#111}
.pet-card-v507__owner,.pet-card-v507__name,.pet-card-v507__bonus,.pet-card-v507__max{padding:7px
10px;text-align:center;border-bottom:1px solid
#3b3b3b}
.pet-card-v507__hero{text-align:center;padding:6px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18))}
.pet-card-v507__hero
img{display:block;max-width:100%;max-height:260px;margin:0
auto;object-fit:contain}
.pet-card-v507__stats{display:grid;grid-template-columns:1fr
1fr;border-top:1px solid #343434}
.pet-card-v507__stats>div{padding:6px
9px;border-bottom:1px solid #303030}
.pet-card-v507__stats
img{width:16px;height:16px;vertical-align:-3px}
.pet-card-v507__upgrade{padding:8px;text-align:center}.pet-card-v507__upgrade
.btn{max-width:100%}
.pet-banner
img{display:block;width:100%;height:auto}.pets-list-v507__intro{padding:8px}
.pet-list-row-v507,.pet-shop-row-v507{display:flex;align-items:center;gap:8px;min-height:70px;padding:6px
8px;border-bottom:1px solid
#3d3d3d;background:rgba(255,255,255,.018);text-decoration:none}
.pet-list-row-v507:hover{background:rgba(255,255,255,.045)}.pet-list-row-v507__img{width:58px;height:58px;object-fit:contain;flex:0
0
58px}
.pet-list-row-v507__main{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;color:#eee}.pet-list-row-v507__main
small{color:#bdbdbd}.pet-list-row-v507__arrow{font-size:28px;color:#e7cf75}
.pet-shop-row-v507
.old-btn{flex:0 0 auto}.pet-buy-form-v507{display:flex;flex:0 0
150px;flex-direction:column;gap:3px}.pet-buy-form-v507
input[name=name]{min-width:0;width:100%;box-sizing:border-box}
.event-fighter-stage{position:relative;display:flex;align-items:flex-end;justify-content:space-around;min-height:185px;overflow:hidden;background-position:center;background-size:cover;border-top:1px
solid #454545;border-bottom:1px solid
#191919}
.event-fighter-stage.undying-stage,.event-fighter-stage.altar-stage{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('/images/barbars/undying.jpg')}
.event-fighter{position:relative;z-index:2;max-width:44%;height:178px;object-fit:contain;object-position:center
bottom;filter:drop-shadow(0 3px 3px
#000)}
.event-fighter.enemy{transform:scaleX(-1)}.event-hit-mark{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);font-weight:bold;font-size:22px;color:#f0d57a;text-shadow:0
2px 2px #000}
.event-result-v53 .result-stage{margin:6px
0}.old-btn.is-cooldown,.old-btn:disabled{opacity:.68;cursor:default;filter:grayscale(.25)}
.game-progress-panel{padding:5px
10px;background:rgba(0,0,0,.18);border-top:1px solid
#373737;border-bottom:1px solid
#171717}.game-progress-numbers{text-align:center;padding-bottom:3px}.game-progress-bar{height:4px;background:#eee;overflow:hidden}.game-progress-bar>span{display:block;height:100%;background:#efc400;transition:width
.25s ease}.game-progress-panel.is-complete
.game-progress-bar>span{background:#78bd6a}
@media(max-width:420px){.pet-card-v507__stats{grid-template-columns:1fr}.pet-buy-form-v507{flex-basis:125px}.event-fighter{height:150px}.event-fighter-stage{min-height:157px}}