.odv-panel{box-sizing:border-box;min-width:0;width:100%;max-width:none;grid-column:1/-1;padding:16px;margin:14px 0;border:1px solid #b9bca5;border-top:3px solid #b98c57;border-radius:8px;background:#f5f2e7;color:#294a50;font:15px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.odv-panel h3,.odv-panel h4{color:#294a50;font:normal 24px/1.25 Georgia,serif;margin:0 0 9px}.odv-panel h4{font-size:21px}.odv-panel p{font:14px/1.5 Arial,sans-serif;color:#3b5557;margin:9px 0;opacity:1}.odv-panel>summary{font-size:17px;font-weight:700;min-height:44px;padding:8px 0;cursor:pointer}.odv-panel button,.odv-panel select{min-height:44px;max-width:100%;padding:10px 12px;font:14px/1.35 Arial,sans-serif;white-space:normal;box-sizing:border-box}.odv-panel button{margin:5px 5px 5px 0}.odv-panel :focus-visible,.odv-flight :focus-visible{outline:3px solid #a75d24;outline-offset:3px}.odv-panel button[aria-pressed=true]{background:#284b50;color:#fff5db;border-color:#284b50}.odv-panel small{display:block;font:12px/1.5 Arial,sans-serif;color:#5b6c63;margin:7px 0}.odv-intro{max-width:88ch}.odv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.odv-three{grid-template-columns:repeat(3,minmax(0,1fr))}.odv-card{min-width:0;padding:14px;background:#fffdf4;border:1px solid #bcc7b6;border-radius:6px}.odv-card .odv-state,.odv-state{display:block;font:700 12px/1.5 Arial,sans-serif;color:#496b58;margin:8px 0;letter-spacing:.03em}.odv-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}.odv-facts>div{border-left:2px solid #b59c6e;padding-left:10px;min-width:0}.odv-facts dt{font:700 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#6d715a}.odv-facts dd{margin:5px 0 0;font:14px/1.4 Arial,sans-serif;color:#294a50}.odv-lock{border-left:3px solid #c29854;padding-left:9px}.odv-panel label{display:block;font-weight:700;margin:10px 0}.odv-panel select{display:block;width:100%;margin-top:6px;background:#fffdf5;color:#294a50;border:1px solid #8c9e94;border-radius:4px}.odv-scope,.odv-partner{padding:10px;background:#e7ecdf;border-left:3px solid #92aa90}.odv-receipt,.odv-report{padding:12px;border-left:3px solid #9aaa86;background:#e7eddf;font:13px/1.5 Arial,sans-serif;color:#294a50}.odv-report p{font:13px/1.5 Arial,sans-serif;color:#294a50}.odv-report button{min-height:44px}.odv-reward-grid .odv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.odv-illustration{height:66px;width:100%;margin-bottom:12px}.odv-illustration svg{display:block;width:100%;height:100%;object-fit:contain}#odv-open{white-space:nowrap}#fleet-threat-flight #odv-flight-tier{display:block;font:700 10px/1.3 Arial,sans-serif;color:#e8c884;letter-spacing:.02em}#fleet-threat-flight #odv-flight-tier[data-tier="0"]{color:#b7cbd1}
.odv-flight{position:absolute;left:12px;top:72px;width:min(440px,calc(100% - 180px));padding:10px;background:#19333ef5;border:1px solid #c1b28c;border-radius:8px;z-index:7;color:#f7edcf;font:13px/1.4 Arial,sans-serif;box-sizing:border-box}.odv-flight>strong,.odv-flight>span,.odv-flight>small{display:block}.odv-flight>small{font-size:11px}.odv-flight button,.odv-flight summary{font:12px/1.4 Arial,sans-serif;min-height:44px;padding:8px}.odv-flight-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.odv-flight details{margin:0}.odv-flight details[open]{border:1px solid #aabca9;background:#19333e;padding:6px}.odv-flight #odv-flight-toggle{display:none}.odv-flight[data-compact=true]>small,.odv-flight[data-compact=true]>.odv-flight-actions{display:none}#field:has(#odv-flight) #journal-flight{display:none}
@media(max-width:1050px){.odv-three{grid-template-columns:1fr}.odv-three .odv-card{padding:12px}.odv-illustration{float:right;width:120px;max-width:35%;margin-left:10px}.odv-card:after{content:'';display:block;clear:both}}
@media(max-width:760px){.odv-panel{padding:12px}.odv-grid{grid-template-columns:1fr}.odv-facts{grid-template-columns:1fr;gap:8px}.odv-facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;align-items:baseline}.odv-facts dd{margin:0}.odv-panel select{font-size:16px}.odv-reward-grid .odv-facts{grid-template-columns:1fr}#odv-open{padding:8px 10px;font-size:11px}#fleet-threat-flight #odv-flight-tier{font-size:8px;max-width:90px;white-space:nowrap}.odv-flight{left:8px;top:64px;width:calc(100% - 150px);font-size:12px;padding:7px}}
@media(max-width:900px),(max-height:500px){.odv-flight{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:2px 6px}.odv-flight>strong{grid-column:1;grid-row:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.odv-flight>span{grid-column:1;grid-row:2;font-size:11px}.odv-flight>small,.odv-flight>.odv-flight-actions{grid-column:1/-1}.odv-flight #odv-flight-toggle{display:block;grid-column:2;grid-row:1/3;align-self:center;width:44px;font-size:20px;padding:4px}.odv-flight-actions>button{flex:1}}
@media(max-height:500px) and (orientation:landscape){.odv-flight{width:min(320px,calc(50% - 60px))}.odv-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.odv-facts>div{display:block}}
@media(min-width:901px) and (min-height:551px){.space[data-mode=flight]:has(#odv-flight) #callout{left:195px!important;right:auto!important;transform:none!important;max-width:calc(100% - 220px)!important;width:min(640px,calc(100% - 220px))!important}}
@media(prefers-reduced-motion:reduce){.odv-panel *,.odv-flight *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Cream recovery cards sit inside the dark Lucky Breaks panel. Override its
   inherited important text colors here without changing the surrounding drafts. */
#odv-rewards h3,#odv-rewards h4{color:#294a50!important}
#odv-rewards p{color:#3b5557!important}
@media(max-height:500px) and (orientation:landscape){.space[data-mode=flight]:has(#odv-flight) #callout{left:145px!important;right:145px!important;transform:none!important;width:auto!important;max-width:none!important;bottom:64px!important;top:auto!important;font-size:11px!important}.space[data-mode=flight]:has(#odv-flight-tier[data-tier="1"],#odv-flight-tier[data-tier="2"]) #flight-status{right:180px}}

#odv-departure>.odv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){#odv-departure>.odv-grid{grid-template-columns:1fr}}
