*{margin:0;padding:0}html,body{height:100%}body{background:url(/assets/background-BkSSOtR1.gif);font:100%/1 Verdana,Geneva,sans-serif;position:fixed;inset:0}h1{font:1.8rem/1 Georgia,Times New Roman,Times,serif;text-align:center;letter-spacing:.02em;margin:1.6rem 0 1rem;color:#41372e}h1:first-child{margin-top:0}h2{font:1.8rem/1 Georgia,Times New Roman,Times,serif;text-align:center;letter-spacing:.02em;margin:1.6rem 0 1rem;color:#41372e}h2:first-child{margin-top:0}p,div.space{line-height:1.5;margin-bottom:1rem}p:last-child{margin-bottom:0}fieldset{display:inline-block;vertical-align:top;line-height:1.5;font-size:.8rem;border:none;margin:.6rem;text-align:left}fieldset:last-child{margin-bottom:.6rem}legend{font:700 .9rem/1 Palatino Linotype,Book Antiqua,Palatino,serif;margin:0 0rem .6rem;padding:0 .3rem;color:#41372e}.modal fieldset{text-align:center}button{display:inline-block;margin:.3rem;padding:.7rem .8rem;font:700 .8rem/1 Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Helvetica,sans-serif;text-align:center;background:#fff padding-box;color:#333;outline:none;border:1px solid #aaa}button:enabled:hover{border-color:#f3f4f6!important;background-color:#f3f4f6!important;color:#fff;cursor:pointer}button:enabled:active{border-color:transparent}.selgrp{display:flex;align-items:center;margin:.3rem}.selgrp label{flex:0 0 55px;text-align:left;padding-right:.2rem}select{display:inline-block;vertical-align:middle;font:.8rem/1 Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Helvetica,sans-serif;color:#333;background:#fff;border:1px solid #aaa}select option{padding:.3rem}.radiogrp{margin:.3rem;display:inline-block;border-collapse:collapse;border-spacing:0}input[type=radio]+label{display:table-cell;padding:.7rem .8rem;font:700 .8rem/1 Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Helvetica,sans-serif;background:#fff padding-box;color:#333;outline:none;border:1px inset #aaa}input[type=radio]:enabled+label:hover{color:#bc0e29;border:1px solid #BC0E29;cursor:pointer}input[type=radio]:enabled:checked+label{border:1px solid #BC0E29;background-color:#bc0e29;color:#fff}input[type=radio]{display:none}input[type=checkbox]+label{display:block;font:.8rem/1 Lucida Grande,Lucida Sans Unicode,Trebuchet MS,Helvetica,sans-serif;color:#333;outline:none}input[type=checkbox]+label .switch{position:relative;display:inline-block;vertical-align:middle;height:1rem;width:1.8rem;margin:.3rem .6rem .3rem .3rem;background:#fff padding-box;border:1px solid #aaa;border-radius:.5rem}input[type=checkbox]+label .slider{position:absolute;width:.65rem;height:.65rem;width:calc(1rem - 6px);height:calc(1rem - 6px);top:3px;left:3px;background:#333;border-radius:50%}input[type=checkbox]:enabled+label:hover{color:#bc0e29;cursor:pointer}input[type=checkbox]:enabled+label:hover .switch{border-color:#bc0e29}input[type=checkbox]:enabled+label:hover .slider{background:#bc0e29}input[type=checkbox]:checked+label .switch{border-color:#22b130!important;background-color:#22b130!important}input[type=checkbox]:checked+label:hover .switch{border-color:transparent}input[type=checkbox]:enabled:checked+label .slider{background:#fff;left:auto;right:3px}input[type=checkbox]{display:none}input[type=text]{font-size:1rem}.combo{display:flex}.combo .stretch{flex:1;padding:.7rem;border:1px solid #aaa;border-right:none;line-height:1}.combo button{margin:0}.combo button:active{border-color:transparent;border-left-color:#aaa}input:disabled,button:disabled{opacity:.5}input:disabled+label{opacity:.5}button.sidebtn,button.sidebtn:enabled{font-size:.8rem;position:absolute;margin:0;padding:0;background:#fff;color:#333;border:none}body.unread button.sidebtn#btnChat{color:#fe8d05}button.sidebtn:hover,body.unread button.sidebtn#btnChat:hover{color:#bc0e29}button.sidebtn span{display:block;padding:.5rem}#btn_settings{z-index:6}#btnChat{z-index:11}@media (orientation: portrait){button.sidebtn{width:100%}#btnChat{top:0;border-bottom:1px solid #d9d9d9}#btn_settings{bottom:0;border-top:1px solid #d9d9d9}body.chat #btnChat{top:25%;border-top:1px solid #d9d9d9}body.settings #btn_settings{bottom:25%;border-bottom:1px solid #d9d9d9}#btnChat span:after{content:" ▾"}body.chat #btnChat span:after{content:" ▴"}#btn_settings span:after{content:" ▴"}body.settings #btn_settings span:after{content:" ▾"}}@media (orientation: landscape){button.sidebtn{top:0;bottom:0;width:1.8rem}button.sidebtn span{writing-mode:vertical-lr;position:absolute;inset:0}#btnChat{left:0;border-right:1px solid #d9d9d9}#btn_settings{right:0;border-left:1px solid #d9d9d9}body.chat #btnChat{left:320px;border-left:1px solid #d9d9d9}body.settings #btn_settings{right:320px;border-right:1px solid #d9d9d9}#btnChat span{transform-origin:center center;transform:rotate(180deg)}#btnChat span:after{content:" ◂"}body.chat #btnChat span:after{content:" ▸"}#btn_settings span:after{content:" ◂"}body.settings #btn_settings span:after{content:" ▸"}}div.sidebar{position:absolute;background:#f4f4f4}#settings{z-index:5}#chat{z-index:10}@media (orientation: portrait){div.sidebar{width:100%;height:25%;text-align:center;overflow-y:auto;box-shadow:#0000004d 2px 2px 2px}#chat{top:0;border-bottom:1px solid #aaa}#settings{bottom:0;border-top:1px solid #aaa}}@media (orientation: landscape){div.sidebar{top:0;bottom:0;width:320px}#chat{left:0}#settings{right:0}}#settings,#chat{display:none}body.settings #settings,body.chat #chat{display:block}.messages{height:100%;max-height:100%;position:relative}.bubbles{position:absolute;top:0;bottom:3.6rem;left:0;right:0;overflow-y:auto;font-size:.8rem;padding:0 .6rem}.bubbles div{margin:1.2rem .6rem;display:table}.bubbles span.person{display:table-cell;text-align:right;vertical-align:middle;padding-right:.6rem}.bubbles span.person:after{content:":"}.bubbles span.content{display:table-cell;text-align:left;line-height:1.5}.bubbles span.content span{display:inline-block;padding:.6rem;background:#fff;border-radius:5px}.send{position:absolute;bottom:.6rem;left:.6rem;right:.6rem}#game{display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;z-index:1}@media (orientation: portrait){#game{inset:1.9rem .1rem}body.settings #game{bottom:30%;bottom:calc(1.9rem + 25%)}body.chat #game{top:30%;top:calc(1.9rem + 25%)}}@media (orientation: landscape){#game{inset:.1rem 1.9rem}body.settings #game{right:347px;right:calc(1.9rem + 320px)}body.chat #game{left:347px;left:calc(1.9rem + 320px)}}body.play_local #chkNotiPush,body.play_local #chkNotiPush+label,body.play_local #btnChat,body.play_local #chat,body.play_local #selLevel{display:none}body.play_computer #chkNotiPush,body.play_computer #chkNotiPush+label,body.play_computer #btnChat,body.play_computer #chat{display:none}body.play_online #btnUndo,body.play_online #selLevel{display:none}#board{display:inline-block;position:relative;background:#dcc7aa url(res/wood.png) repeat;border:1px solid #777;box-shadow:#0000004d .5px 1px 2px;overflow:hidden}#board table td.diagtb{background:linear-gradient(to top right,transparent calc(50% - .75px),#000,transparent calc(50% + .75px))}#board table td.diagbt{background:linear-gradient(to bottom right,transparent calc(50% - .75px),#000,transparent calc(50% + .75px))}#shade{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;background:#ffffff4d;backdrop-filter:blur(.1rem);visibility:hidden;transition:all linear .5s;opacity:0}body.shade #shade{visibility:visible;transition:all linear .5s;opacity:1}body.preload #shade{transition:none!important}.modal{max-height:100%;padding:.8rem;z-index:200;text-align:center;display:none;opacity:0}body.mod_gameselect #mod_gameselect,body.mod_shareurl #mod_shareurl,body.mod_waiting #mod_waiting,body.mod_disconnected #mod_disconnected,body.mod_computer #mod_computer,body.mod_gameresult #mod_gameresult{display:block;animation:fadeIn .3s;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hide{display:none}