:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#1b1b1b;color:#eee}.app{max-width:1900px;margin:0 auto;padding:16px 32px 24px}.layout{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.properties-column{flex:0 0 440px;min-width:380px;height:calc(100vh - 70px);overflow:hidden;display:flex;flex-direction:column;gap:14px}.properties-column .bankroll-chart{flex:0 0 auto}.board-column{flex:0 1 auto}.side-column{flex:1 1 380px;min-width:320px;max-width:440px;height:calc(100vh - 70px);overflow:hidden;display:flex;flex-direction:column;gap:14px}.side-column>*:not(.log-feed){flex:0 0 auto}.side-header h1{margin:0 0 2px;font-size:1.5rem}.side-header .subtitle{margin:0;color:#aaa;font-size:.85em}.board-wrap{display:flex;justify-content:center}.board-grid{position:relative;display:grid;width:min(1100px,calc(100vh - 50px));aspect-ratio:1 / 1;background:#0b3d2e;border:4px solid #06251b;border-radius:8px;overflow:hidden}.tile{position:relative;background:#faf6ec;border:1px solid rgba(58,58,58,.35);display:flex;overflow:hidden}.tile-owner-border{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:3px solid;pointer-events:none;border-radius:2px;z-index:2}.tile-inner{flex:1;display:flex;align-items:center;justify-content:space-between;padding:2px;text-align:center}.tile-color-bar{width:100%;height:22%;border-bottom:1px solid rgba(58,58,58,.35)}.tile-color-bar.vertical{width:22%;height:100%;border-bottom:none;border-inline:1px solid rgba(58,58,58,.35)}.tile-icon{display:flex;align-items:center;justify-content:center;height:20px;flex-shrink:0}.tile-name{font-size:.5rem;font-weight:700;line-height:1.08;margin:2px;color:#1c1c1c;word-break:break-word}.tile-price{margin:2px;font-size:.5rem;font-weight:700;color:#3a6b3a}.tile-inner.compact{justify-content:center;gap:6px}.tile-inner.side .tile-name,.tile-inner.side .tile-price{max-height:100%}.tax-icon{font-weight:800;font-size:1rem;color:#8a5a00;font-family:Georgia,serif}.chest-icon-crop{overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.chest-icon-crop img{width:155%;height:auto;object-fit:cover;object-position:bottom}.corner-image{width:100%;height:100%;object-fit:cover;display:block}.corner-image-contain{object-fit:contain}.corner-image-flip{transform:rotate(180deg)}.corner-image-rotate-ccw{transform:rotate(-90deg)}.corner-label{font-size:.55rem;font-weight:800;color:#1c1c1c;text-align:center;line-height:1.1}.building-row{position:absolute;display:flex;align-items:center;justify-content:center;gap:0;z-index:3;transform:translateY(4px)}.building-row.edge-top{bottom:0;left:0;right:0;height:22%}.building-row.edge-bottom{top:0;left:0;right:0;height:22%}.building-row.edge-left,.building-row.edge-right{top:0;bottom:0;flex-direction:column;width:22%}.building-row.edge-left{right:0}.building-row.edge-right{left:0}.house{width:14px;height:19px;background:linear-gradient(145deg,#7de881,#1b5e20);clip-path:polygon(50% 0%,100% 38%,100% 100%,0% 100%,0% 38%);box-shadow:0 0 0 1.5px #fffcf0f2,1px 2px 3px #000000b3,inset -1px -1px 1px #00000059,inset 1px 1px 1px #ffffff73}.hotel{width:27px;height:20px;background:linear-gradient(145deg,#ff7566,#7a0000);clip-path:polygon(50% 0%,100% 32%,100% 100%,0% 100%,0% 32%);box-shadow:0 0 0 1.5px #fffcf0f2,1px 2px 3px #000000b3,inset -1px -1px 1px #00000059,inset 1px 1px 1px #ffffff73}.mortgage-banner{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.mortgage-banner span{background:#c62828;color:#fff;font-size:.5rem;font-weight:800;padding:3px 10px;transform:rotate(-18deg);white-space:nowrap;border-radius:2px}.token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.token{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#ffffffb3,#fff0 55%),var(--token-color);border:1.5px solid rgba(0,0,0,.6);box-shadow:0 3px 3px #00000073,inset 0 -3px 4px #00000040;transition:left 90ms linear,top 90ms linear,opacity .14s ease}.token.no-transition{transition:none}.token-icon{filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85))}.token.bankrupt{background:radial-gradient(circle at 35% 25%,#ffffff80,#fff0 55%),#888;filter:grayscale(1)}.token.hidden{opacity:0}.board-center{grid-column:2 / 11;grid-row:2 / 11;position:relative}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-ribbon{display:flex;flex-direction:column;align-items:center;background:#c62828;color:#fff;font-family:Georgia,Times New Roman,serif;padding:6px 20px 8px;border:3px solid #ffd54f;border-radius:10px;transform:rotate(-45deg);text-align:center;white-space:nowrap}.logo-title{font-weight:800;font-size:clamp(1.1rem,2.6vw,1.9rem);letter-spacing:2px}.logo-sub{color:#ffd54f;font-weight:700;letter-spacing:4px;font-size:.6em}.center-status{position:absolute;top:70%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.center-turn{position:absolute;top:4%;left:50%;transform:translate(-50%);color:#f5f2e8;font-size:.95rem}.center-card-pile{position:absolute;width:108px;height:90px;transform:rotate(-45deg)}.chance-pile{top:27%;left:27%}.chest-pile{bottom:27%;right:27%}.pile-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #00000080}.pile-card.back:nth-child(1){transform:rotate(-3deg) translate(-1.5px,1px)}.pile-card.back:nth-child(2){transform:rotate(2deg) translate(1.5px,-1px)}.pile-card.front{z-index:1}.center-winner{display:flex;align-items:center;gap:6px;color:#ffd54f;font-weight:700;font-size:.9rem}.controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.controls button{padding:5px 10px;border-radius:5px;border:1px solid #555;background:#2a9d8f;color:#fff;cursor:pointer;font-size:.8rem;white-space:nowrap}.controls button.secondary{background:#444;margin-left:auto}.controls button:disabled{opacity:.5;cursor:default}.speed-control{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ccc;white-space:nowrap}.speed-control input[type=range]{width:64px}.animate-toggle{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ccc;cursor:pointer;white-space:nowrap}.bot-select{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem}.bot-select select{margin-left:6px}.player-panel{display:flex;flex-direction:column;gap:4px}.player-row{display:flex;flex-direction:column;justify-content:center;gap:3px;background:#262626;border-radius:6px;padding:5px 8px;border:1.5px solid transparent;box-sizing:border-box;min-height:48px}.player-row.current{border-color:#f4a261;background:#2e2a20}.player-row-line1{display:flex;align-items:center;gap:6px}.player-row-swatch{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--player-color)}.player-row-swatch.bankrupt{background:#666;filter:grayscale(1)}.player-row-name{flex:1 1 0%;font-weight:700;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.current-indicator{color:#f4a261}.player-row-cash{font-size:.85rem;font-weight:700;flex-shrink:0;margin-left:auto;padding-left:6px}.player-row-line2{font-size:.72rem;color:#aaa;display:flex;align-items:center;gap:4px;padding-left:26px}.player-row-line2 strong{color:#f0f0f0;font-weight:800}.player-row-line2 .stat-gold{color:#ffd54f}.player-row-line2 .stat-development{display:inline-flex;align-items:center;gap:2px;color:#7de881}.player-row-line2 .stat-development strong{color:#7de881}.player-row-line2 svg{flex-shrink:0;vertical-align:-1px}.player-row.bankrupt .player-row-name{color:#888}.bankrupt-label{font-weight:800;color:#e63946;letter-spacing:.4px;font-size:.78rem}.winner-banner{background:#2e7d32;padding:12px;border-radius:8px;text-align:center;font-weight:700}.bankroll-chart{background:#111;border-radius:8px;padding:10px 10px 4px;position:relative}.bankroll-legend{display:flex;gap:14px;margin-bottom:4px;font-size:.75rem;color:#ccc}.bankroll-legend-item{display:flex;align-items:center;gap:5px}.bankroll-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bankroll-svg{width:100%;height:auto;display:block;overflow:visible}.bankroll-gridline{stroke:#333;stroke-width:1}.bankroll-axis-label{fill:#777;font-size:8px}.bankroll-crosshair{stroke:#666;stroke-width:1;stroke-dasharray:3 2}.bankroll-active-crosshair,.bankroll-active-dot{stroke:#f4a261;stroke-width:1.5}.bankroll-tooltip{position:absolute;top:8px;background:#262626;border:1px solid #444;border-radius:6px;padding:6px 8px;font-size:.72rem;white-space:nowrap;pointer-events:none;z-index:2}.bankroll-tooltip-turn{color:#999;font-weight:700;margin-bottom:3px}.bankroll-tooltip-row{display:flex;align-items:center;gap:5px;color:#eee}.timeline{background:#111;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.timeline-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.timeline-turn-label{color:#ccc;font-weight:600}.timeline-live-badge{color:#2a9d8f;font-weight:700;font-size:.75rem}.timeline-live-btn{padding:3px 10px;border-radius:5px;border:1px solid #555;background:#444;color:#fff;cursor:pointer;font-size:.72rem}.timeline-controls{display:flex;align-items:center;gap:8px}.timeline-step-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid #555;background:#2a9d8f;color:#fff;cursor:pointer;flex-shrink:0}.timeline-step-btn:disabled{opacity:.5;cursor:default;background:#444}.timeline-slider{flex:1}.log-feed{background:#111;border-radius:8px;padding:10px;flex:1 1 120px;min-height:120px;overflow-y:auto;font-family:ui-monospace,monospace;font-size:.8em;line-height:1.4}.log-entry{color:#ccc}.properties-panel{background:#111;border-radius:8px;padding:12px;flex:1 1 160px;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.prop-group-header{display:flex;align-items:center;gap:6px;margin-bottom:3px}.prop-group-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.prop-group-label{font-size:.7rem;font-weight:700;color:#999;letter-spacing:.4px;text-transform:uppercase}.monopoly-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;color:#fff;flex-shrink:0;animation:monopoly-pulse 1.8s ease-in-out infinite}@keyframes monopoly-pulse{0%,to{box-shadow:0 0 #ffd54f73}50%{box-shadow:0 0 0 3px #ffd54f00}}.prop-chips{display:flex;flex-wrap:wrap;gap:4px}.prop-chip{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:5px;border:1.5px solid #3a3a3a;background:#1c1c1c;font-size:.68rem;max-width:100%}.prop-chip.unowned{color:#888}.prop-chip.owned{color:#f0f0f0}.prop-chip.mortgaged{opacity:.55}.prop-chip.mortgaged .prop-chip-name{text-decoration:line-through}.prop-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-chip-badges{display:flex;gap:2px}.prop-badge{display:inline-flex;align-items:center;justify-content:center;min-width:12px;height:12px;padding:0 2px;border-radius:3px;font-size:.55rem;font-weight:800;line-height:1}.prop-badge.houses{background:#2e7d32;color:#fff}.prop-badge.hotel{background:#c62828;color:#fff}.prop-badge.mortgaged{background:#555;color:#fff}