/* Shared journal shell: persistent navigation and an independently scrolling page. */
.cm-panel{--page:#f7f3e5;--ink:#2e4051;--muted:#727b7d;--gold:#bd9138;--line:#ded8c5;color:var(--ink);background:var(--page);border:1px solid #e7d49a;border-radius:18px;width:min(1160px,94vw);height:min(860px,92vh);max-height:92vh;padding:0;overflow:hidden;box-shadow:0 30px 100px #0d1d3680,0 0 0 5px #243d5580}
.cm-panel[open]{display:flex;flex-direction:column}
.cm-panel::backdrop{background:#182d3a55;backdrop-filter:blur(4px)}
.cm-panel-head{flex-shrink:0;background:#2b425b;color:#fff4d9;padding:23px 30px 19px;align-items:flex-start;font-size:27px;letter-spacing:-.04em;background-image:linear-gradient(135deg,#ffffff06 25%,transparent 25%,transparent 75%,#ffffff06 75%);background-size:18px 18px}
.cm-panel-heading small{display:block;font-size:9px;font-weight:600;letter-spacing:.18em;color:#e0bd72;margin-bottom:7px}
.cm-panel-heading h2{font:inherit;margin:0}.cm-panel-account{margin-left:auto;margin-right:22px;text-align:right;font-size:12px;letter-spacing:0;padding-top:4px}.cm-panel-account b{display:block;font-size:17px;color:#f3d77f}.cm-panel-account small{display:block;font-size:10px;color:#c3d2dc;margin-top:6px}
.cm-panel .cm-close{background:#ffffff13;border:1px solid #ffffff25;color:#fff7dd;width:33px;height:33px;font-weight:400;flex-shrink:0}.cm-panel .cm-close:hover{background:#ffffff28}
.cm-panel-tabs{flex-shrink:0;padding:0 24px;background:#2b425b;border:0;gap:3px;scrollbar-width:none;min-height:47px;align-items:stretch}
.cm-panel-tabs .cm-tab{border:0;border-radius:9px 9px 0 0;background:transparent;color:#d0d9df;padding:12px 16px;font-weight:600;font-size:12px;position:relative}
.cm-panel-tabs .cm-tab:hover{background:#ffffff13;color:white}.cm-panel-tabs .cm-tab.active{background:var(--page);color:#2b425b;box-shadow:inset 0 3px #ddbc64}
.cm-panel-tabs .cm-tab:focus-visible{outline-offset:-4px}.cm-content{overflow:auto;min-height:0;flex:1;padding:28px 30px 34px;scrollbar-width:thin;scrollbar-color:#c4bda7 transparent;background:radial-gradient(ellipse at 100% 0,#e7ead950,transparent 60%)}
.cm-status{flex-shrink:0;margin:0;padding:0 30px;background:#e5eed7;color:#345b3f;font-size:12px}.cm-status:not(:empty){padding:10px 30px;border-bottom:1px solid #c9d9b9}
.cm-panel-footer{flex-shrink:0;display:flex;justify-content:space-between;gap:10px;padding:12px 30px;border-top:1px solid var(--line);font-size:10px;color:#737b78;background:#ece8d9}.cm-panel-footer kbd{font:inherit;font-weight:700;background:#fffaf0;border:1px solid #d4cdb8;border-radius:4px;padding:2px 5px;color:#405164}
.cm-panel h2{color:#2b425b;letter-spacing:-.035em}.cm-panel h3{color:#2c4658}.cm-panel .cm-eyebrow{color:#967026}.cm-panel .cm-note{color:#6b766e;line-height:1.65;font-size:12px;margin:10px 0 22px;max-width:850px}.cm-panel .cm-section-title{font-size:21px;margin:28px 0 7px}
.cm-panel .cm-button{background:#2e4a63;border-color:#2e4a63;color:#fff9e8;font-size:12px;padding:11px 16px;border-radius:7px;box-shadow:0 2px 0 #1e344623}.cm-panel .cm-button:hover{background:#3e6079}.cm-panel .cm-button.secondary{background:#ffffff65;border-color:#c9c4b1;color:#3e5361;box-shadow:none}.cm-panel .cm-button.secondary:hover{background:#fffdf4;border-color:#8b9a92}.cm-panel .cm-button:disabled{opacity:.48;transform:none;box-shadow:none}.cm-content>.cm-button{margin:0 8px 10px 0}
.cm-panel .cm-search{margin:0 0 14px;gap:10px}.cm-panel input{color:#2b425b}.cm-panel .cm-search input{background:#fffdf5;border:1px solid #d7d1be;border-radius:8px;padding:13px 16px;font-size:13px}.cm-panel input::placeholder{color:#93968a}.cm-panel button:focus-visible,.cm-panel a:focus-visible,.cm-panel input:focus-visible{outline:2px solid #b1842e;outline-offset:3px}
.cm-card-grid{gap:19px;margin-top:23px;align-items:start}.cm-card{padding:15px;border:1px solid #ded8c5;border-radius:12px;background:#fffdf4;box-shadow:0 3px 10px #38493508;gap:10px;transition:transform .18s,box-shadow .18s}.cm-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #38493515;border-color:#c6b785}
.cm-card>img{height:220px;width:100%;padding:16px;box-sizing:border-box;border:1px solid #ebe5d2;border-radius:8px;background:radial-gradient(ellipse at 50% 25%,#fffef8,#e6e7d8);object-fit:contain}.cm-card>small{font-size:9px;letter-spacing:.1em;color:#7f825f}.cm-card h3{font-size:13px;font-weight:600;line-height:1.5;min-height:39px;max-height:59px;overflow:hidden}.cm-card>b{font-size:18px;color:#8b6720}.cm-card>.cm-button{width:100%;box-sizing:border-box}.cm-card .cm-power{font-size:11px;line-height:1.5;padding:12px;background:#eef2e7;border:1px solid #d8dfcb;border-radius:7px}.cm-panel .cm-power{background:#edf2e5;border:1px solid #d3ddc4;border-radius:10px;color:#435747;padding:18px;box-shadow:none}.cm-panel .cm-power b{color:#476137}.cm-panel .cm-power small{color:#7d8874}.cm-panel .cm-power p{color:#526751}.cm-card .cm-power small:last-child{font-size:9px}
.cm-pagination{padding-top:16px;border-top:1px solid var(--line);color:#6b766e;font-size:12px}
.cm-region-grid{gap:13px}.cm-region-card{border:1px solid #dcd8c6;border-radius:10px;background:#fffdf5;padding:18px;color:#334f55;overflow:hidden;position:relative}.cm-region-card small{display:block;margin-top:7px;color:#77856c;font-size:10px;letter-spacing:.03em}.cm-region-card h3{font-size:17px;margin:10px 0 7px}.cm-region-card p{color:#798273;font-size:12px}.cm-region-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#95ac7b,#d5c58b)}
.cm-material{min-height:140px;padding:21px 120px 20px 20px;background:linear-gradient(125deg,#fffdf5,#edf0df);display:flex;flex-direction:column;justify-content:center;border-color:#dadfca}.cm-material:before{display:none}.cm-material b{color:#344b45;font-size:20px;text-transform:capitalize}.cm-material small{color:#7a826b;line-height:1.5;font-size:10px;max-width:160px}.cm-material-art{right:5px;bottom:10px;width:100px;height:100px;filter:drop-shadow(0 8px 7px #67785920)}.cm-material[data-empty="true"] b{color:#87917b}.cm-material[data-resource="berries"]{background:linear-gradient(125deg,#fffdf5,#f5e5e0)}.cm-material[data-resource="crystals"],.cm-material[data-resource="pearls"]{background:linear-gradient(125deg,#fffdf5,#dfeef0)}.cm-material[data-resource="ore"],.cm-material[data-resource="relics"]{background:linear-gradient(125deg,#fffdf5,#eee4c5)}
.cm-task-list{gap:9px;margin:22px 0}.cm-task-list p{background:#f0eddf;color:#8b8e80;border:1px solid #dedac8;border-radius:8px;padding:14px 16px}.cm-task-list p.done{color:#476443;background:#e8efdd;border-color:#c9d7b6}
.cm-quest-summary{display:flex;flex-direction:column;gap:10px;background:#eae8d6;border-left:3px solid #c49b42;border-radius:0 8px 8px 0;padding:16px 20px;margin:17px 0;color:#405348;font-size:13px}.cm-quest-summary span{font-size:11px;color:#8c7238}
.cm-frontier{margin:0 0 30px;padding:24px;background:#fffdf5;border:1px solid #ddd7c1;border-radius:12px;box-shadow:0 4px 14px #233f3b08}.cm-frontier h2{font-size:25px;margin:7px 0 10px}.cm-outposts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.cm-outpost{padding:20px 16px 15px;border:1px solid #d7ddc7;border-radius:9px;background:linear-gradient(155deg,#e6eedc,#fffdf5 65%);position:relative}.cm-outpost[data-biome="shore"]{background:linear-gradient(155deg,#dfeded,#fffdf5 65%)}.cm-outpost>small{font-size:8px;letter-spacing:.14em;color:#7d9867;font-weight:700}.cm-outpost h3{font-size:17px;margin:12px 0 8px}.cm-outpost p{font-size:11px;line-height:1.6;color:#6c7c70}.cm-outpost-distance{font-size:10px;color:#a1844b}.cm-outpost .cm-button{width:100%;font-size:11px;padding:10px}.cm-commission{display:grid;width:100%;text-align:left;gap:6px;padding:17px;margin:9px 0;border-radius:8px;background:#f1f0e4;border:1px solid #dcd8c5;color:#405a55;cursor:pointer}.cm-commission:hover:enabled{background:#e6edd9}.cm-commission span{font-size:12px}.cm-commission small{color:#9b782b}.cm-commission:disabled{opacity:.5;cursor:default}
.cm-panel .cm-world-map{border:5px solid #fffaf0;border-radius:9px;box-shadow:0 5px 20px #263c4320;max-height:56vh;object-fit:contain;background:#568797}.cm-map-controls{margin-bottom:17px}.cm-map-controls .cm-tab{color:#48635b;border-color:#c9d1be;background:#eeeedf}.cm-map-controls .cm-tab.active{background:#2f4d61;color:#fff4d7;border-color:#2f4d61}
.cm-panel .settings{background:#fffdf5;color:#3c5260;border:1px solid #dbd5c0;border-radius:12px;padding:20px;max-width:850px}.cm-panel .settings button{color:#385563;border-color:#ccd2c1;background:#eeefdf}.cm-panel .settings .btn.on{background:#38586c;color:#fff5da}.cm-panel .settings h3,.cm-panel .settings label{color:#385563}.cm-panel .settings input{accent-color:#ab893f}.cm-panel .settings .muted,.cm-panel .settings small{color:#7a8376}
.cm-panel .cm-market-head{color:#2c4456;border-color:#dbd6be}.cm-panel .cm-market-head p{color:#71806f}.cm-panel .cm-market-level{background:#e9e8d0;color:#8c702c}.cm-panel .cm-market-tabs button{color:#667e6b;border-color:#d2d9c6}.cm-panel .cm-market-tabs button[aria-pressed="true"]{background:#36576b;color:#fff4d6}.cm-panel .cm-market-item{color:#37545b;border-color:#ded9c5;background:#fffdf4}.cm-panel .cm-market-item[aria-pressed="true"]{background:#e8eddb;border-color:#94aa77}.cm-panel .cm-market-item small{color:#7a896c}.cm-panel .cm-market-detail{color:#4e665c;background:#fffdf5;border-color:#ded9c5}.cm-panel .cm-market-detail h3{color:#2c485b}.cm-panel .cm-market-cost{color:#52654f}.cm-panel .cm-market-cost .short{color:#a76743}.cm-panel .cm-market-owned{color:#8b702c}.cm-panel .cm-market-feedback,.cm-panel .cm-market-foot{color:#7a7f6e}
@media(max-width:760px){.cm-panel{height:95vh;max-height:95vh;width:96vw}.cm-panel-head{padding:17px 19px;font-size:22px}.cm-panel-account{display:none}.cm-panel-tabs{padding:0 10px}.cm-panel-tabs .cm-tab{padding:12px 13px;font-size:11px}.cm-content{padding:20px 17px 25px}.cm-card-grid,.cm-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-card{padding:10px}.cm-card>img{height:170px}.cm-outposts{grid-template-columns:1fr}.cm-material{padding:17px 80px 17px 13px;min-height:120px}.cm-material-art{width:76px;height:76px}.cm-material b{font-size:16px}.cm-panel-footer{padding:11px 17px}.cm-frontier{padding:18px}.cm-task-list{grid-template-columns:1fr}}
@media(max-width:430px){.cm-card-grid{grid-template-columns:1fr}.cm-region-grid{gap:8px}.cm-material{padding-right:50px}.cm-material-art{width:60px;height:60px;opacity:.8}.cm-material small{font-size:9px}.cm-panel-footer span:first-child{max-width:70%}}

.cm-panel .cm-panel-head h2{color:#fff4d9;font-size:27px;line-height:1.2;margin:0}.cm-kit-companion{display:flex;gap:26px;align-items:center;border:1px solid #d7dec9;background:linear-gradient(110deg,#e4ecd7,#faf9ec);border-radius:12px;padding:22px 28px}.cm-kit-companion>img{width:150px;height:160px;object-fit:contain;filter:drop-shadow(0 13px 8px #42583922)}.cm-kit-companion>div{flex:1}.cm-kit-companion h2{margin:5px 0 9px;font-size:26px}.cm-kit-companion .cm-eyebrow{margin:0}.cm-panel .cm-kit-companion .cm-power{border:0;padding:0;background:none;max-width:none;margin:0 0 13px;gap:4px}.cm-kit-companion .cm-power p{margin:2px 0}.cm-kit-companion .cm-power small:last-child{display:none}.cm-owned-empty{text-align:center;padding:24px 20px 35px;max-width:600px;margin:10px auto;background:radial-gradient(ellipse at 50% 10%,#e3ead5,transparent 75%)}.cm-owned-empty>img{display:block;width:180px;height:170px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 12px 10px #49663222)}.cm-owned-empty .cm-note{margin:15px auto 25px;max-width:430px}.cm-owned-empty .cm-button{margin:5px}.cm-kit-companion+.cm-section-title{margin-top:22px}
@media(max-width:620px){.cm-kit-companion{gap:16px;padding:18px 14px}.cm-kit-companion>img{width:85px;height:120px}.cm-kit-companion h2{font-size:21px}.cm-kit-companion .cm-power{font-size:11px}}

.cm-outposts:has(>.cm-outpost:only-child){grid-template-columns:1fr}.cm-outposts>.cm-outpost:only-child{display:grid;grid-template-columns:1fr auto;column-gap:22px}.cm-outposts>.cm-outpost:only-child>small,.cm-outposts>.cm-outpost:only-child>h3,.cm-outposts>.cm-outpost:only-child>p,.cm-outposts>.cm-outpost:only-child>.cm-outpost-distance{grid-column:1}.cm-outposts>.cm-outpost:only-child>.cm-button{grid-column:2;grid-row:2/5;align-self:center;width:auto}.cm-panel details.cm-power{display:block}.cm-panel details.cm-power summary{font-weight:600;cursor:pointer;color:#4d6840}.cm-panel details.cm-power[open]>*:not(summary){display:block;margin-top:8px}.cm-panel details.cm-power summary::marker{color:#a88e4c}
.cm-atlas-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start;margin-bottom:20px}.cm-atlas-sidebar .cm-map-controls{display:grid;grid-template-columns:1fr;gap:6px}.cm-atlas-sidebar .cm-tab{text-align:left;padding:10px 14px}.cm-panel .cm-atlas-layout .cm-world-map{margin:0 auto;width:auto;max-height:calc(92vh - 235px);min-height:0;max-width:100%;box-sizing:border-box}.cm-atlas-sidebar .cm-note{font-size:12px;line-height:1.6}
@media(max-width:760px){.cm-atlas-layout{display:flex;flex-direction:column;gap:14px}.cm-atlas-sidebar .cm-map-controls{display:flex;flex-wrap:wrap}.cm-panel .cm-atlas-layout .cm-world-map{max-height:none;width:100%}}

.cm-training-hero{display:flex;gap:24px;align-items:center;padding:28px;border-radius:14px;background:linear-gradient(120deg,#183f42,#315c53);color:#f5f5de}.cm-training-hero h2{font-size:30px;color:#f6f4df;margin:8px 0 12px}.cm-training-hero p{max-width:580px;line-height:1.7;margin:0;color:#d3e1ce;font-size:14px}.cm-training-hero .cm-eyebrow{color:#d5ea92}.cm-training-badge{flex-shrink:0;display:grid;gap:7px;text-align:center;border:1px solid #8daf9370;border-radius:50%;width:112px;height:112px;align-content:center;background:#ffffff09}.cm-training-badge b{font-size:25px;color:#e4f3b5}.cm-training-badge span{font-size:11px;color:#d8e4cf}
.cm-training-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.cm-training-summary>div{display:grid;gap:5px;padding:17px;background:#eeefdf;border:1px solid #d5dbc5;border-radius:9px}.cm-training-summary b{font-size:24px;color:#28524a}.cm-training-summary span{font-size:12px;color:#637662}.cm-upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.cm-upgrade-card{display:flex;flex-direction:column;padding:22px;border:1px solid #d6d7c2;border-radius:12px;background:#fffdf4;box-shadow:0 4px 12px #23433508}.cm-upgrade-card header{display:flex;align-items:center;gap:12px}.cm-upgrade-card header>img{object-fit:contain;filter:drop-shadow(0 4px 4px #253e3518)}.cm-upgrade-card header>div{flex:1}.cm-upgrade-card h3{font-size:21px;margin:4px 0;color:#294e4a}.cm-upgrade-card header small{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#7e895d}.cm-upgrade-rank{font-size:12px;border:1px solid #ced8ba;border-radius:20px;padding:6px 10px;background:#eef2df;color:#52694a}.cm-upgrade-card>p{font-size:13px;line-height:1.6;min-height:42px;color:#67796a}.cm-upgrade-ranks{display:flex;gap:5px;margin:3px 0 16px}.cm-upgrade-ranks span{height:5px;background:#e4e6d6;flex:1;border-radius:4px}.cm-upgrade-ranks [data-earned="true"]{background:#629369}.cm-upgrade-gain{display:grid;grid-template-columns:84px 1fr;gap:8px 12px;align-items:center;padding:14px;background:#edf2e1;border-radius:8px}.cm-upgrade-gain small{font-size:9px;letter-spacing:.08em;color:#718264}.cm-upgrade-gain b{font-size:12px;font-weight:400;color:#647961}.cm-upgrade-gain strong{font-size:14px;color:#2e6045}.cm-upgrade-costs{display:grid;gap:6px;margin:18px 0}.cm-upgrade-costs>div{display:flex;align-items:center;gap:9px;color:#526b4d;font-size:12px}.cm-upgrade-costs span{flex:1;text-transform:capitalize}.cm-upgrade-costs b{font-variant-numeric:tabular-nums}.cm-upgrade-costs [data-short="true"] b{color:#9b522d}.cm-upgrade-card>.cm-button{margin-top:auto;width:100%;white-space:normal;min-height:44px}.cm-upgrade-card .cm-button:disabled{opacity:.75}.cm-trail-rescue{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:24;display:grid;gap:5px;max-width:90vw;text-align:center;padding:12px 19px;border:1px solid #d7ba7a;border-radius:12px;background:#263d35f5;color:#fff0ca;box-shadow:0 5px 20px #0004;cursor:pointer}.cm-trail-rescue small{font-size:11px;color:#d8e1c9}.cm-trail-rescue[hidden]{display:none}.cm-trail-rescue:focus-visible{outline:3px solid #f4d17c;outline-offset:4px}
@media(max-width:640px){.cm-training-hero{padding:20px;gap:14px}.cm-training-hero h2{font-size:24px}.cm-training-badge{width:78px;height:78px}.cm-training-badge b{font-size:20px}.cm-training-summary{grid-template-columns:repeat(2,1fr)}.cm-upgrade-grid{grid-template-columns:1fr}.cm-upgrade-card{padding:19px}.cm-training-hero p{font-size:12px}}
.cm-activity-card{padding:22px;border:1px solid #d5d9c4;border-radius:12px;background:#fffdf4;margin-bottom:16px;color:#435e51}.cm-upgrade-grid>.cm-activity-card{margin-bottom:0}.cm-activity-card h3{margin:9px 0 12px;color:#234b43;font-size:21px}.cm-activity-card p{font-size:13px;line-height:1.6}.cm-activity-card details{border-top:1px solid #e3e4d4;padding:13px 0}.cm-activity-card summary{cursor:pointer;font-size:13px;font-weight:600}.cm-activity-card details small{color:#876e36;line-height:1.6}.cm-activity-done{color:#44732f}.cm-trial-hud{position:fixed;top:90px;left:50%;transform:translateX(-50%);display:grid;gap:6px;background:#173e38f0;color:#fff2ce;border:1px solid #c0cc86;border-radius:12px;padding:14px 22px;z-index:25;text-align:center;max-width:80vw}.cm-trial-hud span{font-size:12px;color:#d4e0c4}.cm-trial-hud[hidden]{display:none}

/* Four main sections; only the current section's pages appear in the view menu. */
.cm-panel .cm-journal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px 12px;min-height:50px;overflow:visible;flex-wrap:nowrap}
.cm-journal-sections{display:flex;align-items:center;gap:5px;min-width:0}
.cm-panel .cm-journal-sections .cm-tab{border-radius:8px;padding:10px 17px;font-size:13px;white-space:nowrap}
.cm-panel .cm-journal-sections .cm-tab.active{background:#f6edce;color:#233e54;box-shadow:none}
.cm-journal-view{display:flex;align-items:center;gap:10px;min-width:0;color:#beced8;font-size:11px;letter-spacing:.02em}
.cm-journal-view select{min-width:185px;max-width:260px;padding:10px 30px 10px 12px;border:1px solid #ffffff38;border-radius:8px;background:#20384f;color:#f4f2e7;font:inherit;font-size:12px;cursor:pointer;color-scheme:dark}
.cm-journal-view select:hover{border-color:#e5c982}.cm-journal-view select:focus-visible{outline:2px solid #e5c982;outline-offset:2px}
@media(max-width:760px){.cm-panel .cm-journal-nav{padding:0 17px 12px;gap:9px;flex-direction:column;align-items:stretch}.cm-journal-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.cm-panel .cm-journal-sections .cm-tab{font-size:11px;padding:10px 3px;min-width:0}.cm-journal-view{gap:10px}.cm-journal-view select{min-width:0;max-width:none;flex:1;padding:8px 25px 8px 10px}.cm-journal-view>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}}