/* Ownership, districts and opt-in building advice. No player colors on deeds. */
.board{grid-template-rows:180px repeat(5,210px)}
.space,.space.side,.space.corner{padding:17px 6px 44px;gap:3px;position:relative}
.space.owned{box-shadow:0 3px #082d3e}
.space .color-bar{left:0;top:0;width:100%;height:9px;background:var(--group-color);border:0;border-bottom:1px solid #143c5070}
.space.type-rail .color-bar{background:repeating-linear-gradient(135deg,#354454 0 7px,#c7d5e3 7px 10px)}
.space.type-utility .color-bar{background:radial-gradient(circle,#f5eee1 1px,transparent 2px) 0 0/8px 8px,var(--group-color)}
.space .route-number{margin:0;flex-shrink:0}
.space .space-name,.space.side .space-name{padding:0;font:600 12px/1.2 Arial;flex-shrink:0;overflow-wrap:anywhere}
.space .group-name{font:10px/1.25 Arial;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#304d5d;flex-shrink:0}
.space .price{font:12px/1.2 Arial;margin:0;flex-shrink:0}
.space .owner-label{display:block;max-width:100%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;color:#173b50;border:1px solid #9bacb6;border-radius:3px;padding:3px;font:600 11px/1.2 Arial;flex-shrink:0}
.space .mortgage-label{font:bold 10px/1.2 Arial;color:#8a261b;flex-shrink:0}
.space.mortgaged:after{display:none}
.space .building-count{font:10px/1.2 Arial;flex-shrink:0}
.space .buildings{bottom:6px;left:8px;right:auto;top:auto}
.space .symbol{bottom:8px;right:8px;font-size:15px}
.space.build-eligible{border:2px dashed #183e56;padding:15px 4px 42px}
.space .build-marker{font:bold 10px/1.25 Arial;background:#173e50;color:#fff;border-radius:3px;padding:2px 4px;flex-shrink:0}
.space:focus-visible{outline:4px solid #111;outline-offset:2px;box-shadow:0 0 0 6px #ffdf78;z-index:5}
.deed .deed-color{background:#f8fbfc;color:#173e50;text-shadow:none;border-top:12px solid var(--group-color);overflow-wrap:anywhere}
.deed .deed-group{text-align:center;font:600 14px/1.4 Arial;margin:10px 0;color:#173e50}
.deed small{overflow-wrap:anywhere}
.building-suggestions{margin-top:12px;border:1px solid #809ca9;border-radius:7px;padding:8px;font:13px/1.4 Arial}
.building-suggestions summary{min-height:44px;cursor:pointer;align-content:center;font-weight:bold}
.building-suggestions ul{list-style:none;padding:0;margin:5px 0;display:grid;gap:6px}
.building-suggestions button{width:100%;text-align:left;font:600 13px/1.4 Arial;min-height:48px;overflow-wrap:anywhere}
.building-suggestions button span{display:block;font:12px/1.4 Arial}
.building-suggestions .hint{margin:6px 0}
.harbor-phone .board{grid-template-rows:48px repeat(5,220px)}
.harbor-phone .space,.harbor-phone .space.side{padding-top:17px;gap:3px}
.harbor-phone .space .space-name{font:600 14px/1.2 Arial}
.harbor-phone .space .group-name,.harbor-phone .space .building-count{font-size:11px}
.harbor-phone .space .owner-label{font-size:12px}
.harbor-phone .space .mortgage-label{font-size:11px}
.harbor-phone .space .build-marker{font-size:11px}
.harbor-phone .building-suggestions{padding:6px;margin-top:7px}
@media(forced-colors:active){.space .color-bar{border:3px solid CanvasText}.space.build-eligible{border:3px dashed Highlight}.space .owner-label{border:1px solid CanvasText}}