/* =========================================================
   NEBOSKREBY 2026 UI DESIGN
   Полный стиль игры: мобильная версия + ПК, без изменения PHP.
   Заменяй старый style.css этим файлом.
   ========================================================= */

@import 'style_bg_autumn.css';

*{margin:0;padding:0;border:0;box-sizing:border-box;}
html{min-height:100%;background:#07111f;}
body{
    margin:0 auto;
    width:100%;
    max-width:460px;
    min-height:100vh;
    background:
        radial-gradient(circle at 50% -10%, rgba(0,194,255,.22), transparent 35%),
        linear-gradient(180deg,#06172a 0%,#08213b 38%,#04101f 100%);
    font-size:15px;
    line-height:1.35;
    color:#dcecff;
    text-shadow:0 1px 3px rgba(0,0,0,.75);
    font-family:Arial, Verdana, Tahoma, sans-serif;
    overflow-x:hidden;
}
body.mobile{max-width:520px;}
@media (min-width:760px){
    body{max-width:980px;padding:0 14px;background:
        radial-gradient(circle at 50% -12%, rgba(0,174,255,.24), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(255,190,67,.12), transparent 24%),
        linear-gradient(180deg,#040b14 0%,#07172a 45%,#03070d 100%);}
}

/* links */
a:link,a:visited{color:#35c8ff;text-decoration:none;transition:.16s ease;}
a:hover{color:#ffd36b;text-decoration:none;}
a img{border:0;} ul,li{list-style:none;} img{vertical-align:middle;max-width:100%;}
em{font-style:normal;}

/* backgrounds old classes support */
.main,.nfl,.ntfy{background-image:none;}
.main{background:transparent;}
.nfl,.ntfy{
    position:relative;
    overflow:hidden;
    margin:8px 6px;
    padding:0;
    text-align:left;
    border:1px solid rgba(72,174,255,.35);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(18,54,86,.92),rgba(8,28,49,.96));
    box-shadow:0 8px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.nfl:before,.ntfy:before{
    content:'';position:absolute;left:0;right:0;top:0;height:1px;
    background:linear-gradient(90deg,transparent,#00c8ff,#ffd15a,transparent);
    opacity:.85;
}
.nfl .snow,.nfl .snow2,.nfl .snow3,.nfl .hearts,.ntfy .snow,.ntfy .snow2,.ntfy .snow3{padding:10px;position:relative;z-index:1;}
.ntfy{border-color:rgba(255,207,83,.38);background:linear-gradient(180deg,rgba(45,67,84,.92),rgba(18,34,54,.96));text-align:center;}
.nfl.ny,.ntfy.ny{padding:0;}
.nfl b{color:#ffd36b}.nfl .yel{color:#fff27a}

/* utility */
.flr{float:right}.fll{float:left}.clb{clear:both}.nwr{white-space:nowrap}.wwr{word-wrap:break-word}.bl{display:block}.cntr{text-align:center}.txtal{text-align:left}.txtar{text-align:right}.inbl{display:inline-block}.mw50{max-width:50%}.ovh{word-wrap:break-word;overflow-x:hidden;}
.hr,.hrt,.hrb{border:0;border-bottom:1px solid rgba(96,178,255,.22);margin:9px 0;}
.ln{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.35);}
.p5{padding:5px}.pb5{padding-bottom:5px}.m5{margin:5px}.m10{margin:10px}.mb5{margin-bottom:5px}.mt5{margin-top:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}
.abstr{position:absolute;right:0;top:0;z-index:5}.r4{right:4px}.t2{top:2px}

/* typography colors */
.small{font-size:82%;}.amount{color:#ffe27a}.white{color:#fff}.norm{color:#dcecff}.health{color:#ff9999}.notify{color:#fff559}.energy{color:#9fb4ff}.money{color:#ffd36b}.minor{color:#9db0c6}.major{color:#ff7777}.info{color:#69ff99}.link{color:#ffdf8c}.admin{color:#00d0ff}.moderator{color:#ff9}.gm{color:#a0ffa0}.level{color:#7cfc00}.buff{color:#34f5ff}.sale{color:#ee96ff}.nick{color:#fff559}
a.minor,.minor a{color:#9db0c6}.user a,a.link{color:#ffdf8c}a.amount{color:#ffe27a}.itemGood{color:#69ff99}.itemBad{color:#d89352}.waiting{color:#9fb4ff}.spaces{color:#ff8b38}

/* forms */
input,textarea,select{
    width:auto;max-width:100%;
    margin:4px 0;padding:8px 10px;
    border:1px solid rgba(113,190,255,.38);
    border-radius:10px;
    background:rgba(3,14,26,.72);
    color:#eef7ff;
    font-size:15px;
    outline:none;
    box-shadow:inset 0 1px 6px rgba(0,0,0,.35);
}
input:focus,textarea:focus,select:focus{border-color:#00c8ff;box-shadow:0 0 0 2px rgba(0,200,255,.12), inset 0 1px 6px rgba(0,0,0,.35);}
textarea{width:100%;resize:vertical;min-height:86px;}
input[type=submit],button,.submit{
    cursor:pointer;
    padding:9px 14px;
    border:1px solid rgba(255,221,112,.8);
    border-radius:12px;
    color:#111 !important;
    font-weight:bold;
    text-shadow:0 1px 0 rgba(255,255,255,.35);
    background:linear-gradient(180deg,#fff07b,#ffb71d 52%,#d98b00);
    box-shadow:0 4px 14px rgba(255,184,32,.24), inset 0 1px 0 rgba(255,255,255,.35);
}
input[type=submit]:hover,button:hover,.submit:hover{filter:brightness(1.08);}
input[type=checkbox],input[type=radio]{width:auto;box-shadow:none;}

/* buttons */
.btn,.btnbr{background:linear-gradient(180deg,#164b7b,#0b2c50);border-radius:12px;border:1px solid rgba(83,180,255,.45);}
.btnf{background:linear-gradient(180deg,#9b4bb1,#6f2a82);border-radius:12px;border:1px solid rgba(255,255,255,.18);color:#fff!important;}
a.btnw,.btnw a,a.btnr,.btnr a,a.btng,.btng a,a.btnb,.btnb a,a.cnfrm{
    display:block;text-align:center;text-decoration:none!important;
    margin:8px auto;padding:9px 12px;border-radius:12px;
    border:1px solid rgba(255,255,255,.16);
    color:#eef7ff;font-weight:bold;text-shadow:0 1px 2px #000;
    background:linear-gradient(180deg,#155184,#0b3057);
}
a.btnw,.btnw a{background:linear-gradient(180deg,#f7fbff,#b8cadb);color:#123;text-shadow:none;}
a.btnr,.btnr a{background:linear-gradient(180deg,#e64949,#941d1d);color:#fff;}
input.btng,a.btng,.btng a{background:linear-gradient(180deg,#2dea72,#079533);color:#fff;text-shadow:0 -1px 0 #064d21;}
a.btnb,.btnb a{background:linear-gradient(180deg,#1cb5df,#0b6482);color:#fff;}
.btn60 a,a.btn60{width:60%;}.btn80 a,a.btn80{width:80%;}

/* header */
.hdr{
    margin:0 0 8px;
    padding:8px 10px;
    min-height:38px;
    background:linear-gradient(180deg,#154b7c,#0c2d52);
    border-bottom:1px solid rgba(255,211,107,.45);
    box-shadow:0 4px 16px rgba(0,0,0,.25);
}
.hdr img{width:18px;height:18px;vertical-align:middle}.hdr .ttl{float:left;display:block;max-width:60%;line-height:1.15;font-weight:bold;color:#fff}.hdr .cash{display:block;text-align:right;font-size:82%;color:#fff;word-wrap:break-word}.mini .hdr .ttl img{display:none;}

/* toolbar */
.tlbr{margin:6px;padding:8px;border-radius:14px;background:rgba(6,22,41,.58);border:1px solid rgba(70,160,235,.25);display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.tlbr a{margin:0;display:inline-flex;align-items:center;gap:4px;text-decoration:none!important}.tlbr img{width:30px;height:30px;vertical-align:middle;}

/* floor colors */
.rs,a.rs,.rs a.flhdr{color:#ccc}.vs,a.vs,.vs a.flhdr{color:#ccc}.fd,a.fd,.fd a.flhdr{color:#4cff76}.rc,a.rc,.rc a.flhdr{color:#ffe75b}.fs,a.fs,.fs a.flhdr{color:#cb8dff}.md,a.md,.md a.flhdr{color:#ff9b43}.sr,a.sr,.sr a.flhdr{color:#2fffff}.el,a.el,.el a.flhdr{color:#ffb073}

/* floor cards */
.flhdr,a.flhdr{position:relative;display:block;padding:8px 10px;text-decoration:none;background:linear-gradient(180deg,rgba(30,89,139,.92),rgba(16,54,96,.92));border-radius:10px 10px 0 0;font-weight:bold;}
a.flhdr:hover{background:linear-gradient(180deg,#2471ad,#124675);}.flhdr .abstr{background:transparent}.flhdr .abstr img{width:16px;height:16px}
.flbdy{margin:0;padding:9px;position:relative;background:rgba(4,16,30,.35);border-radius:0 0 10px 10px;}
.flbdy .flogo{width:54px;height:54px;float:left;padding:4px;background:linear-gradient(180deg,#1b5a91,#0a294a);border-radius:12px;border:1px solid rgba(115,197,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.flbdy .flogoborder{position:absolute;width:54px;height:54px;border-radius:12px;border:1px solid rgba(115,197,255,.45)}
.flbdy .flst{margin-left:66px;text-shadow:none;min-height:56px}.flbdy .state{color:#9db0c6;font-size:82%;display:block}.flbdy img{width:16px;height:16px;vertical-align:middle}.opn .flbdy .state{color:#fff27a}

/* progress */
.lvlPrgbr .prgbr,.qstPrgbr,.upPrgbr{background:rgba(0,0,0,.4);height:5px;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.lvlPrgbr .prg{height:5px;background:linear-gradient(90deg,#ffb71d,#fff27a)}.qstPrgbr .prg{height:5px;background:linear-gradient(90deg,#00c8ff,#55f7ff)}.upPrgbr .prg{height:5px;background:linear-gradient(90deg,#19e36b,#adff7a)}

/* forum 2026 */
ul.frm li a,.msgs a.sndr{
    display:block;text-decoration:none!important;
    margin:6px 0;padding:10px;
    border:1px solid rgba(85,174,255,.28);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(21,72,116,.85),rgba(7,29,54,.9));
    line-height:1.25;
}
ul.frm li.odd a{background:linear-gradient(180deg,rgba(23,88,135,.85),rgba(8,35,62,.9));}
ul.frm li a:hover,.msgs a.sndr:hover{border-color:#00c8ff;background:linear-gradient(180deg,rgba(28,101,158,.95),rgba(11,47,82,.95));}
.msgs li{padding-bottom:7px}.msgs a{color:#ffdf8c}.msgs a:hover{color:#ffd36b}
.forum-card,.topic-card,.comment-card,.admin-card{
    margin:8px 0;padding:10px;border-radius:14px;
    border:1px solid rgba(95,184,255,.28);
    background:linear-gradient(180deg,rgba(12,43,75,.88),rgba(5,20,39,.95));
    box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.forum-title,.topic-title{font-size:17px;font-weight:bold;color:#fff;}.forum-meta,.topic-meta,.comment-meta{font-size:82%;color:#9db0c6;margin-top:4px}.comment-card{border-left:3px solid #00c8ff}.comment-card.admin-comment{border-left-color:#ffd36b}.forum-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.forum-actions a{padding:6px 9px;border-radius:10px;background:rgba(35,101,155,.6);border:1px solid rgba(90,180,255,.28);text-decoration:none!important}.forum-actions a.danger{background:rgba(150,30,30,.65);color:#fff}.forum-actions a.warn{background:rgba(165,111,15,.65);color:#fff}

/* tables */
table{width:100%;border-collapse:separate;border-spacing:0 6px;}
th,td{padding:8px 7px;vertical-align:middle;text-align:left;}
th{color:#ffe27a;font-size:82%;font-weight:bold;background:rgba(0,0,0,.18);}
td{background:rgba(7,27,50,.62);border-top:1px solid rgba(79,169,245,.18);border-bottom:1px solid rgba(0,0,0,.25);}
tr td:first-child{border-radius:10px 0 0 10px;}tr td:last-child{border-radius:0 10px 10px 0;}
@media (max-width:520px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}th,td{padding:7px 8px;}}

/* rating */
table.rtg{width:100%;line-height:1;border-spacing:0 4px;border-bottom:0}table.rtg td{border-top:1px solid rgba(80,170,245,.25)}table.rtg tr.odd{background:transparent}table.rtg .name{color:#ffdf8c}table.rtg a{display:block;text-decoration:none}table.rtg tr:hover td{background:rgba(39,85,135,.7)}table.rtg td.num{text-align:center;font-weight:bold;border-right:1px solid rgba(4,50,100,.6);font-size:110%}table.rtg td.num a{color:#ccc;padding:4px 10px}table.rtg td.usr a{padding:4px 0 5px 10px}table.rtg td.usr{width:100%;border-left:1px solid rgba(40,86,136,.7)}
table.rtgh{width:100%;border:1px solid rgba(75,165,245,.28);margin-bottom:8px;border-spacing:0;border-radius:12px;overflow:hidden;font-size:82%;background:rgba(6,22,40,.55)}table.rtgh td{width:33%;text-align:center;font-weight:bold;padding:0;background:transparent;border:0}table.rtgh td.mdl{width:34%;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}table.rtgh a{display:block;color:#ccc;text-decoration:none;padding:8px 4px}table.rtgh span.ptd{display:block;background:rgba(39,85,135,.9);padding:8px 4px}.pgn{padding:8px 0;margin:8px 0;text-align:center}.pag,a.pag{display:inline-block;border:1px solid rgba(85,174,255,.34);padding:7px 10px;margin:2px;color:#dcecff;text-decoration:none;background:rgba(23,69,119,.8);border-radius:10px}a.pag:hover,span.pag{background:#275587;color:#6fff9e}

/* lists, workers, hotel, products */
.ttrl{padding:10px}.ttrl span{font-size:82%;color:#fff559}.ttrl div{color:#9db0c6}
.tmsg{text-align:center;padding:8px;margin-top:8px}.tmsg img,.vab img,.vam img{width:16px;height:16px;vertical-align:middle}
.wrk,.wjb,.rpl{margin:8px 6px;padding:10px;border-radius:14px;background:rgba(7,27,50,.62);border:1px solid rgba(80,170,245,.25)}.wrk .ttl{text-align:center;font-weight:bold}.wrk .trg{border-radius:12px;border:1px solid rgba(80,170,245,.28);padding:8px;margin:8px;text-align:center}.wrk .ava{padding:5px 10px 5px 5px;float:left;width:54px;height:54px}.wrk .stat{display:block;margin-left:68px}.wrk .stat img,.wjb img,.rsd img{width:16px;height:16px;vertical-align:middle}.wrk .cnf{margin:0 auto;width:70%}.wrk .cnf a{width:42%}.wjb a{margin:10px auto;width:70%}
ul.bsn{text-align:center}ul.bsn li{display:block;margin:8px;padding:8px;border-radius:12px;background:rgba(7,27,50,.45)}
.rsd .ava{width:54px;height:54px;float:left;padding:5px;margin:2px 7px 2px 0;border-radius:12px}.rsd .rsdst{margin-left:68px;position:relative}.rsd li{border-top:1px solid rgba(96,178,255,.18);padding:6px 7px 6px 0}.rsd .action{display:block;margin:4px 0 8px}.rsd .abstr{display:block;padding:0 0 2px 2px;background:transparent}
ul.prd li{border-top:1px solid rgba(96,178,255,.18);padding:7px 10px 7px 0}ul.prd li img{width:16px;height:16px;vertical-align:middle}ul.prd .cart{height:54px;width:54px;float:left;margin:2px 8px 0 0;border-radius:12px}ul.prd .prdst{margin-left:64px}ul.prd .prgbr{background:rgba(0,0,0,.4);height:5px;border-radius:5px;overflow:hidden;padding:0;margin:6px 0}ul.prd .sellprbr .prg{background:#ccc;height:5px}ul.prd .stockprbr .prg{background:#6fcd72;height:5px}ul.prd .rate,ul.prd .price,ul.prd .time{font-size:82%}ul.prd .rate{display:block;float:right;color:#ff9}ul.prd .price{color:#ff9}ul.prd .time{color:#9db0c6;float:right}ul.prd li .action{display:block;margin:4px 0}
ul.fwr{margin:8px auto;width:92%;display:flex;gap:8px;justify-content:space-between}ul.fwr li{width:33%}ul.fwr a{display:block;text-decoration:none;text-align:center;padding:6px;border-radius:12px;background:rgba(7,27,50,.5);border:1px solid rgba(80,170,245,.22)}ul.fwr a:hover{background:#275587}ul.fwr .ava{padding:5px 0;max-width:54px}ul.fwr .btn{padding:7px 0}ul.fwr span{border-radius:10px;width:90%;background:rgba(3,16,30,.82);font-weight:bold;text-shadow:none;display:block;margin:0 auto 5px;padding:3px}ul.fwr span img{vertical-align:middle;width:16px;height:16px}
.fltr{display:flex;justify-content:space-between;gap:4px;margin:6px}.fltr a,.fltr span{display:block;width:auto;flex:1;text-align:center;padding:4px;border-radius:10px;background:rgba(7,27,50,.5)}.fltr img{width:32px;height:32px}.lift{margin:8px}.lift .caller{margin:5px 8px 5px 0;width:54px;height:54px;float:left;border-radius:12px}.lift .ctrl img{vertical-align:middle}.lift .ctrl{display:block}.lift .vip{color:#ff9;font-weight:bold}

/* notifications */
li.feedbackPanelERROR,li.feedbackPanelINFO{color:#ff9;text-align:center;display:block;padding:9px;margin:8px 6px;border:1px solid rgba(255,211,107,.45);background:linear-gradient(180deg,rgba(39,85,135,.92),rgba(12,42,75,.95));border-radius:14px;}
.hint{color:#9db0c6;margin:8px;text-align:center;font-size:82%;text-shadow:none}.nshd{text-shadow:none}.tdn,.tdn a{text-decoration:none!important}.tdu,.tdu a{text-decoration:underline!important}.sz32{width:32px;height:32px}.sz50{width:50px;height:50px}.rm{border-radius:12px;border:1px solid rgba(85,174,255,.34)}

/* footer */
.ftr{display:flex;justify-content:center;gap:8px;text-align:center;width:95%;margin:10px auto;height:auto}.ftr img{width:16px;height:16px;vertical-align:middle}.ftr a{padding:9px 0;color:#dcecff;font-weight:bold;text-decoration:none;display:block;width:46%;border-radius:12px;background:rgba(7,27,50,.55);border:1px solid rgba(80,170,245,.24)}.ftr a:hover{background:#275587}.ftr a.btnf:hover{background:#9651a7}div.footer{text-align:center;margin:14px 0 8px;font-size:82%;color:#9db0c6}

/* desktop enhancements */
@media (min-width:760px){
    body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.62),transparent 22%,transparent 78%,rgba(0,0,0,.62));}
    .nfl,.ntfy{margin:12px auto;max-width:920px;border-radius:1px;}
    .nfl .snow,.nfl .snow2,.nfl .snow3,.nfl .hearts,.ntfy .snow,.ntfy .snow2,.ntfy .snow3{padding:16px;}
    .hdr{border-radius:0 0 16px 16px;margin-bottom:12px;padding:10px 14px;}
    .tlbr{max-width:920px;margin:10px auto;padding:10px;}
    .flbdy .flogo{width:64px;height:64px}.flbdy .flogoborder{width:64px;height:64px}.flbdy .flst{margin-left:78px;min-height:66px;}
    input,textarea,select{font-size:16px;padding:10px 12px;}
    .forum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
}

/* mobile compact */
@media (max-width:360px){
    body{font-size:14px;}.nfl,.ntfy{margin:6px 4px;border-radius:12px}.nfl .snow,.nfl .snow2,.nfl .snow3,.nfl .hearts{padding:8px}.hdr .ttl{max-width:55%}.tlbr img{width:28px;height:28px}.flbdy .flogo{width:48px;height:48px}.flbdy .flst{margin-left:58px}.ftr{width:98%;gap:5px}.ftr a{font-size:13px;}
}