body{font-family:Tahoma, Geneva, sans-serif;font-size:16px;padding:0;margin:0;background:black;color:#ccc}body a{text-decoration:none;font-weight:bold;color:#8c8}body p{margin:0}.page{width:610px;padding:10px 10px;margin-left:auto;margin-right:auto;background:#242;box-shadow:0 0 20px 20px #242}.footer{margin-top:2em;font-size:11px}#qunit{position:relative;z-index:1}.ui{display:inline-block;position:relative;margin:10px 0}.ui .overlay{position:absolute;top:25px;background:rgba(160,160,160,0.7);width:600px;height:506px;border:solid 5px transparent}.ui .overlay>div{text-align:center;margin-top:220px;font-size:30px;color:black}.ui .overlay>div .load{margin-top:1em}.ui .popup{position:absolute;top:75px;left:50px;width:500px;height:400px}.ui .nicks,.ui .status{height:20px;line-height:20px;background:darkgreen;padding:5px 7px}.ui .nicks{padding-bottom:0px}.ui .status{padding-top:0px}.ui .status .status-text,.ui .status .clock{display:inline-block}.ui .status .clock{float:right;font-family:monospace;font-weight:bold}.ui .status .clock.warning{color:red}.popup{padding:5px 10px;background:rgba(255,255,255,0.8);color:black;border-radius:5px;box-shadow:0 0 10px 10px darkgreen;overflow-y:auto}.popup h2{text-align:center;margin:5px 0}.popup .reload{margin-top:1em}.popup p{margin:10px 0}.lobby .games .scroll{height:15em;margin-top:1em;overflow-y:auto;background:white;border-radius:5px}.lobby .games .scroll tr.inactive{color:#aaa}.lobby .games .scroll tr:hover{background:#eee}.lobby table{width:100%;padding:5px}.lobby table tr{height:2em;text-align:center}.lobby table tr td{width:45%}.lobby table tr td.vs{width:10%}.lobby table tr button{width:12em}.lobby .cancel-new-game{display:none}.lobby.state-advertising .cancel-new-game{display:inline}.lobby.state-joining input[name=nick],.lobby.state-advertising input[name=nick],.lobby.state-inactive input[name=nick]{background:#eee}.lobby.state-joining .new-game,.lobby.state-joining .join,.lobby.state-advertising .new-game,.lobby.state-advertising .join,.lobby.state-inactive .new-game,.lobby.state-inactive .join{display:none}.table{width:600px;height:506px;position:relative;background-color:green;background:url(../img/table.svg);background-position:bottom;border:solid 5px darkgreen;color:white;overflow:hidden;font-size:0}.table:before{content:"\00a0";display:block;overflow:hidden;height:0}.table .hand{margin:-1px;border:solid 1px green}.table .hand.outlined{border:dashed 1px white}.table .hand{width:390px;height:44px;position:absolute;left:105px;bottom:0px}.table .tiles{width:510px;height:88px;position:absolute;left:45px;bottom:66px}.table .discards{width:180px;height:132px;position:absolute;left:210px;bottom:176px}.table .opponent-discards{width:180px;height:132px;position:absolute;left:210px;bottom:352px;transform:rotate(180deg)}.table .any-discards .tile:nth-child(1){transform:translateX(7px) rotate(90deg)}.table .any-discards .tile:nth-child(2){transform:translateX(14px)}.table .any-discards .tile:nth-child(3){transform:translateX(14px)}.table .any-discards .tile:nth-child(4){transform:translateX(14px)}.table .any-discards .tile:nth-child(5){transform:translateX(14px)}.table .any-discards .tile:nth-child(6){transform:translateX(14px)}.table .east-display{width:75px;height:38px;position:absolute;left:0px;bottom:0px}.table .east-display img{width:100%;height:100%}.table .any-stick{width:120px;height:10px;background:url(../img/stick.svg)}.table .stick{position:absolute;left:240px;bottom:314px}.table .opponent-stick{position:absolute;left:240px;bottom:336px}.table .submit-hand{position:absolute;right:10px;bottom:10px}.table .dora-display{position:absolute;left:15px;bottom:308px}.tile,.tile-placeholder{display:inline-block;width:30px;height:44px}.tiles-clickable .tile{cursor:pointer}

.tile{overflow:hidden;background:url(../img/tiles.svg)}.tile[data-tile="M1"]{background-position:left 0px top 0px}.tile[data-tile="M2"]{background-position:left -30px top 0px}.tile[data-tile="M3"]{background-position:left -60px top 0px}.tile[data-tile="M4"]{background-position:left -90px top 0px}.tile[data-tile="M5"]{background-position:left -120px top 0px}.tile[data-tile="M6"]{background-position:left -150px top 0px}.tile[data-tile="M7"]{background-position:left -180px top 0px}.tile[data-tile="M8"]{background-position:left -210px top 0px}.tile[data-tile="M9"]{background-position:left -240px top 0px}.tile[data-tile="P1"]{background-position:left 0px top -44px}.tile[data-tile="P2"]{background-position:left -30px top -44px}.tile[data-tile="P3"]{background-position:left -60px top -44px}.tile[data-tile="P4"]{background-position:left -90px top -44px}.tile[data-tile="P5"]{background-position:left -120px top -44px}.tile[data-tile="P6"]{background-position:left -150px top -44px}.tile[data-tile="P7"]{background-position:left -180px top -44px}.tile[data-tile="P8"]{background-position:left -210px top -44px}.tile[data-tile="P9"]{background-position:left -240px top -44px}.tile[data-tile="S1"]{background-position:left 0px top -88px}.tile[data-tile="S2"]{background-position:left -30px top -88px}.tile[data-tile="S3"]{background-position:left -60px top -88px}.tile[data-tile="S4"]{background-position:left -90px top -88px}.tile[data-tile="S5"]{background-position:left -120px top -88px}.tile[data-tile="S6"]{background-position:left -150px top -88px}.tile[data-tile="S7"]{background-position:left -180px top -88px}.tile[data-tile="S8"]{background-position:left -210px top -88px}.tile[data-tile="S9"]{background-position:left -240px top -88px}.tile[data-tile="X1"]{background-position:left 0px top -132px}.tile[data-tile="X2"]{background-position:left -30px top -132px}.tile[data-tile="X3"]{background-position:left -60px top -132px}.tile[data-tile="X4"]{background-position:left -90px top -132px}.tile[data-tile="X5"]{background-position:left -120px top -132px}.tile[data-tile="X6"]{background-position:left -150px top -132px}.tile[data-tile="X7"]{background-position:left -180px top -132px}.tile[data-tile="X8"]{background-position:left -210px top -132px}.tile[data-tile="X9"]{background-position:left -240px top -132px}