/* v39: three optional storefront layouts; previous skins keep their own rules. */
.skin-menu { max-height:calc(100vh - 92px); max-height:calc(100dvh - 92px); overflow-y:auto; overscroll-behavior:contain; }
:root[data-skin="aurora"] {
    --paper:#071629; --surface:#122840; --surface-2:#18344c; --surface-3:#10253a;
    --glass-bg:rgba(13,34,54,.90); --glass-bg-2:rgba(19,46,67,.85);
    --glass-filter:blur(14px); --glass-filter-strong:blur(20px);
    --ink:#f2f8fc; --ink-2:#bed2dd; --ink-3:#91aebf; --ink-4:#6d91a6;
    --line:rgba(103,215,222,.22); --line-2:rgba(103,215,222,.38);
    --accent:#65e5dd; --accent-2:#6899ff; --accent-3:#c893ff;
    --accent-ink:#8cf1e7; --accent-soft:rgba(101,229,221,.15); --accent-ring:rgba(101,229,221,.24);
    --grad-cta:linear-gradient(110deg,#177f99,#4b6ce0);
    --sh-1:0 5px 16px rgba(0,7,22,.25); --sh-2:0 15px 38px rgba(0,7,22,.32); --sh-3:0 24px 60px rgba(0,7,22,.5);
    --ok:#82dfb7; --ok-soft:#174a48; --warn:#f6c887; --warn-soft:#51422d;
    --danger:#ff91a8; --danger-soft:#532f47; --info:#a9c2ff; --info-soft:#263b66;
}
:root[data-skin="aurora"][data-theme="light"] {
    --paper:#14324f; --surface:#1d3d5c; --surface-2:#274b6a; --surface-3:#204361;
    --glass-bg:rgba(27,60,86,.92); --glass-bg-2:rgba(37,75,104,.88);
    --ink:#fbfeff; --ink-2:#d6e8ef; --ink-3:#b1ccda; --ink-4:#91b3c4;
    --line:rgba(145,239,237,.32); --line-2:rgba(145,239,237,.48);
    --accent:#89f2e6; --accent-ink:#a2f8ec; --accent-soft:rgba(137,242,230,.18);
    --sh-1:0 5px 16px rgba(2,19,38,.20); --sh-2:0 15px 38px rgba(2,19,38,.27);
}
:root[data-skin="manga"] {
    --paper:#fff9eb; --surface:#fffdf8; --surface-2:#fff3d9; --surface-3:#fff6e6;
    --glass-bg:rgba(255,253,247,.96); --glass-bg-2:#fff2d7;
    --glass-filter:none; --glass-filter-strong:none;
    --ink:#25243b; --ink-2:#55546d; --ink-3:#74728c; --ink-4:#9692a9;
    --line:#383252; --line-2:#6d4f82;
    --accent:#e84f77; --accent-2:#536aeb; --accent-3:#ffd364;
    --accent-ink:#b9305e; --accent-soft:#ffe3eb; --accent-ring:rgba(232,79,119,.23);
    --grad-cta:linear-gradient(105deg,#e54d77,#ad57d5);
    --sh-1:3px 3px 0 #383252; --sh-2:5px 5px 0 #383252; --sh-3:9px 9px 0 #383252;
}
:root[data-skin="manga"][data-theme="dark"] {
    --paper:#181927; --surface:#24263b; --surface-2:#303149; --surface-3:#292b42;
    --glass-bg:#24263b; --glass-bg-2:#303149;
    --ink:#fff7eb; --ink-2:#ddd2dc; --ink-3:#aaa3bc; --ink-4:#8e88a5;
    --line:#c0add1; --line-2:#8c78a9; --accent:#ff82aa; --accent-ink:#ffa5c0;
    --accent-soft:#603247; --sh-1:3px 3px 0 #100e18; --sh-2:5px 5px 0 #100e18; --sh-3:9px 9px 0 #100e18;
}
:root[data-skin="prism"] {
    --paper:#eaf8ff; --surface:rgba(255,255,255,.84); --surface-2:rgba(255,255,255,.64); --surface-3:rgba(241,250,255,.90);
    --glass-bg:rgba(255,255,255,.72); --glass-bg-2:rgba(255,255,255,.54);
    --glass-filter:saturate(140%) blur(20px); --glass-filter-strong:saturate(150%) blur(26px);
    --ink:#1a3351; --ink-2:#536782; --ink-3:#677d96; --ink-4:#8296aa;
    --line:rgba(111,177,204,.37); --line-2:rgba(80,144,186,.32);
    --accent:#bf2c89; --accent-2:#2db7c8; --accent-3:#fed5a7;
    --accent-ink:#99236e; --accent-soft:rgba(217,71,166,.12); --accent-ring:rgba(217,71,166,.24);
    --grad-cta:linear-gradient(108deg,#c53396,#736bd8);
    --sh-1:0 6px 18px rgba(39,90,131,.11); --sh-2:0 16px 38px rgba(45,103,151,.16); --sh-3:0 24px 60px rgba(42,82,133,.23);
}
:root[data-skin="prism"][data-theme="dark"] {
    --paper:#161c36; --surface:rgba(40,45,79,.88); --surface-2:rgba(50,55,92,.76); --surface-3:rgba(36,41,74,.94);
    --glass-bg:rgba(36,41,74,.84); --glass-bg-2:rgba(45,50,87,.70);
    --ink:#f8f7ff; --ink-2:#d4d1e9; --ink-3:#aaa9cb; --ink-4:#8589aa;
    --line:rgba(198,186,251,.23); --line-2:rgba(198,186,251,.33);
    --accent:#ff8dd1; --accent-ink:#ffb6e3; --accent-soft:rgba(255,141,209,.17); --accent-ring:rgba(255,141,209,.30);
    --grad-cta:linear-gradient(108deg,#c747a5,#7979e6);
    --sh-1:0 6px 18px rgba(5,8,29,.25); --sh-2:0 16px 38px rgba(5,8,29,.34); --sh-3:0 24px 60px rgba(5,8,29,.46);
    --ok:#7ae3bd; --ok-soft:rgba(122,227,189,.15); --warn:#f7c58c; --warn-soft:rgba(247,197,140,.15);
    --danger:#ff92b5; --danger-soft:rgba(255,146,181,.15); --info:#a9b9ff; --info-soft:rgba(169,185,255,.15);
}
html[data-skin="aurora"] body {
    background-image:radial-gradient(ellipse at 12% 8%,rgba(34,170,191,.20),transparent 42%),
        radial-gradient(ellipse at 88% 18%,rgba(101,92,226,.17),transparent 42%),
        linear-gradient(rgba(90,165,193,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(90,165,193,.045) 1px,transparent 1px);
    background-size:auto,auto,30px 30px,30px 30px;
}
html[data-skin="aurora"][data-theme="light"] body {
    background-image:radial-gradient(ellipse at 12% 8%,rgba(77,224,222,.24),transparent 42%),
        radial-gradient(ellipse at 88% 18%,rgba(144,160,247,.21),transparent 42%),
        linear-gradient(rgba(141,218,231,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(141,218,231,.065) 1px,transparent 1px);
    background-size:auto,auto,30px 30px,30px 30px;
}
html[data-skin="manga"] body {
    background-image:radial-gradient(circle at 8% 4%,rgba(255,189,98,.23),transparent 32%),
        radial-gradient(circle at 92% 15%,rgba(255,107,154,.16),transparent 34%),
        radial-gradient(rgba(62,48,91,.08) 1px,transparent 1px);
    background-size:auto,auto,20px 20px;
}
html[data-skin="prism"] body {
    background-image:radial-gradient(circle at 4% 3%,rgba(120,221,234,.28),transparent 37%),
        radial-gradient(circle at 96% 6%,rgba(248,169,218,.27),transparent 38%),
        radial-gradient(circle at 72% 92%,rgba(179,173,246,.20),transparent 46%);
    background-size:auto; background-attachment:fixed;
}
html[data-skin="prism"][data-theme="dark"] body {
    background-image:radial-gradient(circle at 4% 3%,rgba(49,133,172,.23),transparent 38%),
        radial-gradient(circle at 96% 6%,rgba(172,70,142,.20),transparent 38%),
        radial-gradient(circle at 72% 92%,rgba(89,73,167,.17),transparent 46%);
}
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,38%); align-items:center;
    position:relative; isolation:isolate; overflow:hidden; min-height:280px;
    margin-top:18px; border-radius:26px; border:1px solid var(--line); box-shadow:var(--sh-2);
}
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero-copy { z-index:1; min-width:0; padding:32px clamp(20px,4vw,52px); }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-kicker {
    display:inline-flex; padding:5px 12px; margin-bottom:15px; border:1px solid var(--line-2);
    border-radius:999px; background:var(--surface-2); color:var(--accent-ink); font-size:12px; font-weight:800; letter-spacing:.07em;
}
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero h1 { max-width:12em; font-size:clamp(27px,3.3vw,45px); line-height:1.22; letter-spacing:-.035em; }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero p { margin:13px 0 20px; color:var(--ink-2); font-size:14px; }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero-link {
    display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:42px; padding:0 19px;
    border-radius:999px; background:var(--grad-cta); color:#fff; font-size:13px; font-weight:800;
}
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero img {
    align-self:end; justify-self:center; max-width:100%; height:310px; width:auto; object-fit:contain; object-position:center bottom;
}
html[data-skin="aurora"] .isekai-hero { background:radial-gradient(circle at 85% 22%,#285a78,#112a48 48%,#0a2038); }
html[data-skin="aurora"][data-theme="light"] .isekai-hero { background:radial-gradient(circle at 85% 22%,#397e93,#245273 48%,#153a5a); }
html[data-skin="aurora"] .isekai-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,transparent 97%,rgba(122,236,237,.09) 98%) 0 0/26px 26px; }
html[data-skin="aurora"] .isekai-hero h1 span { color:#83e5df; }
html[data-skin="aurora"] .isekai-hero img { filter:drop-shadow(0 14px 25px rgba(58,237,222,.24)); }
html[data-skin="aurora"] .item-card { border-color:var(--line); }
html[data-skin="aurora"] .item-card:hover { border-color:var(--accent); }
html[data-skin="aurora"] .page-item .buy-bar { background:#10263d; }
html[data-skin="aurora"] .page-item .buy-bar-price::before { color:var(--ink-2); }
html[data-skin="manga"] .isekai-hero { border:2px solid var(--line); background:linear-gradient(115deg,#fff2c9,#ffd8d7 58%,#ddd7ff); }
html[data-skin="manga"][data-theme="dark"] .isekai-hero { background:linear-gradient(115deg,#4d3443,#3d3154 60%,#303d66); }
html[data-skin="manga"] .isekai-hero::before { content:"✦"; position:absolute; right:40%; top:13%; color:var(--accent); font-size:42px; transform:rotate(-14deg); }
html[data-skin="manga"] .isekai-hero h1 span { color:var(--accent); }
html[data-skin="manga"] .isekai-hero-link { border:2px solid var(--line); box-shadow:3px 3px 0 var(--ink); }
html[data-skin="manga"] .panel,html[data-skin="manga"] .item-card { border:2px solid var(--line); box-shadow:var(--sh-1); }
html[data-skin="manga"] .panel-header { border-bottom:2px solid var(--line); }
html[data-skin="manga"] .item-card .price { font-weight:900; }
html[data-skin="manga"] .page-item .buy-bar { background:var(--surface); border-top:2px solid var(--line); }
html[data-skin="manga"] .page-item .buy-bar-price::before { color:var(--ink-2); }
html[data-skin="prism"] .isekai-hero {
    background:linear-gradient(113deg,rgba(223,250,253,.96),rgba(225,229,255,.94) 56%,rgba(255,218,240,.90));
    box-shadow:0 18px 45px rgba(71,117,167,.19),inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-skin="prism"][data-theme="dark"] .isekai-hero { background:linear-gradient(113deg,#28335e,#35305f 58%,#54365d); }
html[data-skin="prism"] .isekai-hero::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:radial-gradient(circle at 78% 52%,transparent 0 16%,rgba(255,255,255,.55) 16.5% 17.2%,transparent 18% 23%,rgba(255,255,255,.35) 23.5% 24%,transparent 25%),
        radial-gradient(circle at 79% 51%,rgba(80,202,219,.28),transparent 40%);
}
html[data-skin="prism"] .isekai-hero h1 { font-family:var(--font-serif); font-weight:800; }
html[data-skin="prism"] .isekai-hero h1 span { color:var(--accent); }
html[data-skin="prism"] .isekai-hero img { filter:drop-shadow(0 16px 28px rgba(124,74,157,.24)); }
html[data-skin="prism"] .isekai-hero-link { box-shadow:0 9px 22px var(--accent-ring); }
html[data-skin="prism"] .panel { border-color:var(--line); box-shadow:var(--sh-2),inset 0 1px 0 rgba(255,255,255,.7); }
html[data-skin="prism"] .item-card { border-color:var(--line-2); }
html[data-skin="prism"] .page-item .buy-bar { background:rgba(245,252,255,.95); }
html[data-skin="prism"][data-theme="dark"] .page-item .buy-bar { background:rgba(35,40,73,.96); }
html[data-skin="prism"] .page-item .buy-bar-price::before { color:var(--ink-2); }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .goods-title { font-weight:800; }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .item-card.soldout .item-thumb { filter:grayscale(.45); opacity:.78; }
:is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .item-thumb { background-position:center 40%; }
@media (max-width:619px) {
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero { display:block; min-height:205px; margin-top:13px; border-radius:20px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero-copy { position:relative; max-width:76%; padding:20px 16px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-kicker { margin-bottom:8px; padding:4px 8px; font-size:10px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero h1 { font-size:clamp(22px,6vw,28px); }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero h1 span { display:block; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero p { margin:8px 0 10px; font-size:11px; line-height:1.45; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero-link { min-height:33px; padding:0 11px; font-size:11px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero img { position:absolute; right:-8px; bottom:0; width:43%; height:100%; opacity:.83; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .item-list { grid-template-columns:1fr; gap:10px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .item-card { display:grid; grid-template-columns:clamp(104px,31vw,138px) minmax(0,1fr); min-height:142px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .item-thumb { height:100%; min-height:142px; aspect-ratio:auto; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .item-info { min-width:0; padding:10px 11px; gap:4px; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) #shop-products .stat-bottom { flex-wrap:wrap; gap:2px 9px; font-size:11px; }
    html[data-skin="manga"] #shop-products .item-card { grid-template-columns:clamp(102px,30vw,132px) minmax(0,1fr); }
}
@media (max-width:359px) {
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero-copy { max-width:82%; }
    :is(html[data-skin="aurora"],html[data-skin="manga"],html[data-skin="prism"]) .isekai-hero img { width:38%; opacity:.6; }
}
