/* Original Spillebord cosmetics. Attributes work on a card or its nearest owner's container. */
[data-card-style="classic"],[data-card-skin="classic"]{--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-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-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-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] .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)}
/* The host chooses the felt; individual cards retain their owner's colour variables. */
[data-table-style="midnight"].felt-table,[data-table-style="midnight"].classic-felt,[data-table-style="midnight"] .classic-felt,[data-table-style="midnight"].online-table,[data-table-style="midnight"] .online-table,[data-table-style="midnight"].cosmetic-table-preview,[data-table-skin="midnight"].classic-felt,[data-table-skin="midnight"].online-table{background-color:#17263b;background-image:radial-gradient(circle at 16% 23%,#e8c77677 0 1px,transparent 1.7px),radial-gradient(circle at 78% 19%,#e8c77677 0 1px,transparent 1.7px),radial-gradient(circle at 88% 69%,#e8c77655 0 1px,transparent 1.7px),radial-gradient(circle at 31% 83%,#e8c77644 0 1px,transparent 1.7px),radial-gradient(ellipse at center,#2d4863 0,#182c43 64%,#122036 100%);border-color:#9c8654;color:#eef3fa;box-shadow:inset 0 0 0 5px #122034,inset 0 0 0 6px #ab92534d,0 12px 32px #10203718}
[data-table-style="midnight"].online-table :is(.helper,.empty-table,.draw-pile small),[data-table-style="midnight"] .online-table :is(.helper,.empty-table,.draw-pile small){color:#c2d2e5}
[data-table-style="midnight"].online-table .draw-piles,[data-table-style="midnight"] .online-table .draw-piles{border-color:#8ca7c240}
[data-table-style="midnight"] .table-meld{background:#203950;border-color:#8ca7c24d;color:#ecf4fd}
[data-table-style="midnight"] .table-card-wrap>small,[data-table-style="midnight"] .meld-heading small{color:#c0d3e7}
[data-table-style="midnight"] .classic-table-hint,[data-table-style="midnight"] .classic-felt .eyebrow,[data-table-style="midnight"].classic-felt .eyebrow,[data-table-style="midnight"] .war-player-status,[data-table-style="midnight"] .war-pot p,[data-table-style="midnight"] .war-deck-wrap>small{color:#c2d2e5}
[data-table-style="midnight"] .classic-table-count{color:#d5bd85}
.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;height:59px;border:3px solid white;border-radius:5px;background:repeating-linear-gradient(45deg,#244b3c 0 4px,#315442 4px 6px);color:#d8f36a;font-size:25px;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}}

[data-table-style="midnight"].felt-table :is(.hand-status,.hand-sort select,.floating-hand-tools .button,.floating-hand-tools>button){background-color:#233d57;border-color:#92abc252;color:#e2edf8}
[data-table-style="midnight"].felt-table :is(.table-center,.center-pile>small,.table-center>p,.laid-meld-label,.hand-sort,.floating-hand-tools){color:#c8d9ec}