/* A full-size illustrated record book; the compact cockpit stays dedicated to flight. */
dialog.mission-log-dialog{position:fixed;width:min(540px,calc(100vw - 10px),calc((100dvh - 14px)*941/1672));height:auto;aspect-ratio:941/1672;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;color:#e4f6ff}
.mission-log-dialog::backdrop{background:#010711e8;backdrop-filter:blur(7px)}
.mission-log-dialog #dialog-content,.mobile-log{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.mobile-log{container-type:inline-size;font-family:var(--font,'Bahnschrift',Arial,sans-serif)}
.mobile-log-art{position:absolute;inset:0;pointer-events:none;user-select:none}
.mobile-log-art img{width:100%;height:100%;object-fit:contain;display:block}
.mobile-log-heading{position:absolute;left:15%;right:25%;top:5.4%;height:4.8%;display:grid;place-items:center}
.mission-log-dialog #dialog-content .mobile-log-heading h1{font-size:clamp(17px,5.4cqw,26px);line-height:1;letter-spacing:.08em;margin:0;white-space:nowrap;text-shadow:0 0 14px #4ebfff66}
.mission-log-dialog>.dialog-close{z-index:3;position:absolute;top:7.8%;right:10.5%;width:44px;height:44px;padding:0;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:#91e9ff;font:30px/1 Arial,sans-serif;box-shadow:none}
.mission-log-dialog>.dialog-close:active:not(:disabled){transform:translateY(-50%) scale(.96)}
.mobile-log-tabs{position:absolute;left:12%;right:12%;top:12.3%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mission-log-dialog #dialog-content .mobile-log-tabs button{min-width:0;min-height:44px;margin:0;padding:7px 3px;border:1px solid #3a7899;border-radius:4px;background:#061c2e;color:#91b8cb;letter-spacing:.01em;font-size:clamp(11px,3.3cqw,15px);line-height:1.2;font-weight:700}
.mission-log-dialog #dialog-content .mobile-log-tabs button[aria-selected=true]{border-color:#70e6ff;background:#12425b;color:#e6fcff;box-shadow:inset 0 0 16px #35bff126,0 0 12px #22aaff20}
.mobile-log-page{position:absolute;left:12%;right:12%;top:22%;bottom:16%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3984a7 #031421;touch-action:pan-y;padding:0 3px 5px}
.mission-log-dialog #dialog-content .mobile-log-summary{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.06em;color:#95bacd;margin:0 0 10px}
.mission-log-dialog #dialog-content .mobile-log-collection-list,.mission-log-dialog #dialog-content .mobile-log-flight-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mission-log-dialog #dialog-content .mobile-log-receipt{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:66px;padding:8px 9px;border:1px solid #316585;border-radius:4px;background:linear-gradient(115deg,#0c2a40ed,#061725f5);box-shadow:inset 0 1px #8ac4dd17}
.mobile-log-item-art{display:block;width:42px;height:42px;background-image:url('../../public/assets/ui-v6/collection-icons.png');background-size:var(--icon-background-size);background-position:var(--icon-background-position);background-repeat:no-repeat;filter:drop-shadow(0 0 5px #62caff35)}
.mobile-log-item-art.nuclear,.mobile-log-item-art[data-type=nuclear]{background-image:url('../../public/assets/ui-v11/nuclear-canister.png')}
.mobile-log-receipt-copy{min-width:0}
.mission-log-dialog #dialog-content .mobile-log-receipt-copy strong{display:block;color:var(--log-accent);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.01em;overflow-wrap:anywhere}
.mission-log-dialog #dialog-content .mobile-log-receipt-copy small{display:block;margin-top:5px;color:#a3c2d2;font-size:10px;line-height:1.3;letter-spacing:.02em}
.mobile-log-receipt-value{color:var(--log-accent);font-size:15px;line-height:1.2;text-align:right;white-space:nowrap}
.mission-log-dialog #dialog-content .mobile-log-flight{min-height:92px;padding:11px 12px;border:1px solid #3b6573;border-radius:4px;background:#071c2a}
.mobile-log-flight-heading,.mobile-log-flight-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mission-log-dialog #dialog-content .mobile-log-flight-heading strong{font-size:12px;font-weight:800;letter-spacing:.07em;color:#caffad}
.mobile-log-flight-heading b{font-size:23px;line-height:1.1;color:#e7ffd5}
.mobile-log-flight.is-lost .mobile-log-flight-heading strong,.mobile-log-flight.is-lost .mobile-log-flight-heading b{color:#ffb59c}
.mission-log-dialog #dialog-content .mobile-log-flight p{font-size:11px;line-height:1.4;color:#d2e9f3;margin:7px 0 10px}
.mobile-log-flight-meta{font-size:9px;line-height:1.3;color:#93b3c5}
.mission-log-dialog #dialog-content .mobile-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:240px;padding:18px 8px;color:#d6f2ff}
.mobile-log-empty img{display:block;width:110px;height:110px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 0 20px #258bad40)}
.mission-log-dialog #dialog-content .mobile-log-empty strong{font-size:15px;line-height:1.4}
.mission-log-dialog #dialog-content .mobile-log-empty p{font-size:13px;line-height:1.5;color:#93b8cd;margin:10px 0 0}
.mission-log-dialog #dialog-content .mobile-log-return{position:absolute;left:17%;right:17%;top:87.5%;height:5.7%;min-height:44px;margin:0;padding:0 6px;background:transparent;border:0;color:#dcf6ff;font-size:clamp(12px,3.7cqw,18px);line-height:1;font-weight:800;letter-spacing:.08em}
.mission-log-dialog button:focus-visible,.mobile-log-page:focus-visible{outline:2px solid #c8f9ff;outline-offset:2px}
@media(max-width:360px){.mission-log-dialog #dialog-content .mobile-log-receipt{grid-template-columns:34px minmax(0,1fr) auto;gap:5px;padding:8px 6px}.mobile-log-item-art{width:34px;height:34px}.mission-log-dialog #dialog-content .mobile-log-receipt-copy strong{font-size:10px}.mobile-log-receipt-value{font-size:13px}.mission-log-dialog #dialog-content .mobile-log-receipt-copy small{font-size:9px}.mobile-log-tabs{top:12%}.mobile-log-page{top:22.5%}}
@media(min-aspect-ratio:1/1){
 dialog.mission-log-dialog{width:min(800px,calc(100vw - 18px),calc((100dvh - 18px)*1.5));aspect-ratio:3/2}
 .mobile-log-heading{top:7%;height:6%;left:15%;right:25%}
 .mission-log-dialog>.dialog-close{top:10%;right:11%}
 .mission-log-dialog #dialog-content .mobile-log-heading h1{font-size:21px}
 .mobile-log-tabs{top:17%;left:14%;right:14%}
 .mobile-log-page{top:32%;bottom:19%;left:13%;right:13%}
 .mobile-log-collection-list,.mission-log-dialog #dialog-content .mobile-log-flight-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-log-empty{grid-column:1/-1;min-height:145px;padding:0 12px}.mobile-log-empty img{width:65px;height:65px;margin-bottom:8px}
 .mission-log-dialog #dialog-content .mobile-log-return{top:83%;height:9%;font-size:14px}
}