/* Shared visual treatments for both overlay sizes. */
:is(#menu,#card)[data-theme^="trans"] { border-top:4px solid #75cce8; border-bottom:4px solid #edabc4; }
#menu[data-theme^="trans"] .head { border-bottom:3px solid; border-image:linear-gradient(90deg,#75cce8 0 20%,#edabc4 20% 40%,#fff 40% 60%,#edabc4 60% 80%,#75cce8 80%) 1; }
:is(#menu,#card)[data-theme^="femboy"] { border-top:3px solid var(--accent); border-bottom:3px solid var(--accent); }
#menu[data-theme="femboy"] .head { background:repeating-linear-gradient(135deg,#a33e7305 0 8px,transparent 8px 16px); }
:is(#menu,#card)[data-theme="eighties"],:is(#menu,#card)[data-theme="arcade"] { box-shadow:3px 3px 0 var(--price); }
#menu[data-theme="eighties"] .head { background:linear-gradient(transparent 94%,#f391d726 95%),linear-gradient(90deg,transparent 94%,#f391d726 95%); background-size:18px 18px; }
#menu[data-theme="nineties"] .head { background:radial-gradient(circle,#246c7020 1.5px,transparent 2px) 0 0/14px 14px; }
:is(#menu,#card)[data-theme="nineties"] { box-shadow:4px 4px 0 var(--price); }
#menu[data-theme^="y2k"] .head { background:linear-gradient(110deg,#ffffff22,transparent 40%,#ffffff18); }
:is(#menu,#card)[data-theme^="y2k"] { box-shadow:inset 0 1px 0 #ffffff60,inset 0 -1px 0 #ffffff20; }
/* Mix-and-match row styles. All colors come from the selected palette. */
:is(#menu,#card)[data-style="neon"] { border:1px solid var(--accent); box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 0 10px color-mix(in srgb,var(--accent) 7%,transparent); }
#menu[data-style="neon"] .items { gap:7px; }
#menu[data-style="neon"] .item { border:1px solid color-mix(in srgb,var(--accent) 50%,transparent); border-radius:var(--radius); background:var(--row); padding:10px; }
#menu[data-style="neon"] .price,#card[data-style="neon"] #total { text-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent); }
#card[data-style="neon"] .chip { border-color:var(--accent); }
:is(#menu,#card)[data-style="gaming"] { border:2px solid var(--accent); border-radius:min(var(--radius),5px); }
#menu[data-style="gaming"] .items { gap:6px; }
#menu[data-style="gaming"] .item { border:0; border-left:3px solid var(--accent); padding:10px; background:var(--row); border-radius:0; }
#menu[data-style="gaming"] .sec-name,#card[data-style="gaming"] .status { letter-spacing:1px; text-transform:uppercase; }
#card[data-style="gaming"] .chip { border-radius:0; border-left:2px solid var(--accent); }
:is(#menu,#card)[data-style="arcade"] { border:2px solid var(--accent); border-radius:0; box-shadow:4px 4px 0 var(--price); }
#menu[data-style="arcade"] .items { gap:8px; }
#menu[data-style="arcade"] .item { border:1px solid var(--line); border-bottom:2px solid var(--accent); border-radius:0; padding:10px; background:var(--row); }
#card[data-style="arcade"] .chip { border-radius:0; border-bottom:2px solid var(--accent); }
#menu[data-style="ticket"] .items { gap:7px; }
#menu[data-style="ticket"] .item { border:1px dashed var(--accent); border-radius:var(--radius); padding:10px; }
#menu[data-style="ticket"] .price { border-left:1px dashed var(--accent); padding-left:12px; }
#card[data-style="ticket"] { border:1px dashed var(--accent); }
#card[data-style="ticket"] .chip { border-radius:0; border:0; border-right:1px dashed var(--accent); }
:is(#menu,#card)[data-style="glass"] { backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 #ffffff40; }
#menu[data-style="glass"] .items { gap:6px; }
#menu[data-style="glass"] .item { padding:10px; border:1px solid var(--line); background:linear-gradient(120deg,var(--row),transparent); border-radius:var(--radius); box-shadow:inset 0 1px 0 #ffffff18; }
#card[data-style="glass"] .chip { background:linear-gradient(120deg,var(--row),transparent); box-shadow:inset 0 1px 0 #ffffff18; }