.puzzle-studio[data-mystery="drawers"]{
  width:min(900px,calc(100% - 32px));
  overflow-x:hidden
}
.puzzle-studio[data-mystery="drawers"] .puzzle-workbench-footer>.btn:disabled{opacity:.45;cursor:default}
.puzzle-studio-header .evidence-restart{
  flex:none;width:auto;height:32px;margin:0 0 0 auto;padding:0 11px;white-space:nowrap;
  color:#ead6b5;background:#201b1770;border:1px solid #85735c;border-radius:6px;
  font:500 14px/1.2 var(--font-sans)
}
.puzzle-studio-header .evidence-restart[hidden]{display:none}
.puzzle-studio-header .evidence-restart:disabled{opacity:.42;cursor:default}
.puzzle-studio-header .evidence-restart:hover:not(:disabled){border-color:#d4b489;background:#594431}
.evidence-brief{max-width:78ch;margin-bottom:21px}
.evidence-brief strong{color:#f5e5cd;font-weight:600;white-space:nowrap}
.evidence-cabinet{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  padding:8px;border:1px solid #655548;border-radius:9px;
  background:linear-gradient(175deg,#524336,#322922);
  box-shadow:inset 0 1px #ffe4ae20,0 7px 17px #0004
}
.cabinet-slot{
  min-width:0;padding:3px 3px 10px;border-radius:5px;
  background:#201a15;box-shadow:inset 0 3px 8px #0007
}
.cabinet-drawer{
  position:relative;display:flex;width:100%;min-height:126px;min-width:0;
  flex-direction:column;align-items:center;justify-content:center;gap:12px;
  border:1px solid #846c51;border-radius:5px;padding:22px 8px 12px;color:#f1e1bc;
  background:
    repeating-linear-gradient(3deg,transparent 0 3px,#ffe9bc06 4px,#150b0b17 5px,transparent 7px 11px),
    linear-gradient(175deg,#63503b,#493a2e 58%,#3e3127);
  box-shadow:inset 0 1px #ffefbf27,inset 0 -2px #20130c55,0 4px 6px #0007;
  cursor:pointer;transition:transform .16s,border-color .16s,filter .16s
}
.cabinet-drawer:hover:not(:disabled){filter:brightness(1.15);border-color:#bc9d6d;transform:translateY(3px)}
.cabinet-drawer:focus-visible,.evidence-restart:focus-visible{outline:2px solid #e8b780;outline-offset:2px}
.cabinet-drawer:disabled{opacity:1;cursor:default}
.cabinet-slot.is-open .cabinet-drawer{border-color:#c8a574;transform:translateY(7px)}
.evidence-cabinet:has(.is-open) .cabinet-slot:not(.is-open) .cabinet-drawer{filter:brightness(.82)}
.cabinet-letter{
  position:absolute;top:9px;left:11px;color:#e0ca9d;
  font:500 15px/1 'Courier New',monospace;text-shadow:0 1px #201610
}
.cabinet-plate{
  display:block;position:relative;box-sizing:border-box;max-width:100%;min-width:min(108px,100%);
  padding:4px 9px;border:1px solid #705331;border-radius:3px;
  background:linear-gradient(#ddbf85,#a37f4e 72%,#bb9862);
  box-shadow:inset 0 1px #fae1a9aa,0 2px 4px #1b110cc9
}
.cabinet-plate::before,.cabinet-plate::after,.cabinet-handle::before,.cabinet-handle::after{
  content:"";position:absolute;top:50%;width:4px;height:4px;border-radius:50%;
  background:linear-gradient(#f0d198,#755834);box-shadow:0 0 0 1px #755834;
  transform:translateY(-50%)
}
.cabinet-plate::before,.cabinet-handle::before{left:2px}
.cabinet-plate::after,.cabinet-handle::after{right:2px}
.cabinet-plate span{
  display:block;padding:6px 5px;background:#dfd0aa;color:#3e3225;
  font:600 12px/1 'Courier New',monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase;
  box-shadow:inset 0 1px 3px #4c38243b
}
.cabinet-handle{
  position:relative;display:block;width:53px;height:16px;border:3px solid #b99a64;
  border-top-width:2px;border-radius:4px 4px 9px 9px;background:#30251c;
  box-shadow:0 3px 5px #1b100abf,inset 0 2px #160e09aa,0 1px #ead29e7a
}
.cabinet-handle::before{left:-6px}.cabinet-handle::after{right:-6px}
.evidence-workbench{display:grid;gap:13px;margin-top:13px}
.evidence-reveal{
  position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;
  height:82px;padding:7px 15px;border:1px solid #51483c;border-radius:7px;
  background:#292724
}
.evidence-reveal:not(.has-evidence)::before{
  content:"";position:absolute;top:50%;left:20px;width:41px;height:49px;
  border:1px dashed #a18b665c;border-radius:2px;transform:translateY(-50%) rotate(-7deg)
}
.evidence-reveal.has-evidence{
  border-color:#5a4e3e;
  background:linear-gradient(100deg,#3c3328,#292724)
}
.evidence-observation{display:flex;align-items:center;gap:17px;min-width:0}
.evidence-reveal:not(.has-evidence) .evidence-observation{visibility:hidden}
.evidence-observation:focus{outline:none}
.evidence-sample{box-sizing:border-box;flex:none}
.evidence-sample.drawn-photo{width:58px;height:65px;border-width:4px}
.evidence-sample.drawn-letter{
  width:60px;height:43px;border-radius:2px;
  background:
    linear-gradient(145deg,transparent 47%,#a38b62 49%,#c7b58d 50%,transparent 53%) left/51% 100% no-repeat,
    linear-gradient(215deg,transparent 47%,#a38b62 49%,#c7b58d 50%,transparent 53%) right/51% 100% no-repeat,
    #e4d7bd
}
.evidence-caption{display:grid;gap:3px}
.evidence-source{color:#d3c2a8;font:13px/1.3 var(--font-sans)}
.evidence-kind{color:#f3e9d7;font:500 23px/1.2 Georgia,serif}
.evidence-reconstruction{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  min-width:0;border:0;margin:0;padding:0
}
.evidence-assignment{display:grid;gap:6px;min-width:0}
.evidence-assignment>span{color:#decdb5;font:14px/1.35 var(--font-sans)}
.evidence-assignment select{width:100%;min-width:0}
@media(max-width:640px){
  .puzzle-studio[data-mystery="drawers"]{width:calc(100% - 20px)}
  .puzzle-studio[data-mystery="drawers"] .puzzle-studio-header{gap:8px;padding-inline:16px}
  .puzzle-studio[data-mystery="drawers"] .puzzle-studio-header h2{font-size:22px}
  .puzzle-studio-header .evidence-restart{font-size:12px;padding-inline:8px}
  .evidence-brief{margin-bottom:16px}
  .evidence-cabinet{gap:3px;padding:4px}
  .cabinet-slot{padding:2px 2px 8px}
  .cabinet-drawer{min-height:100px;padding:20px 3px 9px;gap:10px}
  .cabinet-letter{top:7px;left:7px;font-size:11px}
  .cabinet-plate{min-width:0;padding:3px 5px}
  .cabinet-plate span{font-size:10px;letter-spacing:0;padding:5px 3px}
  .cabinet-plate::before,.cabinet-plate::after{display:none}
  .cabinet-handle{width:32px;height:12px;border-width:2px}
  .cabinet-slot.is-open .cabinet-drawer{transform:translateY(5px)}
  .evidence-reveal{height:68px;padding:7px 10px}
  .evidence-reveal:not(.has-evidence)::before{left:13px;width:34px;height:42px}
  .evidence-observation{gap:9px}
  .evidence-kind{font-size:20px}
  .evidence-sample.drawn-photo{width:44px;height:51px}
  .evidence-sample.drawn-letter{width:44px;height:36px}
  .evidence-reconstruction{grid-template-columns:minmax(0,1fr);gap:8px}
  .evidence-assignment{grid-template-columns:74px minmax(0,1fr);align-items:center}
}
@media(prefers-reduced-motion:reduce){.cabinet-drawer{transition:none}}