:root{--felt: #21252a;--panel: #2a3037;--panel-2: #323942;--line: #15181c;--tile: #ffffff;--tile-ink: #191d21;--tile-sub: #6c757c;--ink: #e9ebe7;--muted: #96a0a7;--hair: #3b434c;--gold: #d9a33f;--flag: #e06148;--ok: #4fb08c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--felt);color:var(--ink)}body{font-family:"PT Serif",Georgia,serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}button{font:inherit;cursor:pointer}input{font:inherit}.wrap{max-width:1400px;margin:0 auto;padding:20px 16px 48px}h1{font-family:Unbounded,PT Sans Narrow,sans-serif;font-weight:700;font-size:clamp(28px,6vw,48px);line-height:1.05;margin:0 0 8px;letter-spacing:-.01em;text-wrap:balance}h2{font-family:Unbounded,sans-serif;font-weight:500;font-size:17px;margin:0}.eyebrow{font-family:PT Sans Narrow,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--gold);margin:0 0 6px}.muted{color:var(--muted)}.narrow{font-family:PT Sans Narrow,sans-serif}.nums{font-variant-numeric:tabular-nums}.btn{font-family:PT Sans Narrow,sans-serif;font-size:15px;line-height:1;padding:11px 16px;border:1px solid var(--hair);border-radius:3px;background:var(--panel);color:var(--ink)}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1c1608;font-weight:700}.btn.danger{background:var(--flag);border-color:var(--flag);color:#1a0d0a}.btn.ghost{background:transparent}.field{width:100%;padding:11px 12px;border-radius:3px;border:1px solid var(--hair);background:var(--panel);color:var(--ink)}.field:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}.center-screen{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.card{background:var(--panel);border:1px solid var(--hair);border-radius:6px;padding:18px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.error{color:var(--flag);font-family:PT Sans Narrow,sans-serif}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:var(--c);padding:0}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--felt) inset}.swatch:disabled{opacity:.25;cursor:not-allowed}.seats{display:flex;flex-direction:column;gap:8px}.seat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2);border-radius:4px}.seat .dot{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none}.seat .tag{margin-left:auto;font-family:PT Sans Narrow,sans-serif;font-size:13px;color:var(--muted)}.link-box{display:flex;gap:8px;align-items:center;background:var(--panel-2);border-radius:4px;padding:10px 12px;font-family:PT Sans Narrow,sans-serif}.link-box code{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table{display:grid;gap:16px;align-items:start;grid-template-columns:minmax(0,1fr)}.table>*{min-width:0}@media(min-width:1100px){.table{grid-template-columns:250px minmax(0,1fr) 300px}}.players{display:flex;flex-direction:column;gap:8px}.player{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:10px 12px;background:var(--panel);border-radius:5px;border-left:4px solid var(--c)}.player.active{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--gold)}.player.out{opacity:.45}.player .name{font-weight:700;grid-column:2}.player .cash{grid-column:2;font-family:PT Sans Narrow,sans-serif;font-size:19px}.player .meta{grid-column:2;font-family:PT Sans Narrow,sans-serif;font-size:13px;color:var(--muted)}.player .pin{grid-row:1 / 4;width:14px;height:14px;border-radius:50%;background:var(--c);align-self:center}.board-frame{overflow-x:auto}.board{position:relative;min-width:660px;aspect-ratio:1;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:2px;background:var(--line);border:3px solid var(--line);border-radius:4px;font-family:PT Sans Narrow,sans-serif;container-type:inline-size;--band: clamp(13px, 2.1cqi, 28px);--pad: clamp(2px, .45cqi, 6px)}.cell{position:relative;background:var(--tile);color:var(--tile-ink);border:0;margin:0;padding:0;display:flex;overflow:hidden;text-align:center}.cell.bottom{flex-direction:column}.cell.top{flex-direction:column-reverse}.cell.left{flex-direction:row-reverse}.cell.right{flex-direction:row}.cell.owned{background:color-mix(in srgb,var(--own) 34%,#fff);box-shadow:inset 0 0 0 2px var(--own)}.cell.mine{box-shadow:inset 0 0 0 3px var(--own)}.cell.mortgaged{filter:grayscale(.75)}.cell.mortgaged .cell-pic{opacity:.5}.build{flex:none;line-height:1;letter-spacing:.02em;font-size:clamp(7px,1.25cqi,15px);color:#b8892b}.lock{position:absolute;top:2px;left:2px;z-index:3;font-size:clamp(8px,1.3cqi,15px);line-height:1}.band{background:var(--g, var(--panel-2));color:var(--g-ink, #fff);flex:none;display:flex;align-items:center;justify-content:center;font-size:clamp(8px,1.2cqi,15px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.cell.bottom .band,.cell.top .band{width:100%;height:var(--band)}.cell.left .band,.cell.right .band{width:var(--band);height:100%}.cell.left .band span{writing-mode:vertical-rl;transform:rotate(180deg)}.cell.right .band span{writing-mode:vertical-rl}.cell-body{flex:1;min-width:0;min-height:0;padding:var(--pad);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1px,.3cqi,4px)}.cell-pic{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.cell-pic img{max-width:94%;max-height:100%;object-fit:contain;display:block}.cell-name{flex:none;font-size:clamp(7px,1.1cqi,14px);line-height:1.1;font-weight:700;color:var(--tile-sub);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:100%}.cell.corner .cell-name{font-size:clamp(8px,1.35cqi,17px);color:var(--tile-ink);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:normal}.badges{position:absolute;top:2px;right:2px;display:flex;gap:2px;z-index:3;font-size:clamp(7px,1cqi,12px);font-family:PT Sans Narrow,sans-serif}.badge{background:var(--tile-ink);color:var(--tile);border-radius:2px;padding:0 3px;line-height:1.35;font-weight:700}.badge.hotel{background:var(--flag)}.badge.mortgaged{background:var(--muted)}.piece{position:absolute;z-index:6;transform:translate(-50%,-50%);width:clamp(17px,3.1cqi,38px);height:clamp(17px,3.1cqi,38px);border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 2px 5px #0000008c;display:flex;align-items:center;justify-content:center;font-family:PT Sans Narrow,sans-serif;font-weight:700;color:#fff;font-size:clamp(9px,1.7cqi,20px);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:left .45s cubic-bezier(.3,.9,.35,1),top .45s cubic-bezier(.3,.9,.35,1)}.piece.now{box-shadow:0 2px 5px #0000008c,0 0 0 3px #d9a33fe6}.piece.me:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px dashed rgba(255,255,255,.55)}@media(prefers-reduced-motion:reduce){.piece{transition:none}}.plate{grid-column:2 / 11;grid-row:2 / 11;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1cqi,14px);padding:clamp(10px,2cqi,26px);text-align:center}.plate .title{font-family:Unbounded,sans-serif;font-weight:700;color:var(--gold);font-size:clamp(18px,3.4cqi,42px);letter-spacing:.03em}.plate .dice{display:flex;gap:10px}.die{width:clamp(26px,4.4cqi,54px);height:clamp(26px,4.4cqi,54px);background:var(--tile);color:var(--tile-ink);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:PT Sans Narrow,sans-serif;font-weight:700;font-size:clamp(16px,2.6cqi,32px)}.plate .hint{color:var(--muted);font-family:PT Sans Narrow,sans-serif;font-size:clamp(11px,1.4cqi,16px)}.side{display:flex;flex-direction:column;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.log{background:var(--panel);border-radius:5px;padding:12px;max-height:340px;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:7px;font-family:PT Sans Narrow,sans-serif;font-size:14px}.log p{margin:0;color:var(--muted)}.log p:first-child{color:var(--ink)}.notice{background:var(--panel-2);border-left:3px solid var(--gold);padding:8px 10px;font-family:PT Sans Narrow,sans-serif;font-size:14px}.trade-card{background:var(--panel);border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:PT Sans Narrow,sans-serif;font-size:13px;padding:6px 9px;border-radius:3px;border:1px solid var(--hair);background:var(--panel-2);color:var(--ink)}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1c1608}.bid{display:flex;gap:8px;align-items:center}.bid input{width:120px}.clock{display:flex;align-items:center;gap:8px;font-family:PT Sans Narrow,sans-serif;font-size:14px}.clock .bar{flex:1;height:5px;background:var(--panel-2);border-radius:99px;overflow:hidden}.clock .bar i{display:block;height:100%;background:var(--ok);transition:width 1s linear}.clock.warn .bar i{background:var(--flag)}.clock .left{color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}