.crowns-root{--arcade-hud-height:310px}.crowns-board{--crowns-tray:color-mix(in srgb, var(--arcade-surface) 40%, var(--arcade-bg));font-family:var(--arcade-font);background:var(--arcade-bg);grid-template-rows:auto minmax(0,1fr);align-content:start;gap:2%;padding:3% 4% 2%;display:grid;position:absolute;inset:0}.crowns-grid .puzzle-grid{background:var(--crowns-tray)}.crowns-grid .puzzle-cell{--crowns-tint:var(--arcade-surface);--crowns-ring:0 0 0 0 transparent;--crowns-join-right:0 0 0 0 transparent;--crowns-join-below:0 0 0 0 transparent;--crowns-join-corner:0 0 0 0 transparent;background:var(--crowns-tint);box-shadow:var(--crowns-ring), var(--crowns-join-right), var(--crowns-join-below), var(--crowns-join-corner);transition:background-color .6s}.crowns-grid .puzzle-cell[data-tone~=k0]{--crowns-region:var(--arcade-gold)}.crowns-grid .puzzle-cell[data-tone~=k1]{--crowns-region:color-mix(in srgb, var(--arcade-danger) 70%, var(--arcade-glow))}.crowns-grid .puzzle-cell[data-tone~=k2]{--crowns-region:var(--arcade-glow)}.crowns-grid .puzzle-cell[data-tone~=k3]{--crowns-region:var(--arcade-success)}.crowns-grid .puzzle-cell[data-tone~=k4]{--crowns-region:var(--arcade-rock-shade)}.crowns-grid .puzzle-cell[data-tone~=k5]{--crowns-region:var(--arcade-danger)}.crowns-grid .puzzle-cell[data-tone~=k6]{--crowns-region:var(--arcade-ground-edge)}.crowns-grid .puzzle-cell[data-tone~=k7]{--crowns-region:var(--arcade-hot)}.crowns-board[data-look=colour] .puzzle-cell[data-tone~=region]{--crowns-tint:color-mix(in srgb, var(--crowns-region) 66%, var(--arcade-surface))}.crowns-board[data-look=faint] .puzzle-cell[data-tone~=region]{--crowns-tint:color-mix(in srgb, var(--crowns-region) 20%, var(--arcade-surface))}.crowns-board:not([data-look=plain]) .puzzle-cell{border-radius:calc(var(--arcade-radius) * .12)}.crowns-grid .puzzle-cell[data-tone~=jR]{--crowns-join-right:var(--puzzle-gap) 0 0 0 var(--crowns-tint)}.crowns-grid .puzzle-cell[data-tone~=jB]{--crowns-join-below:0 var(--puzzle-gap) 0 0 var(--crowns-tint)}.crowns-grid .puzzle-cell[data-tone~=jD]{--crowns-join-corner:var(--puzzle-gap) var(--puzzle-gap) 0 0 var(--crowns-tint)}.crowns-crown{width:74%;height:74%;fill:var(--arcade-accent);stroke:var(--arcade-on-accent);stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke}.crowns-cross{width:36%;height:36%;fill:var(--arcade-muted)}.crowns-board:not([data-look=plain]) .crowns-cross{fill:var(--arcade-bg)}.crowns-grid .puzzle-cell[data-tone~=clash]{--crowns-ring:inset 0 0 0 var(--puzzle-wall-width) var(--arcade-danger), inset 0 0 0 calc(var(--puzzle-wall-width) * 2) var(--arcade-bg)}.crowns-grid .puzzle-cell[data-tone~=clash] .crowns-crown{fill:var(--arcade-danger);stroke:var(--arcade-bg)}.crowns-tally{justify-content:center;align-items:center;gap:1.4%;min-height:0;margin:0;display:flex}.crowns-tally>span:not(.arcade-sr){aspect-ratio:1;width:5.4%;display:grid}.crowns-tally svg{width:100%;height:100%;fill:var(--arcade-border)}.crowns-tally [data-on] svg{fill:var(--arcade-accent)}.crowns-dealing{font-weight:var(--arcade-weight-strong);text-align:center;color:var(--arcade-muted);align-self:center;margin:0}.crowns-controls{gap:10px;display:grid}.crowns-fade{align-content:center;min-height:62px;display:grid}.crowns-key{margin:0}.crowns-key-row{font-size:14px;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.crowns-key-cell{border-radius:calc(var(--arcade-radius) * .3);background:var(--arcade-bg);place-items:center;width:26px;height:26px;display:inline-grid}.crowns-key-cell .crowns-cross{width:40%;height:40%}@media (prefers-reduced-motion:reduce){.crowns-grid .puzzle-cell{transition:none}}.crowns-result{text-align:center;gap:12px;display:grid}.crowns-tip{text-align:left;border-radius:var(--arcade-radius);background:var(--arcade-surface);gap:6px;padding:12px 16px;display:grid}.crowns-tip p{margin:0}.crowns-tip-label{font-size:11px;font-weight:var(--arcade-weight-strong);letter-spacing:.1em;color:var(--arcade-muted)}.crowns-tip a{font-weight:var(--arcade-weight-strong);color:var(--arcade-accent)}
