@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&display=swap";.black-bag{--orange: #f15a24;--bone: #ece9df;--line: rgba(236,233,223,.16);position:relative;width:100%;height:100dvh;overflow:hidden;background:#070807;color:var(--bone);font-family:Manrope,sans-serif}.black-bag *,.black-bag *:before,.black-bag *:after{box-sizing:border-box}.black-bag button,.black-bag a{font:inherit}.black-bag__viewport{position:absolute;inset:0}.black-bag__viewport canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.black-bag[data-inspection=true] .black-bag__viewport canvas{cursor:grab}.black-bag[data-inspection=true] .black-bag__viewport canvas:active{cursor:grabbing}.black-bag__grain{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.black-bag__masthead{position:absolute;z-index:8;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#070807e0,#0708072e);font:400 9px/1 DM Mono,monospace;letter-spacing:.16em}.black-bag__masthead a{display:flex;align-items:center;gap:10px;width:max-content;color:var(--bone);text-decoration:none}.black-bag__masthead a span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);font-size:8px}.black-bag__masthead a i{width:18px;height:1px;background:var(--orange)}.black-bag__masthead p{margin:0;color:#a6a69f}.black-bag__masthead p b{margin-left:12px;color:var(--bone);font-weight:500}.black-bag__masthead>span{justify-self:end;color:#676862}.black-bag__dossier{position:absolute;z-index:6;top:50%;left:clamp(26px,4.8vw,82px);width:min(410px,31vw);transform:translateY(-50%);animation:bb-copy-in .72s cubic-bezier(.2,.8,.2,1) both}@keyframes bb-copy-in{0%{opacity:0;transform:translate3d(-18px,-48%,0)}}.black-bag__dossier>p:first-child{display:flex;align-items:center;gap:10px;margin:0;color:var(--orange);font:500 8px/1 DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.black-bag__dossier>p:first-child i{width:30px;height:1px;background:#f15a24a6}.black-bag__dossier h1{max-width:390px;margin:18px 0 0;color:var(--bone);font-size:clamp(36px,4.2vw,66px);font-weight:500;line-height:.93;letter-spacing:-.055em}.black-bag__summary{max-width:360px;margin:22px 0 0;color:#c1c0b8;font-size:12px;line-height:1.65}.black-bag__dossier dl{margin:28px 0 0;border-top:1px solid var(--line)}.black-bag__dossier dl div{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.black-bag__dossier dt{color:#70716c;font:400 7px/1.4 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.black-bag__dossier dd{margin:0;color:#aeada6;font-size:9px;line-height:1.5}.black-bag__dossier>button{display:flex;align-items:center;justify-content:space-between;width:174px;margin-top:20px;padding:11px 12px;border:1px solid rgba(241,90,36,.55);background:#f15a2412;color:var(--bone);font:500 8px/1 DM Mono,monospace;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.black-bag__dossier>button:hover,.black-bag__dossier>button:focus-visible{outline:1px solid var(--orange);outline-offset:3px;background:#f15a2426}.black-bag__evidence{position:absolute;z-index:5;top:100px;right:clamp(24px,4vw,70px);width:clamp(190px,17vw,280px);margin:0;padding:8px;border:1px solid rgba(236,233,223,.2);background:#0d0f0ebd;box-shadow:0 24px 80px #0000006b;transform:rotate(1.4deg);backdrop-filter:blur(16px);animation:bb-evidence-in .8s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes bb-evidence-in{0%{opacity:0;transform:translate3d(18px,-8px,0) rotate(3deg)}}.black-bag__evidence>div{display:flex;justify-content:space-between;padding:2px 1px 8px;color:#858680;font:400 6px/1 DM Mono,monospace;letter-spacing:.12em}.black-bag__evidence img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;filter:saturate(.64) contrast(1.08)}.black-bag__evidence figcaption{padding:8px 1px 2px;color:#676862;font:400 6px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.black-bag__controls{position:absolute;z-index:10;bottom:max(22px,env(safe-area-inset-bottom));left:50%;display:grid;justify-items:center;transform:translate(-50%)}.black-bag__status{margin-bottom:7px;padding:6px 10px;border:1px solid var(--line);background:#080908b3;color:#777872;font:400 6px/1 DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(12px)}.black-bag__control-row{display:flex;height:38px;align-items:stretch;border:1px solid rgba(236,233,223,.22);background:#0a0b0ad1;box-shadow:0 12px 34px #00000061;backdrop-filter:blur(18px)}.black-bag__control-row button{min-width:40px;padding:0 13px;border:0;border-right:1px solid var(--line);background:transparent;color:#b4b3ac;font:400 8px/1 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.black-bag__control-row button:hover,.black-bag__control-row button:focus-visible{outline:0;background:#f15a241f;color:#fff}.black-bag__control-row>span{display:flex;min-width:72px;align-items:center;justify-content:center;color:#666762;font:400 7px/1 DM Mono,monospace}.black-bag__control-row>span b{color:var(--bone);font-weight:500}.black-bag__control-row>i{width:1px;margin:8px 0;background:#f15a248c}.black-bag__control-row button span{margin-left:7px;color:#666762;font-size:6px}.black-bag__controls small{margin-top:8px;color:#60615c;font:400 6px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.black-bag__inspection-label{position:absolute;z-index:7;top:92px;left:50%;display:grid;justify-items:center;opacity:0;transform:translate(-50%,-8px);transition:opacity .35s,transform .35s;pointer-events:none}.black-bag__inspection-label span{color:var(--orange);font:400 7px/1 DM Mono,monospace;letter-spacing:.14em}.black-bag__inspection-label strong{margin-top:9px;color:var(--bone);font-size:14px;font-weight:500}.black-bag[data-inspection=true] .black-bag__inspection-label{opacity:1;transform:translate(-50%)}.black-bag[data-inspection=true] .black-bag__dossier,.black-bag[data-inspection=true] .black-bag__evidence{opacity:0;pointer-events:none;transition:opacity .3s}.black-bag__loader,.black-bag__error{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;background:#080908}.black-bag__loader>span,.black-bag__error>span{color:var(--orange);font:400 7px/1 DM Mono,monospace;letter-spacing:.18em}.black-bag__loader strong,.black-bag__error strong{margin-top:16px;font-size:13px;font-weight:500}.black-bag__loader>div{width:220px;height:1px;margin-top:25px;background:#292a27}.black-bag__loader>div i{display:block;width:100%;height:100%;transform-origin:left;background:var(--orange);transition:transform .35s}.black-bag__loader small{margin-top:9px;color:#666762;font:400 6px/1 DM Mono,monospace}.black-bag__error p{max-width:420px;color:#858680;font-size:11px;line-height:1.6;text-align:center}.black-bag__error button{padding:10px 14px;border:1px solid var(--line);background:transparent;color:var(--bone);font:400 8px/1 DM Mono,monospace;cursor:pointer}@media(max-width:900px){.black-bag__masthead{grid-template-columns:1fr auto;padding:0 16px}.black-bag__masthead p{display:none}.black-bag__dossier{top:auto;bottom:108px;left:18px;width:calc(100vw - 36px);transform:none}.black-bag__dossier h1{max-width:72vw;font-size:clamp(34px,11vw,54px)}.black-bag__summary{max-width:80vw;margin-top:12px}.black-bag__dossier dl,.black-bag__dossier>button{display:none}.black-bag__evidence{top:78px;right:16px;width:132px}.black-bag__controls{bottom:16px;width:calc(100vw - 24px)}.black-bag__control-row{max-width:100%}.black-bag__control-row button{min-width:34px;padding:0 9px}.black-bag__controls small{display:none}}@media(prefers-reduced-motion:reduce){.black-bag *,.black-bag *:before,.black-bag *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}