@font-face{font-family:DoobieDisplay;src:url('assets/bebas-neue.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark}
body.dd-locker-page{margin:0;background:#07100b;color:#f4eddc;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.dd-locker-page *{box-sizing:border-box}
.dd-locker-page a{color:inherit}
.dd-locker-page a:focus-visible,.dd-locker-page button:focus-visible,.dd-locker-page summary:focus-visible{outline:2px solid #e4c481;outline-offset:3px}
.dd-locker-shell{width:min(100% - 64px,1200px);margin-inline:auto}
.dd-locker-skip{position:absolute;left:16px;top:-80px;z-index:60;padding:12px 16px;background:#e4c481;color:#07100b!important}
.dd-locker-skip:focus{top:12px}

.dd-locker-scene{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:#07100b}
.dd-locker-scene:before{content:"";position:absolute;inset:0 0 auto;z-index:-2;height:620px;background:url('assets/apothecary-poster-720p.jpg') 72% 43%/cover no-repeat;opacity:.56}
.dd-locker-scene:after{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:620px;background:linear-gradient(90deg,#07110cf9 0%,#07110ce9 35%,#07110c7a 100%),linear-gradient(0deg,#07110c 0%,transparent 45%)}
.dd-locker-layout{position:relative;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:36px;padding-top:48px;padding-bottom:70px}
.dd-locker-content{min-width:0}
.dd-locker-overline{margin:0;color:#e4c481;font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.dd-locker-content h1,.dd-locker-record h2,.dd-locker-answer,.dd-locker-answer-unit,.dd-locker-chart-id strong,.dd-locker-tab span,.dd-locker-timer strong{font-family:DoobieDisplay,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.dd-locker-content h1{margin:14px 0 10px;font-size:clamp(60px,6.8vw,86px);line-height:.92;text-shadow:0 4px 19px #0009}
.dd-locker-content h1 span{color:#e4c481}
.dd-locker-deck{max-width:450px;margin:0 0 27px;color:#f1f0e3;font-size:15px;line-height:1.5;text-shadow:0 2px 9px #000}
.dd-locker-micro{align-self:end;margin:0 0 40px;color:#e7eadf;text-align:right;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.8;text-shadow:0 2px 9px #000}
.dd-locker-micro span{display:block;color:#e4c481}

.dd-locker-board{--paper-ink:#223427;--paper-muted:#5d6b5d;--paper-rule:#7b8a7155;position:relative;max-width:520px;padding:25px 13px 15px;border:2px solid #9d774c;border-radius:15px 15px 18px 18px;background:linear-gradient(145deg,#775233,#3d2b1c 75%);box-shadow:0 28px 65px #000a,inset 0 0 0 3px #241b13,inset 0 0 0 5px #b18a5744;color:var(--paper-ink)}
.dd-locker-paper{position:relative;min-height:410px;padding:31px 27px 25px;border:1px solid #fffbef;border-radius:2px 2px 4px 4px;background:linear-gradient(110deg,#fff9e9,#f6eedc 35%,#f2e7d0);box-shadow:0 2px 0 #d9cdb7,0 5px 0 #a99a7e,0 9px 17px #0007,inset 0 0 0 1px #dfd2bb}
.dd-locker-clip{position:absolute;top:-17px;left:50%;z-index:3;width:164px;height:60px;transform:translateX(-50%);pointer-events:none}
.dd-locker-clip-arch{position:absolute;top:0;left:50%;width:68px;height:34px;transform:translateX(-50%);border:1px solid #59625f;border-radius:37px 37px 7px 7px;background:linear-gradient(90deg,#89918e,#f2f2ec 44%,#aeb6b2 70%,#747e79);box-shadow:inset 0 2px 2px #fff9}
.dd-locker-clip-hole{position:absolute;top:7px;left:50%;z-index:2;width:13px;height:13px;transform:translateX(-50%);border-radius:50%;background:#263129;box-shadow:inset 0 2px 3px #000b,0 1px 0 #fff9}
.dd-locker-clip-bar{position:absolute;left:0;bottom:2px;width:100%;height:27px;border:1px solid #68736c;border-radius:5px 5px 8px 8px;background:linear-gradient(#eef1e9,#b1bab3 35%,#77837b 55%,#cbd3ca 78%,#89948c);box-shadow:inset 0 2px 1px #fff,0 4px 6px #0008}
.dd-locker-clip-bar:before,.dd-locker-clip-bar:after{content:"";position:absolute;top:10px;width:6px;height:6px;border-radius:50%;background:#6d7770;box-shadow:inset 0 1px 1px #2b352e,0 1px 1px #f5f8ee}
.dd-locker-clip-bar:before{left:17px}.dd-locker-clip-bar:after{right:17px}
.dd-locker-chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid var(--paper-rule)}
.dd-locker-chart-id{display:flex;align-items:center;gap:11px;min-width:0}
.dd-locker-rx{color:#a23529;font:italic 35px/1 Georgia,serif}
.dd-locker-chart-id strong{font-size:25px;letter-spacing:.04em;line-height:1}
.dd-locker-chart-top small{color:var(--paper-muted);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-align:right;white-space:nowrap}
.dd-locker-pool{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:10px 0;border-bottom:1px solid var(--paper-rule);color:var(--paper-ink)!important;text-decoration:none}
.dd-locker-pool strong{font:400 21px/1 DoobieDisplay,Impact,sans-serif;letter-spacing:.03em;white-space:nowrap}
.dd-locker-pool>span{color:#9b322a;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.dd-locker-pool:hover>span{text-decoration:underline;text-underline-offset:3px}
.dd-locker-tabs{display:none;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--paper-rule)}
.dd-locker-board.is-interactive .dd-locker-tabs{display:grid}
.dd-locker-tab{min-height:56px;padding:12px 8px 11px 0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--paper-muted);font:700 12px/1.3 Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.dd-locker-tab:not(:first-child){padding-left:14px;border-left:1px solid var(--paper-rule)}
.dd-locker-tab:hover,.dd-locker-tab[aria-selected="true"]{color:var(--paper-ink)}
.dd-locker-tab[aria-selected="true"]{border-bottom-color:#a23529}
.dd-locker-tab span{display:block;margin-bottom:2px;color:#a23529;font-size:21px;line-height:1}
.dd-locker-panel:not(:first-of-type){border-top:1px solid var(--paper-rule)}
.dd-locker-board.is-interactive .dd-locker-panel{display:flex;flex-direction:column;min-height:360px;border-top:0}
.dd-locker-board.is-interactive .dd-locker-panel[hidden]{display:none}
.dd-locker-board.is-interactive .dd-locker-evidence{margin-top:auto}
.dd-locker-answer-area{min-height:205px;padding:23px 0 17px}
.dd-locker-answer-label{margin:0 0 11px;color:var(--paper-muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dd-locker-answer{margin:0;color:var(--paper-ink);font-size:clamp(36px,4.9vw,59px);line-height:1;overflow-wrap:anywhere}
.dd-locker-answer-unit{margin:2px 0 0;color:#9b322a;font-size:25px;letter-spacing:.02em}
.dd-locker-answer-copy{max-width:445px;margin:14px 0 0;color:var(--paper-muted);font-size:13px;line-height:1.5}
.dd-locker-timer{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0 14px;border-top:1px solid var(--paper-rule)}
.dd-locker-timer small{color:var(--paper-muted);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.dd-locker-timer strong{color:#9b322a;font-size:25px;letter-spacing:.04em;line-height:1;white-space:nowrap}
.dd-locker-evidence{display:flex;align-items:center;justify-content:space-between;gap:19px;padding-top:15px;border-top:1px solid var(--paper-rule)}
.dd-locker-evidence-code{min-width:0}
.dd-locker-evidence-code small{display:block;margin-bottom:5px;color:var(--paper-muted);font-size:10px;font-weight:700;letter-spacing:.12em}
.dd-locker-evidence-code code{display:block;padding:0;border:0;background:transparent;color:var(--paper-ink);font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.dd-locker-open{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:3px;min-height:38px;padding:9px 11px;border:1px solid #9b322a;color:#9b322a!important;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
.dd-locker-open:hover{background:#9b322a;color:#fff2de!important}
.dd-locker-scope{max-width:520px;margin-top:15px;border-top:1px solid #e4c48166;border-bottom:1px solid #e4c48166;background:#07100bcc}
.dd-locker-scope summary,.dd-locker-record-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer}
.dd-locker-scope summary::-webkit-details-marker,.dd-locker-record-details summary::-webkit-details-marker{display:none}
.dd-locker-scope summary{min-height:45px;color:#f4eddc;font-size:12px;font-weight:700;letter-spacing:.03em}
.dd-locker-scope summary span,.dd-locker-record-details summary span{color:#e4c481;font-size:20px;font-weight:400}
.dd-locker-scope[open] summary span,.dd-locker-record-details[open] summary span{transform:rotate(45deg)}
.dd-locker-scope p{max-width:500px;margin:0 0 18px;color:#c9d2c4;font-size:12px;line-height:1.6}

.dd-locker-record{padding-top:64px;padding-bottom:84px}
.dd-locker-record-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.dd-locker-record-heading h2{margin:9px 0 0;font-size:clamp(50px,5.6vw,72px);line-height:.95}
.dd-locker-record-heading>p{max-width:390px;margin:0;color:#b9c1b4;font-size:14px;line-height:1.6}
.dd-locker-record-details{border-top:1px solid #c8bd8c66;border-bottom:1px solid #c8bd8c66}
.dd-locker-record-details summary{min-height:58px;color:#e4c481;font-size:13px;font-weight:700;letter-spacing:.03em}
.dd-locker-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;padding-bottom:16px}
.dd-locker-record-grid>div{min-width:0;padding:21px 0;border-top:1px solid #c8bd8c38}
.dd-locker-record-grid strong{display:block;margin-bottom:10px;color:#d7c48a;font-size:10px;letter-spacing:.17em}
.dd-locker-record-grid a{color:#eef0e0;text-decoration:none;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.dd-locker-record-grid a:hover{color:#e4c481;text-decoration:underline}
.dd-locker-record-grid p{margin:0;color:#b9c1b4;font-size:13px;line-height:1.6}
.dd-locker-record-grid p a{font:inherit;color:#e4c481;text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){.dd-locker-shell{width:min(100% - 42px,1200px)}.dd-locker-layout{grid-template-columns:minmax(0,520px) 1fr}.dd-locker-micro{display:none}}
@media(max-width:700px){.dd-locker-shell{width:min(100% - 34px,1200px)}.dd-locker-scene:before{height:500px;background-position:68% center;opacity:.3}.dd-locker-scene:after{height:500px;background:linear-gradient(90deg,#07110cf5,#07110cb8),linear-gradient(0deg,#07110c,transparent 50%)}.dd-locker-layout{display:block;padding-top:64px;padding-bottom:50px}.dd-locker-content h1{font-size:clamp(70px,16vw,98px)}.dd-locker-deck{margin-bottom:25px}.dd-locker-board{max-width:none}.dd-locker-record{padding-top:48px;padding-bottom:60px}.dd-locker-record-heading{display:block}.dd-locker-record-heading>p{margin-top:16px}.dd-locker-record-grid{grid-template-columns:1fr}}
@media(max-width:440px){.dd-locker-board{padding:24px 9px 12px}.dd-locker-paper{padding:29px 16px 20px}.dd-locker-chart-top{flex-direction:column;gap:8px}.dd-locker-chart-top small{text-align:left;font-size:9px}.dd-locker-chart-id strong{font-size:21px}.dd-locker-tab{padding-right:4px;font-size:10px}.dd-locker-tab:not(:first-child){padding-left:7px}.dd-locker-answer{font-size:42px}.dd-locker-board.is-interactive .dd-locker-panel{min-height:410px}.dd-locker-evidence{align-items:flex-start;flex-direction:column;gap:8px}.dd-locker-timer{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:360px){.dd-locker-content h1{font-size:65px}.dd-locker-answer{font-size:36px}.dd-locker-timer strong{font-size:22px}.dd-locker-pool{display:grid;justify-content:stretch;gap:4px}.dd-locker-pool>span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.dd-locker-page *{transition:none!important}}