.ww-pips{display: inline-grid;grid-template: repeat(3,1fr) / repeat(3,1fr);place-items: center;padding: 12%;box-sizing: border-box}.ww-pips i{width: 62%;aspect-ratio: 1;border-radius: 50%}.ww-pips i.is-pip{background: currentColor}.ww-die{width: 2.6rem;height: 2.6rem;border-radius: .5rem;border: 2px solid var(--club-walnut);background: var(--club-travertine);color: var(--club-walnut);box-shadow: 0 3px 0 var(--club-walnut)}.ww-die.is-spent{opacity: .38;box-shadow: none}.ww-die--small{flex: none;width: 1.9rem;height: 1.9rem;border-radius: .3rem;border-width: 1.5px;box-shadow: none}.ww-bearoff-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .8rem;margin: 1rem 0 .6rem}.ww-bearoff-match{display: flex;align-items: baseline;gap: .5rem;font-family: var(--ww-mono);font-variant-numeric: tabular-nums}.ww-bearoff-match strong{font-size: 1.6rem}.ww-bearoff-label{font-size: .72rem;letter-spacing: .06em;color: var(--ww-ink-soft)}.ww-bearoff-cube{display: grid;place-items: center;width: 3rem;height: 3rem;border-radius: .45rem;border: 2px solid var(--club-brass);background: var(--club-travertine);color: var(--club-walnut);font-family: var(--ww-mono);line-height: 1}.ww-bearoff-cube strong{font-size: 1.1rem}.ww-bearoff-cube small{font-size: .55rem;letter-spacing: .04em}.ww-bearoff-cube.is-offered{border-color: var(--club-oxblood);transform: rotate(-8deg)}.ww-bearoff-dice{display: flex;gap: .4rem;min-height: 2.6rem}.ww-bearoff-board{position: relative;display: grid;grid-template-rows: 1fr 1fr;gap: .9rem;padding: .6rem 3.2rem .6rem .6rem;border-radius: var(--ww-radius);border: 4px solid color-mix(in oklch,var(--club-walnut) 75%,var(--club-brass));background-color: color-mix(in oklch,var(--club-jade) 72%,var(--club-walnut));background-image: var(--club-felt);background-blend-mode: multiply}.ww-bearoff-row{display: grid;grid-template-columns: repeat(6,1fr) 1.6rem repeat(6,1fr);gap: 2px;min-height: 11rem}.ww-bearoff-point{position: relative;display: flex;flex-direction: column;align-items: center;min-width: 0}.ww-bearoff-point::before{content: "";position: absolute;inset: 0 8%;clip-path: polygon(0 0,100% 0,50% 100%);opacity: .9}.ww-bearoff-row--bottom .ww-bearoff-point{flex-direction: column-reverse}.ww-bearoff-row--bottom .ww-bearoff-point::before{clip-path: polygon(50% 0,100% 100%,0 100%)}.ww-bearoff-point--dark::before{background: var(--club-oxblood)}.ww-bearoff-point--light::before{background: color-mix(in oklch,var(--club-travertine) 80%,var(--club-brass))}.ww-bearoff-point.is-movable::before{box-shadow: inset 0 0 0 2px var(--club-brass-lit);filter: brightness(1.18)}.ww-bearoff-point.is-last .ww-bearoff-number{color: var(--club-brass-lit);font-weight: 800}.ww-bearoff-number{position: relative;z-index: 1;font: 600 .6rem var(--ww-mono);color: color-mix(in oklch,var(--club-travertine) 85%,transparent)}.ww-bearoff-stack{position: relative;z-index: 1;display: flex;flex-direction: inherit;align-items: center;gap: 1px;width: 100%}.ww-bearoff-more{font: 700 .62rem var(--ww-mono);color: var(--club-travertine)}.ww-checker{display: block;width: min(100%,1.85rem);aspect-ratio: 1;border-radius: 50%;border: 2px solid var(--club-brass-dim,var(--club-brass))}.ww-checker--1{background: radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--ww-owner-1-bg) 70%,var(--club-travertine)),var(--ww-owner-1-bg))}.ww-checker--2{background: radial-gradient(circle at 35% 30%,var(--club-travertine),color-mix(in oklch,var(--ww-owner-2-bg) 80%,var(--club-walnut)))}.ww-bearoff-bar{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;border-radius: 4px;background: color-mix(in oklch,var(--club-walnut) 85%,transparent)}.ww-bearoff-bar small{color: var(--club-travertine);font: 700 .6rem var(--ww-mono)}.ww-bearoff-trays{position: absolute;top: .6rem;right: .4rem;bottom: .6rem;display: flex;flex-direction: column;justify-content: space-between;width: 2.4rem}.ww-bearoff-tray{display: flex;flex-direction: column;align-items: center;gap: .2rem;padding: .3rem 0;border-radius: 4px;background: color-mix(in oklch,var(--club-walnut) 80%,transparent);color: var(--club-travertine);font-family: var(--ww-mono)}.ww-bearoff-tray .ww-checker{width: 1.2rem}.ww-bearoff-pips{display: flex;justify-content: space-between;margin: .5rem .2rem 0;font: .78rem var(--ww-mono);font-variant-numeric: tabular-nums;color: var(--ww-ink-soft)}.ww-bearoff .ww-board-actions{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: .8rem}.ww-bearoff-move{display: inline-flex;align-items: center;gap: .45rem;font-family: var(--ww-mono)}.ww-bearoff .ww-board-actions form{flex: 0 1 auto}.ww-salvo-volley{margin: 1rem 0 .4rem;font-weight: 700;color: var(--club-oxblood)}.ww-salvo-seas{display: grid;grid-template-columns: 1fr 1fr;gap: 1.2rem;margin-top: .8rem}.ww-salvo-sea h3{display: flex;justify-content: space-between;align-items: baseline;margin: 0 0 .4rem;font-family: var(--ww-display);font-size: 1.1rem}.ww-salvo-sea h3 small{font: .72rem var(--ww-mono);color: var(--ww-ink-soft)}.ww-salvo-grid{display: grid;grid-template-columns: repeat(10,1fr);gap: 2px;padding: 4px;border-radius: var(--ww-radius-sm);background: color-mix(in oklch,var(--ww-navy) 80%,var(--club-jade))}.ww-salvo-cell{position: relative;display: block;aspect-ratio: 1;min-width: 0;padding: 0;border: 0;border-radius: 2px;background: color-mix(in oklch,var(--ww-navy-2,var(--ww-navy)) 70%,var(--ww-sky))}.ww-salvo-cell.is-ship{background: color-mix(in oklch,var(--club-travertine) 70%,var(--club-walnut))}.ww-salvo-cell.is-miss::after{content: "";position: absolute;inset: 38%;border-radius: 50%;background: color-mix(in oklch,var(--club-travertine) 80%,transparent)}.ww-salvo-cell.is-hit{background: var(--club-oxblood)}.ww-salvo-cell.is-hit::after{content: "";position: absolute;inset: 22%;border-radius: 50%;background: var(--club-brass-lit)}.ww-salvo-cell.is-sunk{background: color-mix(in oklch,var(--club-oxblood) 55%,var(--club-walnut))}.ww-salvo-cell.is-sunk::after{inset: 30%;background: var(--club-walnut)}.ww-salvo-cell.is-last{outline: 2px solid var(--club-brass-lit);outline-offset: 1px;z-index: 1}button.ww-salvo-cell.is-target{cursor: crosshair;transition: background-color var(--ww-dur-micro,90ms) var(--ww-ease-out,ease)}@media (hover: hover){button.ww-salvo-cell.is-target:hover{background: color-mix(in oklch,var(--club-brass) 55%,var(--ww-navy))}}button.ww-salvo-cell.is-target:focus-visible{outline: 3px solid var(--ww-focus);outline-offset: 1px;z-index: 2}button.ww-salvo-cell.is-target:active{background: var(--club-brass)}button.ww-salvo-cell.is-target:disabled{cursor: not-allowed;opacity: .6}.ww-salvo-roster{display: flex;flex-wrap: wrap;gap: .3rem .9rem;margin: .5rem 0 0;padding: 0;list-style: none;font-size: .75rem}.ww-salvo-roster li{display: flex;align-items: center;gap: .35rem}.ww-salvo-roster li.is-sunk{text-decoration: line-through;color: var(--ww-ink-soft)}.ww-salvo-hull{display: inline-flex;gap: 1px}.ww-salvo-hull i{width: .5rem;height: .5rem;border-radius: 1px;background: var(--club-brass)}.ww-salvo-roster li.is-sunk .ww-salvo-hull i{background: var(--club-oxblood)}.ww-salvo .ww-board-actions{display: flex;gap: .6rem;margin-top: .8rem}.ww-domino{display: inline-flex;flex: 0 0 auto;width: 3.4rem;height: 1.7rem;border-radius: .3rem;border: 1.5px solid var(--club-walnut);background: var(--club-travertine);color: var(--club-walnut);box-shadow: 0 2px 0 color-mix(in oklch,var(--club-walnut) 70%,transparent)}.ww-domino__half{width: 50%;height: 100%;padding: 14%}.ww-domino__half + .ww-domino__half{border-left: 1.5px solid color-mix(in oklch,var(--club-walnut) 55%,transparent)}.ww-domino.is-double{width: 1.7rem;height: 3.4rem;flex-direction: column}.ww-domino.is-double .ww-domino__half{width: 100%;height: 50%}.ww-domino.is-double .ww-domino__half + .ww-domino__half{border-left: 0;border-top: 1.5px solid color-mix(in oklch,var(--club-walnut) 55%,transparent)}.ww-domino.is-fresh{outline: 2px solid var(--club-brass);outline-offset: 2px}.ww-domino--back{width: 1.1rem;height: 2rem;background: var(--club-walnut);border-color: var(--club-brass);box-shadow: none}.ww-domino--upright,.ww-domino--upright.is-double{width: 2rem;height: 4rem;flex-direction: column}.ww-domino--upright .ww-domino__half{width: 100%;height: 50%}.ww-domino--upright .ww-domino__half + .ww-domino__half{border-left: 0;border-top: 1.5px solid color-mix(in oklch,var(--club-walnut) 55%,transparent)}.ww-boneyard-rival{display: flex;flex-wrap: wrap;align-items: center;gap: .25rem;margin-top: 1rem}.ww-boneyard-rival small{margin-left: .6rem;font: .75rem var(--ww-mono);color: var(--ww-ink-soft)}.ww-boneyard-line{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 3px;min-height: 5.5rem;margin: .8rem 0;padding: .8rem;border-radius: var(--ww-radius);background-color: color-mix(in oklch,var(--club-jade) 72%,var(--club-walnut));background-image: var(--club-felt);background-blend-mode: multiply}.ww-boneyard-empty{margin: 0;color: var(--club-travertine);font-size: .85rem}.ww-boneyard-recap{margin: .5rem 0;font-size: .8rem;color: var(--ww-ink-soft)}.ww-boneyard-hand{display: flex;flex-wrap: wrap;justify-content: center;gap: .7rem;margin-top: 1rem}.ww-boneyard-tile{display: flex;flex-direction: column;align-items: center;gap: .35rem}.ww-boneyard-tile:not(.is-playable) .ww-domino{opacity: .78}.ww-boneyard-tile.is-playable .ww-domino{border-color: var(--club-brass);transform: translateY(-3px)}.ww-boneyard-sides{display: flex;flex-direction: column;gap: .25rem}.ww-boneyard-sides .ww-town-action{min-width: 3.4rem;padding: .2rem .4rem;font-family: var(--ww-mono);font-size: .8rem}.ww-boneyard .ww-board-actions{display: flex;justify-content: center;margin-top: .8rem}.ww-boxcars-tray{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 1rem;margin: 1rem 0 .6rem}.ww-boxcars-dice{display: flex;gap: .55rem}.ww-boxcars-die{position: relative;display: flex;flex-direction: column;align-items: center;gap: .25rem;cursor: default}label.ww-boxcars-die{cursor: pointer}.ww-boxcars-die .ww-die{width: 3.2rem;height: 3.2rem;transition: transform var(--ww-dur-micro,90ms) var(--ww-ease-out,ease)}.ww-boxcars-die.is-blank .ww-die{opacity: .35}.ww-boxcars-hold{position: absolute;opacity: 0;width: 1px;height: 1px}.ww-boxcars-hold-tag{font: 700 .6rem var(--ww-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--ww-ink-soft)}.ww-boxcars-die:has(.ww-boxcars-hold:checked) .ww-die,span.ww-boxcars-die.is-held .ww-die{border-color: var(--club-brass);background: color-mix(in oklch,var(--club-brass) 28%,var(--club-travertine));transform: translateY(-4px)}.ww-boxcars-die:has(.ww-boxcars-hold:checked) .ww-boxcars-hold-tag{color: var(--club-brass)}.ww-boxcars-die:has(.ww-boxcars-hold:focus-visible) .ww-die{outline: 3px solid var(--ww-focus);outline-offset: 3px}@media (hover: hover){label.ww-boxcars-die:hover .ww-die{transform: translateY(-2px)}}label.ww-boxcars-die:active .ww-die{transform: translateY(1px)}.ww-boxcars-roll{display: flex;flex-direction: column;align-items: center;gap: .25rem}.ww-boxcars-roll small{font: .72rem var(--ww-mono);color: var(--ww-ink-soft)}.ww-boxcars-card{width: 100%;max-width: 34rem;margin: .8rem auto 0;border-collapse: collapse;font-variant-numeric: tabular-nums}.ww-boxcars-card th,.ww-boxcars-card td{padding: .3rem .5rem;border-bottom: 1px solid color-mix(in oklch,var(--ww-line) 70%,transparent);text-align: left}.ww-boxcars-card td{width: 5.5rem;text-align: center;font-family: var(--ww-mono)}.ww-boxcars-card thead th{font-size: .72rem;letter-spacing: .06em;text-transform: uppercase;color: var(--ww-ink-soft)}.ww-boxcars-card tbody th span{display: block;font-weight: 700}.ww-boxcars-card tbody th small{display: block;font-size: .68rem;color: var(--ww-ink-soft)}.ww-boxcars-card tr.is-upper-end th,.ww-boxcars-card tr.is-upper-end td{border-bottom: 0}.ww-boxcars-sub th,.ww-boxcars-sub td{border-bottom: 2px solid var(--club-brass);font-size: .8rem}.ww-boxcars-card tfoot th,.ww-boxcars-card tfoot td{padding-top: .5rem;border: 0;font-size: 1.1rem;font-weight: 800}.ww-boxcars-score.is-open{color: var(--ww-ink-soft)}.ww-boxcars-score.is-last{padding: 0 .3rem;border-radius: .25rem;background: color-mix(in oklch,var(--club-brass) 35%,transparent)}.ww-boxcars-pick{min-width: 3rem;min-height: 2.3rem;border: 2px solid var(--club-brass);border-radius: .35rem;background: var(--club-travertine);color: var(--club-walnut);font: 800 .95rem var(--ww-mono);cursor: pointer;transition: transform var(--ww-dur-micro,90ms) var(--ww-ease-out,ease),background-color var(--ww-dur-micro,90ms) var(--ww-ease-out,ease)}.ww-boxcars-pick.is-zero{border-color: color-mix(in oklch,var(--club-walnut) 35%,transparent);color: color-mix(in oklch,var(--club-walnut) 65%,transparent)}@media (hover: hover){.ww-boxcars-pick:hover{background: color-mix(in oklch,var(--club-brass) 35%,var(--club-travertine));transform: translateY(-1px)}}.ww-boxcars-pick:focus-visible{outline: 3px solid var(--ww-focus);outline-offset: 2px}.ww-boxcars-pick:active{transform: translateY(1px)}.ww-boxcars-pick:disabled{opacity: .5;cursor: not-allowed}@media (max-width: 40rem){.ww-bearoff-board{gap: .5rem;padding: .35rem 2.4rem .35rem .35rem}.ww-bearoff-row{grid-template-columns: repeat(6,1fr) .9rem repeat(6,1fr);gap: 1px;min-height: 8rem}.ww-checker{border-width: 1px}.ww-bearoff-trays{width: 1.9rem}.ww-salvo-seas{grid-template-columns: 1fr}.ww-boneyard-line .ww-domino{width: 2.6rem;height: 1.3rem}.ww-boneyard-line .ww-domino.is-double{width: 1.3rem;height: 2.6rem}.ww-domino--upright,.ww-domino--upright.is-double{width: 1.8rem;height: 3.6rem}.ww-boxcars-die .ww-die{width: 2.7rem;height: 2.7rem}.ww-boxcars-dice{gap: .35rem}.ww-boxcars-card td{width: 4rem}}