.ba,.ba-look-classic{--ba-paper:#f4f0e4;--ba-mid:#e8efe3;--ba-ink:#14213d;--ba-line:#14213d;--ba-die:#fff;--ba-accent:var(--accent-l);--ba-break:#b4232a;--ba-bodega:#1d6e3a;--ba-corner-font:var(--f-mono)}.ba-look-site{--ba-paper:var(--surface);--ba-mid:var(--sunk);--ba-ink:var(--ink);--ba-line:var(--line);--ba-die:var(--surface);--ba-accent:var(--accent);--ba-break:var(--bad);--ba-bodega:var(--good);--ba-corner-font:var(--f-display)}.ba-look-site .ba-board{outline:1.5px solid var(--ink);outline-offset:3px;border-color:var(--ink);gap:1.5px}.ba-look-site .ba-corner-in small{letter-spacing:.02em;font-weight:400}.ba{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;width:100%;display:grid}.play-screen:has(.ba){max-width:1240px}.ba-main{justify-content:center;min-width:0;display:flex}.ba-boardwrap{color:var(--ba-ink);aspect-ratio:1;width:min(100%,100dvh - 150px);min-width:min(100%,260px);position:relative;container:ba/inline-size}.ba-board{background:var(--ba-line);border:3px solid var(--ba-ink);width:100%;height:100%;box-shadow:var(--shadow);color:var(--ba-ink);-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-rows:1.55fr repeat(9,1fr) 1.55fr;grid-template-columns:1.55fr repeat(9,1fr) 1.55fr;gap:1px;display:grid}.ba-sp{background:var(--ba-paper);cursor:pointer;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.ba-sp:focus-visible{outline:3px solid var(--info);outline-offset:-3px;z-index:2}.ba-sp.sel{box-shadow:inset 0 0 0 3px var(--ba-accent);z-index:1}.ba-sp.owned{background:color-mix(in srgb,var(--own)15%,var(--ba-paper))}.ba-sp.pend{box-shadow:inset 0 0 0 3px var(--info)}.ba-b{flex-direction:column}.ba-t{flex-direction:column-reverse}.ba-l{flex-direction:row-reverse}.ba-r{flex-direction:row}.ba-band{border:0 solid var(--ba-line);flex:0 0 22%;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.ba-set{pointer-events:none;position:absolute}.ba-b .ba-set{height:32%;bottom:0;left:0;right:0}.ba-t .ba-set{height:32%;top:0;left:0;right:0}.ba-l .ba-set{width:32%;top:0;bottom:0;left:0}.ba-r .ba-set{width:32%;top:0;bottom:0;right:0}.ba-house,.ba-hotel{position:relative}.ba-b .ba-band{border-bottom-width:1px}.ba-t .ba-band{border-top-width:1px}.ba-l .ba-band{border-left-width:1px;flex-direction:column}.ba-r .ba-band{border-right-width:1px;flex-direction:column}.ba-house{border:1px solid var(--ba-ink);background:#2e9e4f;border-radius:1px;width:1.1cqi;height:1.1cqi}.ba-hotel{border:1px solid var(--ba-ink);background:#c8352b;border-radius:1px;width:2.6cqi;height:1.3cqi}.ba-l .ba-hotel,.ba-r .ba-hotel{width:1.3cqi;height:2.6cqi}.ba-in{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.45cqi;min-width:0;padding:.35cqi .25cqi;display:flex}.ba-name{font-family:var(--f-body);letter-spacing:-.01em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.45cqi;font-weight:700;line-height:1.08}.ba-price{font-family:var(--f-mono);opacity:.85;font-size:1.35cqi;font-weight:600;line-height:1}.ba-icon{font-size:2.2cqi;font-weight:700;line-height:1}.ba-sp.mort .ba-in,.ba-sp.mort .ba-band{opacity:.45}.ba-sp.mort:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--ba-ink)14%,transparent)4px 6px);position:absolute;inset:0}.ba-corner{background:var(--ba-mid)}.ba-corner-in{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4cqi;display:flex}.ba-corner-in b{font-size:3.6cqi;line-height:1}.ba-corner-in small{font-family:var(--ba-corner-font);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:1.15cqi;font-weight:600}.ba-tokens{pointer-events:none;flex-wrap:wrap;place-content:center;gap:.3cqi;display:flex;position:absolute;inset:18% 6% 6%}.ba-t .ba-tokens{inset:6% 6% 18%}.ba-token{color:#fff;border:max(1px,.25cqi) solid #fff;border-radius:50%;place-items:center;width:2.4cqi;min-width:8px;height:2.4cqi;min-height:8px;font-size:max(6px,1.25cqi);font-style:normal;font-weight:800;line-height:1;display:grid;box-shadow:0 1px 2px #00000073}.ba-token.now{z-index:1;box-shadow:0 0 0 max(1px,.25cqi)var(--ba-ink),0 2px 4px #00000080;transform:scale(1.3)}.ba-token.jailed{border-style:dashed}@container ba (max-width:520px){.ba-name,.ba-price{display:none}.ba-icon{font-size:3cqi}.ba-corner-in small{display:none}.ba-corner-in b{font-size:5cqi}.ba-house{width:1.6cqi;height:1.6cqi}}.ba-row{display:contents}.ba-center{background:var(--ba-mid);justify-content:center;align-items:center;min-width:0;min-height:0;padding:3cqi;display:flex;position:absolute;inset:calc(12.81% + 1.9504px);overflow:hidden}.ba-mid{text-align:center;flex-direction:column;align-items:center;gap:max(6px,1.4cqi);width:100%;display:flex}.ba-logo{font-family:var(--f-display);font-size:clamp(16px,4.6cqi,34px);line-height:1;transform:rotate(-3deg)}.ba-logo em{color:var(--ba-accent);font-style:normal}.ba-turn{font-family:var(--f-word);align-items:center;gap:6px;font-size:clamp(12px,2.2cqi,18px);display:inline-flex}.ba-turn i{width:12px;height:12px;box-shadow:0 0 0 1px var(--ba-ink);border:1.5px solid #fff;border-radius:50%}.ba-pot{font-size:clamp(11px,1.7cqi,14px)}.ba-pot b{font-family:var(--f-mono)}.ba-dice{gap:max(6px,1.4cqi);display:flex}.ba-die{aspect-ratio:1;background:var(--ba-die);border:2px solid var(--ba-ink);width:clamp(30px,8cqi,58px);box-shadow:0 2px 0 var(--ba-ink);border-radius:18%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:12%;display:grid}.ba-die i{border-radius:50%;margin:14%;display:block}.ba-die i.on{background:var(--ba-ink)}.ba-die.idle{opacity:.5}.ba-dice.rolling .ba-die{animation:.38s ease-out ba-roll}.ba-dice.rolling .ba-die+.ba-die{animation-direction:reverse}@keyframes ba-roll{0%{transform:rotate(-25deg)scale(.85)}60%{transform:rotate(12deg)scale(1.08)}to{transform:none}}.ba-card{background:var(--ba-die);border:2px solid var(--ba-ink);max-width:86%;box-shadow:0 3px 0 var(--ba-ink);border-radius:6px;padding:8px 10px;animation:.22s ease-out pop}.ba-card span{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.ba-card.break span{color:var(--ba-break)}.ba-card.bodega span{color:var(--ba-bodega)}.ba-card p{margin-top:2px;font-size:clamp(11px,1.8cqi,15px);line-height:1.3}.ba-side{flex-direction:column;gap:12px;min-width:0;display:flex}.ba-act{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.ba-act.owe{border-color:var(--bad);background:color-mix(in srgb,var(--bad-tint)60%,var(--surface))}.ba-act.done{border-color:var(--accent)}.ba-status{font-family:var(--f-word);align-items:center;gap:8px;font-size:19px;line-height:1.2;display:flex}.ba-act.done .ba-status{color:var(--accent)}.ba-sub{color:var(--muted);font-size:14px}.ba-sub b{color:var(--ink)}.ba-wait{font-size:14px}.ba-dot{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--surface),0 0 0 2.5px var(--line);border-radius:50%;flex:none;display:inline-block}.ba-bid{gap:8px;display:flex}.ba-bid .input{flex:1;padding-block:7px}.ba-tip{font-size:13px}.ba-extra{flex-wrap:wrap;gap:8px;display:flex}.ba-extra .btn{flex:auto}.ba-x{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.ba-x:hover:not(:disabled){background:color-mix(in srgb,currentColor 14%,transparent)}.ba-x:disabled{opacity:.3;cursor:default}.ba-deed{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);overflow:hidden}.ba-deed header{grid-template-columns:1fr auto;align-items:center;padding:8px 6px 8px 12px;display:grid}.ba-deed header.plain{border-bottom:1.5px solid var(--line)}.ba-deed header span{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;grid-column:1;font-size:10px}.ba-deed header b{font-family:var(--f-word);grid-column:1;font-size:19px;font-weight:400;line-height:1.15}.ba-deed header .ba-x{grid-area:1/2/3}.ba-deed-body{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.ba-rent{border-collapse:collapse;width:100%;font-size:13px}.ba-rent th{text-align:left;color:var(--muted);padding:2px 0;font-weight:500}.ba-rent td{text-align:right;font-family:var(--f-mono);padding:2px 0}.ba-here{font-size:13px}.ba-players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ba-players li{border-radius:var(--radius);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:6px 8px;font-size:14px;display:grid}.ba-players li.now{background:color-mix(in srgb,var(--accent)13%,transparent)}.ba-players li.out{opacity:.5}.ba-players li.out b{text-decoration:line-through}.ba-players .who{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.ba-players .who b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.ba-players .tag{padding:0 7px;font-size:11px}.ba-players .cash{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:600}.ba-chips{flex-wrap:wrap;grid-column:2/-1;gap:3px;display:flex}.ba-chip{border:1px solid #14213d80;border-radius:2px;width:12px;height:16px}.ba-chip.mort{opacity:.35}.ba-offers{flex-direction:column;gap:8px;display:flex}.ba-offer{background:var(--info-tint);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;font-size:14px;display:flex}.ba-trade{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:12px;display:flex}.ba-trade-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ba-trade .chip-btn{min-height:28px}.ba-tside{flex-direction:column;gap:6px;display:flex}.ba-tprops{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.ba-tprop{border:1.5px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:3px 10px 3px 6px;display:inline-flex}.ba-tprop.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent)12%,var(--surface))}.ba-tprop input{width:16px;height:16px;accent-color:var(--accent);margin:0}.ba-tprop i{border-radius:2px;width:10px;height:14px}.ba-tcash{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ba-tcash .input{max-width:140px;padding-block:7px}.ba-style summary{cursor:pointer;padding:4px 0;font-size:14px;font-weight:600}.ba-style .row{margin-top:6px}.ba-style .chip-btn{min-height:28px}.ba-logbox summary{cursor:pointer;padding:4px 0;font-size:14px;font-weight:600}.ba-log{background:var(--sunk);border-radius:var(--radius);flex-direction:column;gap:4px;max-height:220px;margin:6px 0 0;padding:8px 10px;font-size:13px;list-style:none;display:flex;overflow-y:auto}.ba-log li:first-child{font-weight:600}.ba-over{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:12px;display:flex}.ba-over .ba-status{color:var(--accent)}.ba-over ol{flex-direction:column;gap:4px;margin:0;padding-left:22px;font-size:14px;display:flex}.ba-over li span{float:right;font-family:var(--f-mono)}.ba-over li .ba-dot{vertical-align:-1px;margin-right:8px}.ba-away{text-align:center;padding-top:6px;font-size:12px}.ba-menu{max-width:640px}.ba-resume{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ba-setup,.ba-seats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ba-setup li{grid-template-columns:12px minmax(0,1fr) auto 28px;align-items:center;gap:8px;display:grid}.ba-setup .input{padding-block:7px}.ba-who{gap:4px;display:flex}.ba-who .chip-btn{min-height:28px}.ba-seats{width:100%;max-width:360px}.ba-seats li{border:1.5px solid var(--line);border-radius:var(--radius);text-align:left;align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 10px;display:flex}.ba-seats li b{font-family:var(--f-word);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:17px;font-weight:400;overflow:hidden}.ba-lobby-rules{text-align:left;width:100%;max-width:420px}.ba-rules{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.ba-rules legend{margin-bottom:6px;padding:0}.ba-rule{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.ba-rules:disabled .ba-rule{cursor:default}.ba-rule span{flex-direction:column;gap:1px;min-width:0;display:flex}.ba-rule b{font-size:15px}.ba-rule small{color:var(--muted);font-size:13px;line-height:1.3}.ba-switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .15s;position:relative}.ba-switch:before{content:"";background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.ba-switch:checked{background:var(--accent)}.ba-switch:checked:before{transform:translate(18px)}.ba-switch:disabled{cursor:default}.ba-rules:disabled .ba-switch:not(:checked){opacity:.6}.ba-select{flex:none;width:auto;padding-block:6px}@media (max-width:900px){.ba{grid-template-columns:1fr}.ba-boardwrap{width:min(100%,100dvh - 140px)}.ba-side{width:min(100%,560px);margin-inline:auto}}@media (max-width:480px){.ba-setup li{grid-template-columns:12px minmax(0,1fr) 28px}.ba-setup .ba-who{grid-area:2/2}.ba-setup .ba-x{grid-area:1/3}}@media (orientation:landscape) and (max-height:520px){.ba{grid-template-columns:minmax(0,1fr) 280px}.ba-boardwrap{width:min(100%,100dvh - 80px);min-width:0}}@media (prefers-reduced-motion:reduce){.ba-dice.rolling .ba-die,.ba-card{animation:none}.ba-switch,.ba-switch:before{transition:none}}