/* made from app/static/cos/catalog.json by app/cos_css.py — do not edit */
:root { --cos-t-velvet: url("/static/img/cos/table-velvet.webp"); --cos-t-obsidian: url("/static/img/cos/table-obsidian.webp"); --cos-t-casino: url("/static/img/cos/table-casino.webp"); --cos-t-ocean: url("/static/img/cos/table-ocean.webp"); --cos-t-walnut: url("/static/img/cos/table-walnut.webp"); --cos-t-nebula: url("/static/img/cos/table-nebula.webp"); --cos-t-chesterfield: url("/static/img/cos/table-chesterfield.webp"); --cos-t-aurora: url("/static/img/cos/table-aurora.webp"); --cos-t-lava: url("/static/img/cos/table-lava.webp"); --cos-t-deco: url("/static/img/cos/table-deco.svg"); --cos-t-carbon: url("/static/img/cos/table-carbon.webp"); --cos-t-sakura: url("/static/img/cos/table-sakura.webp"); }
.xrt-cos_velvet, .xrt-cos_obsidian, .xrt-cos_casino, .xrt-cos_ocean, .xrt-cos_walnut, .xrt-cos_nebula, .xrt-cos_chesterfield, .xrt-cos_aurora, .xrt-cos_lava, .xrt-cos_deco, .xrt-cos_carbon, .xrt-cos_sakura { --t1: #3a3f45; --t2: #24282d; --t3: #15181b; --inlay: #c47a42; --inlay2: #f3c79b; --ink: #f4ede2; --plate: rgba(20,22,25,.82);
  --grain: repeating-linear-gradient(115deg, rgba(255,255,255,.018) 0 2px, transparent 2px 7px), repeating-linear-gradient(25deg, rgba(0,0,0,.08) 0 1px, transparent 1px 11px); }
