.departure-overlay{padding:16px}
.departure-panel{width:min(1120px,100%);max-width:1120px;height:min(880px,calc(100dvh - 32px));max-height:none;padding:22px;display:flex;flex-direction:column;overflow:hidden;text-align:left;gap:16px}
.departure-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.departure-header h2{font-size:28px;line-height:1.3;margin:4px 0 0}.departure-header .chapter-label{font-size:12px}.departure-header .icon-btn{width:42px;height:42px;min-height:42px;flex:none}
.departure-overview{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;flex:none;border-block:1px solid #a398664d;padding:14px 0}
.departure-hero{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;padding:0;border:0;background:radial-gradient(ellipse at 30% 70%,#b9a3661c,transparent 65%);box-shadow:none;color:#eee2c5}
.departure-hero>canvas{width:118px;height:155px;object-fit:contain;image-rendering:pixelated;min-width:0}.departure-hero>span{display:grid;gap:5px;min-width:0}.departure-hero b{font-size:28px;font-weight:600}.departure-hero small{font-size:12px;color:#c1b99c}.departure-hero em{font-style:normal;font-size:12px;color:#d5bd85;border-bottom:1px solid #a6945b77;padding-bottom:5px}
.departure-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.departure-slot{display:flex;align-items:center;gap:9px;padding:10px;min-width:0;text-align:left;background:#11170f99;border:1px solid #8b825b66;box-shadow:inset 0 0 16px #0002;color:#e9dec4}
.departure-slot>.game-icon,.departure-slot>canvas{width:43px;height:43px;flex:none;object-fit:contain;image-rendering:pixelated}.departure-slot>span:not(.game-icon){min-width:0;display:grid;gap:3px}.departure-slot small{color:#beb493;font-size:12px}.departure-slot b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.departure-slot em{font-style:normal;font-size:11px;color:#a6b899}
.departure-slot.selected,.departure-hero.selected{border-color:#d2b97b;background-color:#b7a0651c;box-shadow:inset 0 -2px #d2b97b}.departure-slot:hover,.departure-option:hover{background-color:#a7976026}
.departure-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;overflow:auto;overscroll-behavior:contain}
.departure-inventory{min-width:0}.departure-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.departure-list-heading h3{margin:0;font-size:18px}.departure-list-heading>span{font-size:12px;color:#b5b397}
.departure-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:8px}.departure-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:124px;padding:10px 6px;background:#131a1080;border:1px solid #82795166;color:#e1d7bc;text-align:center;box-shadow:none}.departure-option>.game-icon,.departure-option>canvas{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;flex:none}.departure-option b{font-size:13px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.departure-option small{font-size:11px;line-height:1.5;color:#b7bba0;margin-top:auto}.departure-option.equipped{border-color:#ceb681;background:#93855326;box-shadow:inset 0 0 0 2px #141a12,inset 0 0 0 3px #ceb68166}.departure-option.equipped small{color:#e1cd94}.departure-option.inspected:not(.equipped){border-color:#a89b6e}.departure-option:disabled{opacity:.6;cursor:default}.departure-option.equipped:disabled{opacity:1}
.departure-detail{min-width:0;border-left:1px solid #97895755;padding-left:20px;font-size:14px;line-height:1.7;color:#d3c9af}.departure-detail-heading{display:flex;align-items:center;gap:12px}.departure-detail-heading>.game-icon,.departure-detail-heading>canvas{width:58px;height:64px;flex:none;object-fit:contain;image-rendering:pixelated}.departure-detail-heading>div{min-width:0}.departure-detail h3{font-size:21px;line-height:1.4;margin:3px 0;color:#ebddbc;overflow-wrap:anywhere}.departure-detail p{margin:12px 0;word-break:keep-all;overflow-wrap:anywhere}.departure-detail small{font-size:12px;color:#b9b99f}.departure-detail-meta{display:block}.departure-detail .text-btn,.departure-detail .btn-secondary{min-height:44px;font-size:13px;margin-top:12px}
.departure-hint,.departure-lock,.departure-empty{font-size:13px;line-height:1.7;color:#c5b994;margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}.departure-lock{border-left:2px solid #bba066;padding-left:10px}.departure-empty{grid-column:1/-1;padding:24px 0}.departure-motif{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px}.departure-motif button{min-height:44px;min-width:50px;font-size:13px}.departure-motif [aria-pressed=true]{background:#675e37;color:#fff0bd;border-color:#d0b974}
.departure-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;border-top:1px solid #9a8b555c;padding-top:12px}.departure-footer>div{min-width:0;position:relative}.departure-footer>div>b{font-size:14px;font-weight:500}.departure-footer>.btn-primary{font-size:17px;min-height:54px;min-width:260px;padding:12px 20px;white-space:normal;margin:0}.departure-footer .challenge-readout{display:block;margin:3px 0 0;padding:0;background:none;border:0;font-size:12px}.departure-footer .challenge-readout summary{font-size:12px;min-height:30px;padding:3px 0;line-height:1.5;cursor:pointer}.departure-footer .challenge-readout[open]{position:absolute;bottom:0;left:0;width:min(400px,calc(100vw - 64px));max-height:300px;overflow:auto;background:#11180ff5;border:1px solid #9a8b65;padding:14px;z-index:4}.departure-footer .challenge-readout p,.departure-footer .challenge-readout small{font-size:12px;line-height:1.7}
.departure-panel button:focus-visible{outline:2px solid #f1d49a;outline-offset:2px}
@media(max-width:700px){
 .departure-overlay{padding:8px}.departure-panel{height:calc(100dvh - 16px);padding:14px;gap:12px}.departure-header h2{font-size:24px}.departure-overview{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px 0}.departure-hero{flex-direction:column;justify-content:center;gap:4px;text-align:center}.departure-hero>canvas{width:88px;height:115px}.departure-hero>span{gap:2px}.departure-hero b{font-size:22px}.departure-hero small{font-size:10px}.departure-hero em{font-size:10px}.departure-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.departure-slot{min-height:59px;padding:6px;gap:5px}.departure-slot>.game-icon,.departure-slot>canvas{width:25px;height:30px}.departure-slot small{font-size:10px}.departure-slot b{font-size:11px}.departure-slot em{font-size:10px}.departure-slot>span:not(.game-icon){gap:2px}
 .departure-workspace{display:flex;flex-direction:column;gap:14px}.departure-detail{order:-1;border-left:0;padding-left:0;border-bottom:1px solid #9a8b553f;padding-bottom:12px;flex:none}.departure-detail-heading{gap:10px}.departure-detail-heading>.game-icon,.departure-detail-heading>canvas{width:40px;height:42px}.departure-detail h3{font-size:18px}.departure-detail p{font-size:13px;line-height:1.6;margin:7px 0}.departure-detail .text-btn,.departure-detail .btn-secondary{margin-top:6px}.departure-detail-meta{font-size:11px}.departure-list-heading{margin-bottom:8px}.departure-list-heading h3{font-size:16px}.departure-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.departure-option{min-height:115px;padding:8px 4px}.departure-option b{font-size:12px}.departure-option small{font-size:10px}
 .departure-footer{gap:10px;padding-top:9px}.departure-footer>div>b{font-size:12px}.departure-footer>.btn-primary{min-width:0;flex:1;font-size:14px;padding:10px;min-height:50px}.departure-footer .challenge-readout summary{font-size:10px}.departure-hint,.departure-lock{font-size:12px}
}
@media(max-width:360px){.departure-panel{padding:11px;gap:9px}.departure-overview{grid-template-columns:76px minmax(0,1fr);gap:7px}.departure-hero>canvas{width:72px;height:105px}.departure-slot{gap:4px;padding:5px}.departure-slot>.game-icon,.departure-slot>canvas{width:20px;height:26px}.departure-slot b{font-size:10px}.departure-slot em{font-size:9px}.departure-footer>.btn-primary{font-size:13px}}
@media(max-height:500px) and (min-width:701px){.departure-panel{padding:12px;gap:8px;display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.departure-header{grid-column:1/-1}.departure-header h2{font-size:22px}.departure-header .chapter-label{display:none}.departure-overview{grid-column:1;grid-row:2;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:6px 0;overflow:auto}.departure-hero{flex-direction:column;justify-content:center;text-align:center;gap:3px}.departure-hero>canvas{width:70px;height:85px}.departure-hero b{font-size:20px}.departure-hero small,.departure-hero em{font-size:10px}.departure-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.departure-slot{padding:5px;gap:4px;min-height:50px}.departure-slot>.game-icon,.departure-slot>canvas{width:22px;height:24px}.departure-slot b{font-size:10px}.departure-slot small,.departure-slot em{font-size:9px}.departure-workspace{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:12px}.departure-detail{order:-1;border:0;padding:0}.departure-detail p{margin:6px 0;font-size:12px}.departure-detail h3{font-size:18px}.departure-detail-heading>.game-icon,.departure-detail-heading>canvas{width:40px;height:40px}.departure-footer{grid-column:1/-1;padding-top:7px}.departure-footer>.btn-primary{min-height:44px;font-size:14px;padding:8px 14px}.departure-footer>div{display:flex;align-items:center;gap:15px}.departure-option{min-height:108px}.departure-options{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}