/* Rockstar Game Answers Engine — Base Theme */
@import url(var(--ga-font-url));
:root{
  --ga-bg:var(--ga-background,#F4F8FB);
  --ga-card:var(--ga-card-bg,#fff);
  --ga-primary:var(--ga-primary-color,#2563EB);
  --ga-primary-dark:var(--ga-primary-dark-color,#1D4ED8);
  --ga-accent:var(--ga-accent-color,#14B8A6);
  --ga-text:var(--ga-text-color,#102033);
  --ga-muted:var(--ga-muted-color,#64748B);
  --ga-border:var(--ga-border-color,#DDE7F0);
  --ga-heading:var(--ga-font-heading,'Poppins'),system-ui,sans-serif;
  --ga-body:var(--ga-font-body,'Inter'),system-ui,sans-serif;
  --ga-mono:'JetBrains Mono',monospace;
  --ga-shadow:0 2px 8px rgba(15,23,42,.04),0 10px 28px rgba(15,23,42,.07);
  --ga-shadow-hi:0 6px 20px rgba(15,23,42,.1),0 18px 40px rgba(15,23,42,.1);
  --ga-r-sm:12px;--ga-r-md:18px;--ga-r-lg:24px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:var(--ga-body);color:var(--ga-text);background:var(--ga-bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}

/* MAIN CONTAINER */
.ga-main{width:min(92vw,1500px);margin:0 auto;padding:28px 28px}
@media(max-width:768px){.ga-main{width:100%;padding:16px 16px}}

/* HEADER */
.ga-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--ga-primary),var(--ga-primary-dark));border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 6px 22px rgba(0,0,0,.15)}
.ga-header-inner{width:min(92vw,1500px);margin:0 auto;display:flex;align-items:center;gap:16px;height:62px;padding:0 28px}
.ga-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 18px/1 var(--ga-heading);white-space:nowrap}
.ga-logo em{font-style:normal;opacity:.7}
.ga-nav{display:flex;gap:4px;margin-left:auto}
.ga-nav a{color:rgba(255,255,255,.85);font-weight:600;font-size:14px;padding:7px 14px;border-radius:999px;transition:.18s}
.ga-nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
@media(max-width:700px){.ga-nav{display:none}.ga-header-inner{height:54px;padding:0 16px}}

/* CARD */
.ga-card{background:var(--ga-card);border:1px solid var(--ga-border);border-radius:var(--ga-r-lg);box-shadow:var(--ga-shadow);padding:32px 28px;margin-bottom:18px}
.ga-card.hero{background:linear-gradient(180deg,#FFFDF7,var(--ga-card))}
@media(max-width:700px){.ga-card{padding:22px 18px;border-radius:18px;margin-bottom:14px}}

/* SECTION HEAD */
.ga-shead{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ga-shead h2{font:700 24px/1.1 var(--ga-heading);letter-spacing:-.3px;color:var(--ga-text)}
.ga-shead .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--ga-accent),transparent)}
@media(max-width:700px){.ga-shead h2{font-size:20px}}

/* BREADCRUMB */
.ga-crumb{font-size:12.5px;color:var(--ga-muted);font-weight:600;padding:14px 0 10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.ga-crumb a{color:var(--ga-primary)}

/* HERO */
.ga-hero h1{font:800 clamp(32px,5vw,52px)/1.04 var(--ga-heading);letter-spacing:-.5px;margin-bottom:14px;color:var(--ga-text)}
.ga-hero h1 span{color:var(--ga-primary)}
.ga-lede{font-size:17px;color:var(--ga-muted);line-height:1.7;margin-bottom:16px}
.ga-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ga-tag{display:inline-flex;align-items:center;font:600 12px var(--ga-body);padding:6px 13px;border-radius:999px;border:1px solid var(--ga-border)}

/* ANSWER PILLS */
.ga-pills{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ga-pill{display:inline-flex;align-items:baseline;gap:8px;background:linear-gradient(135deg,var(--ga-primary),var(--ga-primary-dark));color:#fff;padding:14px 24px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.12);font:700 18px var(--ga-mono);letter-spacing:1px}
.ga-pill::after{content:attr(data-len);font-size:11px;opacity:.7;margin-left:6px}
@media(max-width:700px){.ga-pill{padding:10px 16px;font-size:16px}}

/* CLUE-ANSWER CARD */
.ga-clue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.ga-clue-card{background:var(--ga-card);border:1px solid var(--ga-border);border-radius:var(--ga-r-md);padding:18px 20px}
.ga-clue{font-size:15px;color:var(--ga-muted);margin-bottom:8px;line-height:1.5}
.ga-answer{font:700 18px var(--ga-mono);color:var(--ga-primary);letter-spacing:1px}

/* INFO GRID */
.ga-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ga-info-item{background:linear-gradient(180deg,#FFFDF7,var(--ga-bg));border:1px solid var(--ga-border);border-radius:var(--ga-r-md);padding:18px 16px;text-align:center}
.ga-info-label{display:block;font-size:13px;font-weight:800;color:var(--ga-muted);margin-bottom:6px}
.ga-info-value{display:block;font-size:18px;font-weight:900;color:var(--ga-primary)}
@media(max-width:700px){.ga-info-grid{grid-template-columns:1fr}}

/* TIPS */
.ga-tips p{max-width:760px;margin:0 auto 14px;font-size:16px;line-height:1.7;color:var(--ga-muted)}

/* NEARBY PILLS */
.ga-pillrow{display:flex;gap:10px;flex-wrap:wrap}
.ga-nav-pill{background:var(--ga-bg);border:2px solid var(--ga-border);border-radius:999px;padding:12px 22px;font:700 14px var(--ga-body);color:var(--ga-primary-dark);transition:.18s}
.ga-nav-pill:hover{transform:translateY(-2px);border-color:var(--ga-primary);color:var(--ga-primary)}

/* RELATED GRID */
.ga-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ga-related-link{background:var(--ga-bg);border:1px solid var(--ga-border);border-radius:16px;padding:14px 12px;text-align:center;color:var(--ga-primary-dark);font-weight:900;font-size:13px;transition:.18s}
.ga-related-link:hover{background:var(--ga-card);border-color:var(--ga-primary);transform:translateY(-2px)}
@media(max-width:700px){.ga-related-grid{grid-template-columns:repeat(2,1fr)}}

/* LEVEL GRID */
.ga-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}
.ga-level-card{background:var(--ga-card);border:1px solid var(--ga-border);border-radius:var(--ga-r-md);padding:18px 14px;text-align:center;transition:.22s;display:block;position:relative;overflow:hidden}
.ga-level-card::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,var(--ga-primary),var(--ga-primary-dark));opacity:0;transition:.18s}
.ga-level-card strong{font:700 16px var(--ga-mono);color:var(--ga-primary-dark);position:relative}
.ga-level-card span{font-size:11px;color:var(--ga-muted);font-weight:600;position:relative;display:block;margin-top:4px}
.ga-level-card:hover{transform:translateY(-3px);border-color:transparent;box-shadow:var(--ga-shadow-hi)}
.ga-level-card:hover::before{opacity:1}
.ga-level-card:hover strong,.ga-level-card:hover span{color:#fff}

/* FAQ */
.ga-faq{border:1px solid var(--ga-border);border-radius:16px;padding:20px 24px;margin-bottom:10px;cursor:pointer;transition:.15s}
.ga-faq:hover{border-color:var(--ga-primary);background:rgba(37,99,235,.03)}
.ga-faq .q{display:flex;justify-content:space-between;align-items:center;font:700 16px var(--ga-body)}
.ga-faq .q span{color:var(--ga-primary);font-size:20px}
.ga-faq .a{font-size:15px;color:var(--ga-muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--ga-border);line-height:1.7}

/* RATING */
.ga-rate{display:flex;align-items:center;gap:14px;justify-content:center}
.ga-stars{display:flex;gap:6px}
.ga-stars .s{font-size:30px;color:var(--ga-border);cursor:pointer;transition:.18s;user-select:none}
.ga-stars .s:hover,.ga-stars .s.on{color:var(--ga-accent);transform:scale(1.15)}

/* FOOTER */
.ga-footer{background:linear-gradient(180deg,var(--ga-primary-dark),#0a0a1a);color:rgba(255,255,255,.7);border-top:2px solid var(--ga-accent);margin-top:8px}
.ga-footer-inner{width:min(92vw,1500px);margin:0 auto;padding:32px 28px 24px}
.ga-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}
.ga-footer h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ga-accent);font-weight:700;margin-bottom:9px}
.ga-footer ul{list-style:none;display:grid;gap:6px}
.ga-footer a{font-size:14px;color:rgba(255,255,255,.7)}.ga-footer a:hover{color:#fff}
.ga-footer .fine{border-top:1px solid rgba(255,255,255,.1);margin-top:18px;padding-top:14px;font-size:12px;color:rgba(255,255,255,.4)}
@media(max-width:700px){.ga-footer-grid{grid-template-columns:1fr 1fr;gap:16px}.ga-footer-inner{padding:24px 16px}}

/* SEARCH */
.ga-search{display:flex;gap:10px;max-width:600px}
.ga-search input{flex:1;height:52px;padding:0 20px;border:2px solid var(--ga-border);border-radius:14px;font:600 16px var(--ga-body);outline:none}
.ga-search input:focus{border-color:var(--ga-primary)}
.ga-search button{height:52px;padding:0 28px;background:linear-gradient(135deg,var(--ga-accent),var(--ga-primary));color:#fff;border:none;border-radius:14px;font:900 16px var(--ga-body);cursor:pointer;transition:.2s}
.ga-search button:hover{transform:translateY(-2px)}
@media(max-width:700px){.ga-search{flex-direction:column}.ga-search input,.ga-search button{width:100%}}

/* FEATURE CARDS */
.ga-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.ga-feature{background:var(--ga-card);border:1px solid var(--ga-border);border-radius:var(--ga-r-md);padding:20px;text-align:center}
.ga-feature strong{display:block;font-size:15px;color:var(--ga-text);margin-bottom:4px}
.ga-feature span{font-size:13px;color:var(--ga-muted)}
@media(max-width:700px){.ga-features{grid-template-columns:1fr 1fr}}

/* COMMENTS */
.ga-comments-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ga-comments-title{font:900 28px var(--ga-heading);color:var(--ga-text)}
.ga-comments-count{background:rgba(37,99,235,.08);color:var(--ga-primary);border:1px solid rgba(37,99,235,.15);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900}
.ga-comment{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e6eaf2;border-radius:18px;padding:20px 22px;margin-bottom:14px}
.ga-comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ga-comment-author{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ga-text)}
.ga-comment-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,rgba(37,99,235,.1),rgba(37,99,235,.2));color:var(--ga-primary);font:900 13px var(--ga-body);display:flex;align-items:center;justify-content:center}
.ga-comment-date{font-size:13px;color:var(--ga-muted)}
.ga-comment p{font-size:15px;line-height:1.65;color:var(--ga-muted);margin:0}
.ga-comment-form{margin-top:24px;padding:22px;border-radius:20px;background:#f8fafc;border:1px solid #e6eaf2;display:grid;gap:12px;position:relative}
.ga-comment-form input,.ga-comment-form textarea{width:100%;border:1px solid #dde3ec;border-radius:14px;padding:14px 16px;font:400 15px var(--ga-body);outline:none}
.ga-comment-form input:focus,.ga-comment-form textarea:focus{border-color:var(--ga-primary);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.ga-comment-form textarea{min-height:130px;resize:vertical}
.ga-comment-submit{background:linear-gradient(180deg,var(--ga-accent),var(--ga-primary));color:#fff;border:none;border-radius:16px;min-height:52px;padding:0 26px;font:900 16px var(--ga-body);cursor:pointer;justify-self:start}
.ga-comment-submit:hover{transform:translateY(-2px)}
.ga-cmt-msg{display:none;margin-top:12px;padding:14px;border-radius:12px;font:600 14px var(--ga-body);text-align:center}
@media(max-width:700px){.ga-comment-submit{width:100%}.ga-comments-header{flex-direction:column;align-items:flex-start}}