.ie-panel{display:none;background:#212121;padding:10px 0;box-shadow:3px 3px 5px rgba(0,0,0,.3);clear:both;text-align:center;position:relative;z-index:1}
html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel{display:block}

/* ===== Dev page additions ===== */
.dev-hero{background-image:url('../images/aboutus.png');background-size:cover;background-position:center}
.dev-hero .container{padding:70px 15px}
.dev-hero h1{color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.45);margin:0}

.game-card{display:flex;gap:18px;align-items:center;padding:16px;border:1px solid #eee;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:transform .15s ease, box-shadow .15s ease;text-align:left}
.game-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.game-card img{width:96px;height:64px;object-fit:cover;border-radius:8px}
.game-card .meta h4{margin:0 0 6px}
.game-card .meta p{margin:0;color:#6b6b6b}
.game-card .go{margin-left:auto}

.dev-layout{display:grid;grid-template-columns:280px 1fr;gap:26px}
@media(max-width:992px){ .dev-layout{grid-template-columns:1fr} }

.dev-sidebar{position:sticky;top:90px;align-self:start}
.dev-sidebox{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.05);padding:14px}
.dev-sidebox h5{margin:6px 8px 10px}
.dev-timeline{list-style:none;margin:0;padding:0}
.dev-timeline li{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;cursor:pointer}
.dev-timeline li.active, .dev-timeline li:hover{background:#f6f7fb}
.dot{width:10px;height:10px;border-radius:50%;background:#3a57e8;box-shadow:0 0 0 3px rgba(58,87,232,.15)}
.dev-version{font-size:12px;color:#6b6b6b;margin-left:auto}

.dev-section{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.05);padding:0}
.dev-header{padding:18px 20px;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dev-header h3{margin:0}
.badge-soft{font-size:12px;padding:6px 10px;border-radius:20px;background:#eef2ff;color:#2d3fe0}
.dev-updates{padding:10px 14px}

/* accordion */
.acc{border-bottom:1px dashed #e7e7e7}
.acc:last-child{border-bottom:none}
.acc-h{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 10px;border-radius:8px}
.acc-h:hover{background:#fafafa}
.acc-title{margin:0;font-weight:600}
.acc-date{font-size:12px;color:#7a7a7a;margin-left:auto}
.acc-body{max-height:0;overflow:hidden;transition:max-height .25s ease}
.acc.open .acc-body{max-height:1200px}
.acc-content{padding:4px 10px 16px 34px}
.acc-content h5{margin-top:14px}
.acc-content ul{padding-left:18px;margin:6px 0}
.acc-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:12px}

.muted{color:#6b6b6b}
.text-small{font-size:13px}

/* jump button */
.button-ghost{border:1px solid #d9def8;background:transparent;color:#2d3fe0}
.button-ghost:hover{background:#eef2ff}