@layer components{.notice-card{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface-elevated);border:1px solid var(--mist-border);border-radius:var(--radius-lg);color:var(--text-secondary);text-align:left;flex-direction:column;display:flex;container-type:inline-size}.notice-card--blood{border-color:color-mix(in oklch, var(--blood-accent) 35%, transparent);background:color-mix(in oklch, var(--blood-accent) 6%, var(--surface-elevated))}.notice-card__title{font:700 var(--text-base)/1.2 var(--font-ui);color:var(--text-primary);letter-spacing:.02em}.notice-card__body{font:400 var(--text-sm)/1.5 var(--font-body);margin:0}.notice-card--center{text-align:center;align-items:center}.boot-error{background:color-mix(in oklch, var(--blood-accent) 18%, transparent);border:1px solid var(--blood-accent);border-radius:var(--radius-md);color:var(--text-primary);font:600 var(--text-sm)/1.4 var(--font-ui);margin-top:14px;padding:10px 14px;display:none}.boot-error[data-visible=true],.boot-error.is-visible{display:block}.boot-error--centered{text-align:left;max-width:360px;margin-inline:auto}.boot-error:not(:empty){text-align:left;max-width:360px;font-size:.78rem;display:block}.sub-tier-badge{border-radius:var(--radius-full);font:700 var(--text-xs)/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-elevated);border:1px solid var(--mist-border);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.sub-tier-badge--lite{border-color:color-mix(in oklch, var(--accent-cyan) 50%, transparent);color:var(--accent-cyan)}.sub-tier-badge--pro{border-color:color-mix(in oklch, var(--accent-purple) 60%, transparent);color:var(--accent-purple);background:color-mix(in oklch, var(--accent-purple) 8%, var(--surface-elevated))}.sub-tier-badge--max{border-color:var(--blood-accent);color:var(--text-primary);background:color-mix(in oklch, var(--blood-accent) 18%, var(--surface-elevated));box-shadow:var(--fear-glow)}.sub-tier-badge--clickable{cursor:pointer;margin-top:20px}@media (prefers-reduced-motion:no-preference){.sub-tier-badge--clickable{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.sub-tier-badge--clickable:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}}.sub-tier-badge__upgrade{color:var(--blood-accent);margin-left:4px;font-weight:700}.genre-chip{border-radius:var(--radius-full);font:700 var(--text-xs)/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--writing-theme-text,var(--text-secondary));background:color-mix(in oklch, var(--writing-theme-accent,var(--blood-accent)) 14%, transparent);border:1px solid color-mix(in oklch, var(--writing-theme-accent,var(--blood-accent)) 40%, transparent);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.genre-chip[data-genre]:before{content:"";background:var(--writing-theme-accent,var(--blood-accent));width:6px;height:6px;box-shadow:0 0 6px var(--writing-theme-glow,var(--blood-accent-glow));border-radius:50%;display:inline-block}@media (prefers-reduced-motion:no-preference){.genre-chip{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.genre-chip:hover{box-shadow:0 0 0 1px var(--writing-theme-accent,var(--blood-accent)), 0 0 14px var(--writing-theme-glow,var(--blood-accent-glow));transform:translateY(-1px)}}.subscription-card{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--surface-elevated);border:1px solid var(--mist-border);border-radius:var(--radius-xl);box-shadow:var(--elev-2);isolation:isolate;flex-direction:column;display:flex;position:relative;container-type:inline-size}.subscription-card--featured{border-color:var(--blood-accent);background:color-mix(in oklch, var(--blood-accent) 5%, var(--surface-elevated));box-shadow:var(--fear-glow), var(--elev-3)}.subscription-card__header{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);display:flex}.subscription-card__price{font:800 var(--text-3xl)/1 var(--font-display);color:var(--text-primary);letter-spacing:-.01em}.subscription-card__price small{font:500 var(--text-sm)/1 var(--font-ui);color:var(--text-muted)}.subscription-card__cta{margin-top:auto}.store-item-card{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface-elevated);border:1px solid var(--mist-border);border-radius:var(--radius-lg);box-shadow:var(--elev-2);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.store-item-card--limited{border-color:var(--blood-accent)}.store-item-card--limited:before{content:"LIMITED";border-radius:var(--radius-full);font:700 var(--text-xs)/1 var(--font-ui);letter-spacing:.1em;background:var(--blood-accent);color:var(--text-primary);z-index:1;padding:2px 8px;position:absolute;top:8px;right:8px}@media (prefers-reduced-motion:no-preference){.store-item-card{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.store-item-card:hover{box-shadow:var(--elev-3), var(--fear-glow);transform:translateY(-2px)}}.install-prompt{inset:auto calc(var(--spacing-md) + env(safe-area-inset-right,0px)) calc(var(--spacing-md) + env(safe-area-inset-bottom,0px)) calc(var(--spacing-md) + env(safe-area-inset-left,0px));max-width:420px;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-elevated);border:1px solid var(--mist-border);border-radius:var(--radius-xl);box-shadow:var(--elev-3), var(--shadow-glow);color:var(--text-primary);z-index:var(--z-toast);align-items:center;gap:var(--spacing-md);margin-inline:auto;display:flex;position:fixed}.install-prompt[hidden]{display:none}.install-prompt__title{font:700 var(--text-sm)/1.2 var(--font-ui);margin:0}.install-prompt__body{font:400 var(--text-xs)/1.4 var(--font-body);color:var(--text-secondary);margin:0}.install-prompt__copy{flex:1;min-width:0}.install-prompt__actions{gap:var(--spacing-sm);flex-shrink:0;margin-inline-start:auto;display:flex}.install-prompt__btn{border:1px solid var(--mist-border);color:var(--text-secondary);font:600 var(--text-xs)/1 var(--font-ui);border-radius:var(--radius-full);cursor:pointer;background:0 0;min-height:40px;padding:8px 14px}.install-prompt__btn--primary{background:var(--blood-accent);border-color:var(--blood-accent);color:oklch(96% 0 0)}.install-prompt[data-state=enter]{opacity:0;transform:translateY(24px)}.install-prompt[data-state=visible]{opacity:1;transform:translateY(0)}.install-prompt[data-state=leave]{opacity:0}@media (prefers-reduced-motion:no-preference){.install-prompt{transition:transform var(--motion-ritual) var(--ease-spring-soft), opacity var(--motion-normal) var(--ease-standard)}}.sgai-pwa-install-btn{background:var(--blood-accent);color:oklch(96% 0 0);border-radius:var(--radius-full);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.04em;cursor:pointer;border:none;min-width:44px;min-height:36px;padding:6px 14px}@media (prefers-reduced-motion:no-preference){.sgai-pwa-install-btn{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.sgai-pwa-install-btn:hover{box-shadow:0 8px 20px var(--blood-accent-glow);transform:translateY(-1px)}}.vignette{pointer-events:none;z-index:var(--z-overlay);mix-blend-mode:multiply;background:radial-gradient(ellipse at center, transparent 0%, transparent 45%, color-mix(in oklch, var(--mesh-bg-base) 80%, transparent) 100%);opacity:calc((.55 + var(--fear-meter-intensity,0) * .35) * var(--user-horror-intensity,1));position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.vignette{transition:opacity var(--motion-ritual) var(--ease-standard)}}@media (prefers-reduced-motion:reduce){.vignette{opacity:.55}}.hidden{display:none!important}.section--pad-top{padding-top:40px}.section--pad-bottom{padding-bottom:60px}.section--pad-bottom-md{padding-bottom:56px}.section--pad-bottom-lg{padding-bottom:80px}.section--pad-bottom-xl{padding-bottom:100px}.glass-card--centered{max-width:940px;margin:0 auto;padding:24px 28px}.glass-card--centered ul.controls-list{gap:10px;margin:0;padding:0;line-height:1.55;list-style:none;display:grid}.discount-message{text-align:center;color:var(--state-success);margin-top:10px}.notice-card--patreon{text-align:center;border-color:color-mix(in oklch, var(--blood-accent) 30%, transparent);background:color-mix(in oklch, var(--blood-accent) 5%, var(--surface-elevated));align-items:center}.notice-card--patreon .notice-card__title{color:var(--accent-red-text,#ff5c68)}.notice-card--patreon a{color:var(--accent-red-text,#ff5c68);text-decoration:underline}.patreon-access-panel{margin-bottom:24px}.fear-meter{width:100%;max-width:320px;height:6px;margin:var(--spacing-md) auto 0;background:color-mix(in oklch, var(--blood-accent) 12%, transparent);border-radius:var(--radius-full);position:relative;overflow:hidden}.fear-meter__bar{width:calc(var(--fear-meter-intensity,0) * 100%);background:linear-gradient(90deg, color-mix(in oklch, var(--blood-accent) 60%, transparent) 0%, var(--blood-accent) 100%);border-radius:inherit;box-shadow:0 0 12px var(--blood-accent-glow);position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:no-preference){.fear-meter__bar{transition:width var(--motion-ritual) var(--ease-emphasized)}}.footer-powered-by{font:400 var(--text-xs)/1.4 var(--font-ui);color:var(--text-muted);letter-spacing:.06em;margin-top:4px}.footer-powered-by span{color:var(--text-secondary);font-weight:700}.footer-skull{vertical-align:-.18em;width:1em;height:1em;color:var(--blood-accent)}@container (width<=22rem){.store-item-card,.subscription-card{padding:var(--space-4)}.install-prompt{flex-direction:column;align-items:stretch}}}@layer pages{body[data-route=store],body[data-route=subscription]{--store-base-0:var(--bg-deep);--store-base-1:color-mix(in oklch, var(--bg-deep) 90%, white);--store-base-2:var(--bg-secondary);--store-elevated:color-mix(in oklch, var(--bg-card) 90%, transparent);--store-primary:var(--accent-route,var(--accent-red,#c12));--store-primary-bright:color-mix(in oklch, var(--accent-route,var(--accent-red,#c12)) 80%, white 12%);--store-purple:var(--accent-purple,#a855f7);--store-ember:var(--accent-orange,#f97316);--store-cyan:var(--accent-cyan,#7dd3fc);--store-text:var(--text-primary);--store-text-secondary:var(--text-secondary);--store-text-muted:var(--text-muted);--store-glow-1:0 0 14px color-mix(in oklch, var(--accent-route,var(--accent-red)) 30%, transparent);--store-glow-2:0 0 24px color-mix(in oklch, var(--accent-route,var(--accent-red)) 45%, transparent);--store-glow-3:0 0 44px color-mix(in oklch, var(--accent-purple,#a855f7) 35%, transparent);--store-border-subtle:1px solid color-mix(in oklch, var(--text-primary) 8%, transparent);--store-border-strong:1px solid color-mix(in oklch, var(--accent-route,var(--accent-red)) 35%, transparent);--store-radius-md:var(--radius-lg);--store-radius-lg:var(--radius-2xl);--store-max-width:1220px}.store-page{overflow-x:hidden}.store-page .main-content{background:radial-gradient(1200px 700px at 10% 10%, #cc11221f, transparent 55%), radial-gradient(900px 600px at 85% 18%, #a855f71c, transparent 60%), linear-gradient(180deg, var(--store-base-1) 0%, var(--store-base-0) 45%, var(--store-base-2) 100%);padding-bottom:96px;position:relative;overflow-x:clip}.store-page .container{max-width:var(--store-max-width);margin:0 auto;padding:0 20px}.store-page section.container{margin-top:72px}.store-section-header{margin-bottom:24px}.store-section-kicker,.store-eyebrow{color:#ffd1d6;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;display:inline-flex}.store-eyebrow:before,.store-section-kicker:before{content:"";background:linear-gradient(90deg,#f03c4a33,#f03c4ad9);width:22px;height:1px}.store-page h1,.store-page h2,.store-page h3{color:var(--store-text);margin:0}.store-page h1{font-family:var(--font-logo,var(--font-display));letter-spacing:0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.03}.store-page h2{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.18}.store-page h3{font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.3}.store-page p{color:var(--store-text-secondary);margin:0}.store-hero-premium{grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;padding-top:104px;display:grid}.store-hero-subcopy{max-width:62ch;margin-top:16px;font-size:1.03rem}.store-hero-actions,.store-hero-chips,.trust-chip-row{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.hero-cta,.store-cta,.category-pill,.hero-card-inline-cta,.sub-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:46px;font-weight:700;text-decoration:none;transition:transform .24s ease-out,box-shadow .24s ease-out;display:inline-flex}.hero-cta,.store-cta,.hero-card-inline-cta{padding:12px 18px}.hero-cta-primary,.store-cta,.store-cta-premium,.store-cta-deal,.hero-card-inline-cta{background:linear-gradient(135deg, var(--store-primary), var(--store-primary-bright));box-shadow:var(--store-glow-1)}.hero-cta-secondary{border:var(--store-border-strong);background:linear-gradient(135deg,#cc112240,#a855f740)}.store-cta-premium{background:linear-gradient(135deg, var(--store-primary), var(--store-purple));box-shadow:var(--store-glow-3)}.store-cta-frost{color:#111;background:linear-gradient(135deg,#7dd3fcf2,#a855f7d9)}.store-cta-deal{background:linear-gradient(135deg, var(--store-ember), var(--store-primary))}.store-chip{border:var(--store-border-subtle);min-height:36px;color:var(--store-text-secondary);background:#ffffff08;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;display:inline-flex}.store-hero-visual,.premium-showcase-grid,.social-metrics-grid,.social-quotes-grid,.battlepass-strip-center,.battlepass-strip-right{gap:14px;display:grid}.hero-premium-card,.featured-offer-card,.premium-showcase-card,.battlepass-strip-panel,.urgency-timer-card,.urgency-deal-card,.social-metric,.social-quotes-grid blockquote,.store-category-rail,.comparison-table-wrap,.pricing-card{border:var(--store-border-subtle);border-radius:var(--store-radius-md);background:var(--store-elevated);box-shadow:0 8px 24px #0000004d}.hero-premium-card{border-radius:var(--store-radius-lg);background:linear-gradient(150deg,#ffffff08,#ffffff03),linear-gradient(135deg,#cc112226,#a855f714);padding:20px;position:relative}.hero-premium-card-main{min-height:236px;box-shadow:0 14px 40px #00000059, var(--store-glow-3)}.hero-premium-card-side{min-height:150px}.featured-offers-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.featured-offer-card{grid-column:span 4;padding:20px}.featured-offer-hero{background:linear-gradient(120deg, #cc11222e, #a855f724), var(--store-elevated);grid-column:span 6}.offer-rarity,.offer-discount{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.offer-rarity-epic{color:#d8b4fe;background:#a855f733}.offer-rarity-legendary{color:#fed7aa;background:#f9731633}.offer-rarity-mythic{color:#fecdd3;background:#f03c4a33}.offer-pricing{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.offer-price-original{color:var(--store-text-muted);text-decoration:line-through}.offer-price-current{color:#fff;font-size:1.2rem;font-weight:800}.category-pill-row{justify-content:center;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.category-pill{border:var(--store-border-subtle);white-space:nowrap;background:#ffffff05;border-radius:999px;gap:8px;padding:10px 14px}.store-cat-icon{flex-shrink:0;width:1em;height:1em}.store-premium-showcase .premium-showcase-grid,.store-social-proof .social-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-showcase-card,.battlepass-strip-panel,.urgency-timer-card,.urgency-deal-card,.social-metric,.social-quotes-grid blockquote{padding:16px}.store-battlepass-strip{border-radius:var(--store-radius-lg);background:linear-gradient(135deg,#cc112229,#7dd3fc1a),#0a0a10b8;border:1px solid #7dd3fc47;grid-template-columns:1.1fr 1fr .6fr;gap:14px;padding:20px;display:grid}.store-urgency-bar .urgency-grid,.social-quotes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.social-metric{text-align:center;align-content:center;justify-items:center;min-height:124px;display:grid}.pricing-grid{grid-template-columns:1fr 1.25fr 1fr;align-items:start;gap:32px;padding:20px 0 60px;display:grid}.pricing-card{transition:transform .3s,box-shadow .3s;position:relative;overflow:visible}.pricing-card-inner{z-index:var(--z-content);text-align:center;flex-direction:column;align-items:center;height:100%;padding:40px 28px 36px;display:flex;position:relative}.pricing-card.featured,.pricing-card.silver{z-index:2;transform:translateY(-12px)}.pricing-tier-icon{margin-bottom:8px;font-size:2.8rem}.pricing-tier-name{font-family:var(--font-display);letter-spacing:0;margin-bottom:4px;font-size:2rem}.pricing-tier-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-size:.82rem}.pricing-price{align-items:flex-start;gap:2px;margin-bottom:28px;display:flex}.pricing-currency{color:var(--text-secondary);margin-top:8px;font-size:1.4rem;font-weight:700}.pricing-amount{color:var(--text-primary);font-size:4rem;font-weight:800;line-height:1}.pricing-period{color:var(--text-muted);align-self:flex-end;margin-bottom:6px}.pricing-features{width:100%;margin:0 0 30px;padding:0;list-style:none}.pricing-features li{color:var(--text-secondary);text-align:left;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;font-size:.88rem;display:flex}.sub-btn{text-transform:uppercase;letter-spacing:.08em;width:100%;max-width:260px;padding:14px 40px}.sub-btn-bronze{color:#1a0e00;background:linear-gradient(135deg,#cd7f32,#a0612a)}.sub-btn-silver{color:#111;background:linear-gradient(135deg,silver,#909090)}.sub-btn-gold{color:#1a1200;background:linear-gradient(135deg,gold,#c90)}.billing-toggle-wrap{justify-content:center;align-items:center;gap:14px;padding:10px 0 6px;display:flex}.billing-toggle{cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:20px;width:56px;height:30px;position:relative}.billing-toggle-thumb{background:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:left .3s,background .3s;position:absolute;top:3px;left:3px}.billing-toggle.active .billing-toggle-thumb{background:var(--gold);left:29px}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #ffffff0a;padding:14px 20px}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.hero-cta:hover,.store-cta:hover,.category-pill:hover,.hero-card-inline-cta:hover,.featured-offer-card:hover,.premium-showcase-card:hover,.pricing-card:hover{box-shadow:var(--store-glow-2);transform:translateY(-4px)scale(1.01)}.sub-hero{padding:100px var(--gap) 60px;text-align:left;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative;overflow:hidden}.sub-hero>:not(.sub-hero-particles){z-index:var(--z-content);max-width:55%;position:relative}.sub-hero-title{font-family:var(--font-logo);color:var(--gold);letter-spacing:0;font-size:clamp(2rem,5vw,3.8rem)}.sub-hero-subtitle{color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.18em;font-size:clamp(1rem,2.5vw,1.6rem)}.sub-hero-desc{max-width:520px;color:var(--text-muted);font-size:1.05rem;line-height:1.7}.store-featured-grid,.store-category-rail,.store-premium-showcase,.store-battlepass-strip,.store-urgency-bar,.store-social-proof,#personal-grimoire-section,#battle-pass-widget,#referral-widget,#community-goals,#cult-leaderboard,#platform-sync,.comparison-section,.faq-section,.pricing-grid{content-visibility:auto;contain-intrinsic-size:auto 820px;@media (width<=640px){contain-intrinsic-size:auto 360px}}.store-hero-premium,.sub-hero{contain:layout paint style}.featured-offer-card,.premium-showcase-card{contain:layout paint}.pricing-card{contain:layout}}@media (width<=1199px){.store-page .store-hero-premium,.store-page .store-battlepass-strip{flex-direction:column;grid-template-columns:1fr}.store-page .featured-offer-card,.store-page .featured-offer-hero{grid-column:span 6}.store-page .pricing-grid,.store-page .store-premium-showcase .premium-showcase-grid,.store-page .store-social-proof .social-metrics-grid,.store-page .social-quotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.store-page section.container{margin-top:32px;padding:0 10px}.store-page .store-hero-premium{padding-top:80px}.store-page .hero-cta,.store-page .store-cta,.store-page .category-pill,.store-page .hero-card-inline-cta{width:100%;min-height:44px;font-size:.88rem}.store-page .pricing-card-inner{padding:24px 16px 28px}.store-page .pricing-amount{font-size:3rem}.store-page .pricing-tier-name{font-size:1.6rem}.store-page .sub-btn{max-width:100%;padding:12px 20px}.store-page .store-battlepass-strip{grid-template-columns:1fr;gap:10px;padding:14px}.store-page .featured-offers-grid{grid-template-columns:1fr}.store-page .featured-offer-card,.store-page .featured-offer-hero{grid-column:span 1}.store-page .category-pill-row{gap:8px;padding-bottom:4px}.store-page .category-pill{padding:8px 10px;font-size:.78rem}}@media (width<=767px){.store-page section.container{margin-top:42px;padding:0 14px}.store-page .store-hero-premium{padding-top:92px}.store-page .hero-cta,.store-page .store-cta,.store-page .category-pill,.store-page .hero-card-inline-cta{width:100%}.store-page .featured-offer-card,.store-page .featured-offer-hero{grid-column:span 12}.store-page .pricing-grid,.store-page .store-premium-showcase .premium-showcase-grid,.store-page .store-social-proof .social-metrics-grid,.store-page .social-quotes-grid,.store-page .store-urgency-bar .urgency-grid{grid-template-columns:1fr}.store-page .pricing-card.featured,.store-page .pricing-card.silver{transform:none}}