/* Parlour games — A Book of Precious Stones */
.game{margin:26px 0 10px}
.game .qcount{font-variant:small-caps;letter-spacing:.14em;font-size:13px;color:#8a6a20;margin-bottom:6px}
.game .qtext{font-size:19px;color:#241f2e;margin:0 0 14px;line-height:1.4}
.game .opts{display:grid;gap:9px}
.game .opt{display:block;width:100%;text-align:left;font:inherit;font-size:15.5px;color:#3d3628;
  background:#fbf7ea;border:1px solid #d9c99a;border-radius:4px;padding:10px 14px;cursor:pointer}
.game .opt:hover{background:#f3ead2}
.game .opt:disabled{cursor:default}
.game .opt.right{background:#e4efdc;border-color:#7d9c6a;color:#2f4a24}
.game .opt.wrong{background:#f3dfdc;border-color:#b3766c;color:#6b2f28}
.game .explain{background:#f8f2df;border-left:3px solid #a8862e;padding:10px 14px;margin:14px 0;
  font-size:14.5px;color:#4a4234}
.game .explain a{white-space:nowrap}
.game .nextrow{margin:16px 0 4px}
.bigbtn{display:inline-block;font:inherit;font-variant:small-caps;letter-spacing:.1em;font-size:16px;
  background:#a8862e;color:#fffdf5;border:none;border-radius:4px;padding:9px 26px;cursor:pointer}
.bigbtn:hover{background:#8a6a20}
a.bigbtn:hover{text-decoration:none}
.resultcard{border:1px solid #a8862e;outline:1px solid #a8862e;outline-offset:3px;background:#fbf7ea;
  padding:22px 24px;margin:10px 0 18px;text-align:center}
.resultcard .rgem{width:64px;height:58px;margin:0 auto 8px;display:block}
.resultcard h2{font-variant:small-caps;font-weight:normal;letter-spacing:.1em;font-size:26px;
  color:#241f2e;margin:0 0 10px;display:block}
.resultcard h2:before,.resultcard h2:after{display:none}
.resultcard p{font-size:15.5px;color:#4a4234;margin:0 0 10px}
.resultcard .score{font-size:40px;color:#a8862e;margin:2px 0 8px;font-variant:small-caps}
.sharebox{display:flex;gap:8px;max-width:460px;margin:10px auto 0}
.sharebox input{flex:1;font:inherit;font-size:12.5px;padding:7px 10px;border:1px solid #d9c99a;
  border-radius:4px;background:#fffdf5;color:#5c5344;min-width:0}
.sharebox button{font:inherit;font-size:13px;font-variant:small-caps;letter-spacing:.08em;
  background:#efe3bd;border:1px solid #cbb87f;border-radius:4px;padding:7px 14px;cursor:pointer;color:#6d4f14}
.sharebox button:hover{background:#e5d6a4}
.sharenote{font-size:12.5px;color:#8a7f68;margin-top:6px;font-style:italic;text-align:center}
.challenge{background:#efe6cf;border:1px solid #d9c99a;border-radius:4px;padding:10px 16px;
  margin:0 0 18px;font-size:15px;color:#5c4322;text-align:center}
.monthgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:18px 0}
.monthgrid button{font:inherit;font-variant:small-caps;letter-spacing:.06em;font-size:15px;
  background:#fbf7ea;border:1px solid #d9c99a;border-radius:4px;padding:9px 6px;cursor:pointer;color:#3d3628}
.monthgrid button:hover{background:#f3ead2}
.monthgrid button.cur{background:#a8862e;border-color:#a8862e;color:#fffdf5}
.bsresult .then{font-size:30px;font-variant:small-caps;color:#241f2e;margin:0}
.bsresult .vs{font-size:14px;color:#8a7f68;font-style:italic}
.tile .bigbtn{margin-top:2px;font-size:14px;padding:7px 18px}
table.zodiac{margin:0 auto 1.2em;border-collapse:collapse}
table.zodiac td,table.zodiac th{border:1px solid #d5c69c;padding:4px 14px;font-size:14.5px;text-align:left}
table.zodiac th{font-variant:small-caps;font-weight:normal;letter-spacing:.08em;color:#6d4f14;background:#f8f2df}
