/* A generous graphite case file, framed in the same drawn paper as the menus. */
dialog#project,dialog#inspect{box-sizing:border-box;width:min(1440px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:28px clamp(24px,4vw,68px) 42px;border:16px solid transparent;border-image:url('assets/game-panel.svg') 18 fill / 16px / 0 stretch;border-radius:0;background:transparent;color:#252525;box-shadow:0 15px 65px #0006;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#777 #eeede8;isolation:isolate}
dialog#project::backdrop,dialog#inspect::backdrop{background:#161616a8;backdrop-filter:blur(5px)}
dialog#project>.close,dialog#inspect>.close{position:sticky;float:right;top:0;right:auto;margin:0 -12px -44px 0;width:44px;height:44px;z-index:10}
.work-dossier{background:repeating-linear-gradient(4deg,transparent 0 4px,#33333302 5px 6px);min-width:0}
.dossier-register,.dossier-art-label{display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px/1.5 monospace;letter-spacing:.14em;text-transform:uppercase;color:#666}
.dossier-register{padding-right:55px}
.dossier-rule{display:block;width:100%;height:20px;margin:10px 0 28px;fill:none;stroke:#5e5c58;stroke-width:1;vector-effect:non-scaling-stroke}
.dossier-intro{display:grid;grid-template-columns:minmax(150px,24%) 1fr;align-items:center;gap:clamp(28px,5vw,76px);padding:12px 0 32px}
.dossier-seal{margin:0;display:grid;justify-items:center;gap:15px;transform:rotate(-1.2deg)}
dialog .dossier-seal img{display:block;width:100%;height:180px;max-width:220px;object-fit:contain;margin:0;border:0;mix-blend-mode:multiply}
.dossier-seal figcaption{font:22px/1.2 Caveat,Georgia,serif;color:#666}
.dossier-category{font:12px/1.5 monospace;letter-spacing:.1em;text-transform:uppercase;color:#666}
dialog .dossier-summary h2{font:clamp(38px,4.5vw,70px)/1.03 Pirata,Georgia,serif;margin:8px 0 18px;text-wrap:balance;overflow-wrap:anywhere}
dialog .dossier-description{font:18px/1.65 Georgia,serif;max-width:68ch;text-wrap:pretty}
.dossier-link{display:inline-flex;align-items:center;gap:20px;padding:13px 20px;margin-top:22px;border:10px solid transparent;border-image:url('assets/game-panel.svg') 18 fill / 10px / 0 stretch;font:24px/1.1 Pirata,Georgia,serif;transition:transform .2s}
.dossier-link:hover{transform:translateY(-2px)}
.dossier-link svg,.message-arrow{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.dossier-facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:28px;margin:0 0 34px;padding:22px 0;position:relative}
.dossier-facts::before,.dossier-facts::after{content:"";position:absolute;left:0;right:0;height:3px;background:#6668;clip-path:polygon(0 35%,22% 15%,55% 48%,83% 0,100% 40%,100% 70%,73% 55%,38% 100%,0 70%)}
.dossier-facts::before{top:0}.dossier-facts::after{bottom:0;transform:scaleX(-1)}
.dossier-facts dt{font:12px/1.4 monospace;letter-spacing:.09em;text-transform:uppercase;color:#666;margin-bottom:8px}
.dossier-facts dd{margin:0;font:20px/1.4 Georgia,serif}
.dossier-gallery{display:grid;gap:38px}.dossier-gallery figure{margin:0;min-width:0}
.dossier-mount{position:relative;padding:12px;border:1px solid #696862;border-radius:2px 5px 3px 6px;background:#fff;box-shadow:3px 4px 0 #d8d7d0,4px 5px 0 #92918c}
.dossier-mount::before,.dossier-mount::after{content:"";position:absolute;width:32px;height:14px;top:-6px;background:repeating-linear-gradient(115deg,#dddcd2c0 0 2px,#f0efe8b0 2px 4px);border:1px solid #aaa8;transform:rotate(-26deg);z-index:1}
.dossier-mount::before{left:6px}.dossier-mount::after{right:6px;transform:rotate(23deg)}
dialog .dossier-gallery img{width:100%;height:auto;max-height:none;display:block;margin:0;border:0;background:#fff;object-fit:contain}
.dossier-gallery figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 3px 0;font:18px/1.3 Caveat,Georgia,serif;color:#666}
.dossier-end{text-align:center;font:22px/1.3 Caveat,Georgia,serif;color:#777;margin:46px 0 0}
@media(max-width:700px){dialog#project,dialog#inspect{width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:16px 14px 28px;border-width:10px;border-image-width:10px}.dossier-register{font-size:9px;letter-spacing:.07em;gap:8px}.dossier-register span:last-child{display:none}.dossier-rule{margin:8px 0 16px}.dossier-intro{grid-template-columns:1fr;gap:20px;padding:8px 0 22px}.dossier-seal{gap:7px}dialog .dossier-seal img{height:115px;max-width:170px}.dossier-seal figcaption{font-size:18px}.dossier-summary{text-align:center}.dossier-category{font-size:10px}dialog .dossier-description{font-size:16px;line-height:1.55}.dossier-link{font-size:22px;padding:9px 15px}.dossier-facts{grid-template-columns:1fr;gap:15px;margin-bottom:25px;padding:18px 0}.dossier-facts>div{display:grid;grid-template-columns:90px 1fr;gap:10px}.dossier-facts dt{font-size:10px;margin:4px 0}.dossier-facts dd{font-size:16px}.dossier-art-label{font-size:10px}.dossier-gallery{gap:26px}.dossier-mount{padding:5px}.dossier-gallery figcaption{font-size:16px}.dossier-gallery figcaption span:last-child{text-align:right}}
/* Override the old generic dialog metadata rows in both entry points. */
dialog .dossier-facts>div{display:block;padding:0;border:0}
dialog .dossier-facts dd{text-align:left}
@media(max-width:700px){dialog .dossier-facts>div{display:grid;grid-template-columns:90px 1fr;gap:10px}}
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
.dossier-link{text-decoration:none}
@media(max-width:700px){.handheld-scene dialog#inspect{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;padding:16px 14px 28px}}

/* Keep paper inside its irregular outline, with drawn archival details. */
.work-dossier{position:relative;background:repeating-linear-gradient(4deg,transparent 0 4px,#33333302 5px 6px),radial-gradient(ellipse at 7% 3%,#74664a0b,transparent 42%)}
.dossier-seal{position:relative;padding:24px 12px 18px}
.dossier-seal::before{content:"";position:absolute;inset:0 3px 14px;border:1px solid #5558;border-radius:47% 51% 46% 53%;transform:rotate(-5deg);pointer-events:none}
.dossier-seal::after{content:"";position:absolute;inset:5px 8px 19px;border:1px solid #7775;border-radius:49% 45% 53% 47%;transform:rotate(4deg);pointer-events:none}
.dossier-category{font-family:Caveat,Georgia,serif;font-size:20px;letter-spacing:.02em;text-transform:none}
.dossier-register{font-size:11px}
.dossier-mount{border:0;border-radius:0;background:transparent;box-shadow:none;padding:13px;border-image:url('assets/game-panel.svg') 18 fill / 9px / 0 stretch}
.dossier-mount::before,.dossier-mount::after{width:24px;height:18px;top:0;background:repeating-linear-gradient(125deg,#5b585322 0 1px,#ebeae399 1px 4px);border-color:#625f5766}
.dossier-end::before{content:"";display:block;width:90px;height:16px;margin:0 auto 14px;background:url('assets/ui/relic-placard.svg') center/100% 100% no-repeat;opacity:.55}
@media(max-width:700px){.dossier-category{font-size:19px}.dossier-seal{width:min(230px,100%);margin:auto}.dossier-mount{padding:8px}}