/* §46 checkers */
#ckRoom{position:fixed;inset:0;z-index:950;display:none;align-items:center;justify-content:center;
  background:rgba(2,6,10,.86);padding:16px}
#ckRoom.on{display:flex}
#ckRoom .ck-box{background:#0a1626;border:1px solid #073e5f;border-left:3px solid var(--yellow,#FFF56B);padding:14px;
  width:min(520px,100%);font-family:var(--mono,monospace)}
#ckRoom .ck-head{font-size:11px;letter-spacing:.2em;color:var(--yellow,#FFF56B);margin-bottom:10px}
#ckRoom .ck-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:3px solid #3a2a14;
  box-shadow:0 8px 24px rgba(0,0,0,.6)}
#ckRoom .ck-c{position:relative;display:flex;align-items:center;justify-content:center}
#ckRoom .ck-c.l{background:#c9b48a}
#ckRoom .ck-c.d{background:#5a3e22}
#ckRoom .ck-c.can{cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,245,107,.35)}
#ckRoom .ck-c.sel{box-shadow:inset 0 0 0 3px #FFF56B}
#ckRoom .ck-c.to{cursor:pointer}
#ckRoom .ck-c.to::after{content:"";width:30%;height:30%;border-radius:50%;background:rgba(255,245,107,.55)}
#ckRoom .ck-p{width:76%;height:76%;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.45), inset 0 -4px 0 rgba(0,0,0,.25)}
#ckRoom .ck-p.me{background:radial-gradient(circle at 40% 35%,#e0514a,#8e1d18)}
#ckRoom .ck-p.her{background:radial-gradient(circle at 40% 35%,#5c6e7c,#1b2630)}
#ckRoom .ck-p.k{box-shadow:0 3px 0 rgba(0,0,0,.45), inset 0 0 0 4px #e8c35a}
#ckRoom .ck-msg{margin-top:10px;font-size:12px;letter-spacing:.08em;color:#cfe3ff;min-height:1.4em}
#ckRoom .ck-acts{margin-top:8px;display:flex;gap:8px}
#ckRoom button{font:11px var(--mono,monospace);letter-spacing:.12em;background:#11203a;border:1px solid #2a4568;
  color:#cfe3ff;padding:7px 14px;cursor:pointer}
#ckRoom button:hover{border-color:var(--yellow,#FFF56B);color:var(--yellow,#FFF56B)}