@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes edge-orbit{to{--edge-angle:360deg}}
body[data-theme=rose]{--accent:#ff96cb;--accent-rgb:255,150,203;--hue:175deg}
body[data-theme=solar]{--accent:#ffd486;--accent-rgb:255,212,134;--hue:265deg}
body[data-theme=ember]{--accent:#ff9b75;--accent-rgb:255,155,117;--hue:225deg}
body[data-theme=lagoon]{--accent:#76f4ef;--accent-rgb:118,244,239;--hue:35deg}
body[data-theme=pearl]{--accent:#e5eaff;--accent-rgb:229,234,255;--hue:75deg}
body[data-theme=pearl] #living-nebula,body[data-theme=pearl] #orbital-system{filter:hue-rotate(var(--hue)) saturate(.22)}
.continuous-space>#stars,.flight-dust{filter:hue-rotate(var(--hue));transition:filter .8s}
.appearance{width:320px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#12221ef5,#07110ff8);box-shadow:0 25px 75px #0009,inset 0 1px #ffffff0e}
.appearance .micro{color:var(--accent);font-size:10px}.appearance p{font-size:14px;color:#c0d3ca;margin-top:7px}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0 0}
.swatches button{width:100%;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #c4e5d414;border-radius:11px;background:#ffffff03;color:#aac1b4;outline:none;font-size:10px;line-height:1.2;padding:8px 3px;transition:background .25s,border-color .25s,transform .25s}
.swatches button[aria-pressed=true]{background:color-mix(in srgb,var(--swatch),transparent 90%);border-color:color-mix(in srgb,var(--swatch),transparent 40%);box-shadow:inset 0 0 16px color-mix(in srgb,var(--swatch),transparent 94%);color:#f2fff8}
.swatches button:hover{transform:translateY(-2px);background:#ffffff09;border-color:var(--swatch)}
.swatch-orb{width:26px;height:26px;display:block;border-radius:50%;background:radial-gradient(circle at 30% 23%,#fff,var(--swatch) 32%,color-mix(in srgb,var(--swatch),#03120b 70%) 90%);box-shadow:inset 0 0 0 1px #ffffff40,0 3px 9px #0005;position:relative}
.swatches button[aria-pressed=true] .swatch-orb:after{content:'';position:absolute;inset:-4px;border:1px solid var(--swatch);border-radius:50%;box-shadow:0 0 13px color-mix(in srgb,var(--swatch),transparent 60%)}
.swatches button:focus-visible{outline:2px solid var(--swatch);outline-offset:3px}
.nav-shell,.social-dock,.board-toolbar,.table-wrap,.copy-code,.quiet-button,.nav-cta{position:relative}
.edge-light{position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:conic-gradient(from var(--edge-angle),transparent 0deg,transparent 45deg,rgba(var(--accent-rgb),.15) 80deg,rgba(var(--accent-rgb),.85) 105deg,#effff4c9 111deg,transparent 135deg,transparent 225deg,rgba(var(--accent-rgb),.24) 265deg,transparent 295deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:edge-orbit var(--edge-duration,14s) linear infinite;animation-delay:var(--edge-delay,0s);opacity:.5;transition:opacity .4s}
.edge-host:hover>.edge-light,.edge-host:focus-within>.edge-light{opacity:1}
.champion>.edge-light,.bonus-panel>.edge-light{padding:1.5px;opacity:.85}
.nav-shell>.edge-light{opacity:.34}.appearance>.edge-light{opacity:.75}.primary-button>.edge-light{opacity:.85}
.contender,.orbit-card,.bonus-panel,.glass-button,.copy-code,.quiet-button,.social-dock,.nav-shell,.board-toolbar,.table-wrap{border-color:rgba(var(--accent-rgb),.17)}
.copy-code{border-style:solid}.nav-cta,.quiet-button{border-radius:9px}
.table-wrap tbody tr+tr{border-top:1px solid rgba(var(--accent-rgb),.09)}
.reward,.prize-card>.card-link{border-top-color:rgba(var(--accent-rgb),.14)}
.edge-paused>.edge-light{animation-play-state:paused}
@media(max-width:500px){.appearance{width:292px;right:-70px;padding:20px}.swatches{gap:7px}.swatches button{height:70px;font-size:10px}}
@media(max-width:360px){.appearance{width:270px;right:-80px;padding:16px}}
@media(prefers-reduced-motion:reduce){.edge-light{animation:none;--edge-angle:110deg}}