#modal[data-kind=town-travel]{width:min(540px,94cqw);height:auto;max-height:92cqh;padding:20px;border:10px solid transparent;border-image:url('/public/assets/rpg-window-frame-v1.webp') 30 fill / 10px / 0 stretch;background:#171b19;box-sizing:border-box}
#modal[data-kind=town-travel]>header{height:auto;min-height:40px;padding:0 0 12px;margin:0;border-bottom:1px solid #80765b66;background:none}
#modal[data-kind=town-travel] #modal-title{font:600 21px/1.4 system-ui;letter-spacing:0;margin:0}
#modal[data-kind=town-travel] #modal-kicker{display:none}
#modal[data-kind=town-travel] #modal-body{padding:14px 0 0;overflow:auto;max-height:64cqh}
.town-travel{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:22px}
.town-travel-statue{width:120px;height:200px;object-fit:contain;pointer-events:none}
.town-destinations{display:grid;gap:12px;min-width:0}
#modal[data-kind=town-travel] button.town-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:64px;margin:0;padding:12px 16px;border:1px solid #8b8266;background:#252820;box-shadow:none;border-radius:2px;color:#eee6d3;text-align:left;text-shadow:none;letter-spacing:0;font:15px/1.5 system-ui}
.town-destination strong{font-weight:500;overflow-wrap:anywhere}
.town-destination span{flex-shrink:0;font-size:12px;color:#c2bba6}
#modal[data-kind=town-travel] button.town-destination:disabled{opacity:.55;background:#171b19;cursor:default}
#modal[data-kind=town-travel] button.town-destination:hover:not(:disabled),#modal[data-kind=town-travel] button.town-destination:focus-visible{background:#343a2e;border-color:#e1d2a4;outline:1px solid #e1d2a4;outline-offset:-4px}
@container game-viewport (max-height:540px){#modal[data-kind=town-travel]{padding:12px 16px}#modal[data-kind=town-travel]>header{padding-bottom:6px}#modal[data-kind=town-travel] #modal-title{font-size:18px}.town-travel-statue{height:140px}.town-travel{gap:18px}#modal[data-kind=town-travel] button.town-destination{min-height:52px}}