#modal.travel-modal .panel{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow:visible}
#modal.travel-modal .panel>header{padding:12px 20px;flex:none}
#modal.travel-modal #panel-title{font-size:25px;margin:3px 0 0}
#modal.travel-modal #panel-sub{font-size:10px}
#modal.travel-modal #panel-content{padding:12px 20px;overflow:visible;min-height:0}
.travel-ui{color:#e9dab7;display:flex;flex-direction:column;gap:10px;font-size:13px;touch-action:pan-y pinch-zoom}
.travel-ui button{font-family:inherit;cursor:pointer;border:1px solid #987e46;background:#24251f;color:#e8d4a1;border-radius:5px}
.travel-ui button:disabled{opacity:.5;cursor:default}
.travel-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bdbda6;font-size:12px}
.travel-topline div{display:flex;gap:6px}.travel-topline button{padding:5px 10px}
.travel-categories{display:flex;gap:7px;flex-wrap:wrap}.travel-categories button{padding:8px 14px;font-size:13px}.travel-categories [aria-pressed=true]{background:linear-gradient(#886431,#624822);border-color:#ddba73;color:#fff0c9}
.travel-body{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:stretch}
.travel-destinations{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(61px,1fr));gap:8px;align-content:start}
.travel-ui .travel-destination{padding:9px 8px;display:flex;align-items:center;gap:9px;text-align:left;min-width:0;background:linear-gradient(110deg,#293029,#1b211d);border-color:#6e714953;box-shadow:inset 0 1px #e7cf9020}
.travel-ui .travel-destination.is-selected{border-color:#e8bc64;background:linear-gradient(110deg,#594928,#303427);box-shadow:inset 3px 0 #eec473}
.travel-destination.is-locked{color:#aaa99a}.travel-map-mark{display:grid;place-items:center;width:35px;height:40px;flex:none;border:1px solid #c4a97455;border-radius:4px;background:#4b4730;font-family:serif;color:#ecd0a2;font-size:23px}
.travel-map-mark[data-theme=fire]{background:#693b2a}.travel-map-mark[data-theme=frost],.travel-map-mark[data-theme=mountain]{background:#345667}.travel-map-mark[data-theme=forest]{background:#36533a}.travel-map-mark[data-theme=crypt],.travel-map-mark[data-theme=mine]{background:#464047}
.travel-destination-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}.travel-destination strong{font-size:15px;letter-spacing:.03em;overflow-wrap:anywhere}.travel-destination small{font-size:10px;color:#b9b39e;overflow-wrap:anywhere}
.travel-level{font-size:10px;white-space:nowrap;flex:none;color:#d6bd85}.travel-level em{display:block;font-size:9px;color:#b1b19b;font-style:normal;margin-top:6px}
.travel-detail{padding:14px;border:1px solid #aa95594d;border-radius:7px;background:linear-gradient(150deg,#233128,#152020);display:flex;flex-direction:column;gap:10px;min-width:0}
.travel-detail-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.travel-detail-heading small{font-size:10px;color:#aba98a;letter-spacing:.12em}.travel-detail-heading h3{font-size:25px;margin:4px 0 0;font-family:serif;color:#efdda7}.travel-detail-heading>b{font-size:13px;color:#d4bc7e}
.travel-preview{width:100%;height:105px;object-fit:cover;border-radius:4px;border:1px solid #dccba13b;background:#303a30}
.travel-facts{display:flex;flex-direction:column;gap:6px}.travel-facts p{display:flex;gap:10px;margin:0;line-height:1.5}.travel-facts span{color:#9fae98;white-space:nowrap;flex:none;font-size:11px}.travel-facts b{font-size:12px;font-weight:400}.travel-facts .travel-boss b{color:#edc274;font-weight:600}
.travel-tip{line-height:1.5;font-size:11px;color:#bcb9a4;margin:0;overflow-wrap:anywhere}
.travel-primary{margin-top:auto;display:flex;flex-direction:column;gap:6px}.travel-ui .travel-primary button{padding:12px 9px;background:linear-gradient(#bf8c35,#8e5b20);border-color:#f0c36a;color:#fff4ce;font-size:15px;font-weight:600;box-shadow:0 3px 8px #0006}.travel-primary small{font-size:10px;color:#aeb89e;line-height:1.5}
.travel-secondary{display:flex;justify-content:space-between;gap:5px}.travel-secondary button{font-size:10px;padding:6px 8px;color:#c8c3a7}
.travel-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d0b26633;padding-top:9px}.travel-pager button{padding:7px 12px;font-size:12px}.travel-pager span{font-size:11px;color:#babba4}
.travel-monster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.travel-monster-grid article{border:1px solid #ab97554d;border-radius:6px;background:#1e2923;display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:7px;min-width:0;text-align:center}.travel-monster-grid article>span{font-size:10px;color:#c9ad6b}.travel-monster-grid canvas{width:100%;height:170px;object-fit:contain}.travel-monster-grid strong{font-size:16px}.travel-monster-grid small{font-size:10px;color:#b7b7a3;line-height:1.5}
.travel-ui #navigation-map{width:100%;max-height:calc(100dvh - 170px);object-fit:contain;border:1px solid #c6aa6044}
@media(max-width:600px){#modal.travel-modal #panel-sub{letter-spacing:1px}.travel-categories button{font-size:10px}}
@media(max-width:600px) and (max-height:700px){.travel-map-mark{display:none}.travel-destination-copy{gap:3px}.travel-destination strong{font-size:11px}.travel-destination small{font-size:9px}}
#modal.travel-modal .travel-ui button{line-height:1.25;min-height:0;letter-spacing:0}
#modal.travel-modal .travel-ui p{margin:0}
#modal.travel-modal .travel-detail-heading h3{line-height:1.2;margin:4px 0 0}
#modal.travel-modal #panel-title{line-height:1.2;margin:3px 0 0!important}
#modal.travel-modal .panel>header{min-height:0}
@media(max-height:500px) and (min-width:601px){#modal.travel-modal .panel>header{padding:5px 13px!important}#modal.travel-modal #panel-title{font-size:19px!important}#modal.travel-modal .travel-facts p{font-size:10px;line-height:1.35}#modal.travel-modal .travel-tip{font-size:10px;line-height:1.35}}
#modal.travel-modal #closePanel{width:30px;height:30px;min-height:0;padding:0;line-height:1}
#modal.travel-modal .travel-detail-heading small{display:block;line-height:1.2}
@media(max-width:600px){#modal.travel-modal .panel{width:calc(100vw - 14px);max-height:calc(100dvh - 12px)}#modal.travel-modal .panel>header{padding:8px 11px}#modal.travel-modal #panel-title{font-size:21px}#modal.travel-modal #panel-content{padding:8px 11px}.travel-ui{gap:7px;font-size:11px}.travel-topline{font-size:10px}.travel-topline button{font-size:9px;padding:4px 6px}.travel-categories{gap:5px}.travel-categories button{padding:6px 8px;font-size:10px}.travel-body{grid-template-columns:1fr;gap:8px}.travel-destinations{grid-template-rows:repeat(2,minmax(55px,1fr));gap:6px}.travel-ui .travel-destination{padding:7px 5px;gap:6px}.travel-map-mark{width:24px;height:32px;font-size:18px}.travel-destination strong{font-size:12px}.travel-destination small{font-size:9px}.travel-level{font-size:9px}.travel-level em{font-size:8px;margin-top:4px}.travel-destination-copy{gap:4px}.travel-detail{padding:9px;gap:6px}.travel-detail-heading h3{font-size:21px}.travel-detail-heading small{font-size:8px}.travel-preview{height:48px}.travel-facts p{gap:7px}.travel-facts span{font-size:9px}.travel-facts b{font-size:10px}.travel-tip{font-size:10px;line-height:1.4}.travel-ui .travel-primary button{padding:9px 6px;font-size:13px}.travel-primary small{font-size:9px}.travel-secondary button{font-size:9px;padding:5px 7px}.travel-pager{padding-top:6px}.travel-pager button{padding:5px 9px;font-size:10px}.travel-pager span{font-size:10px}.travel-monster-grid{grid-template-columns:1fr 1fr;gap:7px}.travel-monster-grid article{padding:8px 5px;gap:5px}.travel-monster-grid canvas{height:105px}.travel-monster-grid strong{font-size:13px}.travel-monster-grid small{font-size:9px}.travel-monster-grid article>span{font-size:9px}}
@media(max-height:500px) and (min-width:601px){#modal.travel-modal .panel>header{padding:6px 13px}#modal.travel-modal #panel-title{font-size:19px}#modal.travel-modal #panel-sub{display:none}#modal.travel-modal #panel-content{padding:7px 13px}.travel-ui{gap:6px}.travel-categories button{padding:5px 10px;font-size:11px}.travel-topline{font-size:10px}.travel-topline button{padding:3px 7px;font-size:10px}.travel-body{gap:10px}.travel-destinations{grid-template-rows:repeat(3,minmax(51px,1fr));gap:6px}.travel-ui .travel-destination{padding:5px 7px;gap:7px}.travel-map-mark{width:27px;height:31px;font-size:18px}.travel-destination strong{font-size:12px}.travel-destination small{font-size:9px}.travel-detail{padding:8px;gap:5px}.travel-detail-heading h3{font-size:19px}.travel-detail-heading small{font-size:8px}.travel-preview{height:47px}.travel-facts p{gap:7px}.travel-facts span{font-size:9px}.travel-facts b{font-size:10px}.travel-tip{font-size:10px;line-height:1.4}.travel-ui .travel-primary button{padding:7px;font-size:12px}.travel-primary small{font-size:9px}.travel-secondary button{padding:4px 7px;font-size:9px}.travel-pager{padding-top:5px}.travel-pager button{padding:4px 9px;font-size:10px}.travel-monster-grid canvas{height:120px}.travel-monster-grid article{padding:7px 5px;gap:5px}.travel-monster-grid strong{font-size:13px}}