/* The approved route layout shares the existing guide palette and navigation. */
.guide-viewbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 26px;border-bottom:1px solid var(--line);background:var(--paper)}
.guide-view-tabs{display:flex;gap:3px;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--bg)}
.guide-view-tabs button{border:0;background:transparent;font-size:12px;padding:6px 15px;color:var(--dim)}
.guide-view-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.route-profile-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim);padding:8px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);flex-shrink:0}
.route-profile-label>span{white-space:nowrap}
.route-profile-label select{width:50%;max-width:240px;min-width:0;font-size:12px;min-height:34px;padding:4px 9px}
.workspace.route-mode{display:block;position:relative}
.route-mode>.sidebar,.route-mode>.list-pane,.route-mode>.detail{display:none}
.route-mode>.detail.is-open{display:flex;position:absolute;inset:0 0 0 auto;width:min(440px,100%);max-width:100%;z-index:22;background:var(--paper);box-shadow:-10px 0 50px #102b2520;border-left:1px solid var(--line)}
.route-mode>.detail{margin:0;border-radius:0}
.route-mode .back-btn{display:flex;align-items:center;gap:4px;background:transparent;border:0;font-size:12px;padding:5px 0;white-space:nowrap}
.route-detail-shade{position:absolute;inset:0;z-index:21;border:0;border-radius:0;background:#152c2350;padding:0}
.cr-workspace{height:100%;min-height:0;display:grid;grid-template-columns:213px minmax(0,1fr);--region-icon-desktop:48px;--region-icon-mobile:40px}
.cr-sidebar{padding:22px 12px 15px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.cr-side-scroll{overflow-y:auto;flex:1;min-height:0}
.cr-side-title{padding:0 10px 12px;display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:11px}
.cr-side-title span{font:10px Georgia,serif}
#cr-regions{display:flex;flex-direction:column;gap:4px}
.cr-region-button{border:1px solid transparent;background:transparent;text-align:left;padding:9px 10px;display:flex;gap:9px;align-items:center;min-height:45px;border-radius:9px}
.cr-region-button.active{background:var(--accent-soft);color:var(--accent)}
.cr-region-button>span{font:11px Georgia,serif;color:var(--dim);width:15px;flex-shrink:0}
.cr-region-button strong{flex:1;font-size:12px;line-height:1.4;font-weight:500}
.cr-region-button small{font:10px "Segoe UI",sans-serif;color:var(--dim);white-space:nowrap}
.cr-overall{padding:16px 10px 0;border-top:1px solid var(--line);margin-top:14px}
.cr-overall>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.cr-overall strong{font-size:17px;color:var(--accent);font-weight:550}
.cr-progress{height:4px;border-radius:5px;background:var(--line);margin:9px 0}
.cr-progress i{display:block;height:100%;border-radius:5px;background:var(--accent)}
.cr-overall p,.cr-overall a,.cr-overall small{font-size:10px;color:var(--dim);line-height:1.7;display:block;text-decoration:none}
.cr-main{display:flex;flex-direction:column;min-height:0;min-width:0;padding:22px 26px 0}
.cr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.cr-heading h1{font-size:24px;letter-spacing:-.8px;font-weight:650}
.cr-heading p{color:var(--dim);font-size:11px;margin-top:4px}
.cr-edition{font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:20px;padding:4px 9px;white-space:nowrap}
.cr-region-select{display:none}
.cr-overview{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;border:1px solid var(--line);border-radius:11px;background:var(--paper);margin-bottom:12px}
.cr-overview h2{font-size:15px;font-weight:650}
.cr-overview p{font-size:11px;color:var(--dim);margin-top:2px}
.cr-current{white-space:nowrap}
.cr-current strong{font:24px Georgia,serif;color:var(--accent)}
.cr-current span{font-size:11px;color:var(--dim);margin-left:5px}
.cr-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:11px;flex-shrink:0}
.cr-search{display:flex;align-items:center;gap:7px;padding-left:10px;max-width:290px;flex:1;background:var(--paper);border:1px solid var(--line);border-radius:8px}
.cr-search svg{color:var(--dim);width:16px;height:16px}
.cr-search input{width:100%;border:0;background:transparent;min-height:34px;font-size:12px;padding:6px 8px;min-width:0}
.cr-filter{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;cursor:pointer}
.cr-filter input{min-height:0;accent-color:var(--accent)}
.cr-toolbar>button{margin-left:auto;white-space:nowrap;font-size:11px;min-height:35px}
.cr-batch .cr-toolbar>button{background:var(--accent-soft);color:var(--accent)}
.cr-scroller{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-gutter:stable;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--paper)}
.cr-table-head,.cr-row{display:grid;grid-template-columns:36px 79px minmax(120px,1fr) minmax(115px,.9fr) minmax(175px,1.3fr) minmax(180px,1.5fr)}
.cr-table-head{position:sticky;top:0;z-index:5;background:var(--soft);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.6px;color:var(--dim);min-height:35px;align-items:center}
.cr-table-head>div{padding:7px 10px}
.cr-table-head>div:first-child{text-align:center;padding:7px 2px}
.cr-row{border-bottom:1px solid var(--line);align-items:stretch;min-height:105px}
.cr-row:last-child{border-bottom:0}
.cr-row.complete{background:color-mix(in srgb,var(--accent-soft) 28%,var(--paper))}
.cr-row>div{padding:12px 10px;min-width:0}
.cr-row .cr-sequence{text-align:center;padding:16px 3px 8px;font:15px Georgia,serif;color:var(--dim)}
.cr-sequence small{display:block;font:9px "Segoe UI",sans-serif;margin-top:6px;color:var(--gold)}
.cr-row.complete .cr-sequence{color:var(--accent)}
.cr-region{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}
.cr-region img{width:var(--region-icon-desktop);height:var(--region-icon-desktop);object-fit:contain;margin-top:3px;image-rendering:pixelated}
.cr-region>span{font-size:10px;color:var(--dim);line-height:1.4}
.cr-targets{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 6px;align-content:flex-start}
.cr-monster{position:relative;width:76px;max-width:100%;flex-shrink:0;border-radius:8px}
.cr-monster-card{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px;border:1px solid transparent;padding:4px 3px 3px;background:transparent;border-radius:8px;text-align:center}
.cr-monster-card:hover{background:var(--soft);border-color:var(--line)}
.cr-monster.saved{background:color-mix(in srgb,var(--accent-soft) 75%,transparent)}
.cr-monster-picture{height:44px;display:flex;align-items:center;justify-content:center;width:100%;padding:3px 5px}
.cr-monster-picture img{max-width:59px;max-height:41px;object-fit:contain;image-rendering:pixelated}
.cr-monster-card>span:last-of-type{font-size:10px;line-height:1.45;word-break:break-word}
.cr-monster.boss .cr-monster-card>span:last-of-type{color:#9266ae}
[data-theme=dark] .cr-monster.boss .cr-monster-card>span:last-of-type{color:#c9a3df}
.cr-check{position:absolute;right:-3px;top:-5px;width:32px;height:32px;border:0;padding:5px;background:transparent;display:grid;place-items:center;border-radius:50%}
.cr-check span{display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--dim);box-shadow:0 1px 3px #172d2210;font-size:12px}
.cr-check:hover span{border-color:var(--accent)}
.cr-monster.saved .cr-check span,.cr-batch .cr-monster.picked .cr-check span{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.cr-batch .cr-check span{border-radius:5px}
.cr-batch .cr-monster:not(.picked) .cr-check span{background:var(--paper);border-color:var(--dim);color:transparent}
.cr-batch .cr-monster.picked{outline:1px solid var(--accent);background:var(--accent-soft)}
.cr-placeholder{font:25px Georgia,serif;color:var(--dim);background:var(--soft);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.cr-monster small{font-size:9px;color:var(--dim);line-height:1.4}
.cr-map{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.cr-map strong{font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}
.cr-badge{border:1px solid var(--line);background:var(--soft);color:var(--dim);font-size:9px;padding:2px 6px;border-radius:4px;line-height:1.5}
.cr-badge.warning{color:var(--gold);background:var(--gold-soft)}
.cr-advice-cell p{font-size:11px;line-height:1.85;color:var(--dim);white-space:pre-line;overflow-wrap:anywhere}
.cr-cell-label{display:none}
.cr-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:8px 1px calc(8px + env(safe-area-inset-bottom));font-size:10px;color:var(--dim);flex-shrink:0}
.cr-batch-bar{display:flex;align-items:center;gap:9px;padding:10px 0 calc(10px + env(safe-area-inset-bottom));flex-shrink:0;border-top:1px solid var(--line)}
.cr-batch-bar strong{font-size:11px;margin-right:auto}
.cr-batch-bar button{font-size:11px;padding:8px 10px}
.cr-batch-hint{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px;padding:7px 10px;border-radius:7px;margin-bottom:9px}
.cr-batch-hint button{background:transparent;border-color:transparent;padding:2px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.cr-empty{text-align:center;padding:65px 15px;color:var(--dim)}
#route-reference-body>img{display:block;max-width:100px;max-height:100px;object-fit:contain;margin:0 auto 15px}
#route-reference-body>p{font-size:12px;line-height:1.8;color:var(--dim)}
@container shell (max-width:1150px) and (min-width:761px){
 .cr-workspace{grid-template-columns:178px minmax(0,1fr)}.cr-sidebar{padding-left:8px;padding-right:8px}.cr-main{padding:19px 15px 0}
 .cr-table-head,.cr-row{grid-template-columns:30px 72px minmax(93px,1fr) minmax(90px,.95fr) minmax(105px,1.15fr) minmax(125px,1.5fr)}
 .cr-row>div{padding:10px 6px}.cr-monster{width:65px}.cr-monster-picture img{max-width:52px}.cr-targets{gap:8px 3px}
}
@container shell (max-width:760px){
 .guide-viewbar{padding:6px 11px;gap:7px}.guide-view-tabs{padding:2px}.guide-view-tabs button{font-size:11px;padding:5px 10px}.route-profile-label{font-size:11px;margin-bottom:10px;padding:7px 10px}.route-profile-label select{max-width:180px;font-size:11px;min-height:32px}
 .cr-workspace{display:flex}.cr-sidebar{display:none}.cr-main{padding:13px 11px 0;width:100%}.cr-heading{margin-bottom:10px;gap:7px}.cr-heading h1{font-size:20px}.cr-heading .eyebrow,.cr-heading p{display:none}.cr-edition{font-size:9px;padding:3px 7px}
 .cr-region-select{display:block;width:100%;font-size:12px;min-height:39px;border-radius:8px;padding:8px 10px;background:var(--paper);margin-bottom:10px;flex-shrink:0}
 .cr-overview{padding:10px 12px;margin-bottom:10px;border-radius:9px}.cr-overview h2{font-size:13px;line-height:1.5}.cr-overview p{font-size:10px}.cr-current strong{font-size:21px}.cr-current span{font-size:10px}
 .cr-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px}.cr-search{max-width:none;flex-basis:100%}.cr-search input{min-height:35px}.cr-filter{font-size:11px}.cr-toolbar>button{min-height:33px}
 .cr-scroller{border:0;border-radius:0;background:transparent;scrollbar-gutter:auto}.cr-table-head{display:none}
 .cr-row{grid-template-columns:30px 104px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:9px;background:var(--paper);overflow:hidden;position:relative}
 .cr-row>div{padding:10px 9px}.cr-row .cr-sequence{grid-column:1;grid-row:1;display:flex;gap:4px;align-items:center;justify-content:center;font-size:15px;padding:9px 0;background:var(--soft);align-self:stretch}.cr-sequence small{font-size:8px;margin:0;position:absolute;top:42px;left:5px}
 .cr-region{grid-row:1;grid-column:2;flex-direction:row;gap:5px;align-items:center;justify-content:flex-start;background:var(--soft);padding:7px 4px!important}.cr-region img{width:var(--region-icon-mobile);height:var(--region-icon-mobile);margin:0;flex-shrink:0}.cr-region>span{font-size:10px;color:var(--ink);text-align:left}
 .cr-row .cr-map{grid-column:3;grid-row:1;background:var(--soft);gap:1px;justify-content:center;align-items:flex-end;padding:8px 10px 8px 1px}.cr-map strong{font-size:10px;text-align:right;line-height:1.4}.cr-map .cr-badge{font-size:8px;padding:0 4px}
 .cr-main-target{grid-column:1/3;grid-row:2;display:flex;flex-direction:column;gap:3px;padding:8px 9px!important}.cr-secondary{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:3px;padding:8px 9px!important}
 .cr-cell-label{display:block;font-size:9px;color:var(--dim);line-height:1.7;word-break:keep-all}.cr-monster{width:69px}.cr-monster-picture{height:41px}.cr-monster-picture img{max-height:38px;max-width:54px}.cr-targets{gap:7px 3px}.cr-check{width:34px;height:34px;right:-4px;top:-6px}
 .cr-row .cr-advice-cell{grid-column:1/-1;grid-row:3;padding:8px 11px 10px;border-top:1px dashed var(--line);display:flex;gap:8px}.cr-advice-cell .cr-cell-label{flex-shrink:0}.cr-advice-cell p{font-size:10px;line-height:1.8}
 .cr-row.no-secondary .cr-secondary{display:none}.cr-row.no-secondary .cr-main-target,.cr-row.multi-main .cr-main-target{grid-column:1/-1}.cr-row.multi-main .cr-secondary{grid-column:1/-1;grid-row:3}.cr-row.multi-main .cr-advice-cell{grid-row:4}
 .cr-footer{min-height:40px;font-size:9px;gap:6px}.cr-footer>span:last-child{display:none}.cr-batch-hint{font-size:10px;padding:6px 8px;gap:5px}.cr-batch-hint button{font-size:10px}.cr-batch-bar{gap:5px}.cr-batch-bar strong{font-size:10px}.cr-batch-bar button{font-size:10px;padding:8px}
}