/* Approved Island Journal / Today presentation. Mechanics remain in JournalUI. */
html.island-ui #journal-content[data-journal-tab="today"]{
 display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(245px,.72fr);grid-auto-rows:max-content;align-content:start;align-items:start;gap:14px;
 color:#effcff;container-type:inline-size
}
html.island-ui #journal-content[data-journal-tab="today"]>*{box-sizing:border-box;min-width:0}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-card{
 margin:0!important;padding:14px!important;border:1px solid #318b9e!important;border-radius:14px!important;
 background:radial-gradient(ellipse at 38% 20%,#0a5068,#003846 62%,#002631)!important;
 box-shadow:inset 0 1px 0 #bcfaff20,0 5px 10px #00192440!important;overflow:hidden!important
}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-card>header{padding:0 0 10px!important;border-bottom:1px solid #318b9e66!important}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-card>header b{color:#f4fdff!important;font-size:clamp(16px,2vw,21px)!important}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-card>header :is(small,span){color:#bce8ef!important;font-size:11px!important}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-login{grid-column:1;grid-row:1}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-weekly{grid-column:2;grid-row:1}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-missions,
html.island-ui #journal-content[data-journal-tab="today"]>.journal-pet-care{grid-column:1/-1}

html.island-ui #journal-panel .journal-today-art{
 background-image:url('./assets/ui/store/rewards/approved-rewards.jpg');background-repeat:no-repeat;
 aspect-ratio:var(--art-ratio);pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 92%,transparent)
}
html.island-ui #journal-panel .journal-daily-hero{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:184px;margin:10px 0 12px;border:1px solid #318b9e;border-radius:11px;background:radial-gradient(circle at 28% 48%,#126185,#003445 68%);overflow:hidden;position:relative}
html.island-ui #journal-panel .journal-daily-art{position:relative;align-self:stretch;display:grid;place-items:center;overflow:hidden}
html.island-ui #journal-panel .journal-art-gift{width:115%;max-width:260px;mask-image:radial-gradient(ellipse at 49% 53%,#000 48%,transparent 76%)}
html.island-ui #journal-panel .journal-daily-copy{display:flex;flex-direction:column;gap:7px;padding:14px 14px 14px 2px;position:relative;z-index:1}
html.island-ui #journal-panel .journal-daily-copy>small{font-size:11px!important;color:#b9e9f0!important}
html.island-ui #journal-panel .journal-daily-copy>b{font-size:clamp(17px,2vw,22px)!important;color:#fff!important;line-height:1.15}
html.island-ui #journal-panel .journal-daily-copy>strong{font-size:clamp(18px,2.5vw,28px)!important;color:#ffe16a!important;white-space:normal;line-height:1.15}
html.island-ui #journal-panel .journal-daily-copy>strong,html.island-ui #journal-panel .journal-weekly-reward{display:flex;align-items:center;gap:6px}
html.island-ui #journal-panel .journal-daily-copy>strong i,html.island-ui #journal-panel .journal-weekly-reward i{color:#ffe16a;font-style:normal}
html.island-ui #journal-panel .journal-daily-copy>button,
html.island-ui #journal-panel .journal-weekly>button,
html.island-ui #journal-panel .journal-pet-care>button{width:100%;max-width:none;min-height:46px;margin:4px 0 0!important;border:1px solid #fff0ac!important;border-radius:9px;background:linear-gradient(135deg,#ffeb83,#ffd74d)!important;color:#092d3c!important;box-shadow:inset 0 2px 0 #fff9,0 3px 0 #a77919!important;font-size:13px!important}
html.island-ui #journal-panel :is(.journal-daily-copy>button,.journal-weekly>button,.journal-pet-care>button):disabled{background:#103d4c!important;border-color:#507681!important;color:#b7d0d7!important;box-shadow:none!important;opacity:1!important}

html.island-ui #journal-content[data-journal-tab="today"] .journal-streak{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak>div{display:flex;min-width:0;min-height:74px;padding:7px 3px!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #318b9e!important;border-radius:9px!important;background:linear-gradient(#06495b,#012f3b)!important;text-align:center}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak>div.ready{border-color:#ffe889!important;box-shadow:inset 0 0 18px #ffcd2430,0 0 8px #ffe05232!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak>div.collected{border-color:#2b977f!important;background:linear-gradient(#075148,#013a36)!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak :is(small,span){font-size:9px!important;line-height:1.15;color:#bce8ef!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak b{font-size:12px!important;line-height:1.15;color:#ffe16a!important;white-space:normal}
html.island-ui #journal-content[data-journal-tab="today"] .journal-streak .collected>span{color:#7ff0c9!important}

