:root{
  --cork:#d9c7a6;
  --folder:#f0e2b8;
  --accent:#b83b3b;
  --muted:#5b5b5b;
  --note:#fff8dc;
}
*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0;}
body{background:var(--cork);display:flex;flex-direction:column;align-items:center;min-height:100vh;}
header{background:#3a2f2f;color:#fff;padding:12px;width:100%;text-align:center;border-bottom:3px solid #000;}
header h1{margin-bottom:6px;font-size:1.5rem;}
main#corkboard{display:flex;gap:20px;padding:20px;width:100%;max-width:1100px;}
#folders{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;position:relative;}
.folder{background:var(--folder);padding:14px;border-radius:6px;box-shadow:4px 4px 8px rgba(0,0,0,0.5);cursor:pointer;position:relative;transform:rotate(-2deg);transition:transform 0.2s;}
.folder:hover{transform:rotate(0deg) scale(1.05);}
.folder.locked{opacity:0.5;cursor:not-allowed;}
.folder.locked::after{content:"LOCKED";position:absolute;top:5px;right:5px;background:#6b6b6b;color:#fff;padding:2px 6px;border-radius:3px;font-size:0.75rem;}
#sidebar{width:280px;background:#fff8dc;padding:12px;border-radius:6px;box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
#inventory{list-style:none;margin-top:6px;margin-bottom:12px;}
#inventory li{background:#fff;padding:6px;margin:4px 0;border-radius:4px;border:1px solid #ccc;}
progress{width:100%;height:16px;margin-top:6px;}
button{background:var(--accent);color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;margin-top:6px;}
button:disabled{background:#ccc;cursor:not-allowed;}
.modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,0.6);z-index:50;}
.modal.hidden{display:none;}
.modal-inner{background:#fff8dc;padding:20px;border-radius:8px;width:min(90%,700px);max-height:90%;overflow:auto;position:relative;}
.close{position:absolute;top:12px;right:12px;background:#b83b3b;color:#fff;border:none;padding:4px 8px;border-radius:50%;cursor:pointer;}
.modalBody{margin-top:12px;}
.modalControls{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.modalFeedback{margin-top:8px;font-weight:600;}
.excerpt{background:#fffbe0;padding:10px;border-left:4px solid #b83b3b;margin-bottom:10px;border-radius:4px;}
.clue-word{background:transparent;border-bottom:2px dashed rgba(136,58,58,0.3);cursor:pointer;padding:0 2px;}
.clue-word.revealed{background:linear-gradient(90deg,#fff1b8,#ffd7a6);border-bottom:2px dashed #b83b3b;}
input[type="text"]{padding:6px;border-radius:4px;border:1px solid #ccc;width:200px;margin-top:6px;}
ul.mcq-options{list-style:none;padding-left:0;}
ul.mcq-options li{margin:6px 0;}
ul.mcq-options button{width:100%;text-align:left;}