@font-face{font-family:FontAwesome;src:url("fa-solid-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f7fb;color:#162032;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.quest-frame{width:min(1180px,calc(100% - 32px));margin:0 auto}
.quest-header{position:sticky;top:0;z-index:20;background:rgba(245,247,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid #dbe2ee}
.quest-topline{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:15px 0}
.quest-logo{font-size:24px;font-weight:900;letter-spacing:0;color:#0c223d}
.quest-logo span{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#596a81}
.quest-search{display:flex;align-items:center;gap:10px;min-height:46px;background:#fff;border:1px solid #d9e2f0;border-radius:8px;padding:0 14px;box-shadow:0 8px 22px rgba(18,35,61,.05)}
.quest-search input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:#1b2b40}
.quest-menu{display:flex;gap:8px;align-items:center;overflow-x:auto;white-space:nowrap}
.quest-menu a{padding:10px 14px;border-radius:8px;font-weight:800;font-size:14px;color:#40516a;background:#fff;border:1px solid #dfe6f1}
.quest-menu a.active,.quest-menu a:hover{background:#0d344f;color:#fff;border-color:#0d344f}
.quest-page{padding:28px 0 42px}
.quest-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;align-items:stretch;margin-bottom:28px}
.quest-prime{position:relative;min-height:360px;overflow:hidden;border-radius:8px;background:#102235;box-shadow:0 18px 38px rgba(10,28,48,.18)}
.quest-prime img{width:100%;height:100%;object-fit:cover;opacity:.72}
.quest-prime-body{position:absolute;inset:auto 0 0 0;padding:26px;color:#fff;background:linear-gradient(0deg,rgba(6,15,27,.94),rgba(6,15,27,0))}
.quest-mark{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#a8f0d5}
.quest-prime h1,.quest-prime h3{margin:10px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:0}
.quest-prime p{max-width:680px;margin:0;color:#dbe8f5;font-size:15px}
.quest-brief{display:grid;gap:14px}
.quest-stat{border-radius:8px;background:#fff;border:1px solid #dfe6f1;padding:18px;box-shadow:0 12px 26px rgba(24,43,70,.06)}
.quest-stat strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#65758b}
.quest-stat span{display:block;margin-top:6px;font-size:24px;font-weight:900;color:#12314f}
.quest-section{margin-top:30px}
.quest-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.quest-head h2,.quest-title{margin:0;color:#112842;font-size:24px;line-height:1.15;letter-spacing:0}
.quest-head a{font-weight:800;color:#0d5f82}
.quest-sub{margin:7px 0 20px;color:#617086}
.quest-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.quest-game{background:#fff;border:1px solid #dfe6f1;border-radius:8px;overflow:hidden;box-shadow:0 10px 22px rgba(17,37,62,.06);transition:transform .18s ease,box-shadow .18s ease}
.quest-game:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(17,37,62,.12)}
.quest-thumb{aspect-ratio:16/10;background:#d8e1ec;overflow:hidden}
.quest-thumb img{width:100%;height:100%;object-fit:cover}
.quest-copy{padding:13px}
.quest-copy h3,.quest-copy h4{margin:0 0 7px;color:#162032;font-size:17px;line-height:1.22;letter-spacing:0}
.quest-copy p{margin:0;color:#66758b;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.quest-pill{display:inline-block;margin-top:10px;padding:4px 8px;border-radius:7px;background:#e9f7f1;color:#0d6b50;font-size:12px;font-weight:900}
.quest-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quest-row{display:grid;grid-template-columns:42px 92px 1fr;gap:13px;align-items:center;background:#fff;border:1px solid #dfe6f1;border-radius:8px;padding:10px}
.quest-num{font-weight:900;color:#0d344f;text-align:center}
.quest-row .quest-thumb{aspect-ratio:1/1;border-radius:7px}
.quest-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.quest-panel{background:#fff;border:1px solid #dfe6f1;border-radius:8px;padding:16px}
.quest-text{background:#fff;border:1px solid #dfe6f1;border-radius:8px;padding:22px;margin-bottom:20px;color:#34455e}
.quest-text h1,.quest-text h2,.quest-text h3{color:#112842;margin-top:0;letter-spacing:0}
.quest-play{background:#0b1725;border-radius:8px;overflow:hidden;position:relative;min-height:480px}
.quest-play-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:blur(2px)}
.quest-play-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;text-align:center}
.quest-play-card img{width:160px;height:160px;object-fit:cover;border-radius:8px;border:4px solid rgba(255,255,255,.22);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.quest-launch{margin-top:18px;border:0;border-radius:8px;padding:14px 24px;background:#19a974;color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.quest-share{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.quest-share a,.quest-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce4ef;background:#fff;border-radius:8px;padding:10px 13px;font-weight:800;color:#1c3552}
.quest-comments textarea,.quest-comments input{width:100%;border:1px solid #dbe4ef;border-radius:8px;padding:10px;font:inherit}
.quest-comments button{border:0;border-radius:8px;background:#0d344f;color:#fff;padding:11px 16px;font-weight:900}
.quest-footer{background:#102235;color:#e8eff7;margin-top:30px;padding:34px 0}
.quest-footer h2{margin:0 0 10px;letter-spacing:0}
.quest-footer p{color:#b9c6d6;max-width:900px}
.quest-legal{display:flex;gap:16px;flex-wrap:wrap}
.quest-legal a{color:#fff;font-weight:800}
#quest-top{display:none;position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:8px;background:#19a974;color:#fff;z-index:30;cursor:pointer}
.quest-frameback{position:fixed;left:14px;top:14px;z-index:9999999999;background:#19a974;color:#fff;border-radius:8px;padding:10px 13px;font-weight:900}
@media (max-width:900px){.quest-topline{grid-template-columns:1fr}.quest-menu{padding-bottom:4px}.quest-hero,.quest-split{grid-template-columns:1fr}.quest-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-rank{grid-template-columns:1fr}.quest-prime{min-height:310px}}
@media (max-width:560px){.quest-frame{width:min(100% - 20px,1180px)}.quest-card-grid{grid-template-columns:1fr}.quest-row{grid-template-columns:34px 76px 1fr}.quest-prime h1,.quest-prime h3{font-size:28px}.quest-play{min-height:360px}}
.quest-social-box{width:100%;background:#fff;border:1px solid #dfe6f1;border-radius:8px;padding:22px;margin:0 0 22px;color:#34455e;box-shadow:0 12px 26px rgba(24,43,70,.06)}
.quest-social-box .single-share-box{margin-bottom:24px}
.quest-social-box .share-box-wrap{padding:14px;background:#f4f7fb;border:1px solid #dfe6f1;border-radius:8px}
.quest-social-box .share-box{display:flex;align-items:center;justify-content:center}
.quest-social-box .social-share{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding:0;margin:0;list-style:none}
.quest-social-box .social-share li{min-width:210px}
.quest-social-box .social-share a{display:block;border-radius:8px;overflow:hidden;color:#fff;font-weight:900;box-shadow:0 10px 18px rgba(17,37,62,.1)}
.quest-social-box .share-item__icon{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px}
.quest-social-box .bk_facebook_share a{background:#315d9f}
.quest-social-box .bk_twitter_share a{background:#1da1f2}
.quest-social-box .bk_gplus_share a{background:#dd4b39}
.quest-social-box .bk_stumbleupon_share a{background:#eb4924}
.quest-social-box .bk_linkedin_share a{background:#0077b5}
.quest-social-box .share-item__icon i{font-size:16px}
.quest-social-box .comments-title{margin:0 0 16px;color:#112842;font-size:24px;line-height:1.2;letter-spacing:0}
.quest-social-box .comment-list{padding:0;margin:0 0 20px;list-style:none}
.quest-social-box .comment-list li{padding:14px 16px;margin-bottom:10px;background:#f7f9fc;border:1px solid #dfe6f1;border-radius:8px;color:#40516a}
.quest-social-box .comment-list strong{display:block;margin-bottom:5px;color:#112842}
.quest-social-box .comment-list p{margin:0;color:#617086}
.quest-social-box .reply-respond{padding:18px;background:#f9fbfe;border:1px solid #dfe6f1;border-radius:8px}
.quest-social-box .comment-reply-title{margin:0 0 8px;color:#112842;font-size:22px;letter-spacing:0}
.quest-social-box .comment-notes{margin:0 0 16px;color:#66758b;font-size:14px}
.quest-social-box .required{color:#d93636}
.quest-social-box .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quest-social-box .comment-form p{margin:0}
.quest-social-box .comment-form-comment,.quest-social-box .comment-notes,.quest-social-box .form-submit{grid-column:1/-1}
.quest-social-box label{display:block;margin-bottom:6px;color:#263850;font-weight:900}
.quest-social-box textarea,.quest-social-box input{width:100%;border:1px solid #dbe4ef;border-radius:8px;padding:12px;font:inherit;color:#1b2b40;background:#fff;outline:0}
.quest-social-box textarea:focus,.quest-social-box input:focus{border-color:#0d5f82;box-shadow:0 0 0 3px rgba(13,95,130,.12)}
.quest-social-box textarea{min-height:92px;resize:vertical}
.quest-social-box .submit{border:0;border-radius:8px;background:#0d344f;color:#fff;padding:12px 20px;font-weight:900;cursor:pointer}
.quest-social-box .submit:hover{background:#0d5f82}
@media (max-width:700px){.quest-social-box{padding:16px}.quest-social-box .share-box-wrap{padding:10px}.quest-social-box .social-share{display:grid;grid-template-columns:1fr;gap:10px}.quest-social-box .social-share li{min-width:0}.quest-social-box .share-item__icon{justify-content:flex-start}.quest-social-box .comment-form{grid-template-columns:1fr}.quest-social-box .comment-form-author,.quest-social-box .comment-form-email{grid-column:1/-1}.quest-social-box .comments-title{font-size:20px}}
.back-icon,
.quest-frameback,
.pulse-frameback,
.radar-frameback,
.folio-frameback,
.route-frameback,
.prism-frameback,
.dock-frameback {
    position: fixed;
    top: 50px;
    left: 14px;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 50%;
    background: #4abc96;
    text-decoration: none;
}
.back-icon img,
.quest-frameback img,
.pulse-frameback img,
.radar-frameback img,
.folio-frameback img,
.route-frameback img,
.prism-frameback img,
.dock-frameback img {
    width: 45px;
    height: 45px !important;
    object-fit: contain;
}
@media (max-width: 700px) {
    .back-icon,
    .quest-frameback,
    .pulse-frameback,
    .radar-frameback,
    .folio-frameback,
    .route-frameback,
    .prism-frameback,
    .dock-frameback {
        top: 16px;
        left: 12px;
        width: 46px;
        height: 46px;
    }
    .back-icon img,
    .quest-frameback img,
    .pulse-frameback img,
    .radar-frameback img,
    .folio-frameback img,
    .route-frameback img,
    .prism-frameback img,
    .dock-frameback img {
        width: 41px;
        height: 41px !important;
    }
}