@-webkit-keyframes stateVisible{0%{opacity:0}30%{opacity:.5}70%{opacity:.7}to{opacity:1}}@keyframes stateVisible{0%{opacity:0}30%{opacity:.5}70%{opacity:.7}to{opacity:1}}@-webkit-keyframes toggleBlock{0%{right:-300px}30%,70%,to{right:5px}}@keyframes toggleBlock{0%{right:-300px}30%,70%,to{right:5px}}@-webkit-keyframes outBlock{0%{right:5px}30%{right:-300px}70%{right:-350px}to{right:-450px}}@keyframes outBlock{0%{right:5px}30%{right:-300px}70%{right:-350px}to{right:-450px}}*,::after,::before{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;color:#222}hr,img{width:100%}img{display:block;max-width:100%;height:auto}button,input{border:1px solid #eee;outline:0;font-size:1em}button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px;background:0 0}a,button,input{cursor:pointer}input{display:block;background:#fff}a{text-decoration:none;color:inherit}footer,header,main{position:relative;display:block}aside,div,hr,label,section{display:block}li,ol,ul{list-style:none}b,strong{font-weight:700}hr{height:1px;margin:10px 0;background:#eee;border:0}.bg{border:1px solid #6c2300;background:rgba(0,0,0,.9)}body,html{height:100%;margin:0;padding:0;font-family:'Yanone Kaffeesatz',sans-serif}a,aside,div,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,section,textarea,ul{position:relative;margin:0;padding:0}.body{background:#222;background-image:url(../img/bg.png);-webkit-background-size:cover;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;font-size:24px;color:#fff}.body--reg{background-image:url(../img/reg_bg.jpg)}.btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;max-width:300px;height:40px;background:#6c2300;border:0;color:#da9803;font-family:'Yanone Kaffeesatz',sans-serif;cursor:pointer;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;outline:0}.btn--min{width:100%;max-width:140px;height:25px;font-size:18px}.btn--inv,.btn:active,.btn:hover{background:#da9803;color:#6c2300}.btn--inv:active,.btn--inv:hover{background:#0070de;color:#fff}.btn:disabled{background:#9b9b9b;color:#222;cursor:not-allowed}.input{width:100%;max-width:300px;height:40px;padding:0 5px;background:rgba(255,255,255,.3);border:1px solid #fff;font-family:'Yanone Kaffeesatz',sans-serif;font-size:18px}.input::-webkit-input-placeholder{color:#fff}.input:-moz-placeholder,.input::-moz-placeholder{color:#fff}.input:-ms-input-placeholder{color:#fff}.input:active,.input:focus,.input:hover{border:2px solid #da9803}.textarea{width:100%;max-width:300px;height:80px;padding:5px;background:rgba(255,255,255,.3);border:1px solid #fff;font-family:'Yanone Kaffeesatz',sans-serif;font-size:18px;resize:none}.textarea::-webkit-input-placeholder{color:#fff}.textarea:-moz-placeholder,.textarea::-moz-placeholder{color:#fff}.textarea:-ms-input-placeholder{color:#fff}.fail,.success{display:block;width:100%;padding:10px;color:#29d932;border:1px solid #29d932}.fail{color:#ce2929;border:1px solid #ce2929}.orange{color:#da9803}.green{color:#29d932}.red{color:#ce2929}.blue{color:#00b4ff}.warrior{color:#c79c6e}.paladin{color:#f58cba}.rogue{color:#fff569}.priest{color:#fff}.dk{color:#c41f3b}.shaman{color:#0070de}.mage{color:#69ccf0}.warlock{color:#9482c9}.druid{color:#ff7d0a}.hunter{color:#abd473}.none{display:none}.oveflow{overflow:hidden}@media (max-width:700px){.btn{width:100%}.btn,.input,.textarea{max-width:100%}}@font-face{font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:400;src:local('Yanone Kaffeesatz Regular'),local('YanoneKaffeesatz-Regular'),url(https://fonts.gstatic.com/s/yanonekaffeesatz/v10/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-8.ttf) format('truetype')}.main,.main__wrap{position:relative;height:100%}.main{display:block;padding:50px 0 0;margin:0}.main__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:1220px;margin:0 auto}@media (max-width:700px){.main__wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}}.aside{width:100%;max-width:300px;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.aside__wrap{margin:0;padding:0}.aside__title{margin:0 0 30px;font-size:48px}.aside__list,.aside__nav{margin:0;padding:0}.aside__item{margin:0 0 15px}.aside__btn{margin:0;padding:0}.aside__btn--back{background:#9b9b9b;color:#fff;font-size:18px}.aside__btn--back:hover{background:#fff;color:#222}.aside__img{display:block;max-width:300px}@media (max-width:700px){.aside{max-width:100%;margin:0 0 40px}.aside__title{font-size:28px}.aside__img{display:none}}.section,.section.load:after{-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.section{width:100%}.section.load{position:relative;z-index:-10}.section.load:after{font-size:48px;z-index:2}.section__wrap{padding:0 20px}.section__title{margin:0 0 30px;font-size:48px}.section__block{margin:0;padding:0}@media (max-width:700px){.section__title{font-size:28px}.section__wrap{padding:0}}.account{margin:0;padding:0;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.account,.account__list{width:100%}.account__item{width:100%;margin:0 0 15px}.account__p{margin:0}.account__btn{margin:0 0 15px}.account__pass-block{display:none;width:100%;max-width:300px;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.account__pass-block.active{display:block}.account__form{display:block;width:100%;margin:0}.account__form.load,.feedback__form.load{position:relative;z-index:-10}.account__form.load:after,.feedback__form.load:after,.section.load:after{content:'Загрузка...';position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.9);border:1px solid #6c2300}.account__form-wrap{width:100%}.account__form-btn,.account__form-input{margin:0 0 15px}.account__form-result{text-align:center}.account__form-result span{display:block;width:100%;padding:10px;text-align:center}.char{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.char__list{margin:0;padding:0}.char__col,.char__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.char__item{width:100%;margin:0 0 30px;padding:0 20px;background:rgba(0,0,0,.3);border:1px solid #6c2300;height:90px}.char__col{height:100%}.char__col--lvl{max-width:60px;width:100%;font-size:48px;color:#da9803}.char__col--icon{max-width:68px;width:100%;margin:0 20px 0 0}.char__col--honor,.char__col--name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:140px;width:100%;padding:5px 0}.char__col--honor{max-width:200px}.char__col--service{width:100%;max-width:300px}.char__name{width:100%}.char__guild{width:100%;color:#29d932}.char__honor-p{width:100%}.char__service-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.char__service-item{width:50%}.char__service-btn{margin:0 auto}@media (max-width:1190px){.char__item{padding:0 10px;font-size:22px}.char__col--honor,.char__col--name{max-width:130px}}@media (max-width:1014px){.char__item,.char__list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.char__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.char__item{width:100%;height:auto;margin:0 0 20px;padding:10px;font-size:26px}.char__col{height:auto;max-width:100%}.char__col--icon{width:50%;margin:0}.char__col--icon img{display:block;width:72px;height:72px;margin:0 0 0 auto}.char__col--lvl{width:50%}.char__honor-p{margin:0 0 5px}.char__col--honor{margin:0 0 20px}.char__service-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.char__service-item{width:100%}.char__service-btn{width:100%;max-width:100%;height:35px;margin:0 0 10px;font-size:22px}}.confirm.active,.feedback{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.feedback__wrap{width:100%}.feedback__form{position:relative}.feedback__row{width:100%;margin:0 0 30px}.feedback__label{display:block;width:100%;margin:0 0 10px}.feedback__input{width:100%}.confirm{display:none}.confirm.active{position:fixed;top:0;left:0;right:0;bottom:0;display:block;height:100%;background:rgba(0,0,0,.8);border:1px solid #000;z-index:2}.confirm__form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:90%;background:rgba(0,0,0,.9);border:1px solid #6c2300;padding:20px;text-align:center}.confirm__form-btn-block,.confirm__form.load:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.confirm__form.load:after{content:'Загрузка...';position:absolute;top:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;background:rgba(0,0,0,.9);border:1px solid #6c2300;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.confirm__form-p{margin:0 0 15px}.confirm__form-btn-block{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.confirm__form-btn{margin:0 15px}.authorization{position:relative;width:100%;height:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.authorization__form,.authorization__form:after{width:100%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.authorization__form{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:350px;margin:0;padding:20px;border:1px solid #6c2300;background:rgba(0,0,0,.9);position:relative;top:50%;left:50%}.authorization__form:after{content:'Загрузка...';position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:0;background:rgba(0,0,0,.8);text-align:center;opacity:0}.authorization__form--load:after{height:100%;opacity:1}.authorization__title{margin:0 0 20px;font-size:48px;text-align:center}.authorization__label{display:block;margin:0 0 5px;font-size:24px}.authorization__input{max-width:100%;margin:0 0 15px;font-size:18px;color:#fff}.authorization__input--hidden{position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:-1}.authorization__input--last{margin:0 0 20px}.authorization__btn{max-width:100%;position:relative;margin:0 0 15px;font-size:24px}.authorization__btn--aut{margin:0 0 20px}.authorization__btn--aut:after{content:'';position:absolute;display:block;top:-webkit-calc(100% + 10px);top:calc(100% + 10px);left:0;width:100%;height:1px;background:#5d5d5d}.authorization__btn--back{background:#9b9b9b;color:#fff}.authorization__result{text-align:center}.authorization__result,.authorization__result span{-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.alert,.alert__close{background:rgba(0,0,0,.9);border:1px solid #6c2300}.alert,.alert.out{-webkit-animation-fill-mode:forwards!important;animation-fill-mode:forwards!important}.alert{bottom:105px;right:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:300px;padding:20px 10px;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:fixed;width:100%;z-index:5;-webkit-animation:toggleBlock 4s;animation:toggleBlock 4s}.alert.out{-webkit-animation:outBlock 2s;animation:outBlock 2s}.alert__close{position:absolute;top:-10px;left:-10px;display:block;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;z-index:10}.alert__close:after{content:'x';position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#fff}.vote{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.vote,.vote__list{margin:0;padding:0}.vote__item{width:100%;margin:0 0 30px;padding:0 20px;background:rgba(0,0,0,.3);border:1px solid #6c2300;height:90px}.vote__item-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:100%}.vote__count,.vote__name{margin:0 25px 0 0}.vote__btn-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:300px}.vote__btn{margin:0 15px 0 0}@media (max-width:700px){.vote__item{width:100%;height:auto;margin:0 0 20px;padding:10px;font-size:26px}.vote__count{display:none}}
/* Áëîê îíëàéí */
.online-block {
    margin-top: 30px;
    padding: 20px;
    background: rgba(26, 26, 46, 0.9);
    border-radius: 8px;
    border: 1px solid rgba(240, 165, 0, 0.2);
}

.online-count {
    color: #aaa;
    margin-bottom: 15px;
    font-size: 14px;
}

.online-count strong {
    color: #f0a500;
    font-size: 18px;
}

.online-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.online-table thead th {
    background: rgba(42, 42, 78, 0.8);
    color: #f0a500;
    padding: 10px 12px;
    text-align: left;
    border-bottom: 2px solid #f0a500;
    font-weight: 600;
}

.online-table tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(42, 42, 78, 0.5);
    color: #ddd;
}

