/* Queeny Bee: simple CSS stand-ins for the two card-back textures that were never archived
   (thezoo.net/quiz/admin/blueback4.jpg and redback3.jpg). */
[data-tex="blue"]{background-color:#1a237e;background-image:
 repeating-linear-gradient(45deg,rgba(255,255,255,.10) 0 2px,transparent 2px 10px),
 repeating-linear-gradient(-45deg,rgba(255,255,255,.10) 0 2px,transparent 2px 10px);}
[data-tex="red"]{background-color:#7a0019;background-image:
 repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 2px,transparent 2px 9px),
 repeating-linear-gradient(-45deg,rgba(255,255,255,.09) 0 2px,transparent 2px 9px);}

/* Queeny Bee: HTML/CSS redraw of the missing Jan 5 2003 hand diagram (hand010503.gif),
   styled after the surviving diagrams (stone table, white serif seat names, score box). */
.qb-hand{position:relative;width:560px;height:410px;margin:0 auto;text-align:center;color:#fff;
 font-family:"Times New Roman",serif;background-color:#4b5d63;background-image:
 radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px),radial-gradient(rgba(0,0,0,.12) 1px,transparent 1.5px);
 background-size:7px 7px,11px 11px;border:1px solid #333}
.qb-hand .seat{position:absolute;width:160px}
.qb-hand .seat b{display:block;font:italic bold 28px "Monotype Corsiva","Brush Script MT",cursive;letter-spacing:1px}
.qb-hand .seat span{font-size:16px}
.qb-hand .n{left:200px;top:52px}.qb-hand .w{left:10px;top:140px}.qb-hand .e{right:10px;top:140px}.qb-hand .s{left:200px;top:232px}
.qb-hand .score{position:absolute;left:10px;top:50px;background:#000;font:12px Tahoma,Arial,sans-serif;text-align:right;border-collapse:collapse}
.qb-hand, .qb-hand *{color:#fff}
.qb-hand .note{color:#ffff99}
.qb-hand .score td{padding:1px 5px}.qb-hand .score td:first-child{text-align:left}
.qb-hand .cards{position:absolute;left:0;right:0;top:308px;height:72px}
.qb-hand .card{display:inline-block;width:42px;height:68px;margin-left:-26px;border:1px solid #000;border-radius:4px;
 background:#fff repeating-linear-gradient(45deg,#7a0019 0 3px,#a3283f 3px 6px);background-clip:content-box;padding:3px;box-sizing:border-box}
.qb-hand .card:first-child{margin-left:0}
.qb-hand .note{position:absolute;left:0;right:0;bottom:6px;font:11px Arial,sans-serif;color:#ffff99 !important}