:root{--art-shadow:color-mix(in srgb, var(--primary) 52%, black);--art-light:color-mix(in srgb, var(--primary) 15%, white);--art-mid:color-mix(in srgb, var(--primary) 65%, white);--art-outline:color-mix(in srgb, var(--primary) 64%, black);--art-drop-shadow:color-mix(in srgb, var(--primary) 12%, transparent);--art-board-light:color-mix(in srgb, var(--primary) 9%, white);--art-board-dark:color-mix(in srgb, var(--primary) 56%, white);--art-board-ink:color-mix(in srgb, var(--primary) 14%, black);--art-image-shadow:color-mix(in srgb, var(--primary) 68%, black);--art-image-light:color-mix(in srgb, var(--primary) 4%, white);--art-image-brightness:1;--art-image-filter:url(#chesssum-artwork-tone) brightness(var(--art-image-brightness))}:root[data-theme=dark]{--art-board-light:color-mix(in srgb, var(--art-light) 82%, var(--surface));--art-board-dark:color-mix(in srgb, var(--primary) 65%, var(--surface));--art-image-brightness:.82}.artwork-filter-definitions{pointer-events:none;position:absolute;overflow:hidden}.chess-sculpture{--piece-base:var(--primary);--piece-shadow:color-mix(in srgb, var(--piece-base) 52%, black);--piece-light:color-mix(in srgb, var(--piece-base) 15%, white);--piece-mid:color-mix(in srgb, var(--piece-base) 65%, white);--piece-outline:color-mix(in srgb, var(--piece-base) 64%, black)}.theme-artwork,.auth-art{filter:var(--art-image-filter)}
.theme-picker-wrap{position:relative}.palette-panel{border:1px solid var(--border);background:var(--surface);width:370px;max-width:calc(100vw - 24px);color:var(--text);z-index:110;border-radius:20px;max-height:calc(100dvh - 120px);padding:20px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 18px 65px #0003}.palette-heading{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.palette-heading strong{font-size:16px}.palette-heading p,.palette-help{color:var(--muted);margin-top:5px;font-size:12px}.palette-heading button{min-width:32px;height:32px}.palette-label{margin-bottom:12px;font-size:14px;font-weight:600;display:block}.palette-slider{appearance:none;cursor:ew-resize;border:1px solid var(--text);border-radius:20px;width:100%;height:18px;margin:10px 0}.palette-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);outline:2px solid var(--text);background:var(--primary);border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0004}.palette-slider::-moz-range-thumb{border:3px solid var(--surface);outline:2px solid var(--text);background:var(--primary);border-radius:50%;width:24px;height:24px}.palette-swatches{grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0;display:grid}.palette-swatches button{border:1px solid #0000;border-radius:9px;justify-items:center;gap:5px;min-height:52px;padding:7px 1px;display:grid}.palette-swatches button:hover,.palette-swatches button[aria-pressed=true]{background:var(--active);border-color:var(--primary)}.palette-swatches span{border-radius:50%;width:22px;height:22px}.palette-swatches small{font-size:10px}.palette-preview{background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.palette-reset{min-height:32px;color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}@media (max-width:600px){.palette-panel{width:auto;max-width:none;position:fixed;top:90px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){[data-palette] body{transition:none}}
.season-background{pointer-events:none;z-index:1;opacity:.38;color:#87a9ba;position:fixed;inset:0;overflow:hidden}.season-background svg{width:100%;height:100%}.season-background[data-night=true]{opacity:.48;color:#d8e8fa}.season-drift{animation:25s linear infinite season-drift}.season-glow{animation:5s ease-in-out infinite alternate season-glow}@keyframes season-drift{0%{transform:translateY(-100px)}50%{transform:translate(18px)}to{transform:translateY(110px)}}@keyframes season-glow{to{opacity:.45}}.season-background[data-motion=false] *{animation:none!important}.season-picker{border-top:1px solid var(--border);margin:14px 0;padding-top:14px}.season-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.season-picker>div button{border:1px solid var(--border);border-radius:12px;justify-items:center;gap:4px;padding:8px 2px;font-size:12px;display:grid}.season-picker button[aria-pressed=true]{background:var(--active);outline:2px solid var(--primary)}.season-picker span{font-size:22px}.season-picker>label{align-items:center;gap:8px;margin-right:12px;display:inline-flex}.season-picker>button{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.season-background *{animation:none!important}}@media (max-width:700px){.season-drift:nth-child(n+15){display:none}.season-background{opacity:.25}}