/* Shuffora cosmetics. Attributes work on a card or its nearest owner's container. */
[data-card-style="classic"],[data-card-skin="classic"]{--cosmetic-card-accent:currentColor;--cosmetic-card-edge:#bac8b6;--cosmetic-card-face:#fff;--cosmetic-card-ink:#172920;--cosmetic-card-red:#b2453e;--cosmetic-card-metal:#d8f36a;--cosmetic-card-dark:#244b3c;--cosmetic-card-back:repeating-linear-gradient(45deg,#244b3c 0 4px,#315442 4px 6px)}
[data-card-style="bronze"],[data-card-skin="bronze"]{--cosmetic-card-accent:#86512f;--cosmetic-card-edge:#ae754c;--cosmetic-card-face:#fff9f2;--cosmetic-card-ink:#4c2a1a;--cosmetic-card-red:#a33329;--cosmetic-card-metal:#e9b083;--cosmetic-card-dark:#43271f;--cosmetic-card-back:repeating-linear-gradient(45deg,transparent 0 9px,#ce9b6945 9px 10px,transparent 10px 19px),repeating-linear-gradient(-45deg,transparent 0 9px,#ce9b6945 9px 10px,transparent 10px 19px),linear-gradient(140deg,#885330,#3d211b 58%,#75432d)}
[data-card-style="silver"],[data-card-skin="silver"]{--cosmetic-card-accent:#536c85;--cosmetic-card-edge:#96a9bc;--cosmetic-card-face:#f6faff;--cosmetic-card-ink:#203349;--cosmetic-card-red:#a93451;--cosmetic-card-metal:#e0ecf7;--cosmetic-card-dark:#233448;--cosmetic-card-back:repeating-linear-gradient(45deg,transparent 0 9px,#cee6ff45 9px 10px,transparent 10px 19px),repeating-linear-gradient(-45deg,transparent 0 9px,#cee6ff45 9px 10px,transparent 10px 19px),linear-gradient(140deg,#627c97,#26394d 58%,#546e8a)}
[data-card-style="gold"],[data-card-skin="gold"]{--cosmetic-card-accent:#896812;--cosmetic-card-edge:#b9923f;--cosmetic-card-face:#fffcee;--cosmetic-card-ink:#342b19;--cosmetic-card-red:#a62f29;--cosmetic-card-metal:#f8d776;--cosmetic-card-dark:#322b1d;--cosmetic-card-back:repeating-linear-gradient(45deg,transparent 0 9px,#dfbd6745 9px 10px,transparent 10px 19px),repeating-linear-gradient(-45deg,transparent 0 9px,#dfbd6745 9px 10px,transparent 10px 19px),linear-gradient(140deg,#75602a,#282317 58%,#645027)}
[data-card-style="midnight"],[data-card-skin="midnight"]{--cosmetic-card-accent:#344d70;--cosmetic-card-edge:#9e8955;--cosmetic-card-face:#f6f8ff;--cosmetic-card-ink:#202e49;--cosmetic-card-red:#a4324a;--cosmetic-card-metal:#edcf85;--cosmetic-card-dark:#192a43;--cosmetic-card-back:radial-gradient(circle at 20% 20%,#edcf85 0 1px,transparent 1.5px),radial-gradient(circle at 74% 13%,#e8eeff 0 .8px,transparent 1.4px),radial-gradient(circle at 84% 69%,#edcf85 0 1px,transparent 1.5px),radial-gradient(circle at 23% 83%,#e8eeff 0 .8px,transparent 1.4px),radial-gradient(circle at 76% 41%,#e8eeff 0 .6px,transparent 1.2px),linear-gradient(140deg,#344d70,#17263d 62%,#263b59)}
[data-card-style="lunar-eclipse"],[data-card-skin="lunar-eclipse"]{--cosmetic-card-accent:#634476;--cosmetic-card-edge:#b4816c;--cosmetic-card-face:#fff8f5;--cosmetic-card-ink:#342335;--cosmetic-card-red:#ad3342;--cosmetic-card-metal:#edb598;--cosmetic-card-dark:#281b31;--cosmetic-card-back:radial-gradient(circle at 16% 19%,#edb598 0 .8px,transparent 1.4px),radial-gradient(circle at 80% 28%,#eee5ff 0 .8px,transparent 1.4px),radial-gradient(circle at 79% 83%,#edb598 0 1px,transparent 1.5px),radial-gradient(circle at 22% 73%,#eee5ff 0 .7px,transparent 1.3px),linear-gradient(145deg,#47304e,#25182d 65%,#493039)}
[data-card-style] .card-back,.card-back[data-card-style],[data-card-skin] .card-back,.card-back[data-card-skin]{background:var(--cosmetic-card-back);outline-color:var(--cosmetic-card-edge)}
[data-card-style] .card-back>span,.card-back[data-card-style]>span,[data-card-skin] .card-back>span,.card-back[data-card-skin]>span{color:var(--cosmetic-card-metal);border-color:var(--cosmetic-card-metal);background:var(--cosmetic-card-dark);box-shadow:0 0 0 3px #ffffff08,0 0 0 4px #ffffff25}
[data-card-style] .playing-card,.playing-card[data-card-style],[data-card-skin] .playing-card,.playing-card[data-card-skin]{background-color:var(--cosmetic-card-face);color:var(--cosmetic-card-ink)}
[data-card-style] .playing-card:not(.selected),.playing-card[data-card-style]:not(.selected),[data-card-skin] .playing-card:not(.selected),.playing-card[data-card-skin]:not(.selected){border-color:var(--cosmetic-card-edge)}
[data-card-style] .playing-card.red-card,.playing-card.red-card[data-card-style],[data-card-skin] .playing-card.red-card,.playing-card.red-card[data-card-skin]{color:var(--cosmetic-card-red)}
[data-card-style] .mini-card,.mini-card[data-card-style],[data-card-skin] .mini-card,.mini-card[data-card-skin]{background-color:var(--cosmetic-card-face);border-color:var(--cosmetic-card-edge)}
[data-card-style="bronze"] .playing-card,[data-card-style="silver"] .playing-card,[data-card-style="gold"] .playing-card,.playing-card[data-card-style="bronze"],.playing-card[data-card-style="silver"],.playing-card[data-card-style="gold"]{background-image:linear-gradient(45deg,transparent 47%,var(--cosmetic-card-edge) 49%,var(--cosmetic-card-edge) 51%,transparent 53%),linear-gradient(45deg,transparent 47%,var(--cosmetic-card-edge) 49%,var(--cosmetic-card-edge) 51%,transparent 53%);background-repeat:no-repeat;background-size:9px 9px;background-position:calc(100% - 7px) 7px,7px calc(100% - 7px)}
/* Every table uses the same skin variables, including solo boards and previews.
   The small static star tile replaces dozens of full-table gradient layers. */
[data-table-style="bronze"],[data-table-skin="bronze"]{--cosmetic-table-color:#51392f;--cosmetic-table-edge:#a97650;--cosmetic-table-dark:#34271f;--cosmetic-table-accent:#e3b48e;--cosmetic-table-muted:#e3cdc0;--cosmetic-table-line:#c99b7345;--cosmetic-table-panel:#49372e;--cosmetic-table-background:repeating-linear-gradient(45deg,transparent 0 45px,#d6a57908 45px 46px,transparent 46px 91px),repeating-linear-gradient(-45deg,transparent 0 45px,#d6a57908 45px 46px,transparent 46px 91px),radial-gradient(ellipse at 50% 38%,#705043,#48342b 70%,#34271f)}
[data-table-style="silver"],[data-table-skin="silver"]{--cosmetic-table-color:#34485d;--cosmetic-table-edge:#9bafc2;--cosmetic-table-dark:#203142;--cosmetic-table-accent:#d5e5f3;--cosmetic-table-muted:#c6d6e4;--cosmetic-table-line:#b0c5da45;--cosmetic-table-panel:#304356;--cosmetic-table-background:repeating-linear-gradient(45deg,transparent 0 45px,#cee6ff08 45px 46px,transparent 46px 91px),repeating-linear-gradient(-45deg,transparent 0 45px,#cee6ff08 45px 46px,transparent 46px 91px),radial-gradient(ellipse at 50% 38%,#526b82,#304457 70%,#203142)}
[data-table-style="gold"],[data-table-skin="gold"]{--cosmetic-table-color:#403d27;--cosmetic-table-edge:#b99a50;--cosmetic-table-dark:#292919;--cosmetic-table-accent:#f0d588;--cosmetic-table-muted:#d9d3b9;--cosmetic-table-line:#cbb97045;--cosmetic-table-panel:#3a3925;--cosmetic-table-background:repeating-linear-gradient(45deg,transparent 0 45px,#e6cf7e08 45px 46px,transparent 46px 91px),repeating-linear-gradient(-45deg,transparent 0 45px,#e6cf7e08 45px 46px,transparent 46px 91px),radial-gradient(ellipse at 50% 38%,#605b36,#3d3b25 70%,#292919)}
[data-table-style="midnight"],[data-table-skin="midnight"]{--cosmetic-table-color:#17263b;--cosmetic-table-edge:#9c8654;--cosmetic-table-dark:#122034;--cosmetic-table-accent:#e2c785;--cosmetic-table-muted:#c2d2e5;--cosmetic-table-line:#8ca7c245;--cosmetic-table-panel:#203950;--cosmetic-table-background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22370%22%20viewBox%3D%220%200%20420%20370%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2242%22%20r%3D%221.1%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2217%22%20r%3D%220.8%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2281%22%20r%3D%221.3%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%22206%22%20cy%3D%2234%22%20r%3D%220.8%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%22103%22%20r%3D%221.1%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22355%22%20cy%3D%2249%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%22391%22%20cy%3D%22151%22%20r%3D%221.3%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%22192%22%20r%3D%220.9%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22101%22%20cy%3D%22257%22%20r%3D%221.2%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22181%22%20cy%3D%22164%22%20r%3D%220.7%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%22245%22%20cy%3D%22223%22%20r%3D%221.0%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.6%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22291%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22241%22%20r%3D%220.9%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.54%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22337%22%20r%3D%220.8%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%22159%22%20cy%3D%22321%22%20r%3D%221.1%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22353%22%20r%3D%220.7%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22173%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.45%22%2F%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 50% 40%,#2d4863 0,#182c43 64%,#122036 100%);--cosmetic-table-background-size:420px 370px,auto}
[data-table-style="lunar-eclipse"],[data-table-skin="lunar-eclipse"]{--cosmetic-table-color:#251b30;--cosmetic-table-edge:#ae7867;--cosmetic-table-dark:#1c1724;--cosmetic-table-accent:#e9b49b;--cosmetic-table-muted:#dbc9dc;--cosmetic-table-line:#c29a9e45;--cosmetic-table-panel:#3b2b43;--cosmetic-moon-size:60px;--cosmetic-table-background:radial-gradient(circle var(--cosmetic-moon-size) at 89% 17%,#281e33 0 81%,#281e33ed 83%,transparent 85%),radial-gradient(circle var(--cosmetic-moon-size) at 87% 20%,#d9a18a 0 2%,#a96455 39%,#704154 76%,#dfa38a 79%,#ad70662e 82%,transparent 95%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22370%22%20viewBox%3D%220%200%20420%20370%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2242%22%20r%3D%221.1%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2217%22%20r%3D%220.8%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2281%22%20r%3D%221.3%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%22206%22%20cy%3D%2234%22%20r%3D%220.8%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%22103%22%20r%3D%221.1%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22355%22%20cy%3D%2249%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%22391%22%20cy%3D%22151%22%20r%3D%221.3%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%22192%22%20r%3D%220.9%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%22101%22%20cy%3D%22257%22%20r%3D%221.2%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%22181%22%20cy%3D%22164%22%20r%3D%220.7%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%22245%22%20cy%3D%22223%22%20r%3D%221.0%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.6%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22291%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22241%22%20r%3D%220.9%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.54%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22337%22%20r%3D%220.8%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%22159%22%20cy%3D%22321%22%20r%3D%221.1%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22353%22%20r%3D%220.7%22%20fill%3D%22%23edcf85%22%20opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%22173%22%20r%3D%220.7%22%20fill%3D%22%23e4e9ff%22%20opacity%3D%220.45%22%2F%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 50% 40%,#4a3450 0,#2b2037 64%,#1c1724 100%);--cosmetic-table-background-size:auto,auto,420px 370px,auto}
:is([data-table-style]:not([data-table-style="classic"]),[data-table-skin]:not([data-table-skin="classic"])):is(.felt-table,.classic-felt,.online-table,.cosmetic-table-preview,.solo-table),
:is([data-table-style]:not([data-table-style="classic"]),[data-table-skin]:not([data-table-skin="classic"])) :is(.classic-felt,.online-table){background-color:var(--cosmetic-table-color);background-image:var(--cosmetic-table-background);background-size:var(--cosmetic-table-background-size,auto);border-color:var(--cosmetic-table-edge);color:#f4f3f6;box-shadow:inset 0 0 0 4px var(--cosmetic-table-dark),inset 0 0 0 5px var(--cosmetic-table-line),0 12px 32px #10203718}
[data-table-style]:not([data-table-style="classic"]) :is(.classic-table-hint,.table-center,.center-pile>small,.table-center>p,.laid-meld-label,.table-card-wrap>small,.meld-heading small,.war-player-status,.war-pot p,.war-deck-wrap>small,.solo-clock-summary span,.solo-clock-summary p,.solo-table-copy p){color:var(--cosmetic-table-muted)}
[data-table-style]:not([data-table-style="classic"]) :is(.classic-table-count,.solo-table-copy strong,.solo-clock-summary strong){color:var(--cosmetic-table-accent)}
[data-table-style]:not([data-table-style="classic"]) .eyebrow{color:var(--cosmetic-table-muted)}
[data-table-style]:not([data-table-style="classic"]) .table-meld{background:var(--cosmetic-table-panel);border-color:var(--cosmetic-table-line);color:#f4f3f6}
[data-table-style]:not([data-table-style="classic"]) :is(.draw-piles,.solo-clock-face:before){border-color:var(--cosmetic-table-line)}
[data-table-style]:not([data-table-style="classic"]) :is(.hand-status,.hand-sort select,.floating-hand-tools .button,.floating-hand-tools>button){background-color:var(--cosmetic-table-panel);border-color:var(--cosmetic-table-line);color:#f4f3f6}
[data-table-style]:not([data-table-style="classic"]) :is(.hand-sort,.floating-hand-tools){color:var(--cosmetic-table-muted)}
.cosmetic-table-preview[data-table-style="lunar-eclipse"]{--cosmetic-moon-size:32px}
@media(max-width:520px){[data-table-style="lunar-eclipse"],[data-table-skin="lunar-eclipse"]{--cosmetic-moon-size:38px}.cosmetic-table-preview[data-table-style="lunar-eclipse"]{--cosmetic-moon-size:24px}}
.cosmetic-section{margin-top:24px}.cosmetic-section h2{font-size:1.35rem}.cosmetic-shop-heading .eyebrow{margin-bottom:8px}.cosmetic-shop-heading .subtext{margin-top:10px}.cosmetic-test-note{margin:20px 0 0;padding:13px 16px;border-radius:10px;background:#f0f4e9;border:1px solid #d4dfc2;color:#496238;font-size:.86rem;line-height:1.65}.cosmetic-equipment,.cosmetic-grant{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:15px;align-items:end;margin-top:24px}.cosmetic-equipment select,.cosmetic-grant select,.cosmetic-grant input{margin-top:8px}.cosmetic-equipment>.helper,.cosmetic-grant>.helper{grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.7}.cosmetic-equipment .form-label,.cosmetic-grant .form-label{margin-bottom:0}.cosmetic-equipment>.button,.cosmetic-grant>.button{min-height:48px}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.cosmetic-item{border:1px solid var(--line,#dce2d8);background:#fff;border-radius:17px;overflow:hidden;min-width:0}.cosmetic-preview{height:195px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cosmetic-card-preview{background:radial-gradient(ellipse at center,#ffffffb0,#e5eade),linear-gradient(35deg,#edf0e5,#d7dfd2);gap:0}.cosmetic-card-preview .playing-card,.cosmetic-card-preview .card-back{width:78px;min-width:78px;flex-basis:78px;height:114px}.cosmetic-card-preview .cosmetic-sample-face{transform:rotate(-12deg) translateX(9px);box-shadow:0 9px 20px #122f1829}.cosmetic-card-preview .cosmetic-sample-back{transform:rotate(12deg) translateX(-9px);box-shadow:0 9px 20px #122f1838}.cosmetic-table-preview{background:radial-gradient(ellipse at center,#43664d,#294b39 70%,#1e3a2d);border:10px solid #263729;box-shadow:inset 0 0 0 1px #b4c98a66}.cosmetic-table-mark{font:700 65px Georgia,serif;color:#d7e9c625;position:absolute;left:calc(50% - 22px);top:calc(50% - 41px)}.cosmetic-mini-pile{display:grid;place-items:center;width:42px;min-width:42px;height:59px;flex:0 0 42px;border:3px solid white;border-radius:5px;transform:translate(48px,31px) rotate(14deg);box-shadow:-3px 2px 0 #e8eae2,-4px 3px 0 #768271,0 7px 10px #00150a33}.cosmetic-item-copy{padding:18px}.cosmetic-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cosmetic-item-heading h3{font-size:1.03rem;line-height:1.4}.cosmetic-badge{display:inline-block;flex-shrink:0;border:1px solid #dbe4ce;background:#f1f6e8;color:#4c673a;padding:3px 7px;border-radius:20px;font-size:.65rem;font-weight:600}.cosmetic-item-copy>p{font-size:.82rem;line-height:1.65;color:var(--muted,#64705e);min-height:2.7em;margin-top:9px}.cosmetic-item-action{margin-top:16px;min-height:37px;display:flex;align-items:center}.cosmetic-item-action .helper{font-size:.75rem;margin:0;line-height:1.6}.cosmetic-item-action button:disabled{opacity:.55;cursor:default}.cosmetic-explainer{font-size:.83rem;line-height:1.75;max-width:900px}.cosmetic-error{margin-top:16px}.cosmetic-error[hidden]{display:none}.cosmetic-section[aria-busy="true"]{opacity:.8}
@media(max-width:850px){.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-equipment,.cosmetic-grant{grid-template-columns:1fr 1fr}.cosmetic-equipment>.button,.cosmetic-grant>.button{grid-column:1/-1;width:max-content}}
@media(max-width:520px){.cosmetic-grid{gap:12px}.cosmetic-preview{height:155px}.cosmetic-card-preview .playing-card,.cosmetic-card-preview .card-back{width:58px;min-width:58px;flex-basis:58px;height:85px}.cosmetic-card-preview .card-corner{font-size:.8rem;left:5px;top:5px}.cosmetic-card-preview .card-corner.bottom{inset:auto 5px 5px auto}.cosmetic-card-preview .card-corner small{font-size:.7rem}.cosmetic-card-preview .card-pip{font-size:1.6rem}.cosmetic-item-copy{padding:13px}.cosmetic-item-heading{flex-direction:column;gap:6px}.cosmetic-item-copy>p{font-size:.76rem;min-height:5.4em}.cosmetic-item-action .button{padding:8px 10px;font-size:.72rem}.cosmetic-equipment,.cosmetic-grant{grid-template-columns:1fr}.cosmetic-section .social-section-heading{align-items:flex-start;gap:10px}.cosmetic-section .social-section-heading>.button{font-size:.73rem}.cosmetic-section h2{font-size:1.2rem}}

/* Metal accents stay dark enough to read on the pale card face. The central suit
   keeps its red/black colour, while corners and every joker mark match the skin. */
:is([data-card-style],[data-card-skin]) :is(.card-corner,.joker-symbol,.classic-joker,.joker-as,.solo-card-corner),
:is(.playing-card,.solo-card)[data-card-style] :is(.card-corner,.joker-symbol,.classic-joker,.joker-as,.solo-card-corner){color:var(--cosmetic-card-accent,currentColor)}
.cosmetic-test-note+.cosmetic-grid{margin-top:22px}.cosmetic-grid+.cosmetic-explainer{margin-top:24px}
[data-card-style] .joker-as,[data-card-skin] .joker-as{background-color:var(--cosmetic-card-face,#fff)}

/* Table previews reuse .card-back and its S badge, including each deck's patterns and Midnight/Lunar artwork, at a smaller size. */

.cosmetic-item-slot{display:block;margin-bottom:5px;color:var(--muted,#64705e);font-size:.63rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
:is([data-card-style="midnight"],[data-card-skin="midnight"]) :is(.card-back>span,.solo-back>span),.card-back:is([data-card-style="midnight"],[data-card-skin="midnight"])>span{background:radial-gradient(ellipse at 35% 30%,#384f73,#192a43 70%);border-color:#e0c785;color:#f3dfae}
:is([data-card-style="lunar-eclipse"],[data-card-skin="lunar-eclipse"]) :is(.card-back>span,.solo-back>span),.card-back:is([data-card-style="lunar-eclipse"],[data-card-skin="lunar-eclipse"])>span{background:radial-gradient(circle at 70% 34%,#261b30 0 46%,transparent 48%),radial-gradient(circle at 43% 55%,#dca183 0 28%,#a8584c 53%,#302039 57%);border-color:#c9917c;color:#f6ddce}
@media(max-width:520px){.cosmetic-table-preview{border-width:7px}.cosmetic-mini-pile{width:32px;min-width:32px;height:46px;flex-basis:32px;transform:translate(18px,20px) rotate(14deg)}}