/* Landing page counterparts for the two v39 storefront skins. */
html[data-skin="aurora"] { --paper:#071629; --surface:#142b41; --ink:#f3f9fc; --ink-2:#bdd3df; --line:rgba(102,224,227,.26); --accent:#70e7e1; --accent-ink:#8ff0e8; --grad-cta:linear-gradient(105deg,#1988a1,#526ee0); }
html[data-skin="manga"] { --paper:#fff8e8; --surface:#fffdf7; --ink:#29243d; --ink-2:#625a70; --line:#443754; --accent:#e94e7b; --accent-ink:#be315f; --grad-cta:linear-gradient(105deg,#ec537a,#b65ad6); }
html[data-skin="manga"][data-theme="dark"] { --paper:#1b1a2a; --surface:#29283e; --ink:#fff7ed; --ink-2:#ddd1df; --line:#b2a0c3; --accent:#ff88ab; --accent-ink:#ffacc2; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) body { background:var(--paper); color:var(--ink); }
html[data-skin="aurora"] body { background-image:radial-gradient(circle at 90% 8%,rgba(57,203,218,.19),transparent 42%),linear-gradient(rgba(102,224,227,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(102,224,227,.055) 1px,transparent 1px); background-size:auto,30px 30px,30px 30px; }
html[data-skin="manga"] body { background-image:radial-gradient(circle at 90% 8%,rgba(255,155,133,.22),transparent 42%),radial-gradient(rgba(60,46,82,.09) 1px,transparent 1px); background-size:auto,20px 20px; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .container { max-width:1180px; align-items:stretch; padding:30px 20px 36px; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .hero { position:relative; align-items:flex-start; text-align:left; min-height:270px; padding:45px 42px; border:1px solid var(--line); border-radius:27px; overflow:hidden; background:var(--surface); }
html[data-skin="aurora"] .hero { background:radial-gradient(circle at 85% 15%,#285d79,#122c49 50%,#0a2038); }
html[data-skin="manga"] .hero { border:2px solid var(--line); background:linear-gradient(115deg,#fff2c9,#ffd8d7 62%,#ddd7ff); box-shadow:5px 5px 0 var(--line); }
html[data-skin="manga"][data-theme="dark"] .hero { background:linear-gradient(115deg,#493244,#3e3151,#303c63); }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .hero-mascot { display:none; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .hero::after { content:""; position:absolute; right:4%; bottom:0; width:32%; height:105%; background:url('/shop/assets/uploads/isekai-guide-v1.png') center bottom/contain no-repeat; pointer-events:none; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .site-title { color:var(--ink); font-size:clamp(30px,4vw,48px); }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .site-subtitle { max-width:28em; margin-top:13px; color:var(--ink-2); }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .trust-row { justify-content:flex-start; margin:18px 0 0; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .promo-banner { margin-top:18px; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .links-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
:is(html[data-skin="aurora"],html[data-skin="manga"]) .link-card { min-height:150px; border-color:var(--line); background:var(--surface); }
html[data-skin="manga"] .link-card { border-width:2px; box-shadow:3px 3px 0 var(--line); }
@media (max-width:759px) { :is(html[data-skin="aurora"],html[data-skin="manga"]) .links-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:619px) {
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .container { padding:16px 14px 24px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .hero { min-height:205px; padding:23px 18px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .hero::after { right:-10px; width:42%; opacity:.66; }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .site-title { font-size:clamp(25px,7vw,34px); }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .site-subtitle { max-width:69%; font-size:12px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .trust-row { max-width:100%; margin-top:13px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"]) .link-card { min-height:132px; }
}