/* Game usability pass: readable controls, persistent navigation and party tools. */
.journey-shell{--j-muted:#536b83;--j-shadow:0 2px 0 #dce5ee,0 8px 24px #243e6010;background:#f1f5fa}
.j-header{min-height:84px;padding-block:8px;gap:20px}
.j-header-lights{display:none}
.j-header .account-status{margin-left:auto;padding:0;background:none;border:0;gap:8px;max-width:360px;color:#fff;font-size:12px;line-height:1.6}
.j-header .account-status>span:nth-child(2){min-width:0;flex:initial}
.j-header .account-status strong{color:#fff}
.j-header .account-status-link{color:#fff1cf;text-decoration:none;font-size:11px}
.j-header .account-status-link:hover{text-decoration:underline;color:#fff}
.j-header .account-save-indicator{background:#b7f0cf;box-shadow:0 0 0 3px #ffffff16}
.j-header .account-save-indicator.offline,.j-header .account-save-indicator.conflict,.j-header .account-save-indicator.error{background:#ffe196}
.j-header-actions>button{width:40px;height:40px}
.j-navigation{position:sticky;top:0;z-index:20;min-height:60px;box-shadow:0 3px 16px #263f6410;gap:12px}
.j-navigation nav{gap:26px}
.j-navigation nav>button{min-height:59px;font-size:13px;color:#526a85}
.j-navigation nav>button.active{color:#bf2c43}
.j-navigation nav>button.active:after{height:4px;border-radius:3px 3px 0 0}
.j-main{padding:26px 30px 0}
.j-route-header{margin-bottom:18px}
.j-run-progress{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:11px;font-weight:650;color:#536b83}
.j-run-progress progress{appearance:none;display:block;width:120px;height:5px;border:0;border-radius:10px;overflow:hidden;background:#dce5ee;color:#df3549}
.j-run-progress progress::-webkit-progress-bar{background:#dce5ee;border-radius:10px}
.j-run-progress progress::-webkit-progress-value{background:#df3549;border-radius:10px}
.j-run-progress progress::-moz-progress-bar{background:#df3549;border-radius:10px}
.j-eyebrow{font-size:10px;letter-spacing:1.25px;color:#b62f46}
.j-level>span{font-size:10px;color:#536b83}
.j-level{min-width:200px}
.j-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}
.j-play{scroll-margin-top:80px}
.j-play:focus{outline:none}
.j-node-path small{font-size:8px;letter-spacing:.35px}
.j-node-label{font-size:11px}
.j-node-path>li.future{color:#62778d}
.j-node-path .done{color:#357553}
.j-path-wrap>summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;font-size:12px;font-weight:700;color:#4c657f}
.j-path-wrap>summary::-webkit-details-marker{display:none}
.j-path-wrap>summary>span{display:flex;align-items:center;gap:8px}
.j-path-wrap>summary .icon{width:16px;height:16px}
.j-path-wrap>summary>b{display:flex;align-items:center;gap:18px;font-size:11px;font-variant-numeric:tabular-nums;color:#60758b}
.j-path-wrap>summary i{font-style:normal;font-size:17px}
.j-path-wrap[open]>summary{border-bottom:1px solid #e1e9f2}
.j-path-wrap[open]>summary i{rotate:180deg}
.j-story-text,.j-section-copy,.j-journal p,.j-journal li,.j-result-body>p{font-size:14px;line-height:1.85;color:#4f667e}
.j-scene-body{padding:26px 28px}
.j-title-row h1{font-size:28px}
.j-section-heading>span{font-size:11px;color:#4b637c}
.j-choice{padding:17px;min-height:156px;border-radius:10px;background:#f8fafc;transition:background .15s,border-color .15s,translate .15s}
.j-choice>strong{font-size:15px;line-height:1.45;color:#2b4565}
.j-choice>small{font-size:12px;color:#536b83;line-height:1.65}
.j-choice>span{color:#647991}
.j-choice-effects>li{font-size:12px;line-height:1.65;color:#455f79}
.j-choice:disabled{opacity:.7;background:#f0f3f6}
.j-button{min-height:44px;font-size:13px;border-radius:8px}
.j-button.secondary{color:#46617c;background:#f5f8fc}
.j-button:disabled{opacity:.5;translate:none;box-shadow:none}
.j-sidebar{position:sticky;top:80px}
.j-panel-heading h2{font-size:14px}
.j-party-member{min-height:82px}
.j-party-member strong{font-size:13px;color:#324f70}
.j-party-member strong>small{font-size:10px;color:#5d738c}
.j-party-member em{font-size:10px;color:#5b7189}
.j-party-member b{font-size:10px;color:#526b85;font-variant-numeric:tabular-nums}
.j-party-link{font-size:12px;min-height:44px;color:#405e7c;align-items:center}
.j-party-link>span{font-size:11px;color:#60758c}
.j-supplies small{font-size:11px;color:#536b83}
.j-next>span{font-size:9px;color:#816b3b}
.j-next>h3{color:#785f2d}
.j-next>p{font-size:12px;color:#806c42}
.j-encounter-table>summary{min-height:48px;color:#4f6780}
.j-encounter-table summary>b{font-size:11px;color:#62778d}
.j-probability strong{font-size:12px;color:#405e7c}
.j-probability small{font-size:11px;color:#5b7189}
.j-probability>b{color:#466b91}
.collection-view .j-layout{display:block}
.collection-view .j-path-wrap{display:none}
.j-collection{padding:28px}
.j-roster-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.j-roster-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 0 #e3eaf2}
.j-roster-card.is-leader{border-color:#d5b56c;background:linear-gradient(160deg,#fffcf0,#fff 62%)}
.j-roster-card.low-health{border-color:#d99aa4}
.j-roster-face>span:first-child{min-height:24px}
.j-card-types{display:flex;gap:4px;flex-wrap:wrap}
.j-roster-face .type{font-size:9px}
.j-roster-face>span>small{font-size:11px;color:#526b83}
.j-roster-face>.j-card-role{display:block;width:auto;align-self:flex-start;margin-top:10px;min-height:14px;font-size:9px;font-weight:800;letter-spacing:.8px;color:#60758a}
.is-leader .j-card-role{color:#896718}
.j-roster-face>.sprite{width:115px;height:115px;margin:0}
.j-roster-face h3{font-size:20px;color:#2d4969;overflow-wrap:anywhere}
.j-roster-face p{font-size:12px;color:#60758b}
.j-roster-face>strong{font-size:11px;color:#4f6780;font-variant-numeric:tabular-nums}
.low-health .j-roster-face>strong{color:#b32d43}
.j-roster-moves{gap:8px;flex:1;padding-block:16px}
.j-roster-moves>span{font-size:12px;color:#506981}
.j-roster-moves b{font-size:10px;color:#60758b}
.j-roster-actions{display:flex;gap:7px;margin-bottom:10px}
.j-roster-actions:empty{display:none}
.j-quick-action{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:40px;border:1px solid #cfdeeb;border-radius:7px;background:#eef5fa;color:#3f617a;font-size:12px;font-weight:700;white-space:nowrap}
.j-quick-action .icon{width:15px;height:15px}
.j-quick-action:hover{background:#e1eef8;border-color:#9fbcd4}
.j-quick-action:disabled{opacity:.45;cursor:default}
.j-roster-card .j-button{font-size:12px;min-height:40px}
.j-box-exchange{font-size:11px;color:#526b83}
.j-box-exchange select{font-size:12px;min-height:42px;color:#3d5b77;padding:9px}
.j-roster-heading{font-size:18px;color:#354f6c;margin-top:28px}
.j-roster-heading>span{font-size:12px;color:#5a7189;font-variant-numeric:tabular-nums}
.j-roster-heading{scroll-margin-top:82px}
.j-collection-jumps{display:flex;gap:5px;background:#edf3f9;border:1px solid #d6e2ed;border-radius:9px;padding:4px;width:max-content;margin-top:20px}
.j-collection-jumps>button{display:flex;gap:18px;align-items:center;min-height:36px;padding:8px 15px;border-radius:6px;font-size:12px;font-weight:750;color:#46617b}
.j-collection-jumps>button:hover{background:#fff}
.j-collection-jumps b{border-radius:5px;padding:3px 6px;background:#fff;color:#385675;font-size:11px}
.j-box-tools{display:flex;align-items:end;gap:12px;padding:16px;background:#f2f6fa;border:1px solid #dce5ee;border-radius:10px;margin-bottom:18px}
.j-box-tools label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:750;color:#4f6882;min-width:0}
.j-box-search{flex:1}
.j-box-tools input,.j-box-tools select{width:100%;min-height:44px;border:1px solid #bfcedd;border-radius:7px;background:white;padding:10px 12px;font:inherit;font-size:13px;color:#284563}
.j-box-tools input::placeholder{color:#72869b}
.journey-shell input:focus-visible{outline:3px solid #4099da;outline-offset:3px}
.j-potion-count{display:flex;gap:7px;align-items:center;color:#506b83;font-size:13px;white-space:nowrap}
.j-potion-count .icon{width:18px;height:18px}
.j-empty-box{font-size:13px;color:#5a7189;margin-bottom:20px}
#box-results{margin-bottom:24px}
.j-move{border-radius:9px;min-height:132px;gap:9px}
.j-move strong{font-size:16px;color:#314e6d}
.j-move>small{font-size:12px;line-height:1.55;color:#506880}
.j-move>b{font-size:12px;color:#536b83}
.j-move em{font-size:10px;color:#58718b}
.j-move .type{font-size:9px}
.j-move-data{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:#5c728a}
.j-move-data b{font-size:12px;color:#344f6b;font-variant-numeric:tabular-nums}
.j-command-tabs>button{font-size:11px;min-height:42px;padding:10px 16px}
.j-command-tabs>span{font-size:9px;color:#61768d}
.j-battle-dialog>p{font-size:13px;color:#425e7a}
.j-battle-team strong{font-size:14px;color:#395674}
.j-battle-team small,.j-battle-team>button>b{font-size:11px;color:#58718a}
.j-battle-bag p,.j-command-note{font-size:12px;color:#526c85}
.j-battle-bag small{font-size:11px;color:#61778f}
.j-battle-bag>section>div:last-child>button{font-size:12px;min-height:42px;color:#3d5f7b}
.j-combat-log,.j-combat-log>summary,.j-combat-log>ol{font-size:12px;color:#566e87}
.j-result-body>ul>li{font-size:13px;color:#4c657e}
.j-result-body>ul>li.gain{color:#3c754c}
.j-result-body>ul>li.risk{color:#a43850}
.j-result-next>span>small{font-size:10px;color:#61768d}
.j-result-next>span>strong{font-size:13px;color:#3f5d7a}
.j-profile-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 62px 12px 22px;background:#f0f5fa;border-bottom:1px solid #d7e2ed}
.j-profile-nav button{min-height:36px;font-size:12px;font-weight:700;color:#405d7a}
.j-profile-nav span{font-size:11px;color:#62798f;font-variant-numeric:tabular-nums}
@media(min-width:1500px){.j-layout{grid-template-columns:minmax(0,1fr) 320px}.j-scene-art{height:280px}.j-roster-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:1000px){.j-header .account-status{max-width:230px;font-size:11px}.j-header .account-status-link{display:none}.j-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.j-main{padding:22px 22px 0}.j-header,.j-navigation{padding-inline:22px}.j-navigation nav{gap:20px}.j-sidebar{position:static}.j-party-member strong{font-size:12px}}
@media(max-width:850px){.j-layout{display:block}.j-sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:16px}.j-party{grid-row:span 3}.j-scene-art{height:220px}.j-battle-bag{grid-template-columns:1fr 1fr}.j-roster-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.j-header .account-status{max-width:180px}.j-brand>span{font-size:28px}.j-navigation nav{gap:20px}}
@media(max-width:600px){
  .j-header{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;gap:6px 8px;padding:8px 12px}
  .j-header-actions{margin-left:auto;gap:4px}.j-header-actions>button{width:32px;height:38px}
  .j-header .account-status{order:3;grid-column:1/-1;max-width:none;justify-content:flex-end;font-size:10px;min-height:16px}
  .j-header .account-status-link{display:block;font-size:10px;padding:0}
  .j-navigation{padding:0 10px;min-height:60px}.j-navigation nav{gap:0;width:100%;justify-content:space-between}
  .j-navigation nav>button{flex:1;flex-direction:column;justify-content:center;gap:5px;font-size:10px;min-height:60px;padding:7px 3px;white-space:nowrap}
  .j-navigation nav>button>.icon{width:18px;height:18px}
  .j-main{padding:20px 12px 0}.j-route-header h2{font-size:23px}.j-route-header .j-eyebrow{font-size:9px}.j-run-progress{font-size:10px;gap:8px}.j-run-progress progress{width:66px}
  .j-level{min-width:112px;padding:10px}.j-level>span{font-size:8px;letter-spacing:.4px}.j-level>strong{font-size:28px}
  .j-node-label{font-size:9px}.j-node-path small{font-size:7px}.j-node-path>li{min-width:80px}
  .j-scene-body{padding:21px 18px}.j-title-row h1{font-size:25px}.j-story-text{font-size:14px}
  .j-choice-grid{grid-template-columns:1fr}.j-choice{min-height:0;padding:16px;gap:0}.j-choice>span{margin-bottom:8px}.j-choice>strong{font-size:15px}.j-choice>small{font-size:12px;margin-top:7px}.j-choice-effects>li{font-size:12px}
  .j-section-heading>span{font-size:10px}.j-party-member strong{font-size:12px}.j-party-member em{font-size:9px}.j-party-member b{font-size:10px}
  .j-next{grid-column:auto}.j-next>p{font-size:11px}.j-next>span{font-size:8px}.j-next>h3{font-size:18px}.j-next>.icon{display:none}
  .j-collection{padding:20px 14px}.j-collection-heading h1{font-size:25px}.j-potion-count{font-size:11px}.j-collection-heading{gap:8px}
  .j-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.j-roster-card{padding:12px 10px}.j-roster-face .type{font-size:7px;padding:3px 5px}.j-roster-face>span:first-child{gap:4px}.j-roster-face>span>small{font-size:10px}
  .j-roster-face>.sprite{width:95px;height:95px}.j-roster-face h3{font-size:17px}.j-roster-face p{font-size:11px}.j-roster-face>strong{font-size:11px}.j-roster-moves>span{font-size:11px;line-height:1.5}.j-roster-moves b{font-size:9px}.j-roster-actions{flex-wrap:wrap}.j-quick-action{font-size:11px;min-height:40px}.j-roster-card .j-button{font-size:11px;line-height:1.4;min-height:42px}
  .j-box-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.j-box-search{grid-column:1/-1}.j-box-tools input,.j-box-tools select{font-size:13px;padding:9px}.j-box-exchange{font-size:10px}.j-box-exchange select{font-size:11px}
  .j-move-grid{grid-template-columns:1fr 1fr;gap:9px}.j-move{min-height:155px;padding:12px 10px;gap:8px}.j-move>span{flex-wrap:wrap}.j-move strong{font-size:14px}.j-move>small{font-size:11px}.j-move>b{font-size:11px}.j-move .type{font-size:7px}.j-move em{font-size:9px}.j-move-data{font-size:10px;gap:5px 10px}.j-move-data b{font-size:11px}
  .j-fighter-hud strong{font-size:13px}.j-fighter-hud>div>b{font-size:10px}.j-fighter-hud .type{font-size:7px}
  .j-command-tabs{gap:6px;flex-wrap:wrap}.j-command-tabs>button{font-size:10px;padding:9px 12px;flex:1}.j-command-tabs>span{font-size:8px;max-width:none;text-align:center;width:100%;margin-top:5px}.j-command-tabs .flee{flex:initial}.j-battle-command{padding:14px 12px}.j-battle-dialog>p{font-size:12px}.j-battle-bag{grid-template-columns:1fr}.j-combat-log>summary{font-size:12px}
  .j-encounter-table>summary{font-size:12px}.j-encounter-table summary>b{font-size:9px}.j-probability strong{font-size:11px}.j-probability small{font-size:9px}.j-probability-grid{grid-template-columns:1fr}
  .j-profile-nav{padding-left:16px;gap:6px}.j-profile-nav button{font-size:11px}.j-profile-nav span{font-size:10px}.j-result-body>p{font-size:14px}.j-journal p,.j-journal li{font-size:13px}
}
@media(max-width:380px){.j-header .j-brand>span{font-size:18px}.j-header{padding-inline:12px}.j-brand>.pokeball{width:25px;height:25px}.j-header-actions>button{width:30px}.j-roster-grid{grid-template-columns:1fr}.j-move-grid{grid-template-columns:1fr}.j-sidebar{grid-template-columns:1fr}.j-party{grid-row:auto}.j-run-progress progress{width:45px}}
@media(prefers-reduced-motion:reduce){.j-choice{transition:none}}