/* ===== Round 9c: more button styles, card styles, press particles ===== */
/* generic press squish for all themed buttons */
body[class*=" bs-"] .btn:not(.g):not(.q):not(.d){transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .2s,filter .2s}body[class*=" bs-"] .btn:not(.g):not(.q):not(.d):active{transform:scale(.95,.9)}
.p9{position:fixed;pointer-events:none;z-index:9999;width:12px;height:12px;animation:p9 .75s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes p9{0%{transform:translate(0,0) rotate(0) scale(.4);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1);opacity:0}}
.p9.snow{border-radius:50%;background:#fff;box-shadow:0 0 4px #fff;width:7px;height:7px}.p9.bub{border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:rgba(186,230,253,.25)}
.p9.leaf{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20C4 9 10 4 21 3C20 14 15 20 4 20Z' fill='#ea580c'/%3E%3C/svg%3E") 0 0/100% no-repeat}.p9.leaf:nth-child(odd){filter:hue-rotate(25deg)}
.p9.star{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M10 1l2 7 7 2-7 2-2 7-2-7-7-2 7-2z'/%3E%3C/svg%3E") 0 0/100% no-repeat}
.p9.candy{width:9px;height:12px;background:linear-gradient(#fde047 0 33%,#f97316 33% 66%,#fff 66%);clip-path:polygon(50% 100%,0 0,100% 0)}
.p9.heart{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 18C3 13 1 9 3 5C5 2 9 3 10 6C11 3 15 2 17 5C19 9 17 13 10 18Z' fill='#f9a8d4'/%3E%3C/svg%3E") 0 0/100% no-repeat}
.p9.ghost{width:14px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M10 1C5 1 2 5 2 10V23L5 20L8 23L10 20L12 23L15 20L18 23V10C18 5 15 1 10 1Z' fill='white' fill-opacity='.9'/%3E%3Ccircle cx='7' cy='10' r='1.6' fill='#1e1b4b'/%3E%3Ccircle cx='13' cy='10' r='1.6' fill='#1e1b4b'/%3E%3C/svg%3E") 0 0/100% no-repeat}
body.rmo .p9{display:none}@media(prefers-reduced-motion:reduce){.p9,.bat9{display:none}}
/* ---- Halloween extras ---- */
body.bs-candy .btn:not(.g):not(.q):not(.d),.pv-candy .bsmini{background:linear-gradient(180deg,#fff7ed 0 28%,#fb923c 28% 64%,#facc15 64%);color:#431407;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.6);box-shadow:0 4px 12px rgba(251,146,60,.4);border:1.5px solid #c2410c}
body.bs-candy .seg button.on,body.bs-candy .subtabs .stb.on{background:linear-gradient(180deg,#fff7ed 0 28%,#fb923c 28% 64%,#facc15 64%)!important;color:#431407!important}body.bs-candy .chip{border:1.5px solid #f97316;background:rgba(250,204,21,.14)}body.bs-candy .tgl.on{background:#f97316!important}
body.bs-haunt .btn:not(.g):not(.q):not(.d),.pv-haunt .bsmini{background:linear-gradient(180deg,#6d28d9,#3b0764);color:#f5f3ff;box-shadow:0 0 18px rgba(167,139,250,.45);animation:flick9 5s infinite}
body.bs-haunt .btn:not(.g):not(.q):not(.d)::after,.pv-haunt .bsmini::after{content:"";position:absolute;right:-6px;top:-14px;width:16px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M10 1C5 1 2 5 2 10V23L5 20L8 23L10 20L12 23L15 20L18 23V10C18 5 15 1 10 1Z' fill='white' fill-opacity='.9'/%3E%3Ccircle cx='7' cy='10' r='1.6' fill='#1e1b4b'/%3E%3Ccircle cx='13' cy='10' r='1.6' fill='#1e1b4b'/%3E%3C/svg%3E") 0 0/100% no-repeat;pointer-events:none;animation:float9 2.6s ease-in-out infinite}
@keyframes float9{50%{transform:translateY(-5px) rotate(-6deg)}}@keyframes flick9{0%,92%,100%{filter:none}93%{filter:brightness(.6)}95%{filter:brightness(1.25)}97%{filter:brightness(.8)}}
body.bs-haunt .seg button.on,body.bs-haunt .subtabs .stb.on{background:#5b21b6!important;color:#fff!important;box-shadow:0 0 12px rgba(167,139,250,.5)}body.bs-haunt .chip{border:1px solid rgba(167,139,250,.6)}body.bs-haunt .tgl.on{background:#7c3aed!important}
body.bs-potion .btn:not(.g):not(.q):not(.d),.pv-potion .bsmini{background:linear-gradient(180deg,#1e1b4b 0 38%,#22c55e 38%,#15803d);color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6);overflow:hidden;border:2px solid #4ade80;box-shadow:0 0 16px rgba(74,222,128,.45)}
body.bs-potion .btn:not(.g):not(.q):not(.d)::after,.pv-potion .bsmini::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30' fill='white' fill-opacity='.45'%3E%3Ccircle cx='6' cy='24' r='2.5'/%3E%3Ccircle cx='16' cy='18' r='1.6'/%3E%3Ccircle cx='27' cy='25' r='3'/%3E%3Ccircle cx='34' cy='14' r='1.8'/%3E%3Ccircle cx='12' cy='8' r='1.3'/%3E%3C/svg%3E") repeat-x 0 100%/40px 30px;pointer-events:none;animation:bub9 2.4s linear infinite;mix-blend-mode:screen}@keyframes bub9{to{background-position:0 -30px}}
body.bs-potion .seg button.on,body.bs-potion .subtabs .stb.on{background:linear-gradient(180deg,#312e81 0 40%,#16a34a 40%)!important;color:#fff!important}body.bs-potion .chip{border:1px solid #4ade80}body.bs-potion .tgl.on{background:#22c55e!important}
/* ---- Christmas extras ---- */
body.bs-ginger .btn:not(.g):not(.q):not(.d),.pv-ginger .bsmini{background:linear-gradient(180deg,#b45309,#78350f);color:#fff;font-weight:900;border-radius:16px;box-shadow:inset 0 0 0 3px #78350f,inset 0 0 0 5px rgba(255,255,255,.9),0 4px 12px rgba(120,53,15,.35)}
body.bs-ginger .btn:not(.g):not(.q):not(.d)::after,.pv-ginger .bsmini::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4Q3 0 6 4T12 4T18 4T24 4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 0/24px 6px;pointer-events:none}
body.bs-ginger .seg button.on,body.bs-ginger .subtabs .stb.on{background:#92400e!important;color:#fff!important;box-shadow:inset 0 0 0 2px #fff}body.bs-ginger .chip{border:2px dotted #fff;background:#92400e;color:#fff}body.bs-ginger .tgl.on{background:#b45309!important}
body.bs-ornament .btn:not(.g):not(.q):not(.d),.pv-ornament .bsmini{background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.85) 0 6%,transparent 22%),radial-gradient(circle at 50% 40%,#ef4444,#991b1b 75%);color:#fff;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 6px 16px rgba(153,27,27,.4),inset 0 -4px 8px rgba(0,0,0,.25)}
body.bs-ornament .btn:not(.g):not(.q):not(.d)::before,.pv-ornament .bsmini::before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:8px;transform:translateX(-50%);background:linear-gradient(90deg,#a16207,#fde047,#a16207);border-radius:3px 3px 1px 1px;pointer-events:none}
body.bs-ornament .seg button.on,body.bs-ornament .subtabs .stb.on{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.7) 0 6%,transparent 25%),#b91c1c!important;color:#fff!important;border-radius:999px}body.bs-ornament .chip{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent 40%),rgba(220,38,38,.18)}body.bs-ornament .tgl.on{background:#15803d!important}
body.bs-globe .btn:not(.g):not(.q):not(.d),.pv-globe .bsmini{background:radial-gradient(circle at 50% 120%,#fff 0 20%,transparent 21%),radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.55),transparent 45%),linear-gradient(180deg,#38bdf8,#1e40af);color:#fff;border-radius:999px;border:2px solid rgba(255,255,255,.7);overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.45)}
body.bs-globe .btn:not(.g):not(.q):not(.d)::after,.pv-globe .bsmini::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.6px) 0 0/14px 14px,radial-gradient(circle,#fff .8px,transparent 1.3px) 7px 5px/11px 11px;opacity:.8;animation:snw9 4s linear infinite;pointer-events:none}@keyframes snw9{to{background-position:0 28px,7px 27px}}
body.bs-globe .seg button.on,body.bs-globe .subtabs .stb.on{background:linear-gradient(180deg,#38bdf8,#1d4ed8)!important;color:#fff!important}body.bs-globe .chip{border:1.5px solid rgba(255,255,255,.7);background:rgba(56,189,248,.15)}
/* ---- Thanksgiving extras ---- */
body.bs-pie .btn:not(.g):not(.q):not(.d),.pv-pie .bsmini{background:linear-gradient(180deg,#c2410c,#9a3412);color:#fff;font-weight:900;border-radius:14px;margin-top:6px}
body.bs-pie .btn:not(.g):not(.q):not(.d)::before,.pv-pie .bsmini::before{content:"";position:absolute;left:-2px;right:-2px;top:-7px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 10Q5 0 10 10Q15 0 20 10' fill='#e8b56a' stroke='#a0612a' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 0/20px 10px;pointer-events:none}
body.bs-pie .seg button.on,body.bs-pie .subtabs .stb.on{background:#b45309!important;color:#fff!important;box-shadow:inset 0 3px 0 #e8b56a}body.bs-pie .chip{border:2px solid #e8b56a}body.bs-pie .tgl.on{background:#c2410c!important}
body.bs-leafpile .btn:not(.g):not(.q):not(.d),.pv-leafpile .bsmini{background:linear-gradient(180deg,#ea580c,#b45309);color:#fff;font-weight:900}
body.bs-leafpile .btn:not(.g):not(.q):not(.d)::after,.pv-leafpile .bsmini::after{content:"";position:absolute;left:-6px;bottom:-6px;width:44px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 18'%3E%3Cpath d='M2 16C2 9 7 5 14 5C13 12 9 16 2 16Z' fill='#dc2626'/%3E%3Cpath d='M12 17C12 9 18 4 26 4C25 12 20 17 12 17Z' fill='#f59e0b'/%3E%3Cpath d='M24 16C25 10 31 7 38 8C36 14 31 17 24 16Z' fill='#b45309'/%3E%3C/svg%3E") 0 0/100% no-repeat;pointer-events:none}
body.bs-leafpile .seg button.on,body.bs-leafpile .subtabs .stb.on{background:#c2410c!important;color:#fff!important}body.bs-leafpile .chip{background:rgba(234,88,12,.14)}
/* ---- Neon retro scanline ---- */
body.bs-scan .btn:not(.g):not(.q):not(.d),.pv-scan .bsmini{background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),linear-gradient(180deg,#22d3ee,#7c3aed);color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;font-weight:800;border-radius:6px;box-shadow:0 0 14px #22d3ee,3px 3px 0 #f0abfc;text-shadow:1px 0 #f0abfc,-1px 0 #22d3ee}
body.bs-scan .seg button.on,body.bs-scan .subtabs .stb.on{background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 4px),#7c3aed!important;color:#fff!important;border-radius:4px}body.bs-scan .chip{border-radius:4px;border:1px solid #22d3ee;font-family:ui-monospace,monospace}
/* ---- Ocean bubbles ---- */
body.bs-bubble .btn:not(.g):not(.q):not(.d),.pv-bubble .bsmini{background:linear-gradient(180deg,#22d3ee,#0e7490);color:#fff;border-radius:999px;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.35)}
body.bs-bubble .btn:not(.g):not(.q):not(.d)::after,.pv-bubble .bsmini::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 30' fill='white' fill-opacity='.45'%3E%3Ccircle cx='6' cy='24' r='2.5'/%3E%3Ccircle cx='16' cy='18' r='1.6'/%3E%3Ccircle cx='27' cy='25' r='3'/%3E%3Ccircle cx='34' cy='14' r='1.8'/%3E%3Ccircle cx='12' cy='8' r='1.3'/%3E%3C/svg%3E") repeat-x 0 100%/40px 30px;animation:bub9 3s linear infinite;pointer-events:none}
body.bs-bubble .seg button.on,body.bs-bubble .subtabs .stb.on{background:#0891b2!important;color:#fff!important;border-radius:999px}body.bs-bubble .chip{border-radius:999px;border:1.5px solid #67e8f9}
/* ---- Forest wood ---- */
body.bs-wood .btn:not(.g):not(.q):not(.d),.pv-wood .bsmini{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' fill='none' stroke='#3b2414' stroke-opacity='.35' stroke-width='1.2'%3E%3Cpath d='M0 8Q30 4 60 9T120 7M0 18Q40 14 70 20T120 17M0 29Q30 25 55 30T120 28M0 37Q50 34 120 38'/%3E%3Cellipse cx='80' cy='20' rx='7' ry='3'/%3E%3C/svg%3E"),linear-gradient(180deg,#a16207,#713f12);background-size:120px 40px,100%;color:#fff7ed;font-weight:900;border-radius:10px;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 0 0 2px rgba(59,36,20,.6),0 4px 10px rgba(0,0,0,.25)}
body.bs-wood .seg button.on,body.bs-wood .subtabs .stb.on{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40' fill='none' stroke='#3b2414' stroke-opacity='.35' stroke-width='1.2'%3E%3Cpath d='M0 8Q30 4 60 9T120 7M0 18Q40 14 70 20T120 17M0 29Q30 25 55 30T120 28M0 37Q50 34 120 38'/%3E%3Cellipse cx='80' cy='20' rx='7' ry='3'/%3E%3C/svg%3E"),#854d0e!important;background-size:120px 40px,auto;color:#fff!important}body.bs-wood .chip{background:rgba(161,98,7,.15);border:1px solid #a16207}
/* ---- Cozy plaid ---- */
body.bs-plaid .btn:not(.g):not(.q):not(.d),.pv-plaid .bsmini{background:linear-gradient(90deg,rgba(0,0,0,.28) 0 6px,transparent 6px 20px,rgba(255,255,255,.12) 20px 22px,transparent 22px) 0 0/28px 100%,linear-gradient(0deg,rgba(0,0,0,.28) 0 6px,transparent 6px 20px,rgba(255,255,255,.12) 20px 22px,transparent 22px) 0 0/100% 28px,#b91c1c;color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.6)}
body.bs-plaid .seg button.on,body.bs-plaid .subtabs .stb.on{background:linear-gradient(90deg,rgba(0,0,0,.25) 0 5px,transparent 5px) 0 0/18px 100%,#991b1b!important;color:#fff!important}body.bs-plaid .chip{border:1.5px solid #b91c1c}
/* ---- Pastel cloud ---- */
body.bs-cloud .btn:not(.g):not(.q):not(.d),.pv-cloud .bsmini{background:linear-gradient(180deg,#e0f2fe,#c4b5fd);color:#3b0764;font-weight:900;border-radius:999px;box-shadow:0 6px 16px rgba(167,139,250,.35),inset 0 2px 0 #fff}
body.bs-cloud .btn:not(.g):not(.q):not(.d)::before,.pv-cloud .bsmini::before{content:"";position:absolute;left:-8px;bottom:-6px;width:34px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24'%3E%3Cpath d='M10 22C3 22 2 13 9 12C9 5 18 3 22 8C25 2 36 3 37 10C44 8 50 13 47 18C54 18 55 22 50 22Z' fill='white' fill-opacity='.85'/%3E%3C/svg%3E") 0 0/100% no-repeat;pointer-events:none}
body.bs-cloud .seg button.on,body.bs-cloud .subtabs .stb.on{background:linear-gradient(180deg,#e0f2fe,#ddd6fe)!important;color:#4c1d95!important}body.bs-cloud .chip{background:#fff;color:#4c1d95}
/* ---- Midnight constellation ---- */
body.bs-const .btn:not(.g):not(.q):not(.d),.pv-const .bsmini{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' fill='white'%3E%3Cpath d='M8 30L24 12L42 22L60 8L72 26' stroke='white' stroke-opacity='.45' stroke-width='.8' fill='none'/%3E%3Ccircle cx='8' cy='30' r='1.6'/%3E%3Ccircle cx='24' cy='12' r='1.9'/%3E%3Ccircle cx='42' cy='22' r='1.5'/%3E%3Ccircle cx='60' cy='8' r='2'/%3E%3Ccircle cx='72' cy='26' r='1.4'/%3E%3C/svg%3E"),linear-gradient(180deg,#1e1b4b,#312e81);background-size:80px 40px,100%;color:#e0e7ff;border:1.5px solid #818cf8;box-shadow:0 0 14px rgba(129,140,248,.35)}
body.bs-const .seg button.on,body.bs-const .subtabs .stb.on{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' fill='white'%3E%3Cpath d='M8 30L24 12L42 22L60 8L72 26' stroke='white' stroke-opacity='.45' stroke-width='.8' fill='none'/%3E%3Ccircle cx='8' cy='30' r='1.6'/%3E%3Ccircle cx='24' cy='12' r='1.9'/%3E%3Ccircle cx='42' cy='22' r='1.5'/%3E%3Ccircle cx='60' cy='8' r='2'/%3E%3Ccircle cx='72' cy='26' r='1.4'/%3E%3C/svg%3E"),#3730a3!important;background-size:80px 40px,auto;color:#fff!important}body.bs-const .chip{border:1px solid #818cf8}
body.rmo.bs-haunt .btn:not(.g):not(.q):not(.d),body.rmo.bs-haunt .btn:not(.g):not(.q):not(.d)::after,body.rmo .btn::after{animation:none!important}
@media(prefers-reduced-motion:reduce){body[class*=" bs-"] .btn:not(.g):not(.q):not(.d),body[class*=" bs-"] .btn:not(.g):not(.q):not(.d)::after{animation:none!important}}
/* ===== Card styles (body.cs-*) ===== */
body[class*=" cs-"] .card,body[class*=" cs-"] .fcard{position:relative;transition:transform .25s ease,box-shadow .25s ease;animation:cin9 .45s cubic-bezier(.2,.8,.3,1) both}
@keyframes cin9{from{opacity:0;transform:translateY(10px) scale(.985)}}
@media(hover:hover){body[class*=" cs-"] .card:hover,body[class*=" cs-"] .fcard:hover{transform:translateY(-2px) rotate(-.25deg);box-shadow:0 12px 30px rgba(0,0,0,.18)}}
body.rmo[class*=" cs-"] .card,body.rmo[class*=" cs-"] .fcard{animation:none;transition:none}@media(prefers-reduced-motion:reduce){body[class*=" cs-"] .card,body[class*=" cs-"] .fcard{animation:none}}
/* Halloween: tombstone */
body.cs-tomb .card,.pc-tomb .csmini,body.cs-tomb .fcard{border-radius:60px 60px 10px 10px/34px 34px 10px 10px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 60' fill='none' stroke='currentColor' stroke-opacity='.35' stroke-width='1.4'%3E%3Cpath d='M30 0L24 12L30 20L20 34L25 44L18 60M24 12L16 16M20 34L12 36'/%3E%3C/svg%3E") no-repeat right 18px top 0/26px 40px,linear-gradient(180deg,#4b4b5a,#2e2e3a)!important;color:#f1f1f4;border:2px solid #5d5d6e!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.08),0 6px 0 #1c1c24!important;padding-top:22px}
body.cs-tomb .card .mut,body.cs-tomb .fcard small{color:#c9c9d4!important}
/* Halloween: cobweb frame */
body.cs-cobweb .card,.pc-cobweb .csmini,body.cs-cobweb .fcard{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none' stroke='white' stroke-opacity='.38' stroke-width='.9'%3E%3Cpath d='M0 0L60 60M0 0L60 22M0 0L22 60M0 0L60 0M0 0L0 60M0 0L40 60M0 0L60 40'/%3E%3Cpath d='M0 12Q9 10 11 0M0 24Q16 19 19 9Q22 18 26 0M0 38Q22 31 28 19Q35 26 40 0M0 52Q30 44 37 30Q46 34 54 0'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='none' stroke='white' stroke-opacity='.38' stroke-width='.9'%3E%3Cpath d='M0 0L60 60M0 0L60 22M0 0L22 60M0 0L60 0M0 0L0 60M0 0L40 60M0 0L60 40'/%3E%3Cpath d='M0 12Q9 10 11 0M0 24Q16 19 19 9Q22 18 26 0M0 38Q22 31 28 19Q35 26 40 0M0 52Q30 44 37 30Q46 34 54 0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top left,bottom right;background-size:56px,56px;border:1px solid rgba(255,255,255,.14)!important}
body.cs-cobweb .card::after,.pc-cobweb .csmini::after,body.cs-cobweb .fcard::after{content:"";position:absolute;right:22px;top:0;width:1px;height:26px;background:rgba(255,255,255,.5);pointer-events:none}body.cs-cobweb .card::before,.pc-cobweb .csmini::before{content:"";position:absolute;right:16px;top:24px;width:13px;height:10px;border-radius:50%;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.25);pointer-events:none}
/* Halloween: parchment */
body.cs-parch .card,.pc-parch .csmini,body.cs-parch .fcard{background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.35),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(120,72,20,.25),transparent 60%),#e9d8b4!important;color:#3b2a14!important;border:1px solid #b89a63!important;border-radius:6px 14px 8px 16px!important;box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 26px rgba(120,72,20,.25)!important}
body.cs-parch .card .mut,body.cs-parch .card small,body.cs-parch .fcard small,body.cs-parch .card label{color:#6b4f2a!important}body.cs-parch .card b,body.cs-parch .fcard b,body.cs-parch .card h2,body.cs-parch .card h3{color:#3b2a14!important}
/* Christmas: wrapped present */
body.cs-present .card,.pc-present .csmini,body.cs-present .fcard{background:linear-gradient(90deg,transparent calc(100% - 46px),rgba(250,204,21,.85) calc(100% - 46px) calc(100% - 34px),transparent 0),var(--card)!important;border:2px solid color-mix(in srgb,#dc2626 55%,var(--line))!important;padding-right:56px!important}
body.cs-present .card::after,.pc-present .csmini::after,body.cs-present .fcard::after{content:"";position:absolute;right:22px;top:-10px;width:36px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18'%3E%3Cpath d='M15 9C9 1 2 2 3 8C4 14 10 12 15 9C20 12 26 14 27 8C28 2 21 1 15 9Z' fill='#facc15' stroke='#a16207'/%3E%3Ccircle cx='15' cy='9' r='2.6' fill='#eab308'/%3E%3C/svg%3E") 0 0/100% no-repeat;pointer-events:none}
/* Christmas: frosted glass + snow */
body.cs-frost .card,.pc-frost .csmini,body.cs-frost .fcard{background:color-mix(in srgb,var(--card) 72%,transparent)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.45)!important;padding-top:20px}
body.cs-frost .card::before,.pc-frost .csmini::before,body.cs-frost .fcard::before{content:"";position:absolute;left:-1px;right:-1px;top:-6px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 10Q0 2 10 2H190Q200 2 200 10Q194 9 190 13Q186 16 182 12Q176 8 168 11Q160 15 152 11Q144 7 134 12Q126 16 118 11Q108 7 98 11Q90 15 82 11Q72 7 62 12Q54 15 46 11Q36 7 26 12Q18 15 10 11Q4 8 0 10Z' fill='white'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
/* Thanksgiving: recipe card */
body.cs-recipe .card,.pc-recipe .csmini,body.cs-recipe .fcard{background:linear-gradient(90deg,transparent 30px,rgba(239,68,68,.45) 30px 31.5px,transparent 31.5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 26'%3E%3Cpath d='M0 25.5H10' stroke='#93c5fd' stroke-opacity='.55'/%3E%3C/svg%3E"),#fffdf6!important;background-size:auto,10px 26px,auto!important;color:#2b2420!important;border-radius:6px!important;border:1px solid #e7dcc4!important;padding-left:42px!important;box-shadow:0 4px 12px rgba(80,50,20,.15)!important}
body.cs-recipe .card .mut,body.cs-recipe .fcard small{color:#6b5a48!important}body.cs-recipe .card b,body.cs-recipe .fcard b,body.cs-recipe .card label{color:#2b2420!important}
/* Cozy: quilted */
body.cs-quilt .card,.pc-quilt .csmini,body.cs-quilt .fcard{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='white' stroke-opacity='.22' stroke-width='1.2' stroke-dasharray='3 3'%3E%3Cpath d='M0 14L14 0L28 14L14 28Z'/%3E%3C/svg%3E"),var(--card)!important;background-size:28px 28px,auto!important;border:2px dashed color-mix(in srgb,var(--acc) 40%,var(--line))!important;box-shadow:inset 0 0 0 5px var(--card),0 4px 14px rgba(0,0,0,.1)!important}
/* Ocean: sea glass */
body.cs-glass .card,.pc-glass .csmini,body.cs-glass .fcard{background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.05)),color-mix(in srgb,#0ea5e9 14%,var(--card))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(186,230,253,.6)!important;border-radius:24px 24px 24px 8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(3,105,161,.15)!important}
/* Forest: bark */
body.cs-bark .card,.pc-bark .csmini,body.cs-bark .fcard{border-left:12px solid #7c4a21!important;border-image:none;background:linear-gradient(90deg,rgba(124,74,33,.12),transparent 40px),var(--card)!important}
body.cs-bark .card::before,.pc-bark .csmini::before,body.cs-bark .fcard::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 60' fill='none' stroke='#2b1a0e' stroke-opacity='.35' stroke-width='2'%3E%3Cpath d='M6 0Q10 15 5 30T8 60M20 0Q16 18 22 32T18 60M33 0Q37 14 31 28T35 60'/%3E%3C/svg%3E") 0 0/12px 30px repeat-y;pointer-events:none;border-radius:inherit}
/* Neon frame */
body.cs-neonf .card,.pc-neonf .csmini,body.cs-neonf .fcard{border:1.5px solid #f0abfc!important;box-shadow:0 0 12px rgba(240,171,252,.35),inset 0 0 12px rgba(34,211,238,.12)!important;border-radius:8px!important}
/* Pastel cloud card */
body.cs-cloudc .card,.pc-cloudc .csmini,body.cs-cloudc .fcard{border-radius:28px!important;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.9) 0 34px,transparent 35px),linear-gradient(160deg,#fdf4ff,#eff6ff)!important;color:#3b3350!important;border:1px solid #f0e6fa!important}
/* Midnight starfield card */
body.cs-starc .card,.pc-starc .csmini,body.cs-starc .fcard{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 50' fill='white'%3E%3Ccircle cx='8' cy='8' r='.9' opacity='.7'/%3E%3Ccircle cx='30' cy='28' r='.7' opacity='.5'/%3E%3Ccircle cx='52' cy='10' r='1.1' opacity='.8'/%3E%3Ccircle cx='70' cy='36' r='.8' opacity='.6'/%3E%3Ccircle cx='18' cy='44' r='.7' opacity='.5'/%3E%3C/svg%3E"),linear-gradient(180deg,#141b33,#0f1628)!important;background-size:80px 50px,auto!important;border:1px solid #2a3560!important;color:#e8edff}
/* mini previews in picker */
.bspick{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:6px}.bspick>button{border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:10px 6px 8px;cursor:pointer;display:grid;justify-items:center;gap:8px;font-size:12.5px;font-weight:800;min-height:84px}.bspick>button.on{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent)}
.bsmini{display:inline-grid;place-items:center;min-width:64px;height:30px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:900;pointer-events:none;position:relative}
.csmini{width:80px;height:46px;border-radius:10px;position:relative;pointer-events:none;overflow:hidden;background:var(--card);border:1px solid var(--line)}.csmini i{position:absolute;left:10px;right:22px;height:5px;border-radius:3px;background:currentColor;opacity:.35}.csmini i:nth-child(1){top:14px}.csmini i:nth-child(2){top:24px;right:34px}
#adm10{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:12px;z-index:70;border:0;border-radius:99px;padding:6px 14px;background:#16a34a;color:#fff;font-weight:800;font-size:12.5px;box-shadow:0 6px 18px rgba(0,0,0,.2);min-height:32px}
#kt10{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:12px;z-index:69;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:5px 12px 5px 5px;background:var(--card);color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.15);min-height:40px;font-size:13px}#kt10 b{color:var(--acc)}
.wizdots{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.wizdots i{width:28px;height:5px;border-radius:3px;background:var(--line)}.wizdots i.on{background:var(--acc)}
.mfstart{margin-top:12px}.login .whoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0}