/* 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; }
@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; }
}
@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; }
}

/* v141: four additional visual themes; all panel and form geometry stays inherited. */
html[data-skin="hanami"] { --paper:#fff4f0; --surface:rgba(255,250,247,.94); --surface-2:#fff0eb; --surface-3:#fffaf7; --ink:#3a1d2b; --ink-2:#785260; --line:#e7b5aa; --line-2:rgba(141,38,64,.18); --accent:#c8284b; --accent-ink:#a22140; --accent-soft:rgba(200,40,75,.12); --accent-ring:rgba(200,40,75,.25); --grad-cta:linear-gradient(110deg,#bd2446,#e77477 58%,#c79b4b); }
html[data-skin="hanami"][data-theme="dark"] { --paper:#201822; --surface:#30232e; --surface-2:#392832; --surface-3:#382a36; --ink:#fff1ea; --ink-2:#e4c4ca; --line:#654153; --line-2:rgba(255,209,206,.2); --accent:#ff7893; --accent-ink:#ffb2bc; --accent-soft:rgba(255,120,147,.15); --accent-ring:rgba(255,120,147,.25); --grad-cta:linear-gradient(110deg,#ad3452,#d3697c 60%,#b58950); }
html[data-skin="pixel-arcade"] { --paper:#f6f0dc; --surface:#fffdf3; --surface-2:#fff5d6; --surface-3:#fffbeb; --ink:#182236; --ink-2:#4c5260; --line:#252b35; --line-2:rgba(37,43,53,.22); --accent:#e72c24; --accent-ink:#b51c19; --accent-soft:rgba(231,44,36,.12); --accent-ring:rgba(231,44,36,.25); --grad-cta:linear-gradient(100deg,#e72c24 0 48%,#215fc6 48% 100%); }
html[data-skin="pixel-arcade"][data-theme="dark"] { --paper:#171b28; --surface:#252b3b; --surface-2:#303448; --surface-3:#292f40; --ink:#fff4d5; --ink-2:#c9c6bd; --line:#e1d8bd; --line-2:rgba(255,244,213,.2); --accent:#ff5145; --accent-ink:#ff9185; --accent-soft:rgba(255,81,69,.14); --accent-ring:rgba(255,81,69,.26); --grad-cta:linear-gradient(100deg,#ee3c32 0 48%,#286ed8 48% 100%); }
html[data-skin="deep-radio"] { --paper:#09272a; --surface:rgba(16,49,50,.94); --surface-2:#153b3b; --surface-3:#103538; --ink:#e9f8e8; --ink-2:#a9d1c6; --line:#28605d; --line-2:rgba(94,221,205,.22); --accent:#4ce0d0; --accent-ink:#8cf0df; --accent-soft:rgba(76,224,208,.13); --accent-ring:rgba(76,224,208,.26); --grad-cta:linear-gradient(105deg,#087d7c,#21b9aa 58%,#d29142); }
html[data-skin="deep-radio"][data-theme="light"] { --paper:#d7e9de; --surface:rgba(244,250,238,.96); --surface-2:#e7f3e7; --surface-3:#f1f7ed; --ink:#103a3a; --ink-2:#416b65; --line:#83aaa0; --line-2:rgba(20,78,73,.2); --accent:#087f79; --accent-ink:#08625e; --accent-soft:rgba(8,127,121,.12); --accent-ring:rgba(8,127,121,.22); --grad-cta:linear-gradient(105deg,#087f79,#21a997 58%,#bd7734); }
html[data-skin="sunset-mart"] { --paper:#f7ecd1; --surface:#fff9e9; --surface-2:#f8efda; --surface-3:#fffaec; --ink:#273b36; --ink-2:#5f7165; --line:#c79d6d; --line-2:rgba(63,88,72,.2); --accent:#d95e38; --accent-ink:#a8462d; --accent-soft:rgba(217,94,56,.12); --accent-ring:rgba(217,94,56,.23); --grad-cta:linear-gradient(105deg,#d95e38,#e58e42 55%,#347f78); }
html[data-skin="sunset-mart"][data-theme="dark"] { --paper:#1e2927; --surface:#2c3833; --surface-2:#36433b; --surface-3:#303d37; --ink:#fff2d8; --ink-2:#d1c3a3; --line:#7d6650; --line-2:rgba(255,232,192,.18); --accent:#ff9568; --accent-ink:#ffc49b; --accent-soft:rgba(255,149,104,.14); --accent-ring:rgba(255,149,104,.23); --grad-cta:linear-gradient(105deg,#c85236,#df8150 55%,#4d9c8e); }

:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) body { background-color:var(--paper); color:var(--ink); }
html[data-skin="hanami"] body { background-image:radial-gradient(circle at 90% 4%,rgba(235,145,153,.24),transparent 34%),radial-gradient(circle at 8% 18%,rgba(214,173,96,.16),transparent 32%),radial-gradient(rgba(164,62,83,.07) 1px,transparent 1px); background-size:auto,auto,18px 18px; }
html[data-skin="pixel-arcade"] body { background-image:linear-gradient(90deg,rgba(32,44,66,.045) 1px,transparent 1px),linear-gradient(rgba(32,44,66,.045) 1px,transparent 1px); background-size:16px 16px; }
html[data-skin="deep-radio"] body { background-image:radial-gradient(circle at 90% 5%,rgba(63,216,203,.2),transparent 34%),radial-gradient(circle at 8% 45%,rgba(242,179,85,.1),transparent 40%),repeating-radial-gradient(circle at 88% 14%,transparent 0 32px,rgba(75,205,190,.055) 33px 34px,transparent 35px 65px); background-attachment:fixed; }
html[data-skin="deep-radio"][data-theme="light"] body { background-image:radial-gradient(circle at 90% 5%,rgba(91,191,171,.2),transparent 34%),radial-gradient(circle at 8% 45%,rgba(227,161,75,.12),transparent 40%),repeating-radial-gradient(circle at 88% 14%,transparent 0 32px,rgba(42,125,114,.075) 33px 34px,transparent 35px 65px); }
html[data-skin="sunset-mart"] body { background-image:radial-gradient(circle at 4% 2%,rgba(241,172,83,.24),transparent 36%),linear-gradient(180deg,rgba(82,117,92,.065) 0 8px,transparent 8px 16px); background-size:auto,100% 16px; }
html[data-skin="sunset-mart"][data-theme="dark"] body { background-image:radial-gradient(circle at 4% 2%,rgba(199,103,60,.18),transparent 36%),linear-gradient(180deg,rgba(234,174,102,.035) 0 8px,transparent 8px 16px); }

:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero { border-color:var(--line); box-shadow:var(--sh-2); }
:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero img { visibility:hidden; }
:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero::after { content:""; position:absolute; z-index:0; right:2%; bottom:0; width:37%; height:100%; background-position:center bottom; background-size:contain; background-repeat:no-repeat; pointer-events:none; }
:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero-copy { position:relative; z-index:1; }
html[data-skin="hanami"] .isekai-hero { background:linear-gradient(112deg,#fff5ef,#f8dfe0 64%,#e9c8b8); border-color:#c77d70; }
html[data-skin="hanami"][data-theme="dark"] .isekai-hero { background:linear-gradient(112deg,#35222e,#4a2938 64%,#61443b); }
html[data-skin="hanami"] .isekai-hero::after { background-image:url('/shop/assets/uploads/theme-v141/hanami.webp?v=170'); }
html[data-skin="pixel-arcade"] .isekai-hero { border:3px solid var(--line); border-radius:8px; box-shadow:5px 5px 0 #252b35; background:linear-gradient(120deg,#fff6d4,#f4df9e); }
html[data-skin="pixel-arcade"][data-theme="dark"] .isekai-hero { box-shadow:5px 5px 0 #e1d8bd; background:linear-gradient(120deg,#252b3b,#3b3441); }
html[data-skin="pixel-arcade"] .isekai-hero::after { background-image:var(--theme-hero-art); image-rendering:pixelated; }
html[data-skin="deep-radio"] .isekai-hero { background:linear-gradient(112deg,#10363a,#0a4a4b 62%,#183b39); border-color:#3b8580; }
html[data-skin="deep-radio"][data-theme="light"] .isekai-hero { background:linear-gradient(112deg,#e8f2df,#c9e0d2 62%,#b9d8ce); }
html[data-skin="deep-radio"] .isekai-hero::after { background-image:url('/shop/assets/uploads/theme-v141/deep-radio.webp?v=170'); }
html[data-skin="sunset-mart"] .isekai-hero { background:linear-gradient(112deg,#fff3d0,#f5d39d 60%,#b9d1bd); border-color:#98734c; }
html[data-skin="sunset-mart"][data-theme="dark"] .isekai-hero { background:linear-gradient(112deg,#293937,#4a4032 60%,#66513b); }
html[data-skin="sunset-mart"] .isekai-hero::after { background-image:url('/shop/assets/uploads/theme-v141/sunset-mart.webp?v=170'); }

:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .panel,
:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .item-card,
:is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .pay-card { border-color:var(--line); }
html[data-skin="hanami"] .page-item .buy-bar { background:var(--surface); border-top-color:var(--line); }
html[data-skin="pixel-arcade"] .panel,html[data-skin="pixel-arcade"] .item-card,html[data-skin="pixel-arcade"] .pay-card { border-radius:8px; box-shadow:4px 4px 0 rgba(37,43,53,.78); }
html[data-skin="pixel-arcade"] .page-item .buy-bar { background:var(--surface); border-top:3px solid var(--line); }
html[data-skin="deep-radio"] .panel,html[data-skin="deep-radio"] .item-card,html[data-skin="deep-radio"] .pay-card { box-shadow:0 9px 28px rgba(0,0,0,.2),inset 0 0 0 1px rgba(76,224,208,.06); }
html[data-skin="deep-radio"] .page-item .buy-bar { background:var(--surface); border-top-color:var(--line); }
html[data-skin="sunset-mart"] .panel-header { border-bottom-color:var(--line-2); }
html[data-skin="sunset-mart"] .page-item .buy-bar { background:var(--surface); border-top-color:var(--line); }

@media (max-width:619px) {
    :is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero::after { right:-8px; width:43%; height:100%; }
}
@media (max-width:359px) {
    :is(html[data-skin="hanami"],html[data-skin="pixel-arcade"],html[data-skin="deep-radio"],html[data-skin="sunset-mart"]) .isekai-hero::after { width:38%; opacity:.78; }
}

/* v144: new themes re-skin the controls and shop surfaces without changing the grid. */
html[data-skin="cyber-blackbox"] { --paper:#0b1015; --surface:#151d24; --surface-2:#1d2930; --surface-3:#19232a; --ink:#e9ffd6; --ink-2:#a8c5b0; --line:#52694c; --line-2:rgba(184,255,67,.25); --accent:#b8ff43; --accent-ink:#c9ff87; --accent-soft:rgba(184,255,67,.13); --accent-ring:rgba(184,255,67,.24); --grad-cta:linear-gradient(110deg,#8ddd2b,#b8ff43 56%,#9c61ff); }
html[data-skin="cyber-blackbox"][data-theme="light"] { --paper:#e6eee5; --surface:#f7fff1; --surface-2:#e2eedf; --surface-3:#f0f8eb; --ink:#15251c; --ink-2:#4e6954; --line:#91a98d; --line-2:rgba(53,95,49,.22); --accent:#587f18; --accent-ink:#34550b; --accent-soft:rgba(88,127,24,.12); --accent-ring:rgba(88,127,24,.2); --grad-cta:linear-gradient(110deg,#557e18,#80ac2d 56%,#7953bd); }
html[data-skin="y2k-bubblehouse"] { --paper:#f5f1ff; --surface:rgba(255,255,255,.9); --surface-2:#f3ebff; --surface-3:#fbf7ff; --ink:#302448; --ink-2:#776589; --line:#c9b8e4; --line-2:rgba(124,82,184,.2); --accent:#8554d7; --accent-ink:#673cae; --accent-soft:rgba(133,84,215,.12); --accent-ring:rgba(133,84,215,.2); --grad-cta:linear-gradient(110deg,#6acfe7,#9a74ed 54%,#f287c5); }
html[data-skin="y2k-bubblehouse"][data-theme="dark"] { --paper:#171426; --surface:#252039; --surface-2:#302842; --surface-3:#28233b; --ink:#f8f0ff; --ink-2:#d1bddf; --line:#63527f; --line-2:rgba(221,183,255,.2); --accent:#e2a8ff; --accent-ink:#f0caff; --accent-soft:rgba(226,168,255,.14); --accent-ring:rgba(226,168,255,.24); --grad-cta:linear-gradient(110deg,#64c5e0,#aa7aff 54%,#ed82c5); }
html[data-skin="shanhai-bestiary"] { --paper:#f1e8d2; --surface:#fbf6e8; --surface-2:#eee4ca; --surface-3:#f7f0dd; --ink:#233d38; --ink-2:#65766a; --line:#b6a174; --line-2:rgba(59,91,75,.22); --accent:#a84332; --accent-ink:#81392e; --accent-soft:rgba(168,67,50,.12); --accent-ring:rgba(168,67,50,.2); --grad-cta:linear-gradient(110deg,#a84332,#c46b42 54%,#367c71); }
html[data-skin="shanhai-bestiary"][data-theme="dark"] { --paper:#172723; --surface:#233832; --surface-2:#2d443c; --surface-3:#273c35; --ink:#f3edda; --ink-2:#c6c1a9; --line:#718d78; --line-2:rgba(223,195,125,.2); --accent:#e2bd73; --accent-ink:#f0d79c; --accent-soft:rgba(226,189,115,.14); --accent-ring:rgba(226,189,115,.23); --grad-cta:linear-gradient(110deg,#a94b38,#c37d48 54%,#3c8b7d); }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) body { background-color:var(--paper); color:var(--ink); }
html[data-skin="cyber-blackbox"] body { background-image:radial-gradient(circle at 88% 4%,rgba(160,255,73,.15),transparent 35%),linear-gradient(rgba(108,190,159,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(108,190,159,.05) 1px,transparent 1px); background-size:auto,24px 24px,24px 24px; }
html[data-skin="y2k-bubblehouse"] body { background-image:radial-gradient(circle at 7% 4%,rgba(137,192,255,.23),transparent 36%),radial-gradient(circle at 95% 14%,rgba(235,156,230,.22),transparent 40%); }
html[data-skin="shanhai-bestiary"] body { background-image:radial-gradient(circle at 96% 5%,rgba(176,129,62,.17),transparent 38%),radial-gradient(rgba(72,111,93,.06) 1px,transparent 1px); background-size:auto,18px 18px; }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero { border:1px solid var(--line); box-shadow:var(--sh-2); }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero img { visibility:hidden; }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero-copy { z-index:2; }
html[data-skin="cyber-blackbox"] .isekai-hero { border-radius:14px; background:linear-gradient(125deg,#121b20,#192c2b 64%,#26351e); }
html[data-skin="cyber-blackbox"][data-theme="light"] .isekai-hero { background:linear-gradient(125deg,#eff7e7,#d5e5d2 64%,#c6d9b8); }
html[data-skin="y2k-bubblehouse"] .isekai-hero { border-radius:30px; background:linear-gradient(135deg,#f9f8ff,#e6e2ff 55%,#fce7f5); box-shadow:inset 0 1px 0 #fff,var(--sh-2); }
html[data-skin="y2k-bubblehouse"][data-theme="dark"] .isekai-hero { background:linear-gradient(135deg,#25213b,#343052 55%,#402a47); }
html[data-skin="shanhai-bestiary"] .isekai-hero { border:3px double #ae9561; border-radius:12px; background:linear-gradient(135deg,#faf4df,#e7dfc4 62%,#d5e0ce); }
html[data-skin="shanhai-bestiary"][data-theme="dark"] .isekai-hero { background:linear-gradient(135deg,#20352d,#263f37 62%,#3b3b2b); }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .panel,
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .item-card,
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .pay-card { border-color:var(--line); background-color:var(--surface); }
html[data-skin="cyber-blackbox"] .panel,html[data-skin="cyber-blackbox"] .item-card { box-shadow:0 0 0 1px rgba(184,255,67,.07),0 12px 30px rgba(0,0,0,.15); }
html[data-skin="y2k-bubblehouse"] .panel,html[data-skin="y2k-bubblehouse"] .item-card,html[data-skin="y2k-bubblehouse"] .pay-card { border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 30px rgba(133,84,215,.1); }
html[data-skin="shanhai-bestiary"] .panel,html[data-skin="shanhai-bestiary"] .item-card { border-radius:12px; box-shadow:0 4px 0 rgba(116,91,51,.15); }
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .cats .chip:not(.is-primary),
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .nav-icon-btn { border-color:var(--line); color:var(--ink-2); }
html[data-skin="cyber-blackbox"] .cats .chip.is-active { box-shadow:0 0 16px rgba(184,255,67,.18); }
html[data-skin="y2k-bubblehouse"] .nav-icon-btn,html[data-skin="y2k-bubblehouse"] .cats .chip { border-radius:999px; box-shadow:inset 0 1px 0 #fff; }
html[data-skin="shanhai-bestiary"] .cats .chip.is-active { border-style:double; border-width:3px; }
.isekai-hero-actions { position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.isekai-hero-extra { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 14px; border:1px solid var(--line); border-radius:999px; background:var(--surface-3); color:var(--accent-ink); font:inherit; font-size:12px; font-weight:800; cursor:pointer; transition:transform .16s ease,box-shadow .16s ease; }
.isekai-hero-extra:hover { transform:translateY(-1px); box-shadow:0 4px 14px var(--accent-soft); }
.isekai-hero-extra:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.isekai-hero-extra[hidden],.isekai-hero-result[hidden] { display:none; }
.isekai-hero-result { display:block; position:relative; z-index:2; width:fit-content; max-width:100%; margin-top:8px; padding:6px 10px; border:1px solid var(--line-2); border-radius:10px; background:var(--surface-3); color:var(--accent-ink); font-size:12px; }
.theme-effect-layer { position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0; }
html[data-theme-effect="crt"] .theme-effect-layer { opacity:.36; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(20,40,55,.19) 4px 5px); }
html[data-theme-effect="radar"] .theme-effect-layer { opacity:.28; background:repeating-radial-gradient(circle at 82% 45%,transparent 0 24px,rgba(184,255,67,.36) 25px 26px,transparent 27px 50px); }
html[data-theme-effect="holo"] .theme-effect-layer { opacity:.72; background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.38) 42%,rgba(177,139,255,.14) 52%,transparent 70%); background-size:220% 100%; animation:theme-holo-sweep 3.4s ease-in-out infinite; }
@keyframes theme-holo-sweep { to { background-position:100% 0; } }
html[data-skin="pixel-arcade"] .isekai-hero { border-radius:8px; }
html[data-skin="pixel-arcade"] .isekai-hero-extra { border-radius:6px; border:2px solid var(--line); box-shadow:3px 3px 0 var(--line); }
html[data-skin="cyber-blackbox"] .isekai-hero-extra { border-radius:8px; box-shadow:inset 0 0 0 1px rgba(184,255,67,.1); }
html[data-skin="y2k-bubblehouse"] .isekai-hero-extra { border-color:#c9b8e4; background:linear-gradient(120deg,#fff,#f6eaff 56%,#fcecf8); box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(133,84,215,.13); }
html[data-skin="shanhai-bestiary"] .isekai-hero-extra { border-radius:10px; border-color:#ae9561; }
@media (prefers-reduced-motion:reduce) { html[data-theme-effect="holo"] .theme-effect-layer { animation:none; background-position:center; } .isekai-hero-extra { transition:none; } }

/* v144 artwork layer for the three new hero themes. */
:is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero::after { content:""; position:absolute; z-index:1; right:2%; bottom:0; width:37%; height:100%; background-image:var(--theme-hero-art); background-position:center bottom; background-size:contain; background-repeat:no-repeat; pointer-events:none; }
@media (max-width:619px) { :is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero::after { right:-8px; width:43%; } }
@media (max-width:359px) { :is(html[data-skin="cyber-blackbox"],html[data-skin="y2k-bubblehouse"],html[data-skin="shanhai-bestiary"]) .isekai-hero::after { width:38%; opacity:.78; } }

/* v145: reserve a dedicated art lane on mobile so copy and controls never cover character heads. */
@media (max-width:619px) {
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero-copy {
        box-sizing:border-box; max-width:54%; padding-inline:clamp(10px,3vw,16px);
    }
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero::after {
        right:0; width:40%; height:100%; background-size:contain; background-position:center bottom;
    }
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero-link { min-height:44px; padding-inline:8px; }
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero-link span { font-size:clamp(13px,3.7vw,16px); }
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero-extra { min-height:44px; max-width:100%; padding-inline:10px; }
}
@media (max-width:359px) {
    :is(html[data-layout][data-skin="hanami"],html[data-layout][data-skin="pixel-arcade"],html[data-layout][data-skin="deep-radio"],html[data-layout][data-skin="sunset-mart"],html[data-layout][data-skin="cyber-blackbox"],html[data-layout][data-skin="y2k-bubblehouse"],html[data-layout][data-skin="shanhai-bestiary"]) .shop-home .isekai-hero-copy { max-width:52%; padding-inline:10px; }
}