/* Railway Bridge */
#game-root .sim-controls-help { margin-top: 14px; }
.rb-wrap { display: flex; flex-direction: column; gap: 8px; }
.rb-bar { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; }
.rb-tool { padding: 6px 10px; border-radius: 10px; border: 2px solid var(--color-border, #2d3240); background: var(--color-bg-alt, #1c1f27); color: inherit; font: 800 13px system-ui, sans-serif; cursor: pointer; }
.rb-tool small { opacity: .7; font-weight: 700; }
.rb-tool.is-on { border-color: #facc15; box-shadow: 0 0 0 3px rgba(250, 204, 21, .35); }
.rb-pill { background: var(--color-bg-alt, #1c1f27); border: 1px solid var(--color-border, #2d3240); border-radius: 999px; padding: 5px 12px; font-weight: 800; font-size: 14px; }
.rb-pill.is-neg { border-color: #fb7185; color: #fda4af; }
.rb-sp { flex: 1; }
.rb-wrap .ak-stage { position: relative; width: 100%; max-width: none; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
.rb-wrap .ak-stage canvas { width: 100%; height: 100%; display: block; touch-action: none; cursor: crosshair; }
.rb-result { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(4, 10, 20, .45); }
.rb-card { background: rgba(14, 22, 36, .96); color: #fff; border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; padding: 18px 22px; text-align: center; max-width: 88%; }
.rb-card h3 { margin: 0 0 6px; font-size: 22px; } .rb-card p { margin: 4px 0; opacity: .92; }
.rb-stars { font-size: 30px; letter-spacing: 4px; margin: 4px 0 8px; }
.rb-btns { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 12px; }
