body{font-family:Arial;background-color:green;user-select:none}ul{padding:0;margin:0;list-style:none}li{margin-bottom:4px;background-color:#fff;padding:4px;cursor:pointer}h1{margin:10px 0 0 0;text-align:center}div h4{margin:0}.container{background-color:green;margin-left:20px;width:700px;border-radius:8px;display:inline-block;vertical-align:top}.container span{width:100%}.container a:link,a:visited{color:#fff;text-decoration:none;border-style:none}.container a:link:hover{text-decoration:underline}.header{margin:0 10px;color:#fff}.footer{margin:0 10px;color:#fff}.rules{margin:0 10px;color:#fff}.cardtable{background-color:green;width:700px;height:600px;border-radius:16px;display:inline-block;vertical-align:top}.card{background-color:#fffaf0;border:#696969 1px solid;border-radius:8px}.message{position:absolute;width:360px;height:22px;font-size:16px;border:#555 1px solid;border-radius:6px;padding:6px;color:#000;background-color:#ffe4b5;box-shadow:#333 -1px -1px 1px;text-align:center;display:inline-block}.result{display:none;text-align:center;margin-bottom:10px}.player{width:80px;position:absolute}.playername{border:gray 1px solid;background-color:#ffe4b5;width:82px;height:18px;position:absolute;text-align:center}.scoreboard{position:absolute;width:120px;border:#999 1px solid;background-color:#fffff0;border-radius:6px;display:none;box-shadow:#666 1px 1px 1px;font-size:11px;padding:6px}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default{color:#333;background-color:#efefef;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.say{position:absolute;width:100px;height:25px;padding:8px;background:#ffffe0;border-radius:12px;box-shadow:#333 2px 2px 1px;color:#000;text-align:center}.sayW:after{content:'';position:absolute;border-style:solid;border-width:8px 12px 8px 0;border-color:transparent #ffffe0;display:block;width:0;z-index:1;margin-top:-8px;left:-12px;top:50%}.sayE:after{content:'';position:absolute;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent #ffffe0;display:block;width:0;z-index:1;margin-top:-8px;right:-12px;top:50%}.sayS:after{content:'';position:absolute;border-style:solid;border-width:12px 8px 0;border-color:#ffffe0 transparent;display:block;width:0;z-index:1;margin-left:-8px;bottom:-12px;left:50%}