/* Scoped journal layout: one scroll region; reward mechanics remain unchanged. */
#journal-panel .starter-journey-rail article>*{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}#journal-panel .starter-journey-rail article>b{color:#edf5f4}
#journal-panel{position:fixed!important;inset:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;transform:none!important;width:auto!important;height:auto!important;max-width:1080px!important;max-height:none!important;margin:auto!important;display:flex;flex-direction:column;gap:12px;padding:18px!important;overflow:hidden!important;background:#102c35!important;border:2px solid #537782;border-radius:16px;color:#eef6f3;font:14px/1.45 system-ui,sans-serif}
#journal-panel.hidden,#journal-panel .hidden{display:none!important}
#journal-panel>header,#journal-panel>footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#journal-panel>header b{font:800 24px/1.2 system-ui!important;color:#ffdf81;letter-spacing:.02em}#journal-panel>header small{font:12px/1.3 system-ui!important;color:#b1cbd1}
#journal-panel button{font:700 12px/1.3 system-ui!important;min-height:44px;cursor:pointer;border:1px solid #64818a;border-radius:8px;padding:9px 14px;touch-action:manipulation;white-space:normal}
#journal-panel button:focus-visible{outline:3px solid #fff;outline-offset:2px}#journal-panel button:disabled{cursor:default;opacity:.65}
#journal-panel #journal-close{width:44px;height:44px;min-width:44px;font-size:26px!important;padding:0;background:#294955}
#journal-panel .journal-header-actions{display:flex;align-items:center;gap:12px}#journal-panel .journal-header-actions>span{font:700 14px system-ui;color:#ffe18a}
#journal-panel .journal-nav{flex:none;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;touch-action:pan-x}
#journal-panel .journal-nav button{flex:1 0 auto;background:#23434f;color:#c4d9dd;box-shadow:none}#journal-panel .journal-nav button.selected{background:#ffdc7e;color:#17333c;border-color:#ffdc7e}
#journal-content{flex:1;min-height:0;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 4px 8px 0!important;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#journal-panel .journal-card{display:block;min-width:0;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible;margin:0 0 14px;padding:14px!important;border:1px solid #426873;border-radius:12px;background:#1a3a45!important;color:#eef6f3;box-shadow:none!important}
#journal-panel .journal-card>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;background:transparent!important;border:0!important;padding:0 0 12px!important;box-shadow:none!important}
#journal-panel .journal-card>header>div{display:flex;flex-direction:column;gap:2px}#journal-panel .journal-card>header b{font:800 17px system-ui!important;color:#ffe39c}#journal-panel .journal-card>header small,#journal-panel .journal-card>header>span{font:11px system-ui!important;color:#b3ced3}
#journal-panel .journal-card p{font:13px/1.5 system-ui!important;color:#bfd4d8!important;padding:0!important;margin:0 0 12px}
#journal-panel .achievement-grid,#journal-panel .journal-mission-grid,#journal-panel .weekly-mission-grid,#journal-panel .event-mission-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px;margin:0;padding:0;overflow:visible}
#journal-panel .achievement-grid article,#journal-panel .journal-mission-grid article,#journal-panel .weekly-mission-grid article,#journal-panel .event-mission-grid article{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;min-width:0!important;min-height:0!important;gap:12px;align-items:center;padding:12px!important;background:#102e39!important;color:#edf5f4;border:1px solid #466670;border-radius:9px}
#journal-panel article>i{font-size:24px!important;align-self:start;color:#ffdc81!important}#journal-panel article>div{min-width:0;display:grid;gap:5px}
#journal-panel article b{font:700 14px/1.35 system-ui!important;overflow-wrap:anywhere}#journal-panel article small{font:12px/1.4 system-ui!important;color:#b5cdd3!important;overflow-wrap:anywhere}#journal-panel article strong{font:600 11px system-ui!important;color:#bed7d9}
#journal-panel article>button{grid-column:auto!important;min-width:118px;max-width:170px;background:#304d56;color:#c3d2d5;box-shadow:none!important}#journal-panel article.ready>button{background:#ffda76!important;color:#143039!important;border-color:#ffda76}
#journal-panel article.claimed{opacity:.72}#journal-panel article.claimed>button{color:#9ae0bd}
#journal-panel article>div>span,#journal-panel .collection-progress>span,#journal-panel .journal-weekly>div>span{display:block;height:7px;border:0;border-radius:4px;background:#08222b;overflow:hidden}#journal-panel article>div>span>em,#journal-panel .collection-progress em{display:block;height:100%;background:#7cc9aa;border-radius:4px;max-width:100%}
#journal-panel .season-reward-rail,#journal-panel .starter-journey-rail,#journal-panel .collection-milestones{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:10px;padding:0;overflow:visible}
#journal-panel .season-reward-rail button,#journal-panel .collection-milestones button{min-width:0;min-height:130px;background:#17333f;color:#e9f4f3;box-shadow:none}#journal-panel .season-reward-rail b,#journal-panel .collection-milestones b{font:700 13px system-ui!important}#journal-panel .season-reward-rail small,#journal-panel .season-reward-rail span,#journal-panel .collection-milestones small,#journal-panel .collection-milestones span{font:11px/1.4 system-ui!important}
#journal-panel .starter-journey-rail article{display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0;min-height:0;padding:12px;background:#102e39;border:1px solid #4d717d;border-radius:8px}#journal-panel .starter-journey-rail article>span{font:12px/1.4 system-ui;color:#bcd2d8}
#journal-panel .journal-streak{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:7px;padding:0 0 12px}#journal-panel .journal-streak>div{padding:10px;background:#102e39;border:1px solid #52737d;border-radius:8px}#journal-panel .journal-streak b{font:700 13px system-ui;color:#ffe292}#journal-panel .journal-streak small,#journal-panel .journal-streak span{font:11px system-ui;color:#bed3d7}
#journal-panel .journal-login>button,#journal-panel .journal-pet-care>button,#journal-panel .journal-weekly>button{background:#ffda76;color:#17333c;box-shadow:none;margin:12px 0 0}#journal-panel .journal-tutorial-list{padding:0;display:grid;gap:10px}#journal-panel .journal-tutorial-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:12px;background:#102e39;border:1px solid #426873;border-radius:8px}#journal-panel .journal-tutorial>footer{padding:12px 0 0;display:flex;gap:8px;flex-wrap:wrap}
#journal-panel .pet-care-steps{padding:0;gap:8px}#journal-panel .pet-care-step{background:#102e39;border-color:#426873;border-radius:8px}#journal-panel .pet-care-step b{font:700 12px system-ui;color:#edf5f4}#journal-panel .pet-care-step small{font:11px system-ui;color:#bed3d7}
#journal-panel .journal-weekly .journal-chest{display:none}#journal-panel .journal-weekly>div>b{font:700 17px system-ui;color:#ffe292}#journal-panel .journal-weekly small,#journal-panel .journal-weekly strong,#journal-panel .collection-progress small{font:11px/1.5 system-ui;color:#bed3d7}#journal-panel .collection-progress{padding:0 0 12px}
#journal-panel>footer{border-top:1px solid #45636d!important;padding-top:8px!important}#journal-status{min-width:0;font:12px/1.4 system-ui!important;color:#bdd1d6;overflow-wrap:anywhere}#journal-done{flex:none;background:#ffda76;color:#17333c}
@media(max-width:600px){#journal-panel{padding:10px!important;gap:8px}#journal-panel>header b{font-size:19px!important}#journal-panel>header small{display:none}#journal-panel .journal-card{padding:10px!important}#journal-panel article>button{grid-column:2/4!important;max-width:none;min-width:0;width:100%}#journal-panel .achievement-grid article,#journal-panel .journal-mission-grid article,#journal-panel .weekly-mission-grid article,#journal-panel .event-mission-grid article{grid-template-columns:30px minmax(0,1fr)!important;gap:8px}#journal-panel article>button{grid-column:2!important}#journal-panel .pet-care-steps{grid-template-columns:1fr}#journal-panel .journal-tutorial-step{grid-template-columns:26px minmax(0,1fr)}#journal-panel .journal-tutorial-step>strong{grid-column:2}}
@media(orientation:landscape) and (max-height:520px){#journal-panel{padding:8px 12px!important;gap:6px}#journal-panel>header b{font-size:19px!important}#journal-panel>header small{display:none}#journal-panel .journal-card{margin-bottom:10px}#journal-panel>footer{padding-top:4px!important}}