/* Koa Quest pages - on top of the shared css/antsmasher.css (as-* classes) */
.kq-hero { background: linear-gradient(170deg, #38b6d8 0%, #8fd8ef 55%, #f4d58d 100%); color: #10202a; padding: 60px 0 50px; }
.kq-hero h1 { font-weight: 700; font-size: 3rem; color: #ffd54f; margin: 0 0 10px; text-shadow: 0 3px 0 #6d2b0b, 0 0 2px #6d2b0b; letter-spacing: .02em; }
.kq-hero .as-tag { color: #10202a; font-size: 1.2rem; }
.kq-hero .as-pill { background: rgba(255,255,255,.55); color: #10202a; }
.kq-hero .as-icon { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,.25); margin-bottom: 18px; }
.kq-hero-img { width: 100%; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.3); }
.kq-isle .as-card { border-top: 6px solid #e0362c; }
.kq-isle .kq-num { color: #1565a0; font-weight: 700; font-size: .85rem; letter-spacing: .08em; }
.kq-isle .kq-boss { color: #6d2b0b; font-size: .92rem; margin: 0; }
.kq-power .as-card { border-left: 6px solid #2e9e4f; }
.kq-gallery { display: flex; gap: 16px; overflow-x: auto; padding: 10px 4px 24px; scroll-snap-type: x mandatory; }
.kq-gallery img { height: 300px; border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.2); scroll-snap-align: start; flex: 0 0 auto; }
.kq-keys td:first-child { white-space: nowrap; font-weight: 600; }
@media (max-width: 767px) { .kq-hero h1 { font-size: 2.2rem; } .kq-gallery img { height: 190px; } }