.br-board{aspect-ratio:1;background:linear-gradient(#edf1f4,#dde4ea);border-radius:2.4cqw;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:.45cqw;width:100%;padding:.7cqw;display:grid;position:relative;box-shadow:inset 0 0 0 .35cqw #ffffff8c,0 1.6cqw 0 -.4cqw #b9c3cc,0 3cqw 6cqw -1cqw #0000008c;container-type:inline-size}.br-tile{min-width:0;min-height:0;color:var(--color-board-ink);text-align:center;background:#fff;border-radius:.9cqw;flex-direction:column;justify-content:space-between;align-items:center;padding:.55cqw .3cqw .8cqw;line-height:1;transition:transform .16s,box-shadow .16s,filter .16s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 .35cqw 0 -.05cqw #0000001f}.br-tile[data-interactive=true]{cursor:pointer}.br-tile[data-interactive=true]:hover{transform:translateY(-.3cqw);box-shadow:0 .6cqw 0 -.05cqw #00000029}.br-tile[data-dim=true]{filter:grayscale(.55)brightness(.82);opacity:.55}.br-tile[data-pick=true]{box-shadow:0 0 0 .45cqw #fff, 0 0 0 .85cqw var(--pick,#7ed957), 0 0 2.2cqw .4cqw var(--pick,#7ed957);z-index:2;animation:1.1s ease-in-out infinite alternate br-pick}@keyframes br-pick{0%{transform:translateY(0)scale(1)}to{transform:translateY(-.25cqw)scale(1.04)}}.br-tile[data-focus=true]:after{content:"";border-radius:inherit;pointer-events:none;animation:.9s ease-out forwards br-focus;position:absolute;inset:0;box-shadow:inset 0 0 0 .5cqw #fffffff2,inset 0 0 1.6cqw .4cqw #ffffffb3}@keyframes br-focus{0%{opacity:1}to{opacity:0}}.br-city{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--group) 88%, white) 0%, var(--group) 45%, color-mix(in srgb, var(--group) 85%, black) 100%)}.br-name{letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-shadow:0 .15cqw .2cqw #00000038;font-size:2.05cqw;font-weight:800}.br-price{opacity:.92;white-space:nowrap;font-size:2.25cqw;font-weight:700}.br-public .br-name{color:#3e9b31;text-shadow:none;font-size:1.45cqw}.br-public .br-price{color:#6b7380}.br-rent{white-space:nowrap;background:var(--owner);min-width:70%;color:var(--owner-ink,#fff);border-radius:.6cqw;justify-content:center;align-items:center;padding:.35cqw .6cqw;font-size:2.35cqw;font-weight:800;display:inline-flex;box-shadow:0 0 0 .3cqw #fff,0 .35cqw .5cqw #00000040}.br-houses{justify-content:center;gap:.3cqw;display:flex}.br-house{clip-path:polygon(50% 0,100% 42%,100% 100%,0 100%,0 42%);filter:drop-shadow(0 .15cqw #0000004d);background:#fff;width:1.5cqw;height:1.5cqw}.br-public .br-house{background:#4b5563}.br-icon{filter:drop-shadow(0 .25cqw .2cqw #0000002e);font-size:4.4cqw;line-height:1}.br-corner-icon{filter:drop-shadow(0 .35cqw .25cqw #0003);font-size:5.6cqw;line-height:1}.br-pill{color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#a3aab3;border-radius:99px;padding:.45cqw 1cqw;font-size:1.55cqw;font-weight:800}.br-qcard{color:#8a929c;background:linear-gradient(160deg,#f3f4f6,#d7dbe0);border-radius:1cqw;justify-content:center;align-items:center;width:7cqw;height:8.4cqw;font-size:5.4cqw;font-weight:900;display:flex;box-shadow:.5cqw -.5cqw 0 -.05cqw #e6e9ec,.5cqw -.5cqw 0 .05cqw #c9ced4,0 .4cqw .6cqw #00000026}.br-center{color:#2f353c;background:linear-gradient(#ccd8e0,#bccad4);border-radius:1.8cqw;grid-area:2/2/8/8;margin:.9cqw;position:relative;overflow:hidden;box-shadow:inset 0 .3cqw .8cqw #0000001f}.br-pawns{pointer-events:none;z-index:5;position:absolute;inset:.7cqw}.br-pawn{width:5.4cqw;height:5.4cqw;margin:-2.7cqw 0 0 -2.7cqw;position:absolute}.br-pawn-body{background:radial-gradient(circle at 50% 40%,#fff 55%,#e7ebef 75%);border-radius:50%;position:absolute;inset:0;box-shadow:0 .55cqw #d3d9df,0 .95cqw #bcc4cc,0 1.4cqw 1cqw #00000061}.br-pawn-body:after{content:"";background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--pawn) 55%, white), var(--pawn) 58%, color-mix(in srgb, var(--pawn) 75%, black));border-radius:50%;position:absolute;inset:17%;box-shadow:inset 0 .25cqw .3cqw #00000040}.br-pawn[data-active=true] .br-pawn-body{box-shadow:0 .55cqw 0 0 #d3d9df, 0 .95cqw 0 0 #bcc4cc, 0 1.4cqw 1cqw #00000061, 0 0 0 .45cqw #ffffffe6, 0 0 2cqw .6cqw var(--pawn)}.br-token{background:radial-gradient(circle at 50% 40%,#fff 55%,#e7ebef 75%);border-radius:50%;display:inline-block;position:relative;box-shadow:0 3px #d3d9df,0 5px #bcc4cc,0 7px 8px #0006}.br-token:after{content:"";background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--pawn) 55%, white), var(--pawn) 58%, color-mix(in srgb, var(--pawn) 75%, black));border-radius:50%;position:absolute;inset:17%}.br-die{aspect-ratio:1;background:linear-gradient(145deg,#fff,#e9edf1);border-radius:22%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:14%;display:grid;position:relative;box-shadow:inset 0 -.35em #00000014,inset 0 .18em #ffffffe6,0 .3em #c3cbd3,0 .55em .9em #00000059}.br-pip{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#4a515b,#1f242a);border-radius:50%;place-self:center;width:72%}.br-die[data-six=true] .br-pip{background:radial-gradient(circle at 40% 35%,#f87171,#b91c1c)}@media (prefers-reduced-motion:reduce){.br-tile[data-pick=true]{animation:none}}.br-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tl tr""board board""bl br";align-items:center;gap:.375rem .5rem;width:100%;max-width:min(100%,100dvh - 13rem);display:grid}.br-layout-board{grid-area:board;width:100%}.br-slot-l{justify-self:start}.br-slot-r{justify-self:end}@media (min-width:640px){.br-layout{max-width:min(100%,100dvh - 14rem)}}@media (min-width:1024px){.br-layout{grid-template-columns:minmax(11rem,17rem) auto minmax(11rem,17rem);grid-template-areas:"tl board tr""bl board br";column-gap:1.25rem;width:auto;max-width:none}.br-layout-board{width:min(100dvh - 8.5rem,100vw - 38rem,52rem)}.br-slot-t{align-self:start}.br-slot-b{align-self:end}.br-slot{width:auto;min-width:12rem}.br-slot-l{justify-self:end}.br-slot-r{justify-self:start}}@media (orientation:landscape) and (max-height:560px){.br-layout{grid-template-columns:minmax(8.5rem,13rem) auto minmax(8.5rem,13rem);grid-template-areas:"tl board tr""bl board br";column-gap:.75rem;width:auto;max-width:none}.br-layout-board{width:calc(100dvh - 1.75rem)}.br-slot-t{align-self:start}.br-slot-b{align-self:end}}