.r17-route-plan{position:relative;text-align:left}
.r17-settlement-dock{display:grid;grid-template-columns:50px minmax(0,1fr);gap:8px;margin:0 0 12px;padding:10px;background:#244c3f;color:#f7f2d7;border:1px solid #6d8e62;border-radius:12px;box-shadow:inset 0 1px 0 #c0d59955,0 3px 0 #15372b33}
.r17-coast-stamp{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #a6be74;border-radius:8px;transform:rotate(-4deg);color:#d2e99b;min-height:68px}
.r17-coast-stamp>.icon{width:21px;height:21px}.r17-coast-stamp>b{font:800 24px ui-monospace,monospace;line-height:1.1}.r17-coast-stamp>small{font-size:9px;letter-spacing:.1em}
.r17-settlement-title{display:grid;gap:3px;min-width:0}.r17-settlement-title>small{font-size:10px;color:#c5d5ab}.r17-settlement-title>b{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.r17-settlement-title>span{font-size:11px;color:#e0e7c8}
.r17-spoils{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:6px}.r17-spoils>span{display:grid;grid-template-columns:20px minmax(0,1fr);gap:0 5px;align-items:center;padding:5px 6px;background:#17372f;border:1px solid #597a58;border-radius:6px}.r17-spoils .icon{width:18px;height:18px;grid-row:1/3;color:#dae890}.r17-spoils small{font-size:9px;color:#c5d6ac}.r17-spoils b{font:800 17px ui-monospace,monospace;color:#f0f5c9}
.r17-route-plan>.route-heading{padding:3px 3px 9px}.r17-route-plan>.route-heading>b{font-size:16px;color:#2b4a37}.r17-route-plan>.route-heading>small{font-size:11px;line-height:1.5}
.r17-route-plan .r9-route-option{border-radius:12px;border-color:#6f896c;box-shadow:0 3px 0 #37554022;background:#f4f0dc}
.r17-route-plan .route-card{border:0;background:#f5f1dd;color:#284433;position:relative}
.r17-route-plan .route-card.selected{background:linear-gradient(125deg,#e0ecb7,#f5f3d9);box-shadow:inset 4px 0 0 #83ad42}
.clear-panel .r17-route-plan .route-card>.r9-route-top,.r17-route-plan .route-card>.r9-route-top{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center}
.r17-route-chart{position:relative;display:block;width:82px;height:105px;background:var(--route-case,#244b3f);border:2px solid #658268;border-radius:7px;box-shadow:0 3px 0 #203d2c55;overflow:hidden;pointer-events:none}
.r17-route-chart canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.r17-chart-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#d5e5b2}.r17-chart-fallback .icon{width:34px;height:34px}.r17-route-painted>.r17-chart-fallback{display:none}
.r17-chart-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;background:#1b3b30e8;color:#f3f4d9;padding:3px 5px;font-size:9px}.r17-chart-label b{font:800 13px ui-monospace,monospace;color:#d0ea86}
.r17-chart-rivet{position:absolute;z-index:1;top:3px;width:4px;height:4px;border-radius:50%;background:#f0e9b9;border:1px solid #47634a}.r17-chart-rivet.a{left:3px}.r17-chart-rivet.b{right:3px}
.r17-route-plan .r9-route-heading>b{font-size:16px;line-height:1.35}.r17-route-plan .r9-route-heading>small{color:#566b49;font-size:11px;line-height:1.4}.clear-panel .r17-route-plan .r9-route-heading>small:last-child{display:block}
.r17-route-plan .route-card>.r9-route-fact{border-top:1px solid #bec9a7;padding-top:6px;margin-top:6px;font-size:12px}
.r17-route-plan .r9-route-fact.reward>b{background:#d6e8af;color:#35542b;padding:1px 3px;border-radius:3px;align-self:start;text-align:center}.r17-route-plan .r9-route-fact.risk>b{background:#edd2bd;color:#734a32;padding:1px 3px;border-radius:3px;align-self:start;text-align:center}
.r17-route-plan .r9-route-option>details>summary{background:#e7ead4;border-top:1px solid #bdc8a5;font-weight:650;min-height:44px}.r17-route-plan .route-card:focus-visible{outline:3px solid #3d7160;outline-offset:-4px}
.r17-route-plan .is-unavailable{display:grid;place-items:center;color:#e6e9c4}.r17-route-plan .is-unavailable>.icon{width:32px;height:32px}.r17-route-plan .is-unavailable>small{font-size:10px}
.r17-selected-route{border-left:4px solid #749e42;background:#dfeab9;color:#294a31;padding:7px 9px}.r17-selected-route>strong{display:block;font-size:12px}.r17-selected-route>span{font-size:11px;line-height:1.4}
@media(max-width:360px){.r17-settlement-dock{padding:8px;gap:6px;grid-template-columns:43px minmax(0,1fr)}.r17-settlement-title>b{font-size:15px}.r17-spoils{gap:4px}.r17-spoils>span{grid-template-columns:16px minmax(0,1fr);padding:4px;gap:0 3px}.r17-spoils .icon{width:15px;height:15px}.clear-panel .r17-route-plan .route-card>.r9-route-top{grid-template-columns:72px minmax(0,1fr);gap:8px}.r17-route-chart{width:72px;height:95px}.r17-route-plan .r9-route-heading>b{font-size:15px}}
@media(max-height:480px) and (orientation:landscape){.r17-route-plan .route-cards{grid-template-columns:1fr 1fr}.r17-route-plan .r9-route-heading>b{font-size:14px}.clear-panel .r17-route-plan .route-card>.r9-route-top{grid-template-columns:62px minmax(0,1fr);gap:6px}.r17-route-chart{width:62px;height:82px}.r17-settlement-dock{grid-template-columns:45px minmax(0,1fr) minmax(150px,1fr);align-items:center}.r17-coast-stamp{grid-row:1;min-height:50px}.r17-spoils{grid-column:3}.r17-settlement-title>b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.r17-route-plan *{animation:none;transition:none}}