/* Layout uses the existing generated panel, slot and button artwork. */
.play-screen #panel[data-kind="quests"]{width:min(850px,calc(var(--play-width,100vw) - 42px))}
.play-screen .mission-tabs{display:flex;gap:10px;justify-content:center;margin:2px 0 8px}
.play-screen .mission-tabs button{min-width:150px;min-height:40px;font-size:13px}
.play-screen .mission-tabs button[aria-pressed="true"]{background-image:var(--ui-button);font-weight:800;color:#4b5842}
.play-screen .mission-tabs b{margin-left:7px}
.play-screen .mission-overview,.play-screen .mission-note{font-size:11px;line-height:1.65;color:#786653;margin:8px 5px 14px}
.play-screen .mission-heading{display:flex;align-items:center;gap:13px;margin:10px 6px 14px;min-width:0}
.play-screen .mission-heading>div{flex:1;min-width:0}
.play-screen .mission-heading h3{font-size:16px;margin:0 0 5px;color:#6e5645}
.play-screen .mission-heading p{font-size:11px;line-height:1.6;margin:0;color:#786653}
.play-screen .mission-day{font-size:11px;color:#786653}
.play-screen .journey-select{display:flex;align-items:center;gap:9px;margin:10px 2px}
.play-screen .journey-select>button{min-width:42px;max-width:42px;min-height:36px;padding:6px;font-size:20px}
.play-screen .journey-select label{flex:1;min-width:0;background:var(--ui-slot) center/100% 100% no-repeat;padding:7px 15px}
.play-screen .journey-select select{font-family:inherit;font-weight:600;font-size:12px;color:#6e5645;width:100%;min-height:30px;border:0;background:transparent;cursor:pointer}
.play-screen .chapter-flower{flex:none;width:44px;height:50px;display:block}
.play-screen .chapter-flower .crop-art{width:100%;height:100%}
.play-screen .chapter-flower.unopened{filter:brightness(0);opacity:.4}
.play-screen .mission-row{gap:12px;align-items:center}
.play-screen .mission-row.claimed{opacity:.66}
.play-screen .mission-row.locked .mission-icon{opacity:.5}
.play-screen .mission-icon{width:40px;height:40px;flex:none;display:grid;place-items:center}
.play-screen .mission-icon .ui-icon{width:36px;height:36px}
.play-screen .mission-row .quest-action{width:154px;gap:6px;align-items:stretch}
.play-screen .mission-row .quest-action button{width:100%;max-width:none;min-height:35px;padding:8px 15px;font-size:12px}
.play-screen .mission-row .quest-action small{color:#785d44;font-weight:600;font-size:10px}
.play-screen .mission-progress{display:flex;gap:10px;align-items:center;margin-top:6px}
.play-screen .mission-progress .progress-line{flex:1;margin:0;height:7px}
.play-screen .mission-progress b{font-size:11px;min-width:30px;color:#6e5645}
.play-screen .quest-locked{font-size:11px;text-align:center;color:#867461}
.play-screen .quest-credit{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 1px 4px;padding:12px;border:8px solid transparent;border-image:var(--ui-slot) 24% fill/16px stretch}
.play-screen .quest-credit>div{flex:1;min-width:160px}
.play-screen .quest-credit strong{display:block;font-size:12px;color:#6e5645;line-height:1.5}
.play-screen .quest-credit small{display:block;font-size:10px;color:#786653;margin-top:4px;line-height:1.5}
.play-screen .quest-credit .secondary{min-height:35px;font-size:11px;padding:8px 16px}
.play-screen .quest-credit p{flex-basis:100%;margin:2px 0 0;font-size:10px;line-height:1.6;color:#786653}
.play-screen .collection-credit{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 4px 0;padding-top:8px;border-top:1px solid #b9ac9755;font-size:11px;line-height:1.5;color:#73573d}
.play-screen .collection-credit .secondary{min-height:35px;padding:8px 14px;font-size:11px}
.play-screen .credit-info{margin:8px 4px 14px;line-height:1.7;font-size:11px;color:#795e43}
@media(max-height:520px),(orientation:portrait) and (max-width:760px){
 .play-screen #panel[data-kind="quests"]{width:calc(var(--play-width,100vw) - 30px)}
 .play-screen .mission-tabs{margin-bottom:5px}.play-screen .mission-tabs button{min-height:34px;font-size:11px;min-width:132px}
 .play-screen .mission-overview,.play-screen .mission-note{font-size:10px;margin:5px 4px 9px}
 .play-screen .mission-heading{margin:7px 5px 9px;gap:9px}.play-screen .mission-heading h3{font-size:13px}.play-screen .mission-heading p{font-size:10px}
 .play-screen .mission-icon{width:31px;height:32px}.play-screen .mission-icon .ui-icon{width:29px;height:29px}
 .play-screen .mission-row .quest-action{width:125px}.play-screen .mission-row .quest-action button{font-size:11px;min-height:34px}
 .play-screen .journey-select{margin:6px 2px}.play-screen .journey-select select{font-size:11px;min-height:24px}
 .play-screen .chapter-flower{width:35px;height:37px}.play-screen .quest-credit{margin-top:10px;padding:8px}
 .play-screen .collection-credit,.play-screen .credit-info{font-size:10px}
}
.play-screen .journey-select label{background:none;border:6px solid transparent;border-image:var(--ui-slot) 24% fill/14px stretch;padding:0 8px}
.play-screen #panel[data-kind="quests"] .mission-row{min-height:78px;padding-block:6px}
.play-screen .mission-heading{margin-block:6px 10px}
@media(max-height:520px),(orientation:portrait) and (max-width:760px){
 .play-screen .mission-overview{display:none}
 .play-screen .mission-heading:has(.chapter-flower){display:none}
 .play-screen .mission-heading h3{display:none}
 .play-screen .mission-heading{margin:5px 4px 8px}
 .play-screen .mission-tabs{margin:0 0 5px}
 .play-screen .journey-select{margin:5px 2px 8px}
 .play-screen #panel[data-kind="quests"] .mission-row{min-height:70px;padding-block:5px}
 .play-screen #panel[data-kind="quests"] .dialog-heading{min-height:40px;padding-bottom:10px}
}