.strainpedia-game{--spg-bg:#101820;--spg-card:#fff;--spg-text:#17202a;--spg-muted:#667085;--spg-accent:#16a34a;--spg-accent2:#f97316;max-width:780px;margin:28px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--spg-text)}
.strainpedia-game *{box-sizing:border-box}.spg-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.spg-card:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,var(--spg-accent),var(--spg-accent2));}.spg-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spg-card h2{font-size:clamp(30px,5vw,52px);line-height:1;margin:16px 0 10px}.spg-card h3{font-size:clamp(24px,4vw,38px);line-height:1.1;margin:22px 0}.spg-card p{font-size:17px;line-height:1.6;color:var(--spg-muted)}
.spg-btn,.spg-answer-btn{border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.spg-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--spg-accent),#22c55e);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 14px 30px rgba(22,163,74,.24)}.spg-btn:hover,.spg-answer-btn:hover{transform:translateY(-2px)}.spg-secondary{background:#111827;box-shadow:none}.spg-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.spg-tab{padding:12px;border:1px solid #d1d5db;border-radius:16px;background:#fff;font-weight:800;color:#374151;cursor:pointer}.spg-tab.is-active{border-color:#16a34a;background:#ecfdf5;color:#047857}.spg-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:800;color:#475467}.spg-score-pill{background:#fff7ed;color:#c2410c;padding:8px 12px;border-radius:999px}.spg-progress{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:16px 0}.spg-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--spg-accent),var(--spg-accent2));border-radius:999px;transition:width .25s ease}.spg-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spg-answer-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:18px;border-radius:20px;background:#fff;border:1px solid #e5e7eb;color:#111827;box-shadow:0 10px 24px rgba(15,23,42,.06);font-size:16px}.spg-answer-btn span{font-size:26px}.spg-clue-box{background:#f8fafc;border:1px dashed #cbd5e1;padding:18px;border-radius:20px;margin-bottom:16px;color:#475467;line-height:1.6}.spg-result-card{text-align:center}.spg-result-badge{width:86px;height:86px;margin:10px auto -4px;display:grid;place-items:center;border-radius:26px;background:#fff7ed;font-size:42px}.spg-result-name{color:#111827}.spg-result-type{text-transform:capitalize;font-weight:800;color:#047857!important}.spg-result-box{text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin:20px 0}.spg-result-box p{margin:8px 0;color:#344054}.spg-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.spg-note{font-size:13px!important;margin-top:18px!important}@media(max-width:640px){.spg-card{padding:22px;border-radius:22px}.spg-mode-tabs,.spg-answers{grid-template-columns:1fr}.spg-result-actions{display:grid}.spg-btn{width:100%}}
.spg-share-panel{margin:18px auto 0;max-width:560px;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:16px}.spg-share-title{margin:0 0 12px!important;font-size:14px!important;font-weight:900!important;color:#111827!important;text-align:center}.spg-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spg-share-option{display:flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:14px;padding:10px 12px;font-weight:900;text-decoration:none!important;color:#fff!important;cursor:pointer;font-size:14px}.spg-facebook{background:#1877f2}.spg-x{background:#111827}.spg-whatsapp{background:#22c55e}.spg-copy-btn{background:#f97316}.spg-copy-status{min-height:20px;margin:10px 0 0!important;text-align:center;font-size:13px!important;font-weight:800!important;color:#047857!important}@media(max-width:640px){.spg-share-grid{grid-template-columns:1fr 1fr}.spg-share-option{min-height:48px}}

.spg-identity-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:4px auto 12px;padding:9px 14px;border-radius:999px;background:#eefcf4;color:#047857;font-size:14px;font-weight:900;letter-spacing:.01em}
.spg-result-persona{max-width:680px;margin:12px auto 18px!important;color:#334155!important;font-size:18px!important;line-height:1.7!important;font-weight:500}
.spg-viral-hook{margin:4px auto 18px!important;color:#0f172a!important;font-weight:900!important;font-size:16px!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:12px 16px;max-width:640px}
.spg-replay-note{margin:14px auto 0!important;color:#64748b!important;font-size:14px!important;max-width:580px}.spg-result-box strong{color:#1f2937}.spg-result-box p{font-size:16px!important;line-height:1.55!important}
.spg-share-preview{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:14px 16px;margin:0 0 12px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.spg-share-preview p{margin:4px 0!important;line-height:1.4!important}.spg-share-preview-main{font-size:17px!important;font-weight:900!important;color:#0f172a!important}.spg-share-preview-sub{font-size:14px!important;color:#475569!important}.spg-share-instruction{margin:0 0 12px!important;text-align:center;font-size:13px!important;line-height:1.45!important;color:#64748b!important;font-weight:700!important}