:root{--bg-dark:#090d16;--bg-card:#1e293b;--bg-card-hover:#334155;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;overflow:hidden}.sy-app-viewport{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.mobile-unsupported-container{background:var(--bg-dark);justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.mobile-unsupported-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;color:var(--text-primary);border-radius:12px;max-width:320px;padding:32px 24px;font-size:1.1rem;font-weight:700;box-shadow:0 10px 30px #0009}.sy-top-banner{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:54px;padding:0 16px;display:flex}.instruction-prompt{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;display:flex;overflow:hidden}.prompt-badge{background:var(--accent-color);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:.75rem;font-weight:800}.prompt-text{color:#f1f5f9;font-size:1.05rem;font-weight:700}.toolbar-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.inline-mrx-form{align-items:center;gap:8px;display:flex}.select-ticket{background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:.9rem;font-weight:600}.select-ticket:focus{border-color:var(--accent-color)}.btn-action{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:7px 16px;font-size:.9rem;font-weight:700;transition:background .2s,opacity .2s}.btn-action.start-game{color:#000;background:#38bdf8}.btn-action.start-game:disabled,.btn-action.finish-turn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.5;background:#475569}.btn-action.finish-turn{color:#000;background:#22c55e}.btn-action:hover:not(:disabled){opacity:.9}.btn-reset{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:all .2s}.btn-reset:hover{color:#fff;background:#ffffff0d;border-color:#64748b}.sy-board-container{flex:1;justify-content:center;align-items:center;max-height:calc(100vh - 54px);padding:8px;display:flex;position:relative;overflow:hidden}.top-left-dock-tray{border:1px solid var(--border-color);z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e293bd9;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000080}.dock-title{letter-spacing:.5px;color:var(--text-secondary);font-size:.65rem;font-weight:800}.dock-pucks{align-items:center;gap:8px;display:flex}.dock-slot{border:1px dashed #fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.board-wrapper{aspect-ratio:1.333;justify-content:center;align-items:center;max-width:100%;height:100%;max-height:100%;display:flex;position:relative}.board-image{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.board-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.station-node{cursor:pointer;pointer-events:auto;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:2.8%;height:3.5%;display:flex;position:absolute;transform:translate(-50%,-50%)}.station-node:hover{background:#ffffff26}.puck-mrx{pointer-events:none;background:#000000b3;border:2px solid #ffffffd9;border-radius:50%;flex-shrink:0;width:20px;height:20px;box-shadow:0 0 6px #000000e6}.puck-detective{z-index:20;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s;box-shadow:0 0 8px #000000e6}.puck-detective.unmoved{cursor:grab;border:2px solid}.puck-detective.unmoved:active{cursor:grabbing;transform:scale(1.3)}.puck-detective.moved{cursor:not-allowed;opacity:.9;border:4px solid;background-color:#0000!important}.puck-detective.disabled{cursor:not-allowed!important}.puck-detective.docked{width:22px;height:22px}.modal-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;width:90%;max-width:360px;padding:24px;box-shadow:0 10px 25px #00000080}.modal-card h3{color:#f8fafc;margin-bottom:16px;font-size:1.1rem}.modal-btn-group{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.btn-transport{cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:.9rem;font-weight:700}.btn-transport.taxi{color:#000;background:#eab308}.btn-transport.bus{color:#000;background:#22c55e}.btn-transport.underground{color:#fff;background:#ef4444}.btn-cancel{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;width:100%;padding:8px 12px}.btn-cancel:hover{color:#fff}