.online-table tbody tr:hover td {
    background: rgba(42, 42, 78, 0.3);
}

.player-name {
    color: #fff;
    font-weight: 500;
}

.player-level {
    color: #f0a500;
    font-weight: 600;
}

.player-race {
    color: #81d4fa;
}

.player-class {
    color: #4fc3f7;
}

.player-account {
    color: #aed581;
    font-size: 12px;
}

.online-empty {
    color: #666;
    text-align: center;
    padding: 20px;
    font-size: 16px;
}

/* Àäàïòèâ äëÿ ìîáèëüíûõ */
@media (max-width: 768px) {
    .online-table {
        font-size: 12px;
    }
    
    .online-table thead th,
    .online-table tbody td {
        padding: 5px 8px;
    }
}

/* ===== ÁÀÍÍÅÐ ÄËß G-ProJect ===== */
.banner-container {
    background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
    border-radius: 16px;
    padding: 30px 20px;
    margin: 20px auto;
    max-width: 800px;
    border: 2px solid #f0a500;
    box-shadow: 0 0 40px rgba(240, 165, 0, 0.15);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.banner-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(ellipse at center, rgba(240, 165, 0, 0.05) 0%, transparent 70%);
    animation: bannerGlow 8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes bannerGlow {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
}

.banner-content {
    position: relative;
    z-index: 1;
}

.banner-title {
    font-size: 48px;
    font-weight: 900;
    background: linear-gradient(135deg, #f0a500, #ff6b00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    text-shadow: none;
}

.banner-subtitle {
    font-size: 16px;
    color: #aaa;
    margin: 5px 0 15px;
    letter-spacing: 3px;
}

.banner-subtitle span {
    color: #f0a500;
    font-weight: bold;
}

.banner-date {
    display: inline-block;
    background: #f0a500;
    color: #0a0a0f;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 25px;
    border-radius: 50px;
    margin: 10px 0 20px;
    letter-spacing: 1px;
}

.banner-date span {
    color: #0a0a0f;
}

.banner-features {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin: 15px 0;
    text-align: left;
}

.banner-feature {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: rgba(255,255,255,0.04);
    border-radius: 6px;
    border-left: 2px solid #f0a500;
    color: #ccc;
    font-size: 13px;
}

.banner-feature span {
    font-size: 16px;
}

.banner-links {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.banner-links a {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(240, 165, 0, 0.12);
    color: #f0a500;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid rgba(240, 165, 0, 0.2);
    font-weight: 600;
    font-size: 13px;
    transition: all 0.3s;
}

.banner-links a:hover {
    background: #f0a500;
    color: #0a0a0f;
}

/* Àäàïòèâ äëÿ áàííåðà */
@media (max-width: 600px) {
    .banner-title {
        font-size: 28px;
    }
    .banner-features {
        grid-template-columns: 1fr 1fr;
    }
    .banner-date {
        font-size: 14px;
        padding: 6px 15px;
    }
    .banner-container {
        padding: 20px 15px;
        margin: 10px;
    }
}

/* Êîíåö áàííåðà */