.board-wrap{display:grid;gap:var(--space-3);justify-items:center}.dice-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px}.dice{display:flex;gap:var(--space-2);min-height:44px}.die{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-surface);border:2px solid var(--color-border);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:7px}.die i{border-radius:50%;background:var(--color-text);visibility:hidden}.die i.on{visibility:visible}.die--used{opacity:.35}.roll{min-width:120px}.bg{--chk: 28px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,44px) 56px repeat(6,44px) 56px;gap:2px;background:var(--board-frame);padding:var(--space-2);border-radius:var(--radius-md);width:100%;user-select:none;-webkit-user-select:none}.bg--locked button{cursor:default}.pt,.bar,.off{border:0;padding:0;position:relative;display:flex;touch-action:manipulation;border-radius:0}.pt{--tri: var(--board-square-dark);background-color:var(--board-square-light);background-repeat:no-repeat;background-size:100% 50%;background-position:top,bottom}.pt--alt{--tri: var(--board-frame)}.pt{grid-column:var(--v-col);grid-row:var(--v-row)}.pt--top{background-image:linear-gradient(to bottom right,transparent 49.5%,var(--tri) 50.5%),linear-gradient(to top right,transparent 49.5%,var(--tri) 50.5%)}.pt--bot{background-image:linear-gradient(to bottom left,transparent 49.5%,var(--tri) 50.5%),linear-gradient(to top left,transparent 49.5%,var(--tri) 50.5%)}.bar{background:var(--board-frame)}.bar--top{grid-column:2;grid-row:7}.bar--bottom{grid-column:1;grid-row:7}.off{background:var(--color-surface-2);align-items:center;justify-content:center;gap:6px;color:var(--color-text)}.off--top{grid-column:2;grid-row:14}.off--bottom{grid-column:1;grid-row:14}.off__count{font-family:var(--font-heading);font-size:1.4rem;font-weight:600}.off__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.stack{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:flex;align-items:center;gap:2px;pointer-events:none}.pt--top .stack{flex-direction:row-reverse}.pt--bot .stack{flex-direction:row}.bar .stack{justify-content:center}.chk{width:var(--chk);height:var(--chk);flex:none;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;line-height:1;position:relative;z-index:2}.chk--light{background:var(--piece-light-fill);border:3px solid var(--piece-light-ring);color:var(--piece-dark-fill)}.chk--dark{background:var(--piece-dark-fill);border:3px solid var(--piece-dark-ring);color:var(--piece-light-fill)}.movable .chk:last-child{box-shadow:0 0 0 3px var(--color-accent)}.pt.last:before,.bar.last:before,.off.last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent-soft)}.selected{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:1}.bg button:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:3}.legal-dot{width:14px;height:14px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.pt--top .legal-dot{left:10px}.pt--bot .legal-dot{right:10px}.off .legal-dot{top:auto;bottom:6px;left:50%;transform:translate(-50%)}@media (min-width: 700px){.bg{grid-template-columns:repeat(14,1fr);grid-template-rows:1fr 1fr;aspect-ratio:14 / 10;max-width:clamp(320px,calc((100vh - 280px)*1.4),700px)}.pt{grid-row:var(--h-row);grid-column:var(--h-col);background-size:50% 100%;background-position:left,right}.pt--top{background-image:linear-gradient(to top right,transparent 49.5%,var(--tri) 50.5%),linear-gradient(to top left,transparent 49.5%,var(--tri) 50.5%)}.pt--bot{background-image:linear-gradient(to bottom right,transparent 49.5%,var(--tri) 50.5%),linear-gradient(to bottom left,transparent 49.5%,var(--tri) 50.5%)}.bar--top{grid-column:7;grid-row:1}.bar--bottom{grid-column:7;grid-row:2}.off--top{grid-column:14;grid-row:1}.off--bottom{grid-column:14;grid-row:2}.off{flex-direction:column;gap:2px}.stack{top:4px;right:4px;bottom:4px;left:4px;justify-content:flex-start}.pt--top .stack{flex-direction:column}.pt--bot .stack{flex-direction:column-reverse}.bar .stack{flex-direction:column;justify-content:center}.chk{width:78%;height:auto;aspect-ratio:1}.bar .chk{width:82%}.legal-dot{top:auto;left:50%;right:auto;transform:translate(-50%)}.pt--top .legal-dot{bottom:10px}.pt--bot .legal-dot{top:10px}.off .legal-dot{left:50%;bottom:6px}}