.page{--bg-ground: #13241F;--bg-brass: #D4A452;--bg-cream: #EEE7D8;--bg-ink: #1B140A;--bg-danger: #E27A5F}.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(--bg-cream);border:2px solid rgba(27,20,10,.25);box-shadow:var(--shadow-card);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(--bg-ink);visibility:hidden}.die i.on{visibility:visible}.die--used{opacity:.35}.die--tumble{animation:bg-tumble 90ms linear infinite alternate}@keyframes bg-tumble{0%{transform:rotate(-14deg) scale(.94)}to{transform:rotate(14deg) scale(1.04)}}.roll{min-width:120px}.bg{--chk: 28px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,40px) 48px repeat(6,40px) 48px;gap:2px;background:var(--bg-ground);padding:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-card);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(--bg-brass);background-color:var(--bg-ground);background-repeat:no-repeat;background-size:100% 50%;background-position:top,bottom}.pt--alt{--tri: var(--bg-cream)}.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:#eee7d814}.bar--top{grid-column:2;grid-row:7}.bar--bottom{grid-column:1;grid-row:7}.off{background:var(--bg-cream);align-items:center;justify-content:center;gap:6px;color:var(--bg-ink)}.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:.8125rem;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(--bg-cream);border:3px solid rgba(27,20,10,.35);color:var(--bg-ink)}.chk--dark{background:var(--bg-ink);border:3px solid rgba(238,231,216,.35);color:var(--bg-cream)}.movable .chk:last-child{box-shadow:0 0 0 3px var(--bg-danger)}.chk--hit{--color-accent: var(--bg-danger);animation:rh-blink .15s var(--ease) 2}.chk--pop,.off__count.pop{animation:rh-pop .26s var(--ease)}@media (prefers-reduced-motion: reduce){.chk--hit{box-shadow:0 0 0 3px var(--bg-danger)}}.bg .last{outline:3px solid var(--bg-cream);outline-offset:-3px;z-index:1}.bg--moving .last{outline-color:var(--bg-brass)}.bg .selected{outline:3px solid var(--bg-danger);outline-offset:-3px;z-index:1}.bg button:focus-visible{outline:3px solid var(--bg-cream);outline-offset:-3px;z-index:3}.legal-dot{width:14px;height:14px;border-radius:50%;background:var(--bg-danger);box-shadow:0 0 0 2px var(--bg-ink),0 0 0 5px #e27a5f4d;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 (max-width: 360px){.bg{--chk: 25px}}@media (max-width: 699px),(max-height: 559px){.dice-bar{position:sticky;top:0;z-index:5;width:100%;background:var(--color-bg);padding:4px 0}}@media (min-width: 700px) and (min-height: 560px){.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}}