/* §22 — the cork, drawn. same frame as the board next to it, because it is the
   same wall and the same two drawing pins. */
#sceneArt .rb{aspect-ratio:auto;min-height:0;max-height:70vh;overflow:auto;
  display:grid;grid-template-columns:1fr;gap:0;padding:3.4% 3.6%;
  background:#0a1626;border:1px solid #073e5f;position:relative}
#sceneArt .rb-head{display:flex;justify-content:space-between;align-items:flex-start;
  border-bottom:1px solid #073e5f;padding-bottom:2.4%;margin-bottom:3%}
#sceneArt .rb-head small{display:block;font:9.5px var(--mono);letter-spacing:.14em;color:#3c5a70}
#sceneArt .rb-head b{display:block;font:clamp(15px,2.4vw,25px) var(--mono);letter-spacing:.22em;color:var(--yellow);margin-top:4px}
#sceneArt .rb-head span{font:9.5px var(--mono);letter-spacing:.14em;color:#5f96bd;text-align:right;line-height:1.7}
#sceneArt .rb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
#sceneArt .rb-card{background:#12243c;border:1px solid #2a4568;padding:12px 13px 11px;position:relative;
  box-shadow:0 3px 10px rgba(0,0,0,.45)}
#sceneArt .rb-card::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-5px;
  border-radius:50%;background:var(--yellow);box-shadow:0 1px 3px #000}
#sceneArt .rb-card.held{border-color:var(--yellow);background:#1a2a1e}
#sceneArt .rb-who{font:10px var(--mono);letter-spacing:.16em;color:#5f96bd}
#sceneArt .rb-line{font-family:"Segoe Script","Bradley Hand","Comic Sans MS",cursive;color:#cfe3ff;
  font-size:15px;line-height:1.45;margin:7px 0 9px;transform:rotate(-.4deg)}
#sceneArt .rb-meta{display:flex;justify-content:space-between;font:9.5px var(--mono);letter-spacing:.12em;color:#5f96bd}
#sceneArt .rb-meta .pay{color:var(--yellow)}
#sceneArt .rb-do{margin-top:10px;width:100%;font:10px var(--mono);letter-spacing:.14em;
  background:#11203a;border:1px solid #2a4568;color:#cfe3ff;padding:6px 0;cursor:pointer}
#sceneArt .rb-do:hover{border-color:var(--yellow);color:var(--yellow)}
#sceneArt .rb-do.done{border-color:var(--yellow);color:var(--yellow)}
#sceneArt .rb-state{font:9.5px var(--mono);letter-spacing:.1em;color:#8fb0c9;margin-top:8px;line-height:1.6}
#sceneArt .rb-empty{font:11px var(--mono);letter-spacing:.1em;color:#3c5a70;padding:8% 0;text-align:center;line-height:2}
#sceneArt .rb-foot{border-top:1px solid #073e5f;margin-top:4%;padding-top:1.6%;
  font:8.5px var(--mono);letter-spacing:.14em;color:#3c5a70}
#sceneArt #rbClose{position:absolute;right:2.6%;top:2.6%;z-index:4;font:10px var(--mono);letter-spacing:.14em;
  background:#11203a;border:1px solid var(--yellow);color:var(--yellow);padding:5px 12px;cursor:pointer}
#sceneArt #rbClose:hover{background:var(--yellow);color:#04140b}