:root{color:#2c2117;font-synthesis:none;background:#cbb68e;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#f8eed7,#b49a69);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#392515;cursor:pointer;background:#f4e6c8;border:1px solid #604326;padding:10px 15px;font-weight:750;box-shadow:0 2px #694b2d}button:hover:not(:disabled){background:#fff4d9}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #1769aa}.app-shell{width:min(1500px,100% - 40px);margin:auto;padding:28px 0}.mast{justify-content:space-between;align-items:end;display:flex}.mast p{color:#87552d;letter-spacing:.2em;margin:0;font-size:11px;font-weight:900}.mast h1{color:#3f2918;margin:4px 0 24px;font:800 52px/1 Georgia,serif}.room-stamp{letter-spacing:.12em;border:2px dashed #7c5b32;margin-bottom:24px;padding:9px 15px}.panel,.rail-panel{background:#fff9ebf0;border:1px solid #826846;padding:26px;box-shadow:0 18px 60px #49351f33}h2,h3{margin-top:0;font-family:Georgia,serif}.alert,.pause{color:#fff;background:#7e2d24;margin-bottom:15px;padding:12px 16px}.connection-status{background:#fff0bd;border:1px solid #8a6500;margin-bottom:14px;padding:10px 16px;font-weight:750}.app-shell[data-connection-state=reconnecting] .game,.app-shell[data-connection-state=resuming] .game,.app-shell[data-connection-state=reconnecting] .chat,.app-shell[data-connection-state=resuming] .chat{pointer-events:none;opacity:.68}.start-grid{gap:18px;display:grid}.room-entry{width:min(720px,100%);margin:0 auto}.start-tabs{gap:5px;padding:0 10px;display:flex}.start-tabs button{min-width:120px;box-shadow:none;border-bottom:0}.start-tabs button[aria-selected=true]{color:#5c3518;background:#fff9eb;box-shadow:inset 0 3px #a85d1b}.room-entry>.panel,.room-entry>:last-child.panel{min-height:285px}.start-grid .results{grid-column:1/-1}.panel label{gap:6px;margin:14px 0;font-weight:700;display:grid}.panel input[type=text],.panel input[type=password],.panel input:not([type]){background:#fffdf7;border:1px solid #8a704b;padding:11px}.hint,.muted{color:#776650}.results p{border-bottom:1px solid #ddcbaa;justify-content:space-between;padding-bottom:8px;display:flex}.result{border-bottom:2px solid #9b7b50;padding:8px 0}.result h3{margin:0}.result small{color:#776650}.section-head{justify-content:space-between;display:flex}.players{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.player,.scoreboard article{background:#fffaf0;border:1px solid #c4ae84;align-items:center;gap:10px;padding:12px;display:flex}.player i,.scoreboard i{border-radius:3px;width:14px;height:32px}.player small,.scoreboard small{color:#76644e;margin-top:3px;display:block}.track-legend{align-items:center;gap:5px;display:flex}.track-legend small{margin:0}.player.ready{outline:2px solid #688146}.lobby-controls{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}fieldset{border:1px solid #a88c60;padding:16px}legend{font-weight:800}.check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.swatches{gap:8px;display:flex}.swatches button{border-radius:50%;width:36px;height:36px;padding:0}.swatches .selected{outline:4px solid #382819}.primary{color:#fff;background:#52652f}.game{flex-direction:column;gap:14px;display:flex}.rail-panel{padding:18px}.player-strip,.my-demands{padding:10px 12px}.turn-panel{grid-template-columns:minmax(190px,.7fr) minmax(0,2.3fr);align-items:start;gap:8px 18px;display:grid}.turn-panel>h2,.turn-panel>.phase{margin-bottom:0}.turn-panel>.event,.turn-panel>.active-events,.turn-panel>.pending-event,.turn-panel>.pause{grid-column:1/-1}.phase{text-transform:capitalize;color:#795a36}.help{border:1px solid #b69a6d;margin-bottom:10px;padding:8px;font-size:13px}.help summary{cursor:pointer;font-weight:800}.help p{line-height:1.4}.help h3{margin:12px 0 5px;font-size:14px}.help table{border-collapse:collapse;width:100%}.help th,.help td{text-align:left;border-bottom:1px solid #d4bd93;padding:3px}.reference-list{gap:7px;margin-top:9px;display:grid}.reference-list span{line-height:1.35}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:6px;display:grid}.player-strip .scoreboard article{min-width:0;padding:8px 10px}.player-strip .scoreboard article>div{min-width:0}.player-strip .scoreboard small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard article.active{outline:3px solid #ba7a24}.demand{background:#fff;border-left:4px solid #9b632b;gap:4px;min-width:0;margin:8px 0;padding:10px;font-size:13px;display:grid}.contract-hand h4{margin:10px 0 4px}.contract-hand,.demand-cards{min-width:0}.my-demands .contract-hand h4{margin-top:0}.demand-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demand-cards .demand{margin:0}.demand-card-heading{cursor:grab;-webkit-user-select:none;user-select:none}.demand-card-heading:active{cursor:grabbing}.demand.dragging{opacity:.55;outline:2px dashed #9b632b}.demand-choice{justify-content:space-between;align-items:center;gap:5px;display:flex}.demand-choice>button{overflow-wrap:anywhere;min-width:0}.demand button{box-shadow:none;padding:2px 5px;font-size:11px}.demand .commodity-highlight{color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:1px 3px;display:inline-flex}.demand .commodity-highlight:hover,.demand .commodity-highlight:focus-visible{background:#fff1b8;border-color:#ba7a24;outline:none}.demand .commodity-highlight.selected{background:#f3d782;border-color:#7b4f18;box-shadow:inset 0 0 0 1px #7b4f18}.demand .demand-plan-arrow{color:#563715;background:0 0;border:2px solid #0000;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:inline-grid}.demand .demand-plan-arrow:hover,.demand .demand-plan-arrow:focus-visible{background:#fff1b8;border-color:#ba7a24;outline:none}.demand .demand-plan-arrow.selected{background:#f8e6a5;border-color:#7b4f18}.demand .destination-highlight{color:#7f241d;background:0 0;border:1px solid #0000;padding:2px 3px;font-weight:800}.demand .destination-highlight:hover,.demand .destination-highlight:focus-visible{background:#dcefcf;border-color:#52652f;outline:none}.load-icon{vertical-align:middle;background-image:url(/crayon-rails/assets/usa/icons-small.gif);background-size:200px 80px;flex:0 0 20px;width:20px;height:20px;display:inline-block}.cargo button{align-items:center;gap:5px;display:flex}.cargo{gap:5px;padding:10px 0;display:grid}.cargo h3{margin:0}.cargo span{gap:4px;display:flex}.actions{gap:7px;margin-top:15px;display:grid}.turn-panel>.actions{grid-area:1/2/span 2;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin:0}.danger{color:#fff;background:#7e2d24}.board-wrap{background:#30291f;width:100%;min-width:0;padding:12px;position:relative}.board-tools{z-index:2;gap:5px;display:flex;position:absolute;top:24px;right:24px}.board-scroll{aspect-ratio:1022/768;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#17130f;width:100%;overflow:auto}.board-scroll:active{cursor:grabbing}.board{min-width:100%;height:auto;margin:0 auto;display:block}.rules-help{color:#31251a;background:#f7ecd5;gap:10px;margin-top:12px;padding:14px;display:grid}.below-map{grid-template-columns:minmax(280px,.8fr) minmax(0,2.2fr);align-items:start;gap:14px;padding:14px;display:grid}.below-map .rules-help{margin:0}.opponent-demands>h2{margin-bottom:10px;font-size:20px}.opponent-demands{min-width:0}.opponent-demands .contract-hand+.contract-hand{margin-top:12px}.rules-help .help{margin:0}.geography-lake{fill:#1648df}.geography-river{fill:none;stroke:#1648df;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.geography-border{fill:#efdc00}.storm-area-mask{fill:#63bde5;opacity:.45;filter:blur(4px);pointer-events:none}.canadian-strike-mask{fill:#ffe4a3;opacity:.34;filter:blur(4px);pointer-events:none}.flood-river-mask{fill:none;stroke:#7ce8ff;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;filter:blur(2px)drop-shadow(0 0 4px #35cbff);pointer-events:none}.edge,.owned,.tentative{stroke:#0000;stroke-width:12px;cursor:default}.clear-point,.mountain-point{fill:#31251a}.map-city{fill:#f7e5c4;stroke:#a51d19;stroke-width:2px;cursor:help}.map-city.major{fill:#cf2f24;stroke:#8e1713;stroke-width:2.5px}.major-city-point{fill:#3a1712;pointer-events:none}.major-city-label{fill:#2b130f;stroke:none;pointer-events:none;font-size:6px}.city-label{fill:#3b2516;paint-order:stroke;stroke:#fff7e7;stroke-width:2px;stroke-linejoin:round;pointer-events:none;font:700 8px Inter,sans-serif}.board.route-selecting .city-label:not(.major-city-label){opacity:.45}.board.route-selecting .map-city,.board.route-selecting .major-city-point,.board.route-selecting .clear-point,.board.route-selecting .mountain-point,.train-marker{pointer-events:none}.tentative{stroke:#ffbf32;stroke-width:7px;stroke-dasharray:9 4}.preview{padding:8px;font-size:13px}.preview.legal{background:#dce7c5}.preview.illegal{background:#f2c5bd}.warning{background:#fff0bd;border-left:4px solid #8a6500;margin:0;padding:8px}.edge.selectable{stroke:#0000;stroke-width:12px;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.owned.selectable{stroke-width:8px;pointer-events:stroke;cursor:pointer}.edge.selectable:hover,.owned.selectable:hover{stroke:#f0a51a;stroke-width:8px}.edge-hit-target{stroke:#0000;stroke-width:24px;stroke-linecap:round;pointer-events:stroke;cursor:pointer}.edge-destination-hit-target{fill:#0000;stroke:#0000;pointer-events:all;cursor:pointer}.edge-destination-hit-target:hover{fill:#f0a51a55;stroke:#f0a51a;stroke-width:2px}.owned{stroke-width:4px;stroke-linecap:butt;pointer-events:stroke}.owned:hover{stroke-width:7px}.place-point{fill:#ffd35c88;stroke:#4f2c10;stroke-width:2px;cursor:pointer}.place-point:hover{fill:#fff}.place-point.selected{fill:#fff;stroke-width:4px}.pickup-source-highlight{fill:#ffd44755;stroke:#e06218;stroke-width:5px;pointer-events:none}.derailment-highlight{fill:#ff382622;stroke:#d7190b;stroke-width:5px;pointer-events:none}.snow-highlight{fill:#c9f2ff66;stroke:#62d9ff;stroke-width:5px;pointer-events:none;filter:drop-shadow(0 0 4px #3fcfff)}.strike-city-highlight{fill:#ffd86b33;stroke:#d78600;stroke-width:5px;pointer-events:none;filter:drop-shadow(0 0 3px #ffd35c)}.tornado-city-highlight{fill:#cbb6ff33;stroke:#7549c9;stroke-width:5px;pointer-events:none;filter:drop-shadow(0 0 3px #b798ff)}.fog-city-highlight{fill:#eef3f766;stroke:#b8c5cf;stroke-width:5px;pointer-events:none;filter:drop-shadow(0 0 4px #f7fbff)}.selected-commodity-icon{pointer-events:none;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 1px 1px #352113);overflow:hidden}.map-load-icon{background-image:url(/crayon-rails/assets/usa/icons-small.gif);background-size:120px 48px;width:12px;height:12px;display:block}.demand-destination-highlight{fill:#8ccf6855;stroke:#3e7d2d;stroke-width:6px;pointer-events:none}.pause{font-size:13px}.event,.pending-event{background:#ecd18b;margin-bottom:9px;padding:10px}.active-events{border:1px solid #9b632b;gap:3px;margin-bottom:9px;padding:8px;display:grid}.pending-event button{margin:3px}.chat{margin-top:14px;padding:16px}.chat h2{font-size:20px}.chat-log{background:#fffaf0;max-height:150px;padding:8px 12px;overflow:auto}.chat-log p{margin:5px 0}.chat form{align-items:end;gap:8px;display:flex}.chat form label{flex:1;margin:8px 0 0}@media (width<=1100px){.players{grid-template-columns:repeat(2,1fr)}.turn-panel,.below-map{grid-template-columns:1fr}.turn-panel>.actions{grid-area:auto/1}}@media (width<=700px){.app-shell{width:calc(100% - 24px);padding:16px 0}.mast h1{font-size:42px}.board-wrap{padding:8px}.board-tools{top:16px;right:16px}}@media (width<=500px){.demand-cards{grid-template-columns:1fr}}