.pw-root{--region-0:#cdb9ec;--region-1:#a8cbee;--region-2:#f3de8a;--region-3:#b5dba4;--region-4:#f4b8c1;--region-5:#f7c08e;--region-6:#9bd6cb;--region-7:#d2d6d2;--region-8:#ee9c92;--region-9:#d9c3a0}.pw-root[data-theme=dark]{--region-0:#5e4d82;--region-1:#3f6286;--region-2:#7c6b2b;--region-3:#46683a;--region-4:#80495a;--region-5:#855a36;--region-6:#2d6c63;--region-7:#565c59;--region-8:#834a42;--region-9:#6d5c42}.pg-crowns .pg-grid{background:var(--ink);border:3px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px -18px #1428228c}.pg-crowns .pg-cell{background:var(--rc);--thin:color-mix(in srgb, var(--ink) 22%, transparent)}.pg-crowns .pg-cell[data-r=thin]{box-shadow:inset -1px 0 0 var(--thin)}.pg-crowns .pg-cell[data-r=thick]{box-shadow:inset -3px 0 0 var(--ink)}.pg-crowns .pg-cell[data-d=thin]:after,.pg-crowns .pg-cell[data-d=thick]:after{content:"";pointer-events:none;position:absolute;bottom:0;left:0;right:0}.pg-crowns .pg-cell[data-d=thin]:after{background:var(--thin);height:1px}.pg-crowns .pg-cell[data-d=thick]:after{background:var(--ink);height:3px}.pg-crowns .pg-cell .crown{width:58%;height:58%;color:var(--ink)}.pg-crowns .pg-cell .mark{width:40%;height:40%;color:var(--ink);opacity:.5}.pg-crowns .pg-cell.bad{background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--clay) 38%, transparent) 0 5px, transparent 5px 11px)}.pg-crowns .pg-cell.bad .crown{color:var(--clay)}.pg-crowns .pg-cell.hl:before{content:"";box-shadow:inset 0 0 0 2.5px var(--ink);opacity:.55;pointer-events:none;border-radius:6px;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.pg-crowns .pg-cell.target:before{content:"";box-shadow:inset 0 0 0 3.5px var(--lichen), 0 0 0 2px color-mix(in srgb, var(--lichen) 40%, transparent);pointer-events:none;border-radius:6px;animation:1.1s ease-in-out infinite cr-glow;position:absolute;top:3px;bottom:3px;left:3px;right:3px}@keyframes cr-glow{50%{opacity:.35}}.pg-crowns .pg-cell:hover:not(.bob) .mark,.pg-crowns .pg-cell:hover:not(.bob) .crown{transform:scale(1.06)}.cr-demo-wrap{place-items:center;margin:4px 0 14px;display:grid}.cr-demo{width:168px;height:168px}.cr-demo .pg-cell{cursor:default}@media (prefers-reduced-motion:reduce){.pg-crowns .pg-cell.target:before{animation:none}}