*{box-sizing:border-box}body{margin:0;padding:0;font:bold 18px sans-serif}body.no-game #no-game{display:block}body.no-game #awaiting{display:none}body.no-game #game-grid{display:none}body.awaiting #no-game{display:none}body.awaiting #awaiting{display:block}body.awaiting #game-grid{display:none}body.running #no-game{display:none}body.running #awaiting{display:none}body.running #game-grid{display:grid}h1{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:0}h3{font-variant:all-petite-caps;text-align:center;margin:.5em 0}input,button,a.button,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;background:#fff;border:2px solid #000;padding:.5em;text-decoration:none}button,.button,input[type=submit]{cursor:pointer;transition:.3s}button:not([disabled]):hover,.button:not([disabled]):hover,input[type=submit]:not([disabled]):hover{background:#000;color:#fff}textarea{width:100%}header{padding:.2em;display:grid;grid:auto auto/auto}#header-buttons{display:grid;grid:auto-flow/1fr 1fr;grid-gap:.2em}.card{display:inline-block;vertical-align:top;width:150px;height:200px;margin:.1em;padding:.5em;letter-spacing:-0.02em;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:10px;cursor:default;transition:all .1s}.card.disabled{opacity:.2;cursor:not-allowed}.card.clickable{cursor:pointer}.card.winner{background:#efe;border:3px solid green}.card:active{transform:scale(0.95)}.black{background:linear-gradient(#111, black);color:#eee}.white{background:#fff;color:#111}#status{text-align:center;padding:.5em}#my-hand .card:not(.disabled){cursor:pointer}#submit-white,#submit-black{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:.5em;border-radius:.5em;box-shadow:0 .5em 1em rgba(0,0,0,.2666666667)}.description{font-size:.7em;color:gray;margin:0}#awaiting,#no-game{margin:0 auto;max-width:1000px;padding:1em}#controls{padding:.5em;text-align:center}.player-list{display:grid;grid:auto-flow/auto auto;grid-gap:.5em;float:right;text-align:right}.player-label{color:gray}.czar{background:#639;color:#fff;padding:.2em;border-radius:.2em}#czar-description,#first-to-7{clear:both;font-variant:all-petite-caps}#czar-dot{background:#639;display:inline-block;vertical-align:middle;height:1em;width:1em;border-radius:50%}.x{float:right;color:gray;font-size:1.5em;cursor:pointer}@media screen and (min-width: 700px){#game-grid{display:grid;grid:"black  inplay controls" 1fr "status status status" auto "myhand myhand myhand" auto/auto 1fr auto;grid-gap:.2em;height:calc(100vh - 90px)}#header{grid:auto-flow/auto auto}#header #header-buttons{justify-self:right}#blackcard{grid-area:#000}#cards-in-play{grid-area:inplay}#controls{grid-area:controls;align-self:start;box-shadow:0 3px 4px rgba(0,0,0,.2666666667);text-align:right}#status{grid-area:status}#my-hand{grid-area:myhand;display:grid;grid:auto/1fr 1fr 1fr 1fr 1fr 1fr 1fr}.card{width:13.5vw;height:19vw;border-radius:.6vw;font-size:1.6vw}#submit-white,#submit-black{padding:1em}}/*# sourceMappingURL=cav.css.map */