.mission-dialog{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#142653;outline:none}
.mission-dialog::backdrop{background:transparent}
.mission-dialog[open]{display:grid;place-items:center}
.mission-window{width:min(86svh,calc(100vw - 36px),860px);height:min(88.3333svh,900px);display:flex;flex-direction:column;background:#fff7df;border:3px solid #142653;border-radius:8px;box-shadow:7px 7px 0 #fb8ac1,7px 7px 0 3px #142653;overflow:hidden;isolation:isolate;container-type:inline-size;transform-origin:center}
.mission-titlebar{position:relative;flex:0 0 37px;display:grid;grid-template-columns:22px 1fr 22px;gap:15px;align-items:center;padding:5px 10px;border-bottom:3px solid #142653;background:repeating-linear-gradient(to bottom,#ff9bcc 0 2px,#142653 2px 2.75px,#ff9bcc 2.75px 5px)}
.mission-window-label{font:400 14px/24px System,Arial,sans-serif;text-align:center;border:1.5px solid #142653;background:#fff7df}
.mission-close{display:grid;place-items:center;width:21px;height:21px;padding:0;background:#fff7df;border:2px solid #142653;border-radius:0;color:#142653;cursor:pointer;font:400 26px/17px Arial,sans-serif}
.mission-close span{position:relative;top:-1px}
.mission-close:hover{background:#54c9ff}
.mission-close:active{background:#fb8ac1}
.mission-close:focus-visible{outline:2px dashed #142653;outline-offset:3px}
.mission-zoom{width:21px;height:20px;border:2px solid #142653;background:linear-gradient(to bottom,#bbddff 0 4px,#142653 4px 5.5px,#bbddff 5.5px)}
.mission-scroll{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;outline:none}
.mission-scroll:focus-visible{box-shadow:inset 0 0 0 2px #54c9ff}
.mission-scroll::-webkit-scrollbar{width:15px}
.mission-scroll::-webkit-scrollbar-track{background:repeating-linear-gradient(135deg,#fff7df 0 3px,#e8e2cb 3px 4px);border-left:2px solid #142653}
.mission-scroll::-webkit-scrollbar-thumb{background:#54c9ff;border:2px solid #142653;border-radius:2px;box-shadow:inset 2px 2px #e9fbff}
@supports not selector(::-webkit-scrollbar){.mission-scroll{scrollbar-color:#54c9ff #fff7df}}
.mission-content{padding:20px clamp(22px,4.4cqw,38px) 34px}
.mission-artwork{display:grid;grid-template-columns:2.08fr 1fr 2.08fr;gap:8px;align-items:end; margin:0 -8px}
.mission-artwork img{display:block;width:100%;height:auto;object-fit:contain}
.mission-arch{padding-bottom:4px}
.mission-window h1{margin:22px 0 29px;text-align:center;font:700 clamp(32px,8.4cqw,68px)/1.06 Prophet,Arial,sans-serif;letter-spacing:-.02em;color:#000;transform:translateY(.13em)}
.mission-copy{max-width:38em;margin:auto;font:400 clamp(17px,3cqw,23px)/1.5 System,Arial,sans-serif;letter-spacing:0}
.mission-copy p{margin:0 0 1.35em}
.mission-copy p:last-child{margin-bottom:0}
.mission-copy a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.mission-copy a:hover{background:#ffe45c;color:#142653}
.mission-copy a:focus-visible{outline:2px solid #142653;outline-offset:3px;background:#ffe45c}
.mission-foot{position:relative;flex:0 0 18px;border-top:1px solid #142653;margin:0 9px}
.mission-foot span{position:absolute;right:-3px;bottom:3px;width:14px;height:12px;background:repeating-linear-gradient(135deg,transparent 0 3px,#142653 3px 4.5px,transparent 4.5px 7px);clip-path:polygon(100% 0,100% 100%,0 100%)}
.mission-dialog[data-transition] .mission-window{will-change:transform,opacity}
body.mission-window-open #roof{visibility:hidden}
body.mission-window-open .room .glow-image{display:none}
body.mission-window-open .room .creature{animation:none}
body.mission-window-open .room .base-image{filter:none}
@media(max-width:600px){.mission-window{height:calc(100svh - 40px)}.mission-content{padding-top:16px}.mission-window h1{margin:20px 0 24px}.mission-titlebar{gap:8px}.mission-artwork{gap:4px}}