@charset "UTF-8";html{box-sizing:border-box;font-family:sans-serif;font-size:1.125em}body{margin:1em}*{box-sizing:inherit}.Card{background:#fff;border:1px solid #eee;padding:.5em;border-radius:1em;width:5.6em;height:8.7em;flex:0 0 auto}.Card--♥,.Card--♦{color:red}.Card--♠,.Card--♣{color:#000}.Card__suit{font-size:2em;line-height:1}.Card__value{font-size:2em;text-align:center;line-height:1.85;font-weight:700}.Card__back{border-radius:.5em;background-image:radial-gradient(#f0f0ff 70%,#88e 0);background-repeat:repeat;background-size:.125em .125em;width:100%;height:7.7em}.Deck{margin:1em 0;cursor:pointer}.Deck__empty{border:1px solid #eee;padding:.5em;border-radius:1em;width:5.6em;height:8.7em;display:flex;align-items:center;text-align:center}.Deck .Card{margin-bottom:-8.6em}.Deck .Card:last-child{margin-bottom:0}.Table{display:flex;flex-wrap:wrap;margin-bottom:1em;min-height:8.7em}.Table .Card{margin-right:-1em}.Table .Card:not(:last-child){margin-bottom:-2em}.Buttons{display:flex;margin-bottom:1em}.Button{appearance:none;font:inherit;border:0;padding:.5em 1em .4em;border-radius:.25em;background-image:linear-gradient(0deg,#f7f7f7,#fff);box-shadow:.05em .05em .2em rgba(0,0,0,.2);line-height:1;touch-action:manipulation;outline:0}.Button:not([disabled]){cursor:pointer}.Button+.Button{margin-left:1em}.Button:focus:not([disabled]),.Button:hover:not([disabled]){background:#fff;box-shadow:.075em .075em .4em rgba(0,0,0,.2);color:#137}.Button[disabled]{background:#fefefe;color:#aaa}