:root {--anim-time: 1.25s;}
body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at bottom left,rgba(255, 0, 0, 0.644),transparent 35%),linear-gradient(135deg,#050505,#1a0d00,#ff7a00);color:#eee;min-height:100vh;padding:30px;background-attachment: fixed;background-size: cover;}
.page{max-width:1500px;margin:0 auto;background:#111111ee;border:1px solid #3a2420;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);overflow:visible;}
header{background:#181818;padding:24px 40px;display:flex;gap:18px;border-bottom:1px solid #332222;position:sticky;top:0;align-items:center;position:sticky;top:0;z-index:1000;border-radius: 28px 28px 0 0;transition: opacity 1s ease, visibility 1s ease, filter 0.8s ease;}
header.hide {opacity: 0;visibility: hidden;filter: blur(5px);pointer-events: none;}
.nav{display:flex;gap:18px;flex: 1;}
.tab{color:#d0b0a0;text-decoration:none;padding:12px 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;}
.tab:hover{background:#2a1a16;transform:scale(1.05);}
.tab.active{background:linear-gradient(90deg,#b22222,#ff7a00);color:#fff;font-weight:bold;}
.lang{margin-left:auto;position:relative}
.lang select{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 34px 10px 16px;min-width:115px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.lang select:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.lang select option{background:#1a1a1a;color:#fff;padding:12px;border:none}
.lang:after{content:'▼';position:absolute;right:10px;top:11px;font-size:12px;color:#fff}
.GoToCat{margin-left:auto;position:relative}
.GoToCat select{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 34px 10px 16px;max-width:135px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.GoToCat select:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.GoToCat select option{background:#1a1a1a;color:#fff;padding:12px;border:none}
.GoToCat:after{content:'▼';position:absolute;right:10px;top:11px;font-size:12px;color:#fff}
.container{padding:40px;}
.card{background:#181818;border:1px solid #3a2420;border-radius:18px;padding:25px;margin-bottom:20px;transition:.25s;}
.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.side-panel {position: fixed;width: 180px;z-index: 1000;display: flex;justify-content: center;top: 25px;}
.left-panel {left: 10px;opacity: 0;transform: translateX(-20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.left-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.right-panel {right: 10px;opacity: 0;transform: translateX(20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.right-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.panel-content {display: flex;flex-direction: column;gap: 10px;width: 100%;background: rgba(20, 20, 20, 0.8);padding: 10px;border-radius: 12px;align-items: flex-start; padding-top: 30px;}
.panel-content a {display:inline-block;width:auto; box-sizing: border-box;color:#d0b0a0;text-decoration:none;padding:12px 20px;margin-top: 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;margin: 0 auto;transform:scale(1.2);margin-bottom:25px;}
.panel-content a:hover {transform:scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.panel-content .lang {transform:scale(1.2);margin: 0 auto;}
.panel-content .GoToCat {transform:scale(1.2);margin: 0 auto;margin-top: 20px;margin-bottom: 25px;}
.panel-content a.tab.active:hover {transform: scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25);background:linear-gradient(90deg,#b22222,#ff7a00);}
#navSelect option:first-child {display: none;}
#gotonavSelect option:first-child {display: none;}
#title{font-size:40px;margin-bottom:15px;}
#info{font-size:20px;line-height:1.6;}
.card h2{font-size:26px;margin-bottom:15px;color:#fff;}
.links div{display:flex;align-items:center;gap:8px;margin:10px 0;}
.links strong{margin:0;padding:0;font-size:18px;}
.links a{display:inline-block;background:linear-gradient(90deg,#b22222,#ff7a00);padding:10px 18px;border-radius:10px;font-size:18px;color:#fff;text-decoration:none;transition:.2s;}
.links a:hover{transform:scale(1.08);background:linear-gradient(90deg,#b22222,#ff7a00);}
.panel-content .GoToCat select {background: linear-gradient(90deg, #8b1e1e, #d95f02);color: #fff;border: 1px solid #663300;padding: 10px 34px 10px 16px;width: 100%;border-radius: 12px;cursor: pointer;font-size: 14px;transition: all .2s ease;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.panel-content .GoToCat select:hover {transform: scale(1.02);box-shadow: 0 8px 18px rgba(217, 95, 2, .25);}
.panel-content .GoToCat:after {content: '▼';position: absolute;right: 18px;top: 11px;font-size: 12px;color: #fff;pointer-events: none;}
.stats-grid .stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;margin-top: 20px;}
.stat {background: #202020;border-radius: 28px;padding: 20px 16px;text-align: center;flex: 1;min-width: 100px;border-bottom: 2px solid #ff7a00;}
.stat-num {display: block;font-size: 32px;font-weight: bold;color: #ffaa66;}
.stat-label {font-size: 14px;color: #aaa;}
.features-grid .features-list {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;margin-top: 15px;}
@media (max-width: 700px) {.stats-container { flex-direction: column; }.features-list { grid-template-columns: 1fr; }.side-panel { display: none; }}
#comboModsList {columns: 2;column-gap: 40px;margin: 0 0 0 20px;line-height: 1.6;}
@media (max-width: 600px) {#comboModsList { columns: 1; }}
a {
  font-weight: bold;
  text-decoration: none;
}
.main-card {display: flex;align-items: center;gap: 40px;padding: 30px;}
.main-card .main-image {flex-shrink: 0;width: 150px;height: 150px;border-radius: 50%;object-fit: cover;border: 3px solid #ff7a00;box-shadow: 0 0 20px rgba(255, 122, 0, 0.3);}
.main-card .main-content {flex: 1;}
.main-card h1 {margin: 0 0 15px 0;font-size: 36px;}
.main-card p {margin: 0;font-size: 18px;line-height: 1.5;}
@media (max-width: 600px) {.main-card {flex-direction: column;text-align: center;gap: 20px;}
.main-card .main-image {width: 100px;height: 100px;}
.main-card h1 { font-size: 28px;}}