.xrt-cos_velvet .xr-table, .xr-lk.xrt-cos_velvet, .xrt-cos_velvet.xr-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.xrt-cos_obsidian .xr-table, .xr-lk.xrt-cos_obsidian, .xrt-cos_obsidian.xr-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.xrt-cos_casino .xr-table, .xr-lk.xrt-cos_casino, .xrt-cos_casino.xr-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.xrt-cos_ocean .xr-table, .xr-lk.xrt-cos_ocean, .xrt-cos_ocean.xr-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.xrt-cos_walnut .xr-table, .xr-lk.xrt-cos_walnut, .xrt-cos_walnut.xr-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.xrt-cos_nebula .xr-table, .xr-lk.xrt-cos_nebula, .xrt-cos_nebula.xr-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.xrt-cos_chesterfield .xr-table, .xr-lk.xrt-cos_chesterfield, .xrt-cos_chesterfield.xr-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.xrt-cos_aurora .xr-table, .xr-lk.xrt-cos_aurora, .xrt-cos_aurora.xr-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.xrt-cos_lava .xr-table, .xr-lk.xrt-cos_lava, .xrt-cos_lava.xr-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.xrt-cos_deco .xr-table, .xr-lk.xrt-cos_deco, .xrt-cos_deco.xr-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.xrt-cos_carbon .xr-table, .xr-lk.xrt-cos_carbon, .xrt-cos_carbon.xr-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.xrt-cos_sakura .xr-table, .xr-lk.xrt-cos_sakura, .xrt-cos_sakura.xr-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.agt-cos_velvet, .agt-cos_obsidian, .agt-cos_casino, .agt-cos_ocean, .agt-cos_walnut, .agt-cos_nebula, .agt-cos_chesterfield, .agt-cos_aurora, .agt-cos_lava, .agt-cos_deco, .agt-cos_carbon, .agt-cos_sakura { --g1: #2b1238; --g2: #170a22; --g3: #0a0510; --neon: #c86bff; }
.agt-cos_velvet .ag-table, .ag-lk.agt-cos_velvet, .agt-cos_velvet.ag-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.agt-cos_obsidian .ag-table, .ag-lk.agt-cos_obsidian, .agt-cos_obsidian.ag-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.agt-cos_casino .ag-table, .ag-lk.agt-cos_casino, .agt-cos_casino.ag-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.agt-cos_ocean .ag-table, .ag-lk.agt-cos_ocean, .agt-cos_ocean.ag-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.agt-cos_walnut .ag-table, .ag-lk.agt-cos_walnut, .agt-cos_walnut.ag-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.agt-cos_nebula .ag-table, .ag-lk.agt-cos_nebula, .agt-cos_nebula.ag-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.agt-cos_chesterfield .ag-table, .ag-lk.agt-cos_chesterfield, .agt-cos_chesterfield.ag-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.agt-cos_aurora .ag-table, .ag-lk.agt-cos_aurora, .agt-cos_aurora.ag-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.agt-cos_lava .ag-table, .ag-lk.agt-cos_lava, .agt-cos_lava.ag-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.agt-cos_deco .ag-table, .ag-lk.agt-cos_deco, .agt-cos_deco.ag-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.agt-cos_carbon .ag-table, .ag-lk.agt-cos_carbon, .agt-cos_carbon.ag-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.agt-cos_sakura .ag-table, .ag-lk.agt-cos_sakura, .agt-cos_sakura.ag-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.pft-cos_velvet, .pft-cos_obsidian, .pft-cos_casino, .pft-cos_ocean, .pft-cos_walnut, .pft-cos_nebula, .pft-cos_chesterfield, .pft-cos_aurora, .pft-cos_lava, .pft-cos_deco, .pft-cos_carbon, .pft-cos_sakura { --l1: #6e1f22; --l2: #4a1216; --l3: #2a0a0c; --rim1: #5a3a22; --rim2: #2c1a0e; --tool: #c9973e; --ink: #f6ead3; }
.pft-cos_velvet .pf-table, .pf-lk.pft-cos_velvet, .pft-cos_velvet.pf-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.pft-cos_obsidian .pf-table, .pf-lk.pft-cos_obsidian, .pft-cos_obsidian.pf-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.pft-cos_casino .pf-table, .pf-lk.pft-cos_casino, .pft-cos_casino.pf-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.pft-cos_ocean .pf-table, .pf-lk.pft-cos_ocean, .pft-cos_ocean.pf-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.pft-cos_walnut .pf-table, .pf-lk.pft-cos_walnut, .pft-cos_walnut.pf-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.pft-cos_nebula .pf-table, .pf-lk.pft-cos_nebula, .pft-cos_nebula.pf-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.pft-cos_chesterfield .pf-table, .pf-lk.pft-cos_chesterfield, .pft-cos_chesterfield.pf-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.pft-cos_aurora .pf-table, .pf-lk.pft-cos_aurora, .pft-cos_aurora.pf-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.pft-cos_lava .pf-table, .pf-lk.pft-cos_lava, .pft-cos_lava.pf-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.pft-cos_deco .pf-table, .pf-lk.pft-cos_deco, .pft-cos_deco.pf-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.pft-cos_carbon .pf-table, .pf-lk.pft-cos_carbon, .pft-cos_carbon.pf-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.pft-cos_sakura .pf-table, .pf-lk.pft-cos_sakura, .pft-cos_sakura.pf-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.dot-cos_velvet, .dot-cos_obsidian, .dot-cos_casino, .dot-cos_ocean, .dot-cos_walnut, .dot-cos_nebula, .dot-cos_chesterfield, .dot-cos_aurora, .dot-cos_lava, .dot-cos_deco, .dot-cos_carbon, .dot-cos_sakura { --t1: #2c7a55; --t2: #185638; --t3: #0d3624; --rim: #5a3a1c; --rim2: #2e1c0c; --glow: rgba(60,170,110,.25); }
.dot-cos_velvet .do-felt, .do-lk.dot-cos_velvet, .dot-cos_velvet.do-felt { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.dot-cos_obsidian .do-felt, .do-lk.dot-cos_obsidian, .dot-cos_obsidian.do-felt { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.dot-cos_casino .do-felt, .do-lk.dot-cos_casino, .dot-cos_casino.do-felt { background: var(--cos-t-casino) center / cover no-repeat !important; }
.dot-cos_ocean .do-felt, .do-lk.dot-cos_ocean, .dot-cos_ocean.do-felt { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.dot-cos_walnut .do-felt, .do-lk.dot-cos_walnut, .dot-cos_walnut.do-felt { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.dot-cos_nebula .do-felt, .do-lk.dot-cos_nebula, .dot-cos_nebula.do-felt { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.dot-cos_chesterfield .do-felt, .do-lk.dot-cos_chesterfield, .dot-cos_chesterfield.do-felt { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.dot-cos_aurora .do-felt, .do-lk.dot-cos_aurora, .dot-cos_aurora.do-felt { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.dot-cos_lava .do-felt, .do-lk.dot-cos_lava, .dot-cos_lava.do-felt { background: var(--cos-t-lava) center / cover no-repeat !important; }
.dot-cos_deco .do-felt, .do-lk.dot-cos_deco, .dot-cos_deco.do-felt { background: var(--cos-t-deco) center / cover no-repeat !important; }
.dot-cos_carbon .do-felt, .do-lk.dot-cos_carbon, .dot-cos_carbon.do-felt { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.dot-cos_sakura .do-felt, .do-lk.dot-cos_sakura, .dot-cos_sakura.do-felt { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.klt-cos_velvet, .klt-cos_obsidian, .klt-cos_casino, .klt-cos_ocean, .klt-cos_walnut, .klt-cos_nebula, .klt-cos_chesterfield, .klt-cos_aurora, .klt-cos_lava, .klt-cos_deco, .klt-cos_carbon, .klt-cos_sakura { --f1: #b9c6ae; --f2: #8a9e83; --ink: #1f2a1d; --mut: #4c5a48; --acc: #2f6b4f; --line: rgba(255,255,255,.38);
  --plate: rgba(255,255,255,.74); --plateb: rgba(255,255,255,.9); --pink: #1f2a1d; --pmut: #5f6b5b; --pan: #f4f6f1; --pan2: #e7ece3; --panb: #8a9e83; }
.klt-cos_velvet .kl-table, .kl-lk.klt-cos_velvet, .klt-cos_velvet.kl-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.klt-cos_obsidian .kl-table, .kl-lk.klt-cos_obsidian, .klt-cos_obsidian.kl-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.klt-cos_casino .kl-table, .kl-lk.klt-cos_casino, .klt-cos_casino.kl-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.klt-cos_ocean .kl-table, .kl-lk.klt-cos_ocean, .klt-cos_ocean.kl-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.klt-cos_walnut .kl-table, .kl-lk.klt-cos_walnut, .klt-cos_walnut.kl-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.klt-cos_nebula .kl-table, .kl-lk.klt-cos_nebula, .klt-cos_nebula.kl-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.klt-cos_chesterfield .kl-table, .kl-lk.klt-cos_chesterfield, .klt-cos_chesterfield.kl-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.klt-cos_aurora .kl-table, .kl-lk.klt-cos_aurora, .klt-cos_aurora.kl-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.klt-cos_lava .kl-table, .kl-lk.klt-cos_lava, .klt-cos_lava.kl-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.klt-cos_deco .kl-table, .kl-lk.klt-cos_deco, .klt-cos_deco.kl-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.klt-cos_carbon .kl-table, .kl-lk.klt-cos_carbon, .klt-cos_carbon.kl-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.klt-cos_sakura .kl-table, .kl-lk.klt-cos_sakura, .klt-cos_sakura.kl-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.lct-cos_velvet, .lct-cos_obsidian, .lct-cos_casino, .lct-cos_ocean, .lct-cos_walnut, .lct-cos_nebula, .lct-cos_chesterfield, .lct-cos_aurora, .lct-cos_lava, .lct-cos_deco, .lct-cos_carbon, .lct-cos_sakura { --f1: #3a2186; --f2: #150b3d; --f3: #08051c; --rim1: #8b6bff; --rim2: #2a1670; --glow: rgba(150,110,255,.35); }
.lct-cos_velvet .lc-felt, .lc-lk.lct-cos_velvet, .lct-cos_velvet.lc-felt { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.lct-cos_obsidian .lc-felt, .lc-lk.lct-cos_obsidian, .lct-cos_obsidian.lc-felt { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.lct-cos_casino .lc-felt, .lc-lk.lct-cos_casino, .lct-cos_casino.lc-felt { background: var(--cos-t-casino) center / cover no-repeat !important; }
.lct-cos_ocean .lc-felt, .lc-lk.lct-cos_ocean, .lct-cos_ocean.lc-felt { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.lct-cos_walnut .lc-felt, .lc-lk.lct-cos_walnut, .lct-cos_walnut.lc-felt { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.lct-cos_nebula .lc-felt, .lc-lk.lct-cos_nebula, .lct-cos_nebula.lc-felt { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.lct-cos_chesterfield .lc-felt, .lc-lk.lct-cos_chesterfield, .lct-cos_chesterfield.lc-felt { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.lct-cos_aurora .lc-felt, .lc-lk.lct-cos_aurora, .lct-cos_aurora.lc-felt { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.lct-cos_lava .lc-felt, .lc-lk.lct-cos_lava, .lct-cos_lava.lc-felt { background: var(--cos-t-lava) center / cover no-repeat !important; }
.lct-cos_deco .lc-felt, .lc-lk.lct-cos_deco, .lct-cos_deco.lc-felt { background: var(--cos-t-deco) center / cover no-repeat !important; }
.lct-cos_carbon .lc-felt, .lc-lk.lct-cos_carbon, .lct-cos_carbon.lc-felt { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.lct-cos_sakura .lc-felt, .lc-lk.lct-cos_sakura, .lct-cos_sakura.lc-felt { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.tnt-cos_velvet, .tnt-cos_obsidian, .tnt-cos_casino, .tnt-cos_ocean, .tnt-cos_walnut, .tnt-cos_nebula, .tnt-cos_chesterfield, .tnt-cos_aurora, .tnt-cos_lava, .tnt-cos_deco, .tnt-cos_carbon, .tnt-cos_sakura { --t1: #f1eee8; --t2: #e3ded4; --rim: #ffffff; --edge: #c9c1b2; --acc: #1f8f6a; --ink: #23262d;
  --tex: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22260%22%3E%3Cpolygon points=%2271.4,57.4 71.9,57.4 72.3,58.1 71.3,58.8 70.8,58.0%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2257.9,199.0 55.1,199.9 54.6,198.2 55.8,196.9 57.5,197.8%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22221.7,227.4 220.6,227.1 219.2,224.6 221.4,223.6 224.0,222.8 225.7,223.7 224.4,225.3 224.1,227.0%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22105.1,239.2 102.2,239.7 100.6,239.4 100.1,237.5 101.4,236.8 103.3,235.9 104.4,236.7 105.3,238.6%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2285.2,76.2 87.0,75.0 89.5,74.6 90.4,75.9 90.6,78.2 88.7,77.9%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%2281.6,15.9 79.2,16.6 77.7,15.2 79.0,13.4 81.8,14.2%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22136.6,31.6 135.6,32.9 133.8,32.3 133.1,30.9 134.4,29.3 135.9,30.7%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22112.6,109.0 113.4,109.6 112.9,110.5 112.4,110.9 111.4,110.6 111.2,110.0 111.5,109.7 112.2,109.3%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%2214.7,99.9 12.9,99.3 13.9,98.3 14.6,97.0 15.6,97.5 17.0,97.4 16.4,98.9 16.5,99.8%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22148.5,11.3 148.4,9.3 151.4,8.5 153.1,10.3 151.2,13.2%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22148.5,11.3 148.4,9.3 151.4,8.5 153.1,10.3 151.2,13.2%22 transform=%22translate%280 260%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2235.5,89.6 36.2,92.1 34.1,92.0 32.2,91.3 33.5,89.9%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2248.1,89.8 51.4,85.2 55.3,85.4 58.7,86.4 58.0,91.0 55.0,91.9 51.7,92.8%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22207.8,225.5 204.9,225.2 203.4,224.7 205.7,220.6 206.5,221.1 210.4,223.2 208.9,225.1%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22121.3,52.6 121.4,51.9 121.1,51.6 122.2,50.7 122.7,51.3 123.5,51.5 123.5,52.2 122.3,52.9%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2263.9,183.5 66.2,182.9 69.0,183.8 67.3,185.5 65.2,186.1%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22108.2,244.0 109.4,243.4 110.5,244.3 110.4,245.1 108.9,245.1 108.0,244.8%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2282.2,209.7 81.6,210.7 79.9,211.0 79.0,209.7 80.4,208.4 81.4,208.8%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22239.8,29.2 241.3,31.8 239.7,33.3 237.6,33.9 236.8,31.9 237.0,29.8%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22184.9,62.0 183.3,61.1 183.9,60.1 185.1,59.3 187.3,59.7 187.1,61.4 186.7,62.8%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22139.5,157.3 140.6,154.3 144.1,154.3 145.3,156.7 142.8,158.2 140.7,158.0%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%22198.2,99.5 196.5,99.1 196.1,98.2 197.3,97.7 197.6,97.5 198.9,97.8 199.2,98.8 198.6,99.5%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%2278.4,177.4 78.1,175.5 79.3,173.0 83.5,172.4 84.1,173.9 86.5,176.2 85.7,179.2 79.3,180.0%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22157.6,239.1 157.3,238.2 159.4,236.8 161.4,237.7 162.3,238.5 162.0,239.8 160.0,241.2 159.5,240.6%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22170.5,128.4 167.2,129.6 165.1,127.8 167.5,126.1 169.1,126.5%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2250.2,190.1 50.6,190.7 51.4,191.8 52.1,194.1 49.1,193.6 47.0,193.1 47.7,191.2%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2231.3,17.7 30.3,19.3 29.0,19.8 27.4,17.2 27.2,15.9 29.7,14.9 31.3,14.2 31.6,16.0%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2240.5,108.4 38.6,107.5 38.6,105.3 40.2,104.5 41.7,103.8 41.8,105.3 42.7,107.0 42.4,107.8%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%2220.9,9.3 22.8,8.8 23.1,9.4 22.7,11.6 21.1,11.9 19.3,11.3 19.0,10.0 19.7,9.8%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%2220.9,9.3 22.8,8.8 23.1,9.4 22.7,11.6 21.1,11.9 19.3,11.3 19.0,10.0 19.7,9.8%22 transform=%22translate%280 260%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22244.5,212.1 244.7,210.3 246.9,210.5 247.2,211.7 245.5,213.0%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22233.3,125.7 231.4,129.6 223.0,128.5 222.7,125.0 230.5,122.1%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22121.0,36.5 121.0,38.4 118.1,39.4 117.4,38.5 117.5,36.5 118.9,36.1%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22222.7,254.4 226.4,251.9 228.6,253.1 228.2,256.5 226.3,258.0 223.5,255.8%22 transform=%22translate%280 -260%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22222.7,254.4 226.4,251.9 228.6,253.1 228.2,256.5 226.3,258.0 223.5,255.8%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22222.3,251.7 224.1,247.0 230.1,250.3 231.1,255.2 227.1,255.1%22 transform=%22translate%280 -260%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%22222.3,251.7 224.1,247.0 230.1,250.3 231.1,255.2 227.1,255.1%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%22109.6,26.1 111.9,24.0 113.7,23.5 114.6,26.2 112.2,27.7%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2269.9,63.8 73.3,68.8 64.8,73.3 61.0,66.6 65.7,63.0%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%2276.1,257.4 74.9,256.5 74.4,253.2 75.3,252.2 77.6,251.2 80.0,252.6 79.8,255.4 78.8,256.6%22 transform=%22translate%280 -260%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2276.1,257.4 74.9,256.5 74.4,253.2 75.3,252.2 77.6,251.2 80.0,252.6 79.8,255.4 78.8,256.6%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22106.2,51.5 107.6,50.7 108.9,51.3 109.3,52.3 109.3,53.7 107.4,53.8 107.1,52.7%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%2269.7,99.8 68.0,101.6 66.4,101.6 65.8,98.9 67.9,97.2 68.7,96.7 70.9,98.4%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2242.1,105.7 42.1,108.4 40.8,110.1 37.3,109.3 38.3,106.8%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2256.7,166.6 55.4,167.5 53.7,166.5 54.5,165.1 55.9,164.8%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22170.7,7.4 170.9,6.5 171.7,5.9 173.2,6.3 172.9,7.7%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22170.7,7.4 170.9,6.5 171.7,5.9 173.2,6.3 172.9,7.7%22 transform=%22translate%280 260%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22167.9,7.2 169.3,7.7 168.4,8.5 167.5,9.6 166.4,9.0 165.3,8.4 165.7,6.9 167.4,6.6%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22167.9,7.2 169.3,7.7 168.4,8.5 167.5,9.6 166.4,9.0 165.3,8.4 165.7,6.9 167.4,6.6%22 transform=%22translate%280 260%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%22107.6,27.0 106.9,25.1 106.0,24.1 107.3,23.7 109.1,23.1 110.7,24.4 109.2,25.4 108.9,25.8%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2229.1,220.3 28.0,221.3 26.8,220.5 26.6,219.4 27.2,218.3 28.6,219.0 29.2,219.7%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2292.1,121.8 93.7,118.1 96.4,112.8 102.4,114.7 104.9,118.3 99.5,122.3%22 transform=%22translate%280 0%29%22 fill=%22%234d525b%22 fill-opacity=%220.45%22/%3E%3Cpolygon points=%2258.6,255.9 57.9,256.9 56.2,256.4 56.2,254.8 58.0,255.0%22 transform=%22translate%280 -260%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2258.6,255.9 57.9,256.9 56.2,256.4 56.2,254.8 58.0,255.0%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2218.7,80.6 19.2,80.1 21.5,79.4 22.2,80.3 22.0,82.2 21.0,82.6 19.8,82.8 17.9,82.0%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2239.1,29.1 37.5,29.0 35.6,26.6 37.3,24.8 39.0,24.2 39.5,25.8 40.3,27.0%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2215.2,100.2 10.8,100.7 3.9,99.7 3.5,94.6 7.1,93.4 9.6,89.9 15.4,94.7%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2215.2,100.2 10.8,100.7 3.9,99.7 3.5,94.6 7.1,93.4 9.6,89.9 15.4,94.7%22 transform=%22translate%28260 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22134.6,160.4 132.6,158.0 134.6,157.3 136.9,155.4 140.1,158.3 138.1,159.6 135.6,161.3%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22146.0,166.1 146.5,167.1 146.2,167.8 145.6,168.2 144.6,167.8 143.8,167.4 144.9,166.0%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22161.7,158.3 160.0,157.4 158.4,155.1 158.6,153.2 161.9,153.3 164.2,155.1%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2275.6,99.3 75.3,100.1 73.5,100.6 72.0,100.3 70.9,100.0 71.0,98.3 72.8,98.1 73.8,97.8%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22242.0,217.3 242.8,218.0 242.6,218.4 242.5,219.3 241.2,218.7 241.1,218.3 241.2,217.4%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22138.9,163.3 140.6,163.4 141.1,164.9 139.8,166.4 138.1,165.9 137.6,163.9%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%22191.7,164.3 189.8,165.1 189.4,163.8 188.6,162.5 189.6,161.6 191.3,162.3 192.2,163.5%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22202.4,226.4 201.1,226.1 201.1,224.9 202.9,224.1 203.9,223.7 204.4,224.8 204.2,225.9%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2289.3,9.5 90.7,8.9 93.7,9.8 94.4,10.9 92.2,12.3 90.2,12.8 89.8,11.8%22 transform=%22translate%280 0%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%2289.3,9.5 90.7,8.9 93.7,9.8 94.4,10.9 92.2,12.3 90.2,12.8 89.8,11.8%22 transform=%22translate%280 260%29%22 fill=%22%23d3b47c%22 fill-opacity=%220.6%22/%3E%3Cpolygon points=%22148.4,140.0 147.1,139.1 146.2,137.3 147.7,135.5 150.6,136.6 150.8,136.5 151.5,139.8 149.3,140.3%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%22221.9,183.5 224.3,183.9 223.1,186.9 220.4,187.2 217.8,186.4 219.0,182.7%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2222.1,125.3 18.0,124.3 13.0,122.7 15.3,120.2 15.9,115.9 20.8,118.5 23.6,122.0%22 transform=%22translate%280 0%29%22 fill=%22%23ffffff%22 fill-opacity=%220.9%22/%3E%3Cpolygon points=%2244.9,246.7 42.8,245.7 41.2,245.5 42.8,243.7 44.7,243.8 46.1,244.9%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%2278.7,20.5 76.1,21.2 75.7,17.8 77.9,17.2 78.9,18.3%22 transform=%22translate%280 0%29%22 fill=%22%238b95a6%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22106.3,160.3 102.2,162.5 96.9,164.0 96.3,160.7 96.8,157.4 99.7,156.1%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22140.9,221.2 139.9,221.4 138.4,221.3 137.5,220.2 138.3,219.0 139.1,218.5 140.9,219.4 141.4,220.4%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22121.0,122.3 118.6,118.3 121.4,114.1 125.4,113.8 130.4,119.4 125.3,124.1%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22170.3,251.7 172.0,251.9 171.4,253.2 170.9,253.5 169.4,253.9 168.7,251.7%22 transform=%22translate%280 -260%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22170.3,251.7 172.0,251.9 171.4,253.2 170.9,253.5 169.4,253.9 168.7,251.7%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%22133.0,145.8 133.4,144.3 135.7,143.5 136.5,145.1 136.8,146.2 136.3,147.0 134.2,147.5 132.0,146.6%22 transform=%22translate%280 0%29%22 fill=%22%23b8694a%22 fill-opacity=%220.55%22/%3E%3Cpolygon points=%22234.7,102.5 234.3,103.7 233.4,104.1 230.8,104.2 230.6,102.8 231.4,101.0 233.6,101.5%22 transform=%22translate%280 0%29%22 fill=%22%23a9b9a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2232.8,251.5 32.6,250.1 35.9,248.5 37.9,249.6 38.0,252.4 35.4,252.6%22 transform=%22translate%280 -260%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3Cpolygon points=%2232.8,251.5 32.6,250.1 35.9,248.5 37.9,249.6 38.0,252.4 35.4,252.6%22 transform=%22translate%280 0%29%22 fill=%22%23c9a6a0%22 fill-opacity=%220.5%22/%3E%3C/svg%3E") 0 0 / 260px 260px; }
.tnt-cos_velvet .tn-table, .tn-lk.tnt-cos_velvet, .tnt-cos_velvet.tn-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.tnt-cos_obsidian .tn-table, .tn-lk.tnt-cos_obsidian, .tnt-cos_obsidian.tn-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.tnt-cos_casino .tn-table, .tn-lk.tnt-cos_casino, .tnt-cos_casino.tn-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.tnt-cos_ocean .tn-table, .tn-lk.tnt-cos_ocean, .tnt-cos_ocean.tn-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.tnt-cos_walnut .tn-table, .tn-lk.tnt-cos_walnut, .tnt-cos_walnut.tn-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.tnt-cos_nebula .tn-table, .tn-lk.tnt-cos_nebula, .tnt-cos_nebula.tn-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.tnt-cos_chesterfield .tn-table, .tn-lk.tnt-cos_chesterfield, .tnt-cos_chesterfield.tn-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.tnt-cos_aurora .tn-table, .tn-lk.tnt-cos_aurora, .tnt-cos_aurora.tn-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.tnt-cos_lava .tn-table, .tn-lk.tnt-cos_lava, .tnt-cos_lava.tn-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.tnt-cos_deco .tn-table, .tn-lk.tnt-cos_deco, .tnt-cos_deco.tn-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.tnt-cos_carbon .tn-table, .tn-lk.tnt-cos_carbon, .tnt-cos_carbon.tn-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.tnt-cos_sakura .tn-table, .tn-lk.tnt-cos_sakura, .tnt-cos_sakura.tn-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.tct-cos_velvet, .tct-cos_obsidian, .tct-cos_casino, .tct-cos_ocean, .tct-cos_walnut, .tct-cos_nebula, .tct-cos_chesterfield, .tct-cos_aurora, .tct-cos_lava, .tct-cos_deco, .tct-cos_carbon, .tct-cos_sakura { --f1: #a3212c; --f2: #4a0a10; --gold: #e2b85c; --gold2: #ffe3a1; --ink: #fff4e4; --mut: #f0c9b8;
  --plate: rgba(40,6,10,.62); --plateb: rgba(226,184,92,.45); --pink: #fff4e4; --pmut: #f0c9b8; --pan: #2b0a0e; --pan2: #431218; --panb: #e2b85c; --acc: #ffd77a; }
.tct-cos_velvet .tc-table, .tc-lk.tct-cos_velvet, .tct-cos_velvet.tc-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.tct-cos_obsidian .tc-table, .tc-lk.tct-cos_obsidian, .tct-cos_obsidian.tc-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.tct-cos_casino .tc-table, .tc-lk.tct-cos_casino, .tct-cos_casino.tc-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.tct-cos_ocean .tc-table, .tc-lk.tct-cos_ocean, .tct-cos_ocean.tc-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.tct-cos_walnut .tc-table, .tc-lk.tct-cos_walnut, .tct-cos_walnut.tc-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.tct-cos_nebula .tc-table, .tc-lk.tct-cos_nebula, .tct-cos_nebula.tc-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.tct-cos_chesterfield .tc-table, .tc-lk.tct-cos_chesterfield, .tct-cos_chesterfield.tc-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.tct-cos_aurora .tc-table, .tc-lk.tct-cos_aurora, .tct-cos_aurora.tc-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.tct-cos_lava .tc-table, .tc-lk.tct-cos_lava, .tct-cos_lava.tc-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.tct-cos_deco .tc-table, .tc-lk.tct-cos_deco, .tct-cos_deco.tc-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.tct-cos_carbon .tc-table, .tc-lk.tct-cos_carbon, .tct-cos_carbon.tc-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.tct-cos_sakura .tc-table, .tc-lk.tct-cos_sakura, .tct-cos_sakura.tc-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.blt-cos_velvet, .blt-cos_obsidian, .blt-cos_casino, .blt-cos_ocean, .blt-cos_walnut, .blt-cos_nebula, .blt-cos_chesterfield, .blt-cos_aurora, .blt-cos_lava, .blt-cos_deco, .blt-cos_carbon, .blt-cos_sakura { --f1: #23604f; --f2: #0c2a23; --brass: #c9a24e; --brass2: #f0d58e; --ink: #f4ecd8; --mut: #b8c9bf;
  --plate: rgba(9,30,25,.62); --plateb: rgba(201,162,78,.42); --pink: #f4ecd8; --pmut: #b8c9bf; --pan: #0f2a24; --pan2: #173a32; --panb: #c9a24e; --acc: #d4b062; }
.blt-cos_velvet .bl-table, .bl-lk.blt-cos_velvet, .blt-cos_velvet.bl-table { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.blt-cos_obsidian .bl-table, .bl-lk.blt-cos_obsidian, .blt-cos_obsidian.bl-table { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.blt-cos_casino .bl-table, .bl-lk.blt-cos_casino, .blt-cos_casino.bl-table { background: var(--cos-t-casino) center / cover no-repeat !important; }
.blt-cos_ocean .bl-table, .bl-lk.blt-cos_ocean, .blt-cos_ocean.bl-table { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.blt-cos_walnut .bl-table, .bl-lk.blt-cos_walnut, .blt-cos_walnut.bl-table { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.blt-cos_nebula .bl-table, .bl-lk.blt-cos_nebula, .blt-cos_nebula.bl-table { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.blt-cos_chesterfield .bl-table, .bl-lk.blt-cos_chesterfield, .blt-cos_chesterfield.bl-table { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.blt-cos_aurora .bl-table, .bl-lk.blt-cos_aurora, .blt-cos_aurora.bl-table { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.blt-cos_lava .bl-table, .bl-lk.blt-cos_lava, .blt-cos_lava.bl-table { background: var(--cos-t-lava) center / cover no-repeat !important; }
.blt-cos_deco .bl-table, .bl-lk.blt-cos_deco, .blt-cos_deco.bl-table { background: var(--cos-t-deco) center / cover no-repeat !important; }
.blt-cos_carbon .bl-table, .bl-lk.blt-cos_carbon, .blt-cos_carbon.bl-table { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.blt-cos_sakura .bl-table, .bl-lk.blt-cos_sakura, .blt-cos_sakura.bl-table { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.sot-cos_velvet, .sot-cos_obsidian, .sot-cos_casino, .sot-cos_ocean, .sot-cos_walnut, .sot-cos_nebula, .sot-cos_chesterfield, .sot-cos_aurora, .sot-cos_lava, .sot-cos_deco, .sot-cos_carbon, .sot-cos_sakura { --sky: radial-gradient(ellipse 55% 60% at 18% 28%, rgba(150,70,255,.42), transparent 70%), radial-gradient(ellipse 50% 55% at 82% 72%, rgba(40,110,255,.38), transparent 70%),
    radial-gradient(ellipse 40% 35% at 62% 18%, rgba(255,60,170,.22), transparent 70%), linear-gradient(160deg, #0b0a24, #05060f);
  --edge: rgba(170,130,255,.5); --glow: rgba(140,90,255,.35); --slot: rgba(200,180,255,.32); --ink: rgba(225,215,255,.8); }
.sot-cos_velvet .so-felt, .so-lk.sot-cos_velvet, .sot-cos_velvet.so-felt { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.sot-cos_obsidian .so-felt, .so-lk.sot-cos_obsidian, .sot-cos_obsidian.so-felt { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.sot-cos_casino .so-felt, .so-lk.sot-cos_casino, .sot-cos_casino.so-felt { background: var(--cos-t-casino) center / cover no-repeat !important; }
.sot-cos_ocean .so-felt, .so-lk.sot-cos_ocean, .sot-cos_ocean.so-felt { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.sot-cos_walnut .so-felt, .so-lk.sot-cos_walnut, .sot-cos_walnut.so-felt { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.sot-cos_nebula .so-felt, .so-lk.sot-cos_nebula, .sot-cos_nebula.so-felt { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.sot-cos_chesterfield .so-felt, .so-lk.sot-cos_chesterfield, .sot-cos_chesterfield.so-felt { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.sot-cos_aurora .so-felt, .so-lk.sot-cos_aurora, .sot-cos_aurora.so-felt { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.sot-cos_lava .so-felt, .so-lk.sot-cos_lava, .sot-cos_lava.so-felt { background: var(--cos-t-lava) center / cover no-repeat !important; }
.sot-cos_deco .so-felt, .so-lk.sot-cos_deco, .sot-cos_deco.so-felt { background: var(--cos-t-deco) center / cover no-repeat !important; }
.sot-cos_carbon .so-felt, .so-lk.sot-cos_carbon, .sot-cos_carbon.so-felt { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.sot-cos_sakura .so-felt, .so-lk.sot-cos_sakura, .sot-cos_sakura.so-felt { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.brt-cos_velvet, .brt-cos_obsidian, .brt-cos_casino, .brt-cos_ocean, .brt-cos_walnut, .brt-cos_nebula, .brt-cos_chesterfield, .brt-cos_aurora, .brt-cos_lava, .brt-cos_deco, .brt-cos_carbon, .brt-cos_sakura { --f1: #1f63ad; --f2: #0f3c75; --f3: #07234a; --rim1: #f6f3ec; --rim2: #c9d2de; --rimd: #6f7f96; --mea: rgba(255,255,255,.5);
  --zone: rgba(3,18,44,.34); --zone-b: rgba(255,255,255,.14); --ink: #eef5ff; --soft: rgba(225,238,255,.72); --gold: #ffd866; --motto: rgba(255,255,255,.07); }
.brt-cos_velvet .br-felt, .lkp-felt.brt-cos_velvet, .brt-cos_velvet.br-felt { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.brt-cos_obsidian .br-felt, .lkp-felt.brt-cos_obsidian, .brt-cos_obsidian.br-felt { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.brt-cos_casino .br-felt, .lkp-felt.brt-cos_casino, .brt-cos_casino.br-felt { background: var(--cos-t-casino) center / cover no-repeat !important; }
.brt-cos_ocean .br-felt, .lkp-felt.brt-cos_ocean, .brt-cos_ocean.br-felt { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.brt-cos_walnut .br-felt, .lkp-felt.brt-cos_walnut, .brt-cos_walnut.br-felt { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.brt-cos_nebula .br-felt, .lkp-felt.brt-cos_nebula, .brt-cos_nebula.br-felt { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.brt-cos_chesterfield .br-felt, .lkp-felt.brt-cos_chesterfield, .brt-cos_chesterfield.br-felt { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.brt-cos_aurora .br-felt, .lkp-felt.brt-cos_aurora, .brt-cos_aurora.br-felt { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.brt-cos_lava .br-felt, .lkp-felt.brt-cos_lava, .brt-cos_lava.br-felt { background: var(--cos-t-lava) center / cover no-repeat !important; }
.brt-cos_deco .br-felt, .lkp-felt.brt-cos_deco, .brt-cos_deco.br-felt { background: var(--cos-t-deco) center / cover no-repeat !important; }
.brt-cos_carbon .br-felt, .lkp-felt.brt-cos_carbon, .brt-cos_carbon.br-felt { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.brt-cos_sakura .br-felt, .lkp-felt.brt-cos_sakura, .brt-cos_sakura.br-felt { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.sdt-cos_velvet, .sdt-cos_obsidian, .sdt-cos_casino, .sdt-cos_ocean, .sdt-cos_walnut, .sdt-cos_nebula, .sdt-cos_chesterfield, .sdt-cos_aurora, .sdt-cos_lava, .sdt-cos_deco, .sdt-cos_carbon, .sdt-cos_sakura { --desk: radial-gradient(ellipse 70% 55% at 28% 18%, rgba(255,214,160,.16), transparent 70%),
    repeating-linear-gradient(91deg, rgba(0,0,0,0) 0 6px, rgba(0,0,0,.08) 6px 7px, rgba(255,235,200,.035) 7px 15px),
    repeating-linear-gradient(88.5deg, rgba(50,20,5,.22) 0 2px, transparent 2px 27px), linear-gradient(160deg, #6e4020, #4b2812 55%, #2c1609);
  --paper: radial-gradient(ellipse 90% 80% at 25% 15%, #fffdf6, #f7efdc 60%, #ecdfc2); --grain: rgba(120,90,40,.035);
  --rim: #3a2412; --line: rgba(92,70,40,.32); --thick: #3c2a17; --hl: rgba(205,150,60,.27); --sel: rgba(222,174,64,.42); --same: rgba(31,79,160,.16);
  --gc: #24170b; --mc: #1f4fa0; --hc: #a8730f; --notec: #6a6458; --bad: #c8102e; --badbg: rgba(200,16,46,.13); --glow: rgba(255,214,140,.7); }
.sdt-cos_velvet .sd-felt, .sd-lk.sdt-cos_velvet, .sdt-cos_velvet.sd-felt { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.sdt-cos_obsidian .sd-felt, .sd-lk.sdt-cos_obsidian, .sdt-cos_obsidian.sd-felt { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.sdt-cos_casino .sd-felt, .sd-lk.sdt-cos_casino, .sdt-cos_casino.sd-felt { background: var(--cos-t-casino) center / cover no-repeat !important; }
.sdt-cos_ocean .sd-felt, .sd-lk.sdt-cos_ocean, .sdt-cos_ocean.sd-felt { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.sdt-cos_walnut .sd-felt, .sd-lk.sdt-cos_walnut, .sdt-cos_walnut.sd-felt { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.sdt-cos_nebula .sd-felt, .sd-lk.sdt-cos_nebula, .sdt-cos_nebula.sd-felt { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.sdt-cos_chesterfield .sd-felt, .sd-lk.sdt-cos_chesterfield, .sdt-cos_chesterfield.sd-felt { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.sdt-cos_aurora .sd-felt, .sd-lk.sdt-cos_aurora, .sdt-cos_aurora.sd-felt { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.sdt-cos_lava .sd-felt, .sd-lk.sdt-cos_lava, .sdt-cos_lava.sd-felt { background: var(--cos-t-lava) center / cover no-repeat !important; }
.sdt-cos_deco .sd-felt, .sd-lk.sdt-cos_deco, .sdt-cos_deco.sd-felt { background: var(--cos-t-deco) center / cover no-repeat !important; }
.sdt-cos_carbon .sd-felt, .sd-lk.sdt-cos_carbon, .sdt-cos_carbon.sd-felt { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.sdt-cos_sakura .sd-felt, .sd-lk.sdt-cos_sakura, .sdt-cos_sakura.sd-felt { background: var(--cos-t-sakura) center / cover no-repeat !important; }
.felt.tf-cos_velvet, .p10-felt.tf-cos_velvet, .lkp-tf.tf-cos_velvet { background: var(--cos-t-velvet) center / cover no-repeat !important; }
.felt.tf-cos_obsidian, .p10-felt.tf-cos_obsidian, .lkp-tf.tf-cos_obsidian { background: var(--cos-t-obsidian) center / cover no-repeat !important; }
.felt.tf-cos_casino, .p10-felt.tf-cos_casino, .lkp-tf.tf-cos_casino { background: var(--cos-t-casino) center / cover no-repeat !important; }
.felt.tf-cos_ocean, .p10-felt.tf-cos_ocean, .lkp-tf.tf-cos_ocean { background: var(--cos-t-ocean) center / cover no-repeat !important; }
.felt.tf-cos_walnut, .p10-felt.tf-cos_walnut, .lkp-tf.tf-cos_walnut { background: var(--cos-t-walnut) center / cover no-repeat !important; }
.felt.tf-cos_nebula, .p10-felt.tf-cos_nebula, .lkp-tf.tf-cos_nebula { background: var(--cos-t-nebula) center / cover no-repeat !important; }
.felt.tf-cos_chesterfield, .p10-felt.tf-cos_chesterfield, .lkp-tf.tf-cos_chesterfield { background: var(--cos-t-chesterfield) center / cover no-repeat !important; }
.felt.tf-cos_aurora, .p10-felt.tf-cos_aurora, .lkp-tf.tf-cos_aurora { background: var(--cos-t-aurora) center / cover no-repeat !important; }
.felt.tf-cos_lava, .p10-felt.tf-cos_lava, .lkp-tf.tf-cos_lava { background: var(--cos-t-lava) center / cover no-repeat !important; }
.felt.tf-cos_deco, .p10-felt.tf-cos_deco, .lkp-tf.tf-cos_deco { background: var(--cos-t-deco) center / cover no-repeat !important; }
.felt.tf-cos_carbon, .p10-felt.tf-cos_carbon, .lkp-tf.tf-cos_carbon { background: var(--cos-t-carbon) center / cover no-repeat !important; }
.felt.tf-cos_sakura, .p10-felt.tf-cos_sakura, .lkp-tf.tf-cos_sakura { background: var(--cos-t-sakura) center / cover no-repeat !important; }
body[data-cos-table]:is(.game-tavli, .game-ludo, .game-chess, .game-ntama, .game-reversi, .game-naumachia, .game-ploutos, .game-zygos)[data-page="table"] { background: var(--cos-table) center / cover fixed no-repeat; }
body[data-cos-table]:is(.game-tavli, .game-ludo, .game-chess, .game-ntama, .game-reversi, .game-naumachia, .game-ploutos, .game-zygos)[data-page="table"] > .bg { opacity: 0; }
.cosd-gold, .cosd-cos_gold, .tvd-cos_gold, .ldd-cos_gold, .pud-cos_gold { --cdf: radial-gradient(120% 120% at 30% 22%, #fff7d0 0%, #f6cf5e 38%, #c8921f 72%, #7d540a 100%); --cdc: #9a6a12; --cdp: radial-gradient(circle at 42% 36%, #4a3608, #160e01 70%); --cdpt: #1c1202; --cde: rgba(255,240,180,.55); }
.cosd-crystal, .cosd-cos_crystal, .tvd-cos_crystal, .ldd-cos_crystal, .pud-cos_crystal { --cdf: linear-gradient(150deg, rgba(240,251,255,.97) 0%, rgba(176,224,250,.9) 40%, rgba(96,164,226,.92) 78%, rgba(52,110,180,.95) 100%); --cdc: #5f9cd0; --cdp: radial-gradient(circle at 40% 35%, #ffffff, #dff3ff 55%, #8fc6ef); --cdpt: #f4fbff; --cde: rgba(255,255,255,.75); }
.cosd-ruby, .cosd-cos_ruby, .tvd-cos_ruby, .ldd-cos_ruby, .pud-cos_ruby { --cdf: radial-gradient(120% 120% at 30% 22%, #ff9aa8 0%, #e3274a 40%, #a80d2a 74%, #5c0414 100%); --cdc: #7d0a1e; --cdp: radial-gradient(circle at 40% 35%, #fff4c8, #e8b850 55%, #8d6620); --cdpt: #f3cf6e; --cde: rgba(255,200,210,.45); }
.cosd-obsidian, .cosd-cos_obsidian, .tvd-cos_obsidian, .ldd-cos_obsidian, .pud-cos_obsidian { --cdf: radial-gradient(120% 120% at 30% 22%, #5a5866 0%, #24232c 42%, #0d0c12 78%, #040306 100%); --cdc: #0b0a0f; --cdp: radial-gradient(circle at 40% 35%, #fff4c8, #e8b850 55%, #8d6620); --cdpt: #e8b850; --cde: rgba(232,184,80,.5); }
.cosd-jade, .cosd-cos_jade, .tvd-cos_jade, .ldd-cos_jade, .pud-cos_jade { --cdf: radial-gradient(120% 120% at 30% 22%, #c4f7da 0%, #4cc489 36%, #1d8655 70%, #0b4a2c 100%); --cdc: #135e3a; --cdp: radial-gradient(circle at 40% 35%, #ffffff, #f2ead2 60%, #c9bd96); --cdpt: #f6f0dc; --cde: rgba(220,255,236,.5); }
.cosd-pearl, .cosd-cos_pearl, .tvd-cos_pearl, .ldd-cos_pearl, .pud-cos_pearl { --cdf: radial-gradient(120% 120% at 28% 20%, #ffffff 0%, #f6f1ff 30%, #e4dcf6 58%, #c9c0e2 82%, #a99fc8 100%); --cdc: #cbc3e2; --cdp: radial-gradient(circle at 40% 35%, #4a5bb0, #18205a 70%); --cdpt: #1d2766; --cde: rgba(255,255,255,.85); }
.cosd-sapphire, .cosd-cos_sapphire, .tvd-cos_sapphire, .ldd-cos_sapphire, .pud-cos_sapphire { --cdf: radial-gradient(120% 120% at 30% 22%, #9cc4ff 0%, #2f6be0 40%, #1739a0 74%, #0a1c5a 100%); --cdc: #12307e; --cdp: radial-gradient(circle at 40% 35%, #ffffff, #dfe8ff 60%, #9fb4e6); --cdpt: #f2f6ff; --cde: rgba(190,215,255,.55); }
.cosd-emerald, .cosd-cos_emerald, .tvd-cos_emerald, .ldd-cos_emerald, .pud-cos_emerald { --cdf: radial-gradient(120% 120% at 30% 22%, #a6f0c4 0%, #1fb06a 40%, #0d7a45 74%, #04401f 100%); --cdc: #0a5a32; --cdp: radial-gradient(circle at 40% 35%, #fff4c8, #e8b850 55%, #8d6620); --cdpt: #f0c95c; --cde: rgba(190,255,215,.5); }
.cosd-amethyst, .cosd-cos_amethyst, .tvd-cos_amethyst, .ldd-cos_amethyst, .pud-cos_amethyst { --cdf: radial-gradient(120% 120% at 30% 22%, #e2c2ff 0%, #9b4fe6 40%, #6a22b8 74%, #36095e 100%); --cdc: #5a1a9a; --cdp: radial-gradient(circle at 40% 35%, #ffffff, #f0e4ff 60%, #c7a8ec); --cdpt: #faf4ff; --cde: rgba(230,200,255,.55); }
.cosd-marble, .cosd-cos_marble, .tvd-cos_marble, .ldd-cos_marble, .pud-cos_marble { --cdf: radial-gradient(120% 120% at 30% 22%, #ffffff 0%, #f1ede4 45%, #d8d1c2 80%, #b9b09c 100%); --cdc: #d8d1c2; --cdp: radial-gradient(circle at 40% 35%, #fff4c8, #d9a83a 55%, #7d5410); --cdpt: #b8862a; --cde: rgba(255,255,255,.9); }
.cosd-neon, .cosd-cos_neon, .tvd-cos_neon, .ldd-cos_neon, .pud-cos_neon { --cdf: radial-gradient(120% 120% at 30% 22%, #2a2d36 0%, #14161c 50%, #07080b 100%); --cdc: #0a0b0e; --cdp: radial-gradient(circle, #e9fdff 0%, #3ce4ff 45%, rgba(60,228,255,.15) 100%); --cdpt: #3ce4ff; --cde: rgba(60,228,255,.65); }
.cosd-rosegold, .cosd-cos_rosegold, .tvd-cos_rosegold, .ldd-cos_rosegold, .pud-cos_rosegold { --cdf: radial-gradient(120% 120% at 30% 22%, #ffe4dc 0%, #f2b0a0 38%, #c87866 72%, #864535 100%); --cdc: #a85e4e; --cdp: radial-gradient(circle at 40% 35%, #5a2a20, #200b07 70%); --cdpt: #3a160f; --cde: rgba(255,225,215,.6); }
[class*="tvd-cos_"] { --df: var(--cdf); --dp: var(--cdpt); --de: var(--cde); --dsh: rgba(0,0,0,.42); }
[class*="ldd-cos_"] .ld-f, [class*="pud-cos_"] .pu-f { background: var(--cdf) !important; }
[class*="ldd-cos_"] .ld-core, [class*="pud-cos_"] .pu-core { background: var(--cdc) !important; }
[class*="ldd-cos_"] .ld-f i.on, [class*="pud-cos_"] .pu-f i.on, [class*="pud-cos_"] .pu-f.f1 i.on { background: var(--cdp) !important; }
.tvc-cos_marble, .cosk-marble { --c0h: #ffffff; --c0: #f3f1ec; --c0e: #d2cdc3; --c0r: #8f887c; --c0n: #2a2622; --c1h: #5e5e63; --c1: #17171a; --c1e: #09090b; --c1r: #000000; --c1n: #f3f1ec; }
.ntp-cos_marble { --a1: #f3f1ec; --a2: #d2cdc3; --a3: #8f887c; --an: color-mix(in srgb, #2a2622 45%, transparent); --b1: #17171a; --b2: #09090b; --b3: #000000; --bn: color-mix(in srgb, #f3f1ec 40%, transparent); --crown: #e2b553; }
.rvd-cos_marble { --lt: #f3f1ec; --lth: #ffffff; --lte: #8f887c; --dk: #17171a; --dkh: #5e5e63; --dke: #000000; }
.tvc-cos_marble .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), repeating-linear-gradient(118deg, rgba(90,80,70,0) 0 9%, rgba(90,80,70,.2) 9.6% 10.3%, rgba(90,80,70,0) 11% 23%), repeating-linear-gradient(34deg, rgba(90,80,70,0) 0 14%, rgba(90,80,70,.12) 14.5% 15%, rgba(90,80,70,0) 15.6% 31%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_marble .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), repeating-linear-gradient(118deg, rgba(255,255,255,0) 0 9%, rgba(255,255,255,.2) 9.6% 10.3%, rgba(255,255,255,0) 11% 23%), repeating-linear-gradient(34deg, rgba(255,255,255,0) 0 14%, rgba(230,200,140,.18) 14.5% 15%, rgba(255,255,255,0) 15.6% 31%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_amber, .cosk-amber { --c0h: #ffd98a; --c0: #e8941c; --c0e: #a85d08; --c0r: #4a2400; --c0n: #3a1d00; --c1h: #5f6474; --c1: #1d1e24; --c1e: #0b0b0e; --c1r: #000000; --c1n: #f0e6d2; }
.ntp-cos_amber { --a1: #e8941c; --a2: #a85d08; --a3: #4a2400; --an: color-mix(in srgb, #3a1d00 45%, transparent); --b1: #1d1e24; --b2: #0b0b0e; --b3: #000000; --bn: color-mix(in srgb, #f0e6d2 40%, transparent); --crown: #f5d27a; }
.rvd-cos_amber { --lt: #e8941c; --lth: #ffd98a; --lte: #4a2400; --dk: #1d1e24; --dkh: #5f6474; --dke: #000000; }
.tvc-cos_amber .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), radial-gradient(circle at 38% 34%, rgba(255,240,190,.45), rgba(255,240,190,0) 38%), radial-gradient(circle at 64% 70%, rgba(120,40,0,.28), rgba(120,40,0,0) 44%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_amber .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), repeating-radial-gradient(circle at 30% 35%, rgba(255,255,255,0) 0 10%, rgba(255,255,255,.07) 11% 12%, rgba(255,255,255,0) 13% 20%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_gold, .cosk-gold { --c0h: #fff4c6; --c0: #e8bc4c; --c0e: #b0811c; --c0r: #5a3e07; --c0n: #3a2604; --c1h: #a3abb7; --c1: #2c2f36; --c1e: #121418; --c1r: #000000; --c1n: #ececf1; }
.ntp-cos_gold { --a1: #e8bc4c; --a2: #b0811c; --a3: #5a3e07; --an: color-mix(in srgb, #3a2604 45%, transparent); --b1: #2c2f36; --b2: #121418; --b3: #000000; --bn: color-mix(in srgb, #ececf1 40%, transparent); --crown: #fff1b0; }
.rvd-cos_gold { --lt: #e8bc4c; --lth: #fff4c6; --lte: #5a3e07; --dk: #2c2f36; --dkh: #a3abb7; --dke: #000000; }
.tvc-cos_gold .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 20deg, rgba(255,255,255,.28), rgba(255,255,255,0) 12%, rgba(0,0,0,.12) 25%, rgba(255,255,255,.22) 38%, rgba(255,255,255,0) 52%, rgba(0,0,0,.14) 66%, rgba(255,255,255,.26) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,.28)), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_gold .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 20deg, rgba(255,255,255,.28), rgba(255,255,255,0) 12%, rgba(0,0,0,.12) 25%, rgba(255,255,255,.22) 38%, rgba(255,255,255,0) 52%, rgba(0,0,0,.14) 66%, rgba(255,255,255,.26) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,.28)), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_emerald, .cosk-emerald { --c0h: #ffffff; --c0: #eef0f3; --c0e: #c3c9d2; --c0r: #79818f; --c0n: #1d2a2a; --c1h: #7ff2c2; --c1: #0f8a5f; --c1e: #075c3e; --c1r: #022a1c; --c1n: #e9fff6; }
.ntp-cos_emerald { --a1: #eef0f3; --a2: #c3c9d2; --a3: #79818f; --an: color-mix(in srgb, #1d2a2a 45%, transparent); --b1: #0f8a5f; --b2: #075c3e; --b3: #022a1c; --bn: color-mix(in srgb, #e9fff6 40%, transparent); --crown: #e8c262; }
.rvd-cos_emerald { --lt: #eef0f3; --lth: #ffffff; --lte: #79818f; --dk: #0f8a5f; --dkh: #7ff2c2; --dke: #022a1c; }
.tvc-cos_emerald .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 20deg, rgba(255,255,255,.28), rgba(255,255,255,0) 12%, rgba(0,0,0,.12) 25%, rgba(255,255,255,.22) 38%, rgba(255,255,255,0) 52%, rgba(0,0,0,.14) 66%, rgba(255,255,255,.26) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,.28)), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_emerald .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 0deg, rgba(255,255,255,.22) 0 12.5%, rgba(0,0,0,.12) 12.5% 25%, rgba(255,255,255,.12) 25% 37.5%, rgba(0,0,0,.18) 37.5% 50%, rgba(255,255,255,.2) 50% 62.5%, rgba(0,0,0,.1) 62.5% 75%, rgba(255,255,255,.16) 75% 87.5%, rgba(0,0,0,.14) 87.5% 100%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_ruby, .cosk-ruby { --c0h: #ff8796; --c0: #c8102e; --c0e: #8a0a1f; --c0r: #3f030c; --c0n: #ffffff; --c1h: #9cbcff; --c1: #1f4fc9; --c1e: #11307f; --c1r: #050f33; --c1n: #ffffff; }
.ntp-cos_ruby { --a1: #c8102e; --a2: #8a0a1f; --a3: #3f030c; --an: color-mix(in srgb, #ffffff 45%, transparent); --b1: #1f4fc9; --b2: #11307f; --b3: #050f33; --bn: color-mix(in srgb, #ffffff 40%, transparent); --crown: #f2cf6b; }
.rvd-cos_ruby { --lt: #c8102e; --lth: #ff8796; --lte: #3f030c; --dk: #1f4fc9; --dkh: #9cbcff; --dke: #050f33; }
.tvc-cos_ruby .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 0deg, rgba(255,255,255,.22) 0 12.5%, rgba(0,0,0,.12) 12.5% 25%, rgba(255,255,255,.12) 25% 37.5%, rgba(0,0,0,.18) 37.5% 50%, rgba(255,255,255,.2) 50% 62.5%, rgba(0,0,0,.1) 62.5% 75%, rgba(255,255,255,.16) 75% 87.5%, rgba(0,0,0,.14) 87.5% 100%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_ruby .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), conic-gradient(from 0deg, rgba(255,255,255,.22) 0 12.5%, rgba(0,0,0,.12) 12.5% 25%, rgba(255,255,255,.12) 25% 37.5%, rgba(0,0,0,.18) 37.5% 50%, rgba(255,255,255,.2) 50% 62.5%, rgba(0,0,0,.1) 62.5% 75%, rgba(255,255,255,.16) 75% 87.5%, rgba(0,0,0,.14) 87.5% 100%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_walnut, .cosk-walnut { --c0h: #fbe7c0; --c0: #e6c58f; --c0e: #b98a4e; --c0r: #6b4a20; --c0n: #4a2e10; --c1h: #a07050; --c1: #5a3420; --c1e: #3a1f10; --c1r: #160903; --c1n: #f0d9b5; }
.ntp-cos_walnut { --a1: #e6c58f; --a2: #b98a4e; --a3: #6b4a20; --an: color-mix(in srgb, #4a2e10 45%, transparent); --b1: #5a3420; --b2: #3a1f10; --b3: #160903; --bn: color-mix(in srgb, #f0d9b5 40%, transparent); --crown: #e2b553; }
.rvd-cos_walnut { --lt: #e6c58f; --lth: #fbe7c0; --lte: #6b4a20; --dk: #5a3420; --dkh: #a07050; --dke: #160903; }
.tvc-cos_walnut .ck.p0:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), repeating-radial-gradient(ellipse at 20% 30%, rgba(80,40,10,0) 0 6%, rgba(80,40,10,.16) 6.6% 7.4%, rgba(80,40,10,0) 8% 12%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.tvc-cos_walnut .ck.p1:not(.off) { background: radial-gradient(circle closest-side, transparent 0 66%, rgba(0,0,0,.32) 66.5% 69%, rgba(255,255,255,.36) 70% 72.5%, transparent 73.5%), conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,0) 22%, rgba(255,255,255,.1) 48%, rgba(255,255,255,0) 72%, rgba(255,255,255,.14)), radial-gradient(circle at 35% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%), linear-gradient(150deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.06) 42%, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%), repeating-radial-gradient(ellipse at 20% 30%, rgba(255,220,170,0) 0 6%, rgba(255,220,170,.12) 6.6% 7.4%, rgba(255,220,170,0) 8% 12%), radial-gradient(circle closest-side, var(--kb) 0 84%, var(--ke) 93%, var(--kr) 100%); }
.chs-cos_gold .chp.w { --pf: url(#chM-cos_gold-w); --ps: #5e4308; } .chs-cos_gold .chp.b { --pf: url(#chM-cos_gold-b); --ps: #23272e; }
.chs-cos_onyx .chp.w { --pf: url(#chM-cos_onyx-w); --ps: #7d776c; } .chs-cos_onyx .chp.b { --pf: url(#chM-cos_onyx-b); --ps: #000000; }
.chs-cos_onyx .chp.w > svg > .tx { display: inline; --pf: url(#chTxP-veinD); } .chs-cos_onyx .chp.b > svg > .tx { display: inline; --pf: url(#chTxP-veinL); }
.chs-cos_rosewood .chp.w { --pf: url(#chM-cos_rosewood-w); --ps: #5e3d18; } .chs-cos_rosewood .chp.b { --pf: url(#chM-cos_rosewood-b); --ps: #160601; }
.chs-cos_rosewood .chp > svg > .tx { display: inline; --pf: url(#chTxP-wood); }
.chs-cos_jade .chp.w { --pf: url(#chM-cos_jade-w); --ps: #7a6a45; } .chs-cos_jade .chp.b { --pf: url(#chM-cos_jade-b); --ps: #03200f; }
.chs-cos_murano .chp.w { --pf: url(#chM-cos_murano-w); --ps: #3a020a; } .chs-cos_murano .chp.b { --pf: url(#chM-cos_murano-b); --ps: #030a22; }
.chs-cos_bronze .chp.w { --pf: url(#chM-cos_bronze-w); --ps: #3d2508; } .chs-cos_bronze .chp.b { --pf: url(#chM-cos_bronze-b); --ps: #101216; }
/* the pictures of the looks (the shop, the admin's lists) */
.cs-art { position: relative; aspect-ratio: 16 / 10; display: grid; place-items: center; overflow: hidden; }
.cs-art-table { background: center / cover no-repeat; }
.cs-art-table img { position: absolute; width: 22%; aspect-ratio: 2 / 3; filter: drop-shadow(0 8px 10px rgba(0,0,0,.55)); }
.cs-art-table .cs-c1 { left: 34%; top: 22%; transform: rotate(-10deg); } .cs-art-table .cs-c2 { left: 46%; top: 24%; transform: rotate(8deg); }
.cs-art-back { background: radial-gradient(70% 70% at 50% 40%, #2a2546, #0e0c1a); }
.cs-art-back img { position: absolute; height: 82%; aspect-ratio: 2 / 3; filter: drop-shadow(0 10px 14px rgba(0,0,0,.6)); }
.cs-art-back .cs-b1 { transform: translateX(-34%) rotate(-12deg); } .cs-art-back .cs-b3 { transform: translateX(34%) rotate(12deg); } .cs-art-back .cs-b2 { z-index: 1; }
.cs-art-dice { background: radial-gradient(70% 80% at 50% 40%, #1f6b4a, #0b2e20 80%); }
.cs-art-dice .cos-dice { transform: scale(1.15); }
.cs-art-frame { background: radial-gradient(70% 70% at 50% 40%, #2a2546, #0e0c1a); }
.cs-art-frame img { height: 86%; filter: drop-shadow(0 10px 18px rgba(0,0,0,.6)); }
.cs-art-ck { background: radial-gradient(80% 90% at 50% 35%, #7a5532, #3a2410 70%, #1e1207); }
.cs-art-ch { background: linear-gradient(rgba(10,8,6,.35), rgba(10,8,6,.55)), repeating-conic-gradient(#e7d3ad 0 25%, #8c5d36 0 50%) 0 0 / 46px 46px; }
.cs-art-pw { background: radial-gradient(80% 90% at 50% 35%, #fbf7ee, #d9cfba 75%, #b9ad94); }
.cs-art-fc { background: radial-gradient(70% 80% at 50% 40%, #1f6b4a, #0b2e20 80%); }
.cs-art .cosa { height: 78%; }/* the shared cards (twenty-one, Ten Steps, biriba): a bought back fills the card */
.cd.back:has(.cos-bk) { background: none; box-shadow: 0 4px 10px -4px rgba(0,0,0,.6); }
.cd.back .cos-bk { position: absolute; inset: 0 !important; width: 100% !important; height: 100% !important; }
/* faces bought with chips: the card is the drawing (the common deck of twenty-one, biriba; solitaire) */
.cd.cosf { padding: 0 !important; background: none !important; box-shadow: 0 4px 10px -4px rgba(0,0,0,.55); overflow: visible; }
.cd.cosf > svg.cos-fc { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.scard.cosf { background: none !important; border: 0 !important; box-shadow: 0 4px 10px -4px rgba(0,0,0,.55); }
.scard.cosf > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
/* solitaire's back is a plain block: a bought one is drawn into it */
.scard.back.cosb { background: none !important; border: 0 !important; overflow: hidden; }
.scard.back.cosb > i { display: none; }
.scard.back.cosb > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
/* the shop's own pictures of the dice */
.cos-die { position: relative; display: inline-grid; grid-template: repeat(3, 1fr) / repeat(3, 1fr); width: 64px; height: 64px; padding: 11px; border-radius: 16px;
  background: var(--cdf); box-shadow: inset 0 0 0 1.5px var(--cde), inset -6px -7px 12px rgba(0,0,0,.28), inset 5px 5px 10px rgba(255,255,255,.18), 0 14px 22px -10px rgba(0,0,0,.85); }
.cos-die i { width: 74%; aspect-ratio: 1; border-radius: 50%; place-self: center; background: var(--cdp); box-shadow: inset 0 2px 3px rgba(0,0,0,.45); visibility: hidden; }
.cos-die i.on { visibility: visible; }
.cos-dice { display: flex; gap: 12px; align-items: center; }
.cos-dice .cos-die:first-child { transform: rotate(-12deg) translateY(4px); }
.cos-dice .cos-die:last-child { transform: rotate(9deg); width: 54px; height: 54px; padding: 9px; border-radius: 13px; }
/* a bought choice in the look window: a small gold star */
.lkm-tile.cos small::after { content: ' ★'; color: #ffcf4d; }
/* the board games' look windows: the table under the board (the game's own, then each one bought) */
.cos-uts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 10px; margin: 0 0 6px; }
.cos-ut { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 7px 6px 6px; border-radius: 13px; cursor: pointer;
  color: inherit; font: inherit; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); transition: transform .15s, border-color .2s; }
.cos-ut:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.35); }
.cos-ut.on { border-color: #ffd866; box-shadow: 0 0 0 1px #ffd866, 0 0 18px -6px rgba(255,216,102,.7); background: rgba(255,216,102,.08); }
.cos-ut small { display: block; width: 100%; font-size: 12px; font-weight: 700; line-height: 1.25; text-align: center; color: rgba(235,232,250,.82); overflow-wrap: anywhere; }
.cos-ut-art { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 10; border-radius: 9px; background: center / cover no-repeat; overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 6px 14px -8px rgba(0,0,0,.8); }
.cos-ut-art.plain { background: repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 6px, transparent 6px 12px), linear-gradient(160deg, #23202f, #0f0d16); }
.lkm-pv > .cos-ut-art { width: 94%; height: 94%; aspect-ratio: auto; }
/* the look window: the fronts of the cards bought with chips (a king and an ace) */
.lkp-fc { display: flex; align-items: center; justify-content: center; height: 100%; }
.lkp-fc svg { height: 60px; width: 40px; display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,.5)); }
.lkp-fc svg:first-child { transform: rotate(-6deg); }
.lkp-fc svg + svg { margin-left: -12px; transform: rotate(7deg) translateY(3px); }
.lkm-live .lkp-fc svg { height: 64px; width: 43px; }
/* the pictures of the looks drawn by lib/cos.js (WA_COS.art): checkers, chess pieces, pawns, card faces */
.cosa { position: relative; display: flex; align-items: center; justify-content: center; gap: 6%; width: 100%; height: 100%; }
.cosa-ck { display: block; height: 62%; aspect-ratio: 1; filter: drop-shadow(0 8px 8px rgba(0,0,0,.5)); }
.cosa-ck + .cosa-ck { margin-left: -12%; margin-top: 12%; }
.cosa-ck svg { width: 100%; height: 100%; display: block; }
.cosa-pc { display: block; height: 82%; aspect-ratio: 1; filter: drop-shadow(0 8px 10px rgba(0,0,0,.5)); }
.cosa-pc svg { width: 100%; height: 100%; display: block; overflow: visible; }
.cs-art-pw .cosa { gap: 1%; }
.cosa-pw { display: block; height: 46%; aspect-ratio: 26 / 32; filter: drop-shadow(0 6px 6px rgba(0,0,0,.45)); }
.cosa-pw:nth-child(2), .cosa-pw:nth-child(4) { transform: translateY(10%); }
.cosa-pw .pw-c { fill: var(--pc); stroke: rgba(0,0,0,.45); stroke-width: .5; }
.cosa-pw svg { width: 100%; height: 100%; display: block; overflow: visible; }
.cosa-cd { display: block; height: 86%; aspect-ratio: 2 / 3; filter: drop-shadow(0 8px 12px rgba(0,0,0,.55)); }
.cosa-cd + .cosa-cd { margin-left: -14%; transform: rotate(8deg) translateY(4%); }
.cosa-cd:first-child { transform: rotate(-6deg); }
.cosa-cd svg { width: 100%; height: 100%; display: block; }

/* Sudoku's own looks, sold in its tab of the shop (app/static/cos/catalog.json, kind 'sudoku'; made by hand, the
   pictures in them by a small script): added as it is to /cos.css by app/cos_css.py, so the game (static/css/sudoku.css
   reads the same variables), its look window, the shop and the admin's lists all draw them from here.
   A table (.sdt-cos_*) is the desk and the board on it, with a gold frame; numbers (.sdn-cos_*) are how they are written. */

/* ---------- the shop's picture: a board on its desk (a table), or a corner of it close up (numbers) ---------- */
/* (until a look says otherwise: the walnut desk, cream paper, the fountain-pen ink) */
.cs-art-sd { --desk: radial-gradient(ellipse 70% 55% at 28% 18%, rgba(255,214,160,.16), transparent 70%), linear-gradient(160deg, #6e4020, #4b2812 55%, #2c1609);
  --paper: radial-gradient(ellipse 90% 80% at 25% 15%, #fffdf6, #f7efdc 60%, #ecdfc2); --rim: #3a2412; --line: rgba(92,70,40,.32); --thick: #3c2a17; --gc: #24170b; --mc: #1f4fa0; --hc: #a8730f;
  --nf: Georgia, 'Times New Roman', serif; --mf: 'Segoe Script', 'Bradley Hand', 'Brush Script MT', cursive; --nw: 700; --mw: 400; --gsh: none; --msh: none;
  background: var(--desk); box-shadow: inset 0 0 50px rgba(0,0,0,.45); }
.cs-art-sd .sd-paper { display: block; box-sizing: border-box; height: 80%; aspect-ratio: 1; padding: 0; border: 2.5px solid var(--thick); border-radius: 3px; background: var(--paper);
  container-type: size; box-shadow: 0 0 0 2px var(--rim), 0 16px 22px -10px rgba(0,0,0,.65), 0 3px 6px rgba(0,0,0,.3); transform: rotate(-5deg); }
.cs-art-sd.cs-sd-n .sd-paper { height: 72%; transform: rotate(-4deg); }
.cs-art-sd .sd-mini { display: grid; grid-template: repeat(9, minmax(0, 1fr)) / repeat(9, minmax(0, 1fr)); width: 100%; height: 100%; }
.cs-art-sd .sd-mini.sd-mini3 { grid-template: repeat(3, minmax(0, 1fr)) / repeat(3, minmax(0, 1fr)); }
.cs-art-sd .sd-mini span { display: grid; place-items: center; box-shadow: inset .5px 0 0 var(--line), inset 0 .5px 0 var(--line); font: var(--nw) 7.6cqh/1 var(--nf); color: var(--gc); text-shadow: var(--gsh); }
.cs-art-sd .sd-mini span.m { font-family: var(--mf); font-weight: var(--mw); color: var(--mc); text-shadow: var(--msh); }
.cs-art-sd .sd-mini span.bl3 { box-shadow: inset 1.5px 0 0 var(--thick), inset 0 .5px 0 var(--line); }
.cs-art-sd .sd-mini span.bt3 { box-shadow: inset .5px 0 0 var(--line), inset 0 1.5px 0 var(--thick); }
.cs-art-sd .sd-mini span.bl3.bt3 { box-shadow: inset 1.5px 0 0 var(--thick), inset 0 1.5px 0 var(--thick); }
.cs-art-sd .sd-mini3 span { font-size: 25cqh; box-shadow: inset 1px 0 0 var(--line), inset 0 1px 0 var(--line); }

/* ---------- the tables ---------- */
/* the captain's map: an old parchment chart, its edges browned, on an oxblood leather desk with a gold compass rose */
.sdt-cos_atlas { --desk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E %3Cg fill='none' stroke='%23e2bf6a' stroke-opacity='.6'%3E%3Ccircle r='46' stroke-width='1.4'/%3E%3Ccircle r='41' stroke-width='.6' stroke-dasharray='1.2 2.4'/%3E%3Ccircle r='19' stroke-width='.6'/%3E%3C/g%3E %3Cg fill='%23e2bf6a'%3E%3Cpath d='M0-48L5.5-5.5 0 0-5.5-5.5Z' fill-opacity='.85'/%3E%3Cpath d='M0 48L5.5 5.5 0 0-5.5 5.5Z' fill-opacity='.45'/%3E %3Cpath d='M48 0L5.5 5.5 0 0 5.5-5.5Z' fill-opacity='.45'/%3E%3Cpath d='M-48 0L-5.5 5.5 0 0-5.5-5.5Z' fill-opacity='.45'/%3E %3Cg fill-opacity='.3' transform='rotate(45)'%3E%3Cpath d='M0-34L4-4 0 0-4-4Z'/%3E%3Cpath d='M0 34L4 4 0 0-4 4Z'/%3E%3Cpath d='M34 0L4 4 0 0 4-4Z'/%3E%3Cpath d='M-34 0L-4 4 0 0-4-4Z'/%3E%3C/g%3E %3Ccircle r='2.4'/%3E%3C/g%3E%3C/svg%3E") left 3% top 5% / 20% auto no-repeat,
    radial-gradient(ellipse 70% 55% at 26% 16%, rgba(255,200,140,.14), transparent 70%),
    repeating-linear-gradient(45deg, rgba(0,0,0,.05) 0 2px, transparent 2px 5px), linear-gradient(160deg, #5c1f15, #3a110b 55%, #1f0805);
  --paper: radial-gradient(circle at 78% 22%, rgba(140,90,30,.16) 0 5%, transparent 9%), radial-gradient(circle at 18% 74%, rgba(140,90,30,.12) 0 4%, transparent 8%),
    radial-gradient(ellipse 72% 70% at 50% 48%, #f7e9c8 0%, #eed9aa 52%, #ddbe82 80%, #b88a4a 100%); --grain: rgba(110,70,20,.05);
  --rim: #c9a24a; --line: rgba(90,55,20,.34); --thick: #4a2a10; --hl: rgba(190,130,50,.22); --sel: rgba(214,160,60,.42); --same: rgba(122,31,31,.14);
  --gc: #3a2210; --mc: #7a1f1f; --hc: #1f5a8a; --notec: rgba(70,45,20,.7); --bad: #c8102e; --badbg: rgba(200,16,46,.14); --glow: rgba(255,215,130,.75); }
/* the golden zen garden: raked white sand round two dark stones; a black lacquer board, its lines and a kintsugi crack in gold */
.sdt-cos_zen { --desk: radial-gradient(circle 34px at 86% 80%, #67635c 0 50%, #3d3a36 74%, rgba(0,0,0,.26) 86%, transparent 100%),
    radial-gradient(circle 22px at 9% 16%, #6f6a62 0 50%, #423e39 74%, rgba(0,0,0,.24) 86%, transparent 100%),
    repeating-radial-gradient(circle at 86% 80%, transparent 0 9px, rgba(120,104,78,.18) 9px 10.5px, rgba(255,255,255,.4) 10.5px 12px, transparent 12px 16px),
    radial-gradient(ellipse 70% 60% at 30% 20%, rgba(255,255,255,.35), transparent 70%), linear-gradient(160deg, #f1eadb, #ddd2bb 60%, #c8bb9f);
  --paper: linear-gradient(135deg, rgba(255,255,255,.08), transparent 40%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E %3Cg fill='none' stroke='%23e2bf6a' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.42'%3E %3Cpath d='M0 31L14 28 23 36 37 30 49 43 61 38 72 51 86 47 100 57' stroke-width='.38'/%3E%3Cpath d='M49 43L53 58 47 71 51 84' stroke-width='.26'/%3E %3Cpath d='M72 51L77 64' stroke-width='.2'/%3E%3Cpath d='M23 36L20 47' stroke-width='.18'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat,
    linear-gradient(160deg, #1f1917, #130f0e 60%, #0b0908); --grain: rgba(255,255,255,.012);
  --rim: #0b0807; --line: rgba(214,178,92,.28); --thick: #d6b25c; --hl: rgba(214,178,92,.12); --sel: rgba(214,178,92,.27); --same: rgba(214,178,92,.18);
  --gc: #f4ead4; --mc: #ebc66c; --hc: #8fd6b0; --notec: rgba(244,234,212,.62); --bad: #ff7b7b; --badbg: rgba(255,90,90,.18); --glow: rgba(255,220,140,.7); }
/* the starry night: deep blue velvet strewn with stars; a board of dark crystal in a gold frame */
.sdt-cos_stars { --desk: radial-gradient(ellipse 45% 40% at 78% 22%, rgba(120,90,255,.22), transparent 70%), radial-gradient(ellipse 50% 45% at 18% 82%, rgba(40,150,255,.16), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Ccircle cx='84' cy='40' r='1.2' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='139' cy='26' r='0.9' fill='%23fff' fill-opacity='0.6'/%3E%3Ccircle cx='11' cy='24' r='1.2' fill='%23ffe3a0' fill-opacity='0.45'/%3E%3Ccircle cx='63' cy='25' r='1.2' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='59' cy='163' r='0.5' fill='%23ffe3a0' fill-opacity='0.45'/%3E%3Ccircle cx='58' cy='13' r='0.7' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='38' cy='140' r='0.5' fill='%23fff' fill-opacity='0.6'/%3E%3Ccircle cx='28' cy='150' r='0.7' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='142' cy='18' r='0.5' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='176' cy='138' r='1.2' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='151' cy='118' r='0.9' fill='%23fff' fill-opacity='0.6'/%3E%3Ccircle cx='48' cy='64' r='0.5' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='89' cy='116' r='0.9' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='133' cy='109' r='0.7' fill='%23fff' fill-opacity='0.6'/%3E%3Ccircle cx='127' cy='109' r='0.5' fill='%23fff' fill-opacity='0.8'/%3E%3Ccircle cx='89' cy='91' r='1.2' fill='%23ffe3a0' fill-opacity='0.45'/%3E%3Ccircle cx='25' cy='71' r='1.2' fill='%23fff' fill-opacity='0.45'/%3E%3Ccircle cx='81' cy='167' r='1.2' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='173' cy='90' r='0.5' fill='%23ffe3a0' fill-opacity='0.8'/%3E%3Ccircle cx='45' cy='158' r='0.5' fill='%23ffe3a0' fill-opacity='0.45'/%3E%3Ccircle cx='57' cy='75' r='0.7' fill='%23fff' fill-opacity='0.95'/%3E%3Ccircle cx='102' cy='129' r='0.5' fill='%23fff' fill-opacity='0.95'/%3E %3Cpath d='M128 40l1.4 4.6 4.6 1.4-4.6 1.4-1.4 4.6-1.4-4.6-4.6-1.4 4.6-1.4z' fill='%23ffe3a0' fill-opacity='.9'/%3E %3Cpath d='M38 132l1 3.2 3.2 1-3.2 1-1 3.2-1-3.2-3.2-1 3.2-1z' fill='%23fff' fill-opacity='.85'/%3E%3C/svg%3E") 0 0 / 180px 180px repeat, radial-gradient(ellipse 60% 50% at 30% 20%, rgba(140,160,255,.16), transparent 70%), linear-gradient(160deg, #161c4a, #0a0d2c 60%, #05061a);
  --paper: linear-gradient(150deg, rgba(255,255,255,.15), rgba(255,255,255,.04) 45%, rgba(255,255,255,.09)), linear-gradient(160deg, rgba(24,30,74,.9), rgba(10,12,42,.94));
  --grain: rgba(255,255,255,0); --rim: rgba(255,236,190,.55); --line: rgba(230,200,117,.2); --thick: #e6c875; --hl: rgba(150,170,255,.15); --sel: rgba(230,200,117,.27);
  --same: rgba(255,215,122,.18); --gc: #f3f1ff; --mc: #ffd77a; --hc: #9fe7ff; --notec: rgba(225,230,255,.68); --bad: #ff7f95; --badbg: rgba(255,90,120,.2); --glow: rgba(255,220,150,.75); }
/* (every one: the board in a gold frame, a fine gold line round the desk) */
.sdt-cos_atlas .sd-board, .sdt-cos_atlas .sd-paper { box-shadow: 0 0 0 3px #c9a24a, 0 0 0 5px #3a110b, 0 0 0 6.5px rgba(232,196,110,.85), 0 22px 36px -12px rgba(0,0,0,.75), 0 6px 12px rgba(0,0,0,.35); }
.sdt-cos_zen .sd-board, .sdt-cos_zen .sd-paper { box-shadow: 0 0 0 3px #0b0807, 0 0 0 4.5px #d6b25c, 0 22px 36px -12px rgba(0,0,0,.55), 0 6px 12px rgba(0,0,0,.25); }
.sdt-cos_stars .sd-board, .sdt-cos_stars .sd-paper { box-shadow: 0 0 0 3px rgba(255,236,190,.5), 0 0 0 4.5px rgba(10,12,40,.9), 0 0 0 5.5px rgba(230,200,117,.75),
  0 24px 44px -12px rgba(0,0,0,.8), 0 0 46px -8px rgba(255,215,122,.35); }
:is(.sdt-cos_atlas, .sdt-cos_zen, .sdt-cos_stars) .sd-felt { outline: 1.5px solid rgba(226,191,106,.6); outline-offset: -8px; }
:is(.sd-lk, .sd-homeart, .cs-art-sd):is(.sdt-cos_atlas, .sdt-cos_zen, .sdt-cos_stars) { outline: 1px solid rgba(226,191,106,.65); outline-offset: -5px; }

/* ---------- the numbers ---------- */
/* 24K gold leaf: polished yellow gold printed, rose gold written, platinum for a hint */
.sdn-cos_gold { --nf: 'Bodoni MT', Didot, 'Playfair Display', Georgia, serif; --mf: 'Bodoni MT', Didot, 'Playfair Display', Georgia, serif; --nw: 800; --mw: 600;
  --gfill: linear-gradient(180deg, #fff6cf 0%, #f6d36b 26%, #c8921c 50%, #7a5208 64%, #e8bf55 86%, #fff0b0 100%);
  --mfill: linear-gradient(180deg, #ffe7dc 0%, #f2b59a 28%, #c47454 52%, #7c3a22 66%, #e6a385 88%, #ffe2d4 100%);
  --pfill: linear-gradient(180deg, #ffffff 0%, #dfe4ec 32%, #8a93a3 58%, #eef1f5 100%); --gsh: none; --msh: none; }
.sdn-cos_gold .sd-c .sd-v { color: transparent !important; background: var(--mfill); -webkit-background-clip: text; background-clip: text; text-shadow: none;
  filter: drop-shadow(0 1px 0 rgba(40,20,0,.55)) drop-shadow(0 0 1px rgba(60,35,0,.4)); }
.sdn-cos_gold .sd-c.g .sd-v { background: var(--gfill); -webkit-background-clip: text; background-clip: text; }
.sdn-cos_gold .sd-c:is(.h, .rv) .sd-v { background: var(--pfill); -webkit-background-clip: text; background-clip: text; }
.sdn-cos_gold .sd-c.wrong .sd-v { background: linear-gradient(180deg, #ffc2ca, #e0203c 55%, #7a0a1c); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
.sdn-cos_gold .sd-c.same .sd-v { text-shadow: none; filter: drop-shadow(0 1px 0 rgba(40,20,0,.55)) drop-shadow(0 0 6px var(--glow)); }
.sdn-cos_gold .sd-mini span { color: transparent; background: var(--gfill); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
.sdn-cos_gold .sd-mini span.m { color: transparent; background: var(--mfill); -webkit-background-clip: text; background-clip: text; }
/* retro Nixie tubes: thin glowing figures, warm orange printed, ice blue written */
.sdn-cos_nixie { --nf: 'Segoe UI', 'Helvetica Neue', 'Inter', system-ui, sans-serif; --mf: 'Segoe UI', 'Helvetica Neue', 'Inter', system-ui, sans-serif; --nw: 400; --mw: 400;
  --gsh: 0 0 1px #ffb15c, 0 0 5px rgba(255,120,0,.85), 0 0 12px rgba(255,90,0,.6), 0 0 22px rgba(255,70,0,.35);
  --msh: 0 0 1px #6cc6ff, 0 0 5px rgba(20,140,255,.85), 0 0 12px rgba(20,120,255,.6), 0 0 22px rgba(20,100,255,.35); }
.sdn-cos_nixie .sd-v { color: #2b97ff; }
.sdn-cos_nixie .sd-c.g .sd-v { color: #ff7a12; }
.sdn-cos_nixie .sd-mini span { color: #ff7a12; }
.sdn-cos_nixie .sd-mini span.m { color: #2b97ff; }
/* (its picture in the shop: on smoked glass, where tubes glow best) */
.cs-art-sd.cs-sd-n.sdn-cos_nixie { --desk: radial-gradient(ellipse 70% 60% at 30% 20%, rgba(255,140,60,.12), transparent 70%), linear-gradient(160deg, #2a2420, #14110f 60%, #0a0908);
  --paper: linear-gradient(150deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), linear-gradient(160deg, #1d1a17, #0e0c0b); --rim: #4a3a2a; --line: rgba(255,170,90,.18); --thick: #5a4430; }
.cs-art-sd.cs-sd-n.sdn-cos_nixie .sd-mini span { color: #ffd2a0; } .cs-art-sd.cs-sd-n.sdn-cos_nixie .sd-mini span.m { color: #cfeaff; }
/* calligraphy: written with a broad nib, the printed ones with a fine gold glint under the ink */
.sdn-cos_callig { --nf: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif; --mf: 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif; --nw: 700; --mw: 400;
  --gsh: 0 0 .6px currentColor, 0 1.2px 0 rgba(201,162,74,.6); --msh: 0 0 .8px currentColor, .5px .5px 0 rgba(0,0,0,.12); }
.sdn-cos_callig .sd-v, .sdn-cos_callig .sd-mini span.m { font-style: italic; }
.sdn-cos_callig .sd-v { font-size: calc(var(--cs) * .7); }
.sdn-cos_callig .sd-c.g .sd-v { font-size: calc(var(--cs) * .6); font-style: normal; }
.sdn-cos_callig .sd-mini3 span { font-size: 27cqh; }