:where([data-sheets~=board]) .board{aspect-ratio:1;--piece:7.6cqw;--hop-step:calc(.17s * var(--motion-time) * var(--motion-move));--pace-aim:calc(.65s * var(--motion-time) * var(--motion-move));--pace-tumble:calc(.9s * var(--motion-time) * var(--motion-move));--pace-hold:.5s;--pace-to-token:calc(.65s * var(--motion-time) * var(--motion-move));--pace-beat:calc(.15s * var(--motion-time) * var(--motion-move));--pace-step:calc(.3s * var(--motion-time) * var(--motion-move));--pace-jump:calc(.6s * var(--motion-time) * var(--motion-move));--pace-settle:.18s;inline-size:100%;position:relative;container-type:inline-size}:where([data-sheets~=board]) .board-art{block-size:100%;inline-size:100%;filter:drop-shadow(0 1.2cqw 2.2cqw var(--color-shadow-strong));position:absolute;inset:0}:where([data-sheets~=board]) .b-field{fill:var(--color-board-field)}:where([data-sheets~=board]) .b-edge{fill:var(--color-board-edge)}:where([data-sheets~=board]) .b-center{fill:var(--color-board-center)}:where([data-sheets~=board]) .b-cell{fill:none;stroke:var(--color-board-line);stroke-width:2.5px}:where([data-sheets~=board]) .b-band{stroke:var(--color-board-ink);stroke-width:2.5px}:where([data-sheets~=board]) .sp-a{fill:var(--color-street-a)}:where([data-sheets~=board]) .sp-b{fill:var(--color-street-b)}:where([data-sheets~=board]) .sp-c{fill:var(--color-street-c)}:where([data-sheets~=board]) .sp-d{fill:var(--color-street-d)}:where([data-sheets~=board]) .sp-e{fill:var(--color-street-e)}:where([data-sheets~=board]) .sp-f{fill:var(--color-street-f)}:where([data-sheets~=board]) .sp-g{fill:var(--color-street-g)}:where([data-sheets~=board]) .sp-h{fill:var(--color-street-h)}:where([data-sheets~=board]) .pat-ink{fill:var(--color-board-ink);fill-opacity:.34}:where([data-sheets~=board]) .pat-stroke{fill:none;stroke:var(--color-board-ink);stroke-width:2px;stroke-opacity:.42;stroke-linecap:round}:where([data-sheets~=board]) .b-lot{fill:none;stroke:var(--color-board-line);stroke-width:2px;stroke-dasharray:3 4}.ic-fill{fill:var(--color-board-ink)}.ic-cut{fill:var(--color-board-field)}.ic-line{fill:none;stroke:var(--color-board-ink);stroke-width:3.5px;stroke-linecap:round}.ic-cut-line{fill:none;stroke:var(--color-board-field);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}:where([data-sheets~=board]) .b-road{fill:none;stroke:var(--color-board-line);stroke-opacity:.22;stroke-width:40px}:where([data-sheets~=board]) .b-road-dash{fill:none;stroke:var(--color-board-field);stroke-width:3px;stroke-dasharray:14 16}:where([data-sheets~=board]) .b-plaza{fill:var(--color-board-field);stroke:var(--color-board-line);stroke-opacity:.5;stroke-width:2px}:where([data-sheets~=board]) .b-string{fill:none;stroke:var(--color-board-ink);stroke-width:2.5px}:where([data-sheets~=board]) .b-flag,:where([data-sheets~=board]) .b-roof{stroke:var(--color-board-ink);stroke-width:2.5px;stroke-linejoin:round}:where([data-sheets~=board]) .b-house-wall,:where([data-sheets~=board]) .b-jail{fill:var(--color-board-house);stroke:var(--color-board-ink);stroke-width:2.5px}:where([data-sheets~=board]) .b-window,:where([data-sheets~=board]) .b-door,:where([data-sheets~=board]) .b-trunk,:where([data-sheets~=board]) .b-pig-eye{fill:var(--color-board-ink)}:where([data-sheets~=board]) .b-leaf{fill:var(--color-street-d);stroke:var(--color-board-ink);stroke-width:2.5px}:where([data-sheets~=board]) .b-card{stroke:var(--color-board-ink);stroke-width:3px}:where([data-sheets~=board]) .b-card-luck{fill:var(--color-street-c)}:where([data-sheets~=board]) .b-card-mail{fill:var(--color-street-f)}:where([data-sheets~=board]) .b-card-shadow{fill:var(--color-board-ink);fill-opacity:.18}:where([data-sheets~=board]) .b-jail-bars,:where([data-sheets~=board]) .b-pig-slot{fill:none;stroke:var(--color-board-ink);stroke-width:4px;stroke-linecap:round}:where([data-sheets~=board]) .b-pig{fill:var(--color-street-h);stroke:var(--color-board-ink);stroke-width:3px}:where([data-sheets~=board]) .b-sign{fill:var(--color-street-a);stroke:var(--color-board-ink);stroke-width:3px;stroke-linejoin:round}:where([data-sheets~=board]) .b-sign-post{fill:none;stroke:var(--color-board-ink);stroke-width:5px;stroke-linecap:round}:where([data-sheets~=board]) .b-sign-arrow{fill:none;stroke:var(--color-board-house);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}:where([data-sheets~=board]) .b-start-arrow{fill:none;stroke:var(--color-board-ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}:where([data-sheets~=board]) .b-corner-label{font-family:var(--font-display);fill:var(--color-board-ink);text-anchor:middle;font-size:26px;font-weight:800}:where([data-sheets~=board]) .b-corner-label-sm{font-size:20px}:where([data-sheets~=board]) .b-corner-sub{font-family:var(--font-sans);fill:var(--color-board-ink);text-anchor:middle;font-size:14px;font-weight:700}:where([data-sheets~=board]) .b-layer{pointer-events:none;position:absolute;inset:0}:where([data-sheets~=board]) [data-pos="0"],:where([data-sheets~=board])[data-pos="0"]{--tx:93;--ty:94.5}:where([data-sheets~=board]) [data-pos="1"],:where([data-sheets~=board])[data-pos="1"]{--tx:82;--ty:93;--lx:82;--ly:98;--bx:82;--by:87.5}:where([data-sheets~=board]) [data-pos="2"],:where([data-sheets~=board])[data-pos="2"]{--tx:74;--ty:93}:where([data-sheets~=board]) [data-pos="3"],:where([data-sheets~=board])[data-pos="3"]{--tx:66;--ty:93;--lx:66;--ly:98;--bx:66;--by:87.5}:where([data-sheets~=board]) [data-pos="4"],:where([data-sheets~=board])[data-pos="4"]{--tx:58;--ty:93}:where([data-sheets~=board]) [data-pos="5"],:where([data-sheets~=board])[data-pos="5"]{--tx:50;--ty:93;--lx:50;--ly:98}:where([data-sheets~=board]) [data-pos="6"],:where([data-sheets~=board])[data-pos="6"]{--tx:42;--ty:93;--lx:42;--ly:98;--bx:42;--by:87.5}:where([data-sheets~=board]) [data-pos="7"],:where([data-sheets~=board])[data-pos="7"]{--tx:34;--ty:93}:where([data-sheets~=board]) [data-pos="8"],:where([data-sheets~=board])[data-pos="8"]{--tx:26;--ty:93;--lx:26;--ly:98;--bx:26;--by:87.5}:where([data-sheets~=board]) [data-pos="9"],:where([data-sheets~=board])[data-pos="9"]{--tx:18;--ty:93;--lx:18;--ly:98;--bx:18;--by:87.5}:where([data-sheets~=board]) [data-pos="10"],:where([data-sheets~=board])[data-pos="10"]{--tx:7;--ty:93}:where([data-sheets~=board]) [data-pos="11"],:where([data-sheets~=board])[data-pos="11"]{--tx:7;--ty:82;--lx:2;--ly:82;--bx:12.5;--by:82}:where([data-sheets~=board]) [data-pos="12"],:where([data-sheets~=board])[data-pos="12"]{--tx:7;--ty:74;--lx:2;--ly:74}:where([data-sheets~=board]) [data-pos="13"],:where([data-sheets~=board])[data-pos="13"]{--tx:7;--ty:66;--lx:2;--ly:66;--bx:12.5;--by:66}:where([data-sheets~=board]) [data-pos="14"],:where([data-sheets~=board])[data-pos="14"]{--tx:7;--ty:58;--lx:2;--ly:58;--bx:12.5;--by:58}:where([data-sheets~=board]) [data-pos="15"],:where([data-sheets~=board])[data-pos="15"]{--tx:7;--ty:50;--lx:2;--ly:50}:where([data-sheets~=board]) [data-pos="16"],:where([data-sheets~=board])[data-pos="16"]{--tx:7;--ty:42;--lx:2;--ly:42;--bx:12.5;--by:42}:where([data-sheets~=board]) [data-pos="17"],:where([data-sheets~=board])[data-pos="17"]{--tx:7;--ty:34}:where([data-sheets~=board]) [data-pos="18"],:where([data-sheets~=board])[data-pos="18"]{--tx:7;--ty:26;--lx:2;--ly:26;--bx:12.5;--by:26}:where([data-sheets~=board]) [data-pos="19"],:where([data-sheets~=board])[data-pos="19"]{--tx:7;--ty:18;--lx:2;--ly:18;--bx:12.5;--by:18}:where([data-sheets~=board]) [data-pos="20"],:where([data-sheets~=board])[data-pos="20"]{--tx:7;--ty:7}:where([data-sheets~=board]) [data-pos="21"],:where([data-sheets~=board])[data-pos="21"]{--tx:18;--ty:7;--lx:18;--ly:2;--bx:18;--by:12.5}:where([data-sheets~=board]) [data-pos="22"],:where([data-sheets~=board])[data-pos="22"]{--tx:26;--ty:7}:where([data-sheets~=board]) [data-pos="23"],:where([data-sheets~=board])[data-pos="23"]{--tx:34;--ty:7;--lx:34;--ly:2;--bx:34;--by:12.5}:where([data-sheets~=board]) [data-pos="24"],:where([data-sheets~=board])[data-pos="24"]{--tx:42;--ty:7;--lx:42;--ly:2;--bx:42;--by:12.5}:where([data-sheets~=board]) [data-pos="25"],:where([data-sheets~=board])[data-pos="25"]{--tx:50;--ty:7;--lx:50;--ly:2}:where([data-sheets~=board]) [data-pos="26"],:where([data-sheets~=board])[data-pos="26"]{--tx:58;--ty:7;--lx:58;--ly:2;--bx:58;--by:12.5}:where([data-sheets~=board]) [data-pos="27"],:where([data-sheets~=board])[data-pos="27"]{--tx:66;--ty:7;--lx:66;--ly:2;--bx:66;--by:12.5}:where([data-sheets~=board]) [data-pos="28"],:where([data-sheets~=board])[data-pos="28"]{--tx:74;--ty:7;--lx:74;--ly:2}:where([data-sheets~=board]) [data-pos="29"],:where([data-sheets~=board])[data-pos="29"]{--tx:82;--ty:7;--lx:82;--ly:2;--bx:82;--by:12.5}:where([data-sheets~=board]) [data-pos="30"],:where([data-sheets~=board])[data-pos="30"]{--tx:93;--ty:7}:where([data-sheets~=board]) [data-pos="31"],:where([data-sheets~=board])[data-pos="31"]{--tx:93;--ty:18;--lx:98;--ly:18;--bx:87.5;--by:18}:where([data-sheets~=board]) [data-pos="32"],:where([data-sheets~=board])[data-pos="32"]{--tx:93;--ty:26;--lx:98;--ly:26;--bx:87.5;--by:26}:where([data-sheets~=board]) [data-pos="33"],:where([data-sheets~=board])[data-pos="33"]{--tx:93;--ty:34}:where([data-sheets~=board]) [data-pos="34"],:where([data-sheets~=board])[data-pos="34"]{--tx:93;--ty:42;--lx:98;--ly:42;--bx:87.5;--by:42}:where([data-sheets~=board]) [data-pos="35"],:where([data-sheets~=board])[data-pos="35"]{--tx:93;--ty:50;--lx:98;--ly:50}:where([data-sheets~=board]) [data-pos="36"],:where([data-sheets~=board])[data-pos="36"]{--tx:93;--ty:58}:where([data-sheets~=board]) [data-pos="37"],:where([data-sheets~=board])[data-pos="37"]{--tx:93;--ty:66;--lx:98;--ly:66;--bx:87.5;--by:66}:where([data-sheets~=board]) [data-pos="38"],:where([data-sheets~=board])[data-pos="38"]{--tx:93;--ty:74}:where([data-sheets~=board]) [data-pos="39"],:where([data-sheets~=board])[data-pos="39"]{--tx:93;--ty:82;--lx:98;--ly:82;--bx:87.5;--by:82}:where([data-sheets~=board]) .piece{inline-size:var(--piece);block-size:var(--piece);transform:translate(calc((var(--tx) + var(--ox,0)) * 1cqw - 50%), calc((var(--ty) + var(--oy,0)) * 1cqw - 50%));transition:transform var(--hop-step) var(--ease-standard);position:absolute;top:0;left:0}:where([data-sheets~=board]) .piece[data-slot="1"]{--ox:-1.7;--oy:-1.4}:where([data-sheets~=board]) .piece[data-slot="2"]{--ox:1.7;--oy:1.2}:where([data-sheets~=board]) .piece[data-slot="3"]{--ox:-1.7;--oy:1.4}:where([data-sheets~=board]) .piece[data-slot="4"]{--ox:1.7;--oy:-1.4}:where([data-sheets~=board]) .piece[data-slot="5"]{--ox:0;--oy:-2.6}:where([data-sheets~=board]) .houses .is-hotel{block-size:3.2cqw;inline-size:3.2cqw}:where([data-sheets~=board]) .b-board-name{font-size:40px}:where([data-sheets~=board]) .piece-body{block-size:100%;inline-size:100%}:where([data-sheets~=board]) .piece-body.is-hopping{animation:hop var(--hop-step) var(--ease-hop)}:where([data-sheets~=board]) .piece img{block-size:100%;inline-size:100%;filter:drop-shadow(0 .5cqw 0 var(--color-shadow-strong))}:where([data-sheets~=board]) .piece[data-active] img{animation:idle2 calc(1.4s * var(--motion-time)) steps(1, end) infinite}:where([data-sheets~=board]) .piece[data-jail] .piece-body{position:relative}:where([data-sheets~=board]) .piece[data-jail] .piece-body:after{content:"";background:linear-gradient(90deg, transparent 0 18%, var(--color-board-ink) 18% 26%, transparent 26% 46%, var(--color-board-ink) 46% 54%, transparent 54% 74%, var(--color-board-ink) 74% 82%, transparent 82%);box-shadow:inset 0 .45cqw 0 var(--color-board-ink), inset 0 -.45cqw 0 var(--color-board-ink);border-radius:.5cqw;position:absolute;inset:4% 14% 10%}@keyframes hop{50%{transform:translateY(calc(-3.4cqw * var(--motion-move))) scale(1.06)}}@keyframes idle2{0%{transform:none}50%{transform:translateY(calc(-6% * var(--motion-move))) scaleY(calc(1 + .04 * var(--motion-move)))}}:where([data-sheets~=board]) .board[data-pace=game] .piece{transition-duration:var(--pace-step)}:where([data-sheets~=board]) .board[data-pace=game] .piece[data-jump]{transition-duration:var(--pace-jump)}:where([data-sheets~=board]) .board[data-pace=game] .piece-body.is-hopping{animation:step-arc var(--pace-step) var(--ease-standard)}:where([data-sheets~=board]) .board[data-pace=game] .piece[data-jump] .piece-body.is-hopping{animation:jump-arc var(--pace-jump) var(--ease-standard)}:where([data-sheets~=board]) .board[data-pace=game] :is(.die,.die-drop).is-rolling{animation-duration:var(--pace-tumble)}@keyframes step-arc{0%{animation-timing-function:var(--ease-enter)}45%{transform:translateY(calc(-3.4cqw * var(--motion-move))) scale(calc(1 + .03 * var(--motion-move)), calc(1 + .05 * var(--motion-move)));animation-timing-function:var(--ease-exit)}85%{transform:scale(calc(1 + .06 * var(--motion-move)), calc(1 - .07 * var(--motion-move)));animation-timing-function:var(--ease-standard)}}@keyframes jump-arc{0%{animation-timing-function:var(--ease-enter)}50%{transform:translateY(calc(-9cqw * var(--motion-move))) scale(calc(1 + .1 * var(--motion-move)));animation-timing-function:var(--ease-exit)}88%{transform:scale(calc(1 + .08 * var(--motion-move)), calc(1 - .1 * var(--motion-move)));animation-timing-function:var(--ease-standard)}}:where([data-sheets~=board]) .lot-chip{background:var(--color-board-house);block-size:3.6cqw;inline-size:3.6cqw;box-shadow:0 0 0 .35cqw var(--color-board-ink);transform:translate(calc(var(--lx) * 1cqw - 50%), calc(var(--ly) * 1cqw - 50%));border-radius:50%;padding:.3cqw;position:absolute;top:0;left:0}:where([data-sheets~=board]) .lot-chip img{block-size:100%;inline-size:100%}:where([data-sheets~=board]) .lot-chip.is-new{animation:pop calc(.36s * var(--motion-time)) var(--ease-enter) both}:where([data-sheets~=board]) .lot-chip[data-seat]{box-shadow:0 0 0 .45cqw var(--seat,var(--color-board-ink)), 0 0 0 .7cqw var(--color-board-ink)}:where([data-sheets~=board]) .lot-chip[data-seat="1"]{--seat:var(--color-seat-1)}:where([data-sheets~=board]) .lot-chip[data-seat="2"]{--seat:var(--color-seat-2)}:where([data-sheets~=board]) .lot-chip[data-seat="3"]{--seat:var(--color-seat-3)}:where([data-sheets~=board]) .lot-chip[data-seat="4"]{--seat:var(--color-seat-4)}:where([data-sheets~=board]) .lot-chip[data-seat="5"]{--seat:var(--color-seat-5)}:where([data-sheets~=board]) .lot-chip[data-seat="6"]{--seat:var(--color-seat-6)}:where([data-sheets~=board]) .lot-chip[data-mortgaged]{outline:.35cqw dashed var(--color-board-stamp);outline-offset:.8cqw;opacity:.7}:where([data-sheets~=board]) .houses{transform:translate(calc(var(--bx) * 1cqw - 50%), calc(var(--by) * 1cqw - 50%));gap:.2cqw;display:flex;position:absolute;top:0;left:0}:where([data-sheets~=board]) .houses[data-side=v]{flex-direction:column}:where([data-sheets~=board]) .houses img{block-size:2.5cqw;inline-size:2.5cqw}@keyframes pop{0%{opacity:0;transform:translate(calc(var(--lx) * 1cqw - 50%), calc(var(--ly) * 1cqw - 50%)) scale(calc(1 - .6 * var(--motion-move)))}70%{opacity:1;transform:translate(calc(var(--lx) * 1cqw - 50%), calc(var(--ly) * 1cqw - 50%)) scale(calc(1 + .18 * var(--motion-move)))}}:where([data-sheets~=board]) .dice{--die:9cqw;gap:calc(var(--die) * .2889);display:flex;position:absolute;top:50.6%;left:50%;transform:translate(-50%,-50%)}:where([data-sheets~=board]) .die-drop{inline-size:var(--die);block-size:var(--die);perspective:calc(var(--die) * 6.667);flex:none;display:block}:where([data-sheets~=board]) .die{block-size:100%;inline-size:100%;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(24deg) rotateX(var(--rx)) rotateY(var(--ry));display:block;position:relative}:where([data-sheets~=board]) .die[data-value="1"]{--rx:0deg;--ry:0deg}:where([data-sheets~=board]) .die[data-value="2"]{--rx:0deg;--ry:-90deg}:where([data-sheets~=board]) .die[data-value="3"]{--rx:-90deg;--ry:0deg}:where([data-sheets~=board]) .die[data-value="4"]{--rx:90deg;--ry:0deg}:where([data-sheets~=board]) .die[data-value="5"]{--rx:0deg;--ry:90deg}:where([data-sheets~=board]) .die[data-value="6"]{--rx:0deg;--ry:180deg}:where([data-sheets~=board]) .die.is-rolling{animation:tumble calc(.82s * var(--motion-time)) var(--ease-standard)}:where([data-sheets~=board]) .die-drop.is-rolling{animation:drop calc(.82s * var(--motion-time)) var(--ease-enter)}@keyframes tumble{0%{transform:rotateX(-18deg) rotateY(24deg) rotateX(calc(var(--rx) + 720deg * var(--motion-move))) rotateY(calc(var(--ry) + 540deg * var(--motion-move)))}}@keyframes drop{0%{transform:translateY(calc(var(--die) * -1 * var(--motion-move)));opacity:.4}60%{transform:translateY(calc(var(--die) * .111 * var(--motion-move)));opacity:1}}:where([data-sheets~=board]) .die-face{--die-face:var(--color-board-house);--die-pip:var(--color-board-ink);--die-rim:var(--color-board-ink);padding:calc(var(--die) * .1444);border-radius:calc(var(--die) * .2);background:var(--die-face);box-shadow:inset 0 0 0 calc(var(--die) * .05) var(--die-rim), inset 0 calc(var(--die) * -.1) 0 color-mix(in oklch, var(--color-board-ink) 14%, transparent);backface-visibility:hidden;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid;position:absolute;inset:0}:where([data-sheets~=board]) .die-face[data-face="1"]{transform:rotateY(0deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .die-face[data-face="6"]{transform:rotateY(180deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .die-face[data-face="2"]{transform:rotateY(90deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .die-face[data-face="5"]{transform:rotateY(-90deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .die-face[data-face="3"]{transform:rotateX(90deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .die-face[data-face="4"]{transform:rotateX(-90deg) translateZ(calc(var(--die) / 2))}:where([data-sheets~=board]) .pip{aspect-ratio:1;background:var(--die-pip,var(--color-board-ink));border-radius:50%;place-self:center;inline-size:74%}:where([data-sheets~=board]) .pip.tl{grid-area:1/1}:where([data-sheets~=board]) .pip.tr{grid-area:1/3}:where([data-sheets~=board]) .pip.ml{grid-area:2/1}:where([data-sheets~=board]) .pip.c{grid-area:2/2}:where([data-sheets~=board]) .pip.mr{grid-area:2/3}:where([data-sheets~=board]) .pip.bl{grid-area:3/1}:where([data-sheets~=board]) .pip.br{grid-area:3/3}:where([data-sheets~=board]) .banknote{background:var(--color-success-soft);block-size:4.4cqw;inline-size:7cqw;box-shadow:inset 0 0 0 .35cqw var(--color-success-ink);opacity:0;transform:translate(calc(var(--tx) * 1cqw - 50%), calc(var(--ty) * 1cqw - 50%));border-radius:.8cqw;position:absolute;top:0;left:0}:where([data-sheets~=board]) .banknote.is-flying{animation:fly calc(.62s * var(--motion-time)) var(--ease-standard) both}@keyframes fly{0%{opacity:0}20%{opacity:1}85%{opacity:1;transform:translate(calc(50cqw - 50%), calc(50cqw - 50%)) rotate(calc(-12deg * var(--motion-move)))}to{opacity:0;transform:translate(calc(50cqw - 50%),calc(50cqw - 50%))}}:where([data-sheets~=board]) .fx-burst,:where([data-sheets~=board]) .fx-glow{transform:translate(calc(var(--lx) * 1cqw), calc(var(--ly) * 1cqw));position:absolute;top:0;left:0}:where([data-sheets~=board]) :is(.fx-burst,.fx-glow)[data-at=band],:where([data-sheets~=board]):is(.fx-burst,.fx-glow)[data-at=band]{transform:translate(calc(var(--bx) * 1cqw), calc(var(--by) * 1cqw))}:where([data-sheets~=board]) .fx-bit{background:var(--fx-c,var(--color-accent));opacity:0;block-size:1.3cqw;inline-size:.9cqw;animation:fx-bit calc(.9s * var(--motion-time)) var(--ease-enter) var(--fx-d,0s) both;border-radius:.2cqw;position:absolute;top:-.65cqw;left:-.45cqw}:where([data-sheets~=board]) .fx-bit[data-shape=dot]{border-radius:50%;block-size:.9cqw;top:-.5cqw}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=a],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=a]{--fx-c:var(--color-street-a)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=b],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=b]{--fx-c:var(--color-street-b)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=c],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=c]{--fx-c:var(--color-street-c)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=d],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=d]{--fx-c:var(--color-street-d)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=e],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=e]{--fx-c:var(--color-street-e)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=f],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=f]{--fx-c:var(--color-street-f)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=g],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=g]{--fx-c:var(--color-street-g)}:where([data-sheets~=board]) :is(.fx-bit,.mo-bit)[data-c=h],:where([data-sheets~=board]):is(.fx-bit,.mo-bit)[data-c=h]{--fx-c:var(--color-street-h)}@keyframes fx-bit{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(var(--fx-x), var(--fx-y)) rotate(var(--fx-r)) scale(.6)}}:where([data-sheets~=board]) .fx-glow:before{content:"";block-size:6cqw;inline-size:6cqw;box-shadow:0 0 0 .6cqw var(--color-accent), 0 0 2.4cqw .5cqw color-mix(in oklch, var(--color-accent) 55%, transparent);opacity:0;animation:fx-glow calc(1.1s * var(--motion-time)) var(--ease-enter) both;border-radius:50%;position:absolute;top:-3cqw;left:-3cqw}@keyframes fx-glow{0%{opacity:0;transform:scale(calc(1 - .4 * var(--motion-move)))}30%{opacity:1}to{opacity:0;transform:scale(calc(1 + .5 * var(--motion-move)))}}:where([data-sheets~=board]) .fx-coin{opacity:0;block-size:2.4cqw;inline-size:2.4cqw;animation:fx-fly calc(.76s * var(--motion-time)) var(--ease-standard) var(--fx-d,0s) both;position:absolute;top:0;left:0}:where([data-sheets~=board]) .fx-coin-face{background:var(--color-street-c);block-size:100%;inline-size:100%;box-shadow:inset 0 0 0 .3cqw var(--color-board-ink), inset 0 -.45cqw 0 color-mix(in oklch, var(--color-board-ink) 22%, transparent);animation:fx-lift calc(.76s * var(--motion-time)) var(--ease-standard) var(--fx-d,0s) both;border-radius:50%;display:block}@keyframes fx-fly{0%{opacity:0;transform:translate(calc(var(--fx-x0) * 1cqw - 50%), calc(var(--fx-y0) * 1cqw - 50%))}15%,85%{opacity:1}to{opacity:0;transform:translate(calc(var(--fx-x1) * 1cqw - 50%), calc(var(--fx-y1) * 1cqw - 50%))}}@keyframes fx-lift{50%{transform:translateY(-5cqw)scale(1.15)}}:where([data-sheets~=board]) .piece-body.is-shaken{animation:fx-shake calc(.6s * var(--motion-time)) var(--ease-standard)}@keyframes fx-shake{15%{transform:translateX(calc(-.9cqw * var(--motion-move))) rotate(calc(-7deg * var(--motion-move)))}35%{transform:translateX(calc(.8cqw * var(--motion-move))) rotate(calc(6deg * var(--motion-move)))}55%{transform:translateX(calc(-.5cqw * var(--motion-move))) rotate(calc(-4deg * var(--motion-move)))}75%{transform:translateX(calc(.3cqw * var(--motion-move))) rotate(calc(2deg * var(--motion-move)))}}:where([data-sheets~=board]) .board-scrim{background:color-mix(in oklch, var(--color-board-ink) 42%, transparent);opacity:0;transition:opacity var(--duration-moderate) var(--ease-standard);border-radius:3.4cqw;position:absolute;inset:0}:where([data-sheets~=board]) .ribbon{inline-size:38cqw;filter:drop-shadow(0 1cqw 0 var(--color-accent-edge));transform:translate(-50%, calc(-104% * var(--motion-move)));opacity:0;transition:transform var(--duration-slow) var(--ease-enter), opacity var(--duration-quick) var(--ease-standard);position:absolute;top:-1.4cqw;left:50%}:where([data-sheets~=board]) .ribbon-shape{text-align:center;background:var(--color-accent);color:var(--color-on-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);justify-items:center;gap:1.6cqw;padding:5cqw 3.4cqw 9.5cqw;display:grid}:where([data-sheets~=board]) .ribbon-title{font-family:var(--font-display);font-weight:var(--font-weight-heavy);font-size:max(.875rem,4.6cqw);line-height:1.05}:where([data-sheets~=board]) .ribbon-icon{block-size:8cqw;inline-size:8cqw}:where([data-sheets~=board]) .board[data-paused] .board-scrim{opacity:1}:where([data-sheets~=board]) .board[data-paused] .ribbon{opacity:1;transform:translate(-50%)}:where([data-sheets~=board]) .board[data-paused] .piece img{animation:none}:where([data-sheets~=board]) .hud{gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);border-radius:var(--radius-xl);background:var(--color-panel-raised);color:var(--color-ink);box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--color-line);display:grid}:where([data-sheets~=board]) .hud-row{align-items:center;gap:calc(var(--spacing) * 3);min-inline-size:0;display:flex}:where([data-sheets~=board]) .hud-token{inline-size:var(--spacing-control);block-size:var(--spacing-control);border-radius:var(--radius-md);background:var(--color-surface-sunken);flex:none;padding:.25rem}:where([data-sheets~=board]) .hud-name{font-weight:700}:where([data-sheets~=board]) .hud-bucks{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);font-variant-numeric:tabular-nums lining-nums;align-items:center;gap:.35em;margin-inline-start:auto;display:inline-flex}:where([data-sheets~=board]) .hud-bucks.is-changing{animation:flash calc(.6s * var(--motion-time)) var(--ease-standard)}@keyframes flash{30%{color:var(--color-success-ink)}}:where([data-sheets~=board]) .hud-status{min-block-size:3em;color:var(--color-ink-muted);font-size:var(--text-sm)}:where([data-sheets~=board]) .hud-status strong{color:var(--color-ink)}:where([data-sheets~=board]) .hud-actions{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}:where([data-sheets~=board]) .deed{align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3) calc(var(--spacing) * 2) calc(var(--spacing) * 2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line-strong);grid-template-columns:auto 1fr auto;display:grid}:where([data-sheets~=board]) .deed[hidden]{display:none}:where([data-sheets~=board]) .deed-band{border-radius:var(--radius-sm);block-size:2.75rem;inline-size:2.75rem;box-shadow:inset 0 0 0 2px var(--color-board-ink)}:where([data-sheets~=board]) .deed-price{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:.3em;font-weight:800;display:inline-flex}:where([data-sheets~=board]) .deed.is-owned{animation:flip calc(.42s * var(--motion-time)) var(--ease-standard)}@keyframes flip{50%{transform:perspective(40rem) rotateY(calc(80deg * var(--motion-move)))}}:where([data-sheets~=board]) .grp{background-color:var(--grp);position:relative;overflow:hidden}:where([data-sheets~=board]) .grp:after{content:"";background:color-mix(in oklch, var(--color-board-ink) 40%, transparent);-webkit-mask:var(--grp-pat) 0 0 / var(--grp-tile) repeat;-webkit-mask:var(--grp-pat) 0 0 / var(--grp-tile) repeat;mask:var(--grp-pat) 0 0 / var(--grp-tile) repeat;position:absolute;inset:0}:where([data-sheets~=board]) .grp-a{--grp:var(--color-street-a);--grp-tile:.6rem .6rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='6' cy='6' r='2.4'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-b{--grp:var(--color-street-b);--grp-tile:.5rem .5rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-2 2 2-2M0 10 10 0M8 12 12 8' stroke='black' stroke-width='2.8'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-c{--grp:var(--color-street-c);--grp-tile:.8rem .5rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M0 7 4 3 8 7 12 3 16 7' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-d{--grp:var(--color-street-d);--grp-tile:1rem .5rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10'%3E%3Cpath d='M0 5Q5 1 10 5T20 5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-e{--grp:var(--color-street-e);--grp-tile:.6rem .6rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 0h6v6H0zM6 6h6v6H6z'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-f{--grp:var(--color-street-f);--grp-tile:.7rem .7rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M4 7h6M7 4v6' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-g{--grp:var(--color-street-g);--grp-tile:.7rem .7rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='3.2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .grp-h{--grp:var(--color-street-h);--grp-tile:.7rem .6rem;--grp-pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3E%3Cpath d='M7 2.5 11.5 9.5H2.5z'/%3E%3C/svg%3E")}:where([data-sheets~=board]) .bucks-glyph{vertical-align:-.05em;flex:none;block-size:.85em;inline-size:1.25em;display:inline-block}:where([data-sheets~=board]) .bucks-glyph rect,:where([data-sheets~=board]) .bucks-glyph path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}:where([data-sheets~=board]) .bucks-glyph circle{fill:currentColor}:root:where([data-sheets~=board]):is([data-motion=reduced],[data-motion=off]) .piece img,:root:where([data-sheets~=board]):is([data-motion=reduced],[data-motion=off]) .anim-loop{animation:none}@media (prefers-reduced-motion:reduce){:root:where([data-sheets~=board])[data-motion=system] .piece img,:root:where([data-sheets~=board])[data-motion=system] .anim-loop{animation:none}}