.board-star{--board-accent:#ffd23f;--on-accent:#1b1726;--mark-ink:#1b1726;--line:#1b1726;--region-0:#f9c806;--region-1:#e86b17;--region-2:#f39186;--region-3:#c77586;--region-4:#db43ad;--region-5:#b7e1d5;--region-6:#9cd6fc;--region-7:#3ca7dd;--region-8:#067ff9;--region-9:#b5754a}@media (prefers-color-scheme:dark){.board-star{--mark-ink:#f4efe6;--line:#f4efe6;--region-0:#826b0d;--region-1:#0606e5;--region-2:#07364a;--region-3:#0566c7;--region-4:#6d0303;--region-5:#206f6f;--region-6:#10109e;--region-7:#10739e;--region-8:#20286f;--region-9:#177847}}.star-grid{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;gap:0;max-width:100%;height:auto;margin-inline:auto;display:grid}.star-tools{gap:8px;width:min(100%,420px);display:flex}.star-tools>button{flex:1;min-height:48px}.star-cell{box-sizing:border-box;border:0 solid var(--line);background:var(--region-0);width:100%;height:100%;color:var(--mark-ink);appearance:none;cursor:pointer;border-bottom-width:1px;border-right-width:1px;place-items:center;margin:0;padding:0;display:grid}.star-cell[data-region="0"]{background-color:var(--region-0)}.star-cell[data-region="1"]{background-color:var(--region-1)}.star-cell[data-region="2"]{background-color:var(--region-2)}.star-cell[data-region="3"]{background-color:var(--region-3)}.star-cell[data-region="4"]{background-color:var(--region-4)}.star-cell[data-region="5"]{background-color:var(--region-5)}.star-cell[data-region="6"]{background-color:var(--region-6)}.star-cell[data-region="7"]{background-color:var(--region-7)}.star-cell[data-region="8"]{background-color:var(--region-8)}.star-cell[data-region="9"]{background-color:var(--region-9)}.star-cell[data-wall-l=true]{border-left-width:3px}.star-cell[data-wall-t=true]{border-top-width:3px}.star-cell[data-wall-r=true]{border-right-width:3px}.star-cell[data-wall-b=true]{border-bottom-width:3px}.star-cell[data-cursor=true]{outline:2px solid var(--board-accent);outline-offset:-4px}.star-cell[data-conflict=true]{background-image:repeating-linear-gradient(-45deg, transparent, transparent 4px, color-mix(in srgb, var(--mark-ink) 45%, transparent) 4px, color-mix(in srgb, var(--mark-ink) 45%, transparent) 8px)}.star-mark{background:var(--mark-ink);pointer-events:none;width:20px;height:20px}.star-mark[data-kind=star]{-webkit-mask:url(/content/games/star-grid/star.svg) 50%/contain no-repeat;mask:url(/content/games/star-grid/star.svg) 50%/contain no-repeat}.star-mark[data-kind=dot]{width:10px;height:10px;-webkit-mask:url(/content/games/star-grid/dot.svg) 50%/contain no-repeat;mask:url(/content/games/star-grid/dot.svg) 50%/contain no-repeat}