html.island-ui #journal-panel .journal-weekly{display:flex!important;min-height:100%;flex-direction:column}
html.island-ui #journal-panel .journal-weekly-scene{position:relative;display:grid;place-items:center;min-height:150px;overflow:hidden;margin:4px -8px 0}
html.island-ui #journal-panel .journal-weekly-scene:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffd85d44,transparent 67%);filter:blur(3px)}
html.island-ui #journal-panel .journal-weekly-scene img{position:relative;width:min(112%,300px);height:auto;object-fit:contain;filter:drop-shadow(0 9px 8px #00182088)}
html.island-ui #journal-panel .journal-weekly-copy{display:grid;gap:8px;margin-top:auto}
html.island-ui #journal-panel .journal-weekly-copy p{margin:0!important;font-size:12px!important;color:#c7ecf4!important;line-height:1.35!important}
html.island-ui #journal-panel .journal-weekly-copy>span{height:11px!important;border:1px solid #4ad8d3!important;background:#01313e!important}
html.island-ui #journal-panel .journal-weekly-copy>strong{font-size:11px!important;color:#dff8fb!important}

html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article{display:flex!important;min-height:250px!important;padding:0!important;flex-direction:column;gap:0!important;border:1px solid #318b9e!important;border-radius:12px!important;background:linear-gradient(#07475a,#002f3d)!important;overflow:hidden}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid .journal-today-art{width:100%;flex:none;mask-image:linear-gradient(to bottom,#000 82%,transparent)}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div{display:flex!important;flex:1;flex-direction:column;gap:6px!important;padding:9px 11px 5px}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div>b{font-size:14px!important;color:#fff!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div>small{min-height:33px;font-size:11px!important;color:#bce2e9!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div>span{height:10px!important;border:1px solid #42cfc6!important;background:#012c38!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div>strong{font-size:11px!important;color:#ffe16a!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>button{width:calc(100% - 22px)!important;max-width:none!important;min-height:44px;margin:7px 11px 11px;border:1px solid #5793a3!important;border-radius:8px;background:linear-gradient(125deg,#315f70,#1c4857)!important;color:#e4f2f6!important;font-size:12px!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article.ready>button{border-color:#fff0ac!important;background:linear-gradient(135deg,#ffeb83,#ffd74d)!important;color:#092d3c!important;box-shadow:inset 0 2px 0 #fff9,0 3px 0 #a77919!important}
html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article.claimed>button{border-color:#60ba9e!important;background:#287c70!important;color:#e4fff6!important}

html.island-ui #journal-content[data-journal-tab="today"] .journal-pet-care{background:radial-gradient(circle at 88% 40%,#2d5d5b,#003845 58%,#002631)!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px 0 4px!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;min-height:62px;padding:9px!important;gap:8px!important;border:1px solid #318b9e!important;border-radius:9px!important;background:linear-gradient(125deg,#075064,#003541)!important;color:#fff!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step>i{display:grid!important;width:36px!important;height:36px!important;place-items:center;align-self:center!important;border:1px solid #4ba8b8!important;border-radius:8px!important;background:#164f5d!important;color:#ffe16a!important;font-size:18px!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step.complete{border-color:#55c5a3!important;background:linear-gradient(125deg,#0b5e52,#003f3b)!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step.complete>i{background:#23866e!important;color:#e9fff8!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step b{font-size:12px!important;color:#fff!important}
html.island-ui #journal-content[data-journal-tab="today"] .pet-care-step small{font-size:10px!important;color:#c4e8ec!important}

html.island-ui #journal-panel .journal-today-sparks{
 position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;pointer-events:none
}
html.island-ui #journal-panel .journal-today-sparks i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;background:#ffe998;box-shadow:0 0 7px #ffd047;transform:rotate(45deg);animation:journal-today-glint 3.8s var(--delay) infinite ease-in-out}
html.island-ui #journal-content[data-journal-tab="today"]>.journal-today-entering{animation:journal-today-enter .42s var(--journal-entry-delay,0s) both cubic-bezier(.2,.78,.25,1)}
@keyframes journal-today-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes journal-today-glint{0%,100%{opacity:.08;transform:translateY(5px) rotate(45deg) scale(.55)}48%{opacity:.9;transform:translateY(-7px) rotate(45deg) scale(1)}}

@media(max-width:740px){
 html.island-ui #journal-content[data-journal-tab="today"]{grid-template-columns:1fr;gap:10px}
 html.island-ui #journal-content[data-journal-tab="today"]>.journal-card{grid-column:1;grid-row:auto;padding:10px!important}
 html.island-ui #journal-panel .journal-daily-hero{min-height:145px;margin:8px 0 9px;grid-template-columns:34% 66%}
 html.island-ui #journal-panel .journal-daily-copy{padding:10px 9px 10px 0;gap:5px}
 html.island-ui #journal-panel .journal-daily-copy>small{font-size:9px!important}
 html.island-ui #journal-panel .journal-daily-copy>b{font-size:16px!important}
 html.island-ui #journal-panel .journal-daily-copy>strong{font-size:18px!important}
 html.island-ui #journal-panel .journal-daily-copy>button{min-height:44px;font-size:11px!important;padding:7px!important}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-streak{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-streak>div{min-height:62px}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-streak>div:last-child{grid-column:span 2}
 html.island-ui #journal-panel .journal-weekly{min-height:0}
 html.island-ui #journal-panel .journal-weekly-scene{min-height:120px;max-height:160px}
 html.island-ui #journal-panel .journal-weekly-scene img{width:min(72%,230px)}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid{grid-template-columns:1fr!important;gap:8px!important}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article{display:flex!important;min-height:220px!important}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid .journal-today-art{width:100%;align-self:auto;aspect-ratio:var(--art-ratio);mask-image:linear-gradient(to bottom,#000 82%,transparent)}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div{padding:10px 10px 4px}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>div>small{min-height:0}
 html.island-ui #journal-content[data-journal-tab="today"] .journal-mission-grid article>button{width:calc(100% - 20px)!important;margin:5px 10px 10px}
 html.island-ui #journal-content[data-journal-tab="today"] .pet-care-steps{grid-template-columns:1fr;padding-top:9px!important}
}

/* A full-width chest should stay compact on landscape phones and narrow tablets. */
@media(min-width:520px) and (max-width:740px){
 html.island-ui #journal-panel .journal-weekly{display:grid!important;grid-template-columns:minmax(230px,.9fr) minmax(250px,1.1fr);grid-template-rows:auto 1fr auto;column-gap:18px;align-items:center}
 html.island-ui #journal-panel .journal-weekly>header{grid-column:1/-1}
 html.island-ui #journal-panel .journal-weekly-scene{grid-column:1;grid-row:2/4;width:100%;min-height:190px;max-height:230px;margin:4px 0 0}
 html.island-ui #journal-panel .journal-weekly-scene img{width:min(112%,390px)}
 html.island-ui #journal-panel .journal-weekly-copy{grid-column:2;grid-row:2;margin:12px 0 0}
 html.island-ui #journal-panel .journal-weekly>button{grid-column:2;grid-row:3;margin:8px 0 4px!important}
}

@media(max-width:460px) and (orientation:portrait){
 html.island-ui #journal-panel>header>.concept-account-chip span{display:none}
 html.island-ui #journal-panel>header>.concept-account-chip{max-width:104px;padding-inline:4px;gap:4px}
 html.island-ui #journal-panel>header>.concept-account-chip b{padding-left:5px;font-size:12px!important}
 html.island-ui #journal-panel>header>div:first-child b{font-size:18px!important;white-space:nowrap}
}

@media(max-height:420px){
 html.island-ui #journal-content[data-journal-tab="today"]{gap:8px}
 html.island-ui #journal-content[data-journal-tab="today"]>.journal-card{padding:8px!important}
 html.island-ui #journal-content[data-journal-tab="today"]>.journal-card>header{padding-bottom:6px!important}
 html.island-ui #journal-panel .journal-daily-hero{min-height:130px;margin:6px 0 8px}
 html.island-ui #journal-panel .journal-weekly-scene{min-height:112px;max-height:135px}
}

@media(prefers-reduced-motion:reduce){
 html.island-ui #journal-panel .journal-today-sparks i,html.island-ui #journal-content[data-journal-tab="today"]>.journal-today-entering{animation:none!important}
}