.themes{justify-items:stretch;max-width:720px}.themes>.kolam,.themes>h1,.themes>.tagline{text-align:center;justify-self:center}.themes-section{border-top:1px solid var(--chalk);width:100%;padding-top:14px}.themes-section h2{margin-bottom:2px}.themes-sub{color:var(--khadi);margin:0 0 12px;font-size:13.5px}.themes-vault{color:var(--khadi);font-size:14px;font-family:var(--font-body), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;font-weight:700}.themes .tabs{margin-bottom:12px}.pro-strip{background:linear-gradient(#e3ae4c24,#0003);border:1px solid #e3ae4c73;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.pro-strip.is-preview{background:#0003;border-style:dashed}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.theme-grid.is-vault{opacity:.7}.theme-card{text-align:left;background:var(--ink-2);min-height:0;color:var(--cloth);border:1px solid var(--chalk);box-shadow:none;font:inherit;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;padding:10px;font-weight:400;transition:border-color .15s,box-shadow .15s,transform 60ms;display:flex}.theme-card:hover{filter:none;border-color:#e3ae4c80}.theme-card.is-on{border-color:var(--marigold);box-shadow:0 0 0 1px var(--marigold), 0 10px 26px #00000059}.theme-card.is-locked .swatch{filter:saturate(.85)}.theme-card-body{gap:4px;display:grid}.theme-card-name{color:var(--glow);align-items:center;gap:8px;font-weight:700;display:flex}.theme-card-blurb{color:var(--khadi);font-size:12.5px;line-height:1.4}.theme-card-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--turmeric);margin-top:2px;font-size:11px;font-weight:700}.theme-card.is-on .theme-card-cta{color:var(--marigold)}.theme-card.is-locked .theme-card-cta{color:var(--khadi)}.tier{letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg, var(--marigold), var(--marigold-deep));color:var(--marigold-ink);border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.tier-season{color:#fbefff;background:linear-gradient(#8e5bb5,#5b2e7e)}.swatch{aspect-ratio:16/9;background:radial-gradient(60% 50% at 20% 0%, var(--t-lamp,#e3ae4c1f), transparent 70%), radial-gradient(130% 90% at 50% -20%, var(--t-ink-2,var(--ink-2)), var(--t-ink,var(--ink)) 72%);border:1px solid #ffffff0f;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.swatch-board{grid-template-columns:1fr 1fr 1fr 1fr;gap:7px;display:grid;position:absolute;inset:10px 12px}.swatch-board>span{box-shadow:0 0 0 2.5px var(--t-frame,#7e2d22), 0 0 0 3.5px var(--t-frame-light,#f2e3c466), 0 6px 12px #00000080;border-radius:3px}.swatch-cloth{background:repeating-linear-gradient(90deg, transparent 0 22%, var(--t-line,#4a3428) 22% 24%), repeating-linear-gradient(0deg, transparent 0 22%, var(--t-line,#4a3428) 22% 24%), radial-gradient(120% 120% at 30% 20%, var(--t-cloth,#dcc9a4), var(--t-cloth-2,#c9b189))}.swatch-wood{background:linear-gradient(160deg, transparent 47%, var(--t-wood-line,#3b2415) 47% 51%, transparent 51%), linear-gradient(20deg, transparent 47%, var(--t-wood-line,#3b2415) 47% 51%, transparent 51%), radial-gradient(130% 110% at 30% 15%, var(--t-wood,#b98b57), var(--t-wood-2,#8e6538))}.swatch-paper{background:repeating-linear-gradient(90deg, transparent 0 30%, #4a342840 30% 32%), repeating-linear-gradient(0deg, transparent 0 30%, #4a342840 30% 32%), radial-gradient(120% 120% at 30% 15%, var(--t-paper,#ebdcb2), var(--t-paper-2,#dcc894))}.swatch-felt{background:radial-gradient(circle at 50% 40%, var(--t-felt,#3f6b4a), var(--t-felt-2,#24422d) 80%);border-radius:6px}.swatch-piece-row{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.swatch-piece-row i{background:radial-gradient(circle at 34% 28%, var(--t-piece-hi,#ffffff8c), #fff0 42%), radial-gradient(circle at 50% 80%, var(--t-piece-lo,#00000059), transparent 55%), linear-gradient(var(--t-piece-wash,transparent), var(--t-piece-wash,transparent)), var(--tint);border:1px solid var(--t-piece-rim,#00000059);width:30px;height:30px;filter:saturate(var(--t-piece-sat,1));border-radius:50%;box-shadow:inset 0 -3px 3px #0006,0 3px 4px #00000073}.swatch-die{background:radial-gradient(circle at 30% 25%, var(--t-die-face,#fffdf5), var(--t-die-face-2,#f1e6cd) 60%, var(--t-die-face-3,#d9c9a6));width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--t-die-edge,#5a462859), 0 6px 10px #00000080;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.swatch-die i{background:radial-gradient(circle at 40% 35%, var(--t-pip,#4a3a2a), var(--t-pip-2,#1a100a) 70%);border-radius:50%;width:9px;height:9px;position:absolute}.swatch-die i:first-child{top:8px;left:8px}.swatch-die i:nth-child(2){top:17px;left:17px}.swatch-die i:nth-child(3){top:26px;left:26px}.swatch-shell{background:radial-gradient(ellipse at 40% 30%, var(--t-shell-back,#eadbbd), var(--t-shell-back-2,#a7854f) 90%), var(--t-shell-back,#eadbbd);border-radius:50%;width:56px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 -4px 6px #00000040,0 5px 8px #00000080}.swatch-shell:after{content:"";background:var(--t-shell-seam,#f6ecd6);opacity:.8;border-radius:3px;height:3px;position:absolute;top:48%;left:12%;right:12%}.swatch-sound{font-family:var(--font-display), Georgia, serif;color:var(--glow);place-items:center;font-size:30px;display:grid}@media (max-width:480px){.theme-grid{grid-template-columns:1fr;gap:8px}.theme-card{flex-direction:row;align-items:center;gap:12px;padding:8px}.theme-card .swatch{aspect-ratio:1;flex:none;width:112px}.theme-card-blurb{font-size:12px}.pro-strip{font-size:13px}}