.fas{-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 5 Free';font-weight:900}.fa-xs{font-size:.75em}.fa-2x{font-size:2em}.fa-blind::before{content:}.fa-chart-area::before{content:}.fa-check::before{content:}.fa-chevron-circle-down::before{content:}.fa-clock::before{content:}.fa-cog::before{content:}.fa-database::before{content:}.fa-dice::before{content:}.fa-dice-one::before{content:}.fa-dice-six::before{content:}.fa-expand::before{content:}.fa-eye::before{content:}.fa-fingerprint::before{content:}.fa-flushed::before{content:}.fa-glasses::before{content:}.fa-heart::before{content:}.fa-history::before{content:}.fa-home::before{content:}.fa-key::before{content:}.fa-layer-group::before{content:}.fa-link::before{content:}.fa-minus-circle::before{content:}.fa-pause::before{content:}.fa-play::before{content:}.fa-plus::before{content:}.fa-plus-circle::before{content:}.fa-question-circle::before{content:}.fa-rainbow::before{content:}.fa-running::before{content:}.fa-search::before{content:}.fa-sign-in-alt::before{content:}.fa-sign-out-alt::before{content:}.fa-signature::before{content:}.fa-sync::before{content:}.fa-sync-alt::before{content:}.fa-table::before{content:}.fa-times::before{content:}.fa-tools::before{content:}.fa-user::before{content:}.fa-users::before{content:}a,body,div,em,form,h1,h2,h3,h4,h5,header,html,i,img,label,li,nav,p,section,span,strong,table,tbody,th,thead,tr,ul{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline}header,nav,section{display:block}table{border-collapse:collapse;border-spacing:0px;margin:0 0 2em;width:100%;border-spacing:0}body{-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar;background:url(http://hanab.live/img/dark-wood.png) fixed #00420f}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}html{box-sizing:border-box}*{box-sizing:inherit}body,input,select,textarea{font-size:16pt;font-weight:300;line-height:1.65em;color:#777;font-family:"Source Sans Pro",sans-serif;letter-spacing:-.015em}strong{color:#646464;font-weight:400}em,i{font-style:italic}p{margin:0 0 2em}h1,h2,h3,h4,h5{color:#646464;font-weight:300;line-height:1em;margin:0 0 .5em}h1 a{color:inherit;text-decoration:none}h2{font-size:2.25em;line-height:1.5em;letter-spacing:-.035em}h3{font-size:1.75em;line-height:1.5em;letter-spacing:-.025em}h4{font-size:1.1em;line-height:1.5em;letter-spacing:0}h5{line-height:1.5em;font-size:.9em;letter-spacing:0}.align-center{text-align:center}.row{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:stretch}.row>*{box-sizing:border-box;padding:0 0 0 2em}.row>.col-1{width:8.3333333333%}.row>.off-1{margin-left:8.3333333333%}.row>.col-2{width:16.6666666667%}.row>.off-2{margin-left:16.6666666667%}.row>.col-3{width:25%}.row>.off-3{margin-left:25%}.row>.col-4{width:33.3333333333%}.row>.off-5{margin-left:41.6666666667%}.row>.col-6{width:50%}.row>.col-7{width:58.3333333333%}.row>.col-8{width:66.6666666667%}.row>.col-9{width:75%}.row>.col-10{width:83.3333333333%}@media screen and (max-width:1920px){.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}}@media screen and (max-width:1440px){.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}}@media screen and (max-width:980px){.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}.row>.col-1-narrow{width:8.3333333333%}.row>.col-10-narrow{width:83.3333333333%}.row>.col-12-narrow{width:100%}}@media screen and (max-width:840px){.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}}@media screen and (max-width:736px){.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}}@media screen and (max-width:480px){body,html{min-width:320px}.row{box-sizing:border-box;margin-top:0;margin-left:-2em}.row>*{box-sizing:border-box;padding:0 0 0 2em}}.container{margin:0 auto;max-width:calc(100% - 5em);width:60em}header p{position:relative;margin:0 0 1.5em;font-style:italic;color:#999}header h2+p{font-size:1.25em;margin-top:-1em;line-height:1.5em}form{margin:0 0 2em}label{display:block;font-weight:300;margin:0 0 1em;color:#646464;font-size:.9em}input[type=number],input[type=password],input[type=text],select,textarea{-webkit-appearance:none;background-color:#f8f8f8;border-radius:6px;border:1px solid #e5e5e5;color:inherit;display:block;outline:0;padding:0 1em;text-decoration:none;width:100%}select{background-size:1.25em;padding-right:3em;text-overflow:ellipsis;background-repeat:no-repeat;background-position:calc(100% - 1em) center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23777777' /%3E%3C/svg%3E")}input[type=number],input[type=password],input[type=text],select{height:3em}textarea{padding:.75em 1em}input[type=checkbox],input[type=radio]{-webkit-appearance:none;display:block;float:left;margin-right:-2em;opacity:0;width:1em;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{text-decoration:none;color:#777;cursor:pointer;display:inline-block;font-size:1em;font-weight:300;padding-left:2.55em;padding-right:.75em;position:relative}input[type=checkbox]+label::before,input[type=radio]+label::before{-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;background-color:#f8f8f8;border:1px solid #e5e5e5;content:'';display:inline-block;height:1.8em;left:0;line-height:1.725em;position:absolute;text-align:center;top:0;width:1.8em;text-transform:none!important;background-position:initial initial;background-repeat:initial initial}input[type=radio]:checked+label::before{background-color:#666;border-color:#666;color:#fff;content:;background-position:initial initial;background-repeat:initial initial}input[type=checkbox]+label::before{border-radius:6px}input[type=radio]+label::before{border-radius:100%}.box{border-radius:6px;box-shadow:#e5e5e5 0 2px 0 0;margin:0 0 2em;padding:3em;background:#fff;box-shadow:0 2px 0 0 #e5e5e5}.box>:last-child{margin-bottom:0}.icon{text-decoration:none;position:relative;border-bottom:none}.icon::before{-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;text-transform:none!important}ul{list-style:disc;margin:0 0 2em;padding-left:1em}ul li{padding-left:.5em}ul.actions{display:-webkit-flex;cursor:default;list-style:none;margin-left:-1em;display:-moz-flex;display:-ms-flex;display:flex;padding-left:0}ul.actions li{padding:0 0 0 1em;vertical-align:middle}table th{font-weight:300;text-align:left;padding:0 .75em .25em;color:#646464;font-size:.8em}table thead{border-bottom:2px solid #e5e5e5}table.alt{border-collapse:separate}table.alt thead{border-bottom:0}.button{-webkit-appearance:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;background-color:#666;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;font-weight:400;height:3em;line-height:3em;padding:0 2em;text-align:center;text-decoration:none;white-space:nowrap;outline:0}.button.icon{padding-left:1.35em;padding-right:1.35em}.button.icon::before{margin-right:.5em}.button.fit{width:100%}.button.small{font-size:.8em;height:2.7em;line-height:2.7em}.button.alt{background-color:transparent;box-shadow:#e5e5e5 0 0 0 2px inset;color:#777}.button.disabled{box-shadow:rgba(0,0,0,.14902) 0 -.15em 0 0 inset;cursor:default;opacity:.25;background-color:#777!important;color:#f5f5f5!important}#page-wrapper{padding-top:3em}#header{cursor:default;height:3.25em;line-height:3.25em;position:fixed;width:100%;z-index:10000;background:#444;color:#bbb;left:0;top:0}#header h1{color:inherit;height:inherit;left:1.25em;line-height:inherit;margin:0;padding:0;position:absolute;top:0}#header h1 a{font-weight:400;border:0;color:#fff}#header nav{height:inherit;line-height:inherit;position:absolute;vertical-align:middle;right:.75em;top:0}#header nav>ul{list-style:none;margin:0;padding-left:0}#header nav>ul>li{display:inline-block;padding-left:0}#header nav>ul>li a{display:inline-block;height:2em;line-height:2em;padding:0 1em;border-radius:6px}#header nav>ul>li:first-child{margin-left:0}#header nav>ul>li .button{margin:0 0 0 .5em;position:relative}#header .button{background-color:transparent;box-shadow:#999 0 0 0 2px inset;color:#fff}@media screen and (max-width:1920px){body,input,select,textarea{font-size:13pt}}@media screen and (max-width:1440px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:980px){body,input,select,textarea{font-size:11pt}}@media screen and (max-width:840px){.container{width:100%!important}body,html{overflow-x:hidden}body,input,select,textarea{font-size:11pt}h4 br,header br{display:none}.box{padding:3em 2em}#page-wrapper{padding-top:0;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;padding-bottom:1px}#header{display:none}}@media screen and (max-width:736px){.container{max-width:100%}body,input,select,textarea{font-size:11pt}h2{font-size:1.75em;line-height:1.35em;letter-spacing:-.025em}h3{font-size:1.5em}h4{font-size:1em}.box{margin:1em;overflow-x:hidden;padding:2em!important}}@media screen and (max-width:480px){ul.actions:not(.fixed){-webkit-flex-direction:column;margin-left:0;width:100%!important}ul.actions:not(.fixed) li{-webkit-flex-grow:1;-webkit-flex-shrink:1;padding:1em 0 0;text-align:center;width:100%}ul.actions:not(.fixed) li>*{width:100%}ul.actions:not(.fixed) li:first-child{padding-top:0}ul.actions:not(.fixed) li .button,ul.actions:not(.fixed) li button{width:100%}body,html{min-width:320px}body,input,select,textarea{font-size:11pt}ul.actions{margin:0 0 2em}ul.actions li{display:block;padding:1em 0 0;text-align:center;width:100%}ul.actions li:first-child{padding-top:0}ul.actions li>*{width:100%;margin:0!important}.box{border-radius:0;box-shadow:none;margin:1em 0 0;padding:3em 1em!important}}.icon::before,input[type=checkbox]+label::before,input[type=radio]+label::before{font-family:'Font Awesome 5 Free'}#header a{cursor:pointer}#header a.disabled{cursor:not-allowed}.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch;margin-top:0;margin-left:-2em;border-bottom:0}a{text-decoration:underline;-moz-transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out;-webkit-transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out;-ms-transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out;border-bottom:0;color:#00f}#page-wrapper,body,html{height:100%}.align-center-v{display:flex;align-items:center;justify-content:center}.hidden{display:none}.padding0p5{padding-bottom:.5em}.padding0p75{padding-bottom:.75em}.slim-table{margin-bottom:.5em}.input-text{position:relative;top:.75em}.input-text2,.label-text{position:relative;top:.25em}.relative-container{position:relative;width:0;height:0}#title-sub{color:#f2f2f2!important}#title-sub strong{color:#fff!important}.login-icon{position:relative;top:.275em;right:.5em}#login-ajax{height:3em}#login-alert{padding:15px;margin-bottom:1em;border:1px solid transparent;border-radius:4px;color:#a94442;background-color:#f2dede}.login-text{text-align:center;color:#f2f2f2}.login-header{margin-top:4em}#main-login,#main-tutorial{padding:4em 0}#main-login>header{text-align:center;margin:0 0 3em}#main-login>header h2{font-size:2.75em;margin:0}#main-login>header p{border-top:2px solid #e5e5e5;color:#777;display:inline-block;font-style:normal;margin:0;padding:1em 0 1.25em}@media screen and (max-width:980px){#main-login,#main-tutorial{padding:.5em 0}#main-login>header{text-align:center;margin:0 0 1em}.login-header{margin-top:1em}}@media screen and (max-width:640px){.row>.login-box{width:90%!important;margin-left:5%!important}}.login-logo{min-width:180px;max-width:306px;width:30%}.nav-icon{position:relative;top:.05em;margin-right:.3em}.nav-hotkey-indicator{border-bottom:1px solid #999}.help-button{background-color:#449644!important}#lobby{margin-top:1.5em;height:calc(100% - 3em);margin-bottom:.5em}#lobby>div>div{height:100%}#lobby>div>div>section{padding:1.5em;margin-bottom:0;height:100%}.lobby-half{height:calc((100% - 1.5em)/ 2)}#lobby-separator{height:1.5em}.lobby-full{height:100%}.lobby-table-container{overflow-y:auto;height:100%}.lobby-title{font-size:1.3em}#lobby-games-table{margin-bottom:0}.lobby-chat-text-box{overflow-y:auto;overflow-wrap:break-word;border:1px solid #e5e5e5;margin-bottom:1em;padding:0 .5em;height:calc((100% - 3.5em) - 2.5em)}.istyping{font-size:.75em;position:relative;bottom:.3em}#lobby-users-container{overflow-y:auto;height:calc(100% - 3em)}.lobby-users-box-container{padding-left:1.5em!important}.lobby-pregame-container{height:100%}.lobby-pregame-info{font-size:.85em;width:200px;padding-right:.5em;overflow-y:auto}.lobby-pregame-players{height:100%;overflow-y:auto}.lobby-pregame-player{border:1px solid #000;border-radius:5px;padding:.8em;margin:0 .5em .5em 0;max-width:300px;max-height:calc(100% - .5em);overflow-y:auto}#lobby-pregame-options,#lobby-pregame-spectators{list-style-type:none;padding:0;margin:0}#lobby-pregame-options-title{font-weight:400}#lobby-chat-pregame-container{padding-left:1.5em!important}.create-game-icon{display:inline-block;width:2em;text-align:center}.create-game-info-icon{position:relative;top:.35em}.create-game-text-label{position:relative;top:.25em}#create-game-timed-row{min-height:3em}#create-game-timed-option-1,#create-game-timed-option-3{line-height:1.2em}#create-game-timed-label{position:relative;top:.75em}#create-game-timed-container{position:relative;top:.5em}#create-game-submit{font-size:1em}#create-game-variant-dropdown2{padding-right:2.25em;float:left}#create-game-variant-dropdown2-icon{position:relative;right:1.8em;pointer-events:none}#dice{color:green;position:relative;left:.2em}#replay-json{resize:none}#replay-error-row-text{color:red}.replay-radio{top:.6em}.replay-radio-label{position:relative;top:.4em}#settings-modal{max-width:100vw}#settings-modal .settings-content{width:1100px;max-height:800px}@media screen and (max-width:1920px){#settings-modal .settings-content{max-width:900px;max-height:650px}}@media screen and (max-width:1440px){#settings-modal .settings-content{max-width:700px;max-height:550px}}@media screen and (max-width:980px){#settings-modal .settings-content{max-width:500px}}@media screen and (max-height:660px) and (min-width:1180px){#settings-modal .settings-content{max-width:60vw;max-height:90vh}}@media screen and (max-height:539px) and (min-width:1180px){#settings-modal .settings-content{max-width:100vw;max-height:90vh}}#settings-modal h5{font-weight:400;font-size:1.2em}#settings-modal p{margin-bottom:.5em}#settings-modal div p:last-child{margin-bottom:2em}.horizontal{margin:0;padding:0}.horizontal>li{list-style-type:none;float:left;margin-right:1em}#settings-volume>li{height:2.25em;line-height:2.25em}#settings-volume-slider{position:relative;bottom:.25em;width:12.5em;height:.25em;background-color:#ddd;border:none;border-radius:3px;background-position:initial initial;background-repeat:initial initial}#page-cover{display:none;position:absolute;bottom:0;left:0;top:0;right:0}.modal{background-color:#fff;border:2px solid #308943;border-radius:5px;max-height:calc(100% - 4em);max-width:80vw;overflow-y:auto;padding:20px 30px;position:absolute;top:3.5em;min-width:40vw}.modal .row{margin-bottom:1em}.modal-message{border:0;left:5em;max-width:100%;right:5em;overflow:auto;padding:30px 30px 0;top:15vh}@media screen and (max-width:510px){.modal,.modal-message{left:0;right:0}}#morph-modal h2,#morph-modal-description,#resources-modal ul{margin:0}#set-modifier-current{margin-left:15px}#play-discard-title{text-transform:capitalize}#morph-modal form{margin-bottom:.5em}#morph-modal .row{margin-top:1em;margin-bottom:0}#morph-modal form .row{margin-top:1em;margin-bottom:1em}#morph-modal .input-text{top:1.5em}#game{height:100%}#game-chat-modal{position:absolute;z-index:1;background-color:#000;border-radius:10px;border:3px solid #000}#game-chat-modal-header{height:1.25em;text-align:right}#game-chat-modal-header-close{cursor:pointer;color:#fff;margin-right:.3em;padding:.25em;position:relative;bottom:.3em}#game-chat-modal-white{width:calc(100% - .3em);height:calc((100% - 1.25em) - .3em);padding:1em;margin:0;position:relative;top:.05em;left:.15em}#game-chat-text{height:calc(100% - 4em)}.container.max{width:80%}#lobby-pregame-name,#lobby-pregame-seats,#lobby-pregame-variant{display:block}@media screen and (max-width:1280px){.hidden-xl{display:none!important}}@media screen and (max-width:1500px){.lobby-pregame-info{width:150px}.container.max{width:calc(100% - 2em)!important}}@media screen and (max-width:1086px){#header nav>ul>li .button{padding-left:.5em;padding-right:.5em}}@media screen and (max-width:480px){.hidden-xs{display:none!important}.box{border-radius:6px}}@media screen and (max-width:400px){#nav-buttons-pregame .nav-icon{margin-right:0}}@media screen and (max-width:290px){#nav-buttons-history .nav-icon{margin-right:0}}@media screen and (max-width:736px){.hidden-sm{display:none!important}.container.max{margin-left:1em;margin-right:1em;width:calc(100% - 2em)!important}.box{margin:0;overflow-y:hidden;padding:1.5em!important}}@media screen and (max-width:980px){.lobby-pregame-player{max-width:200px}}@media screen and (max-width:840px){.hidden-md{display:none!important}.nav-icon{margin-right:0}#page-wrapper{padding-top:3em}#header{display:block}#lobby-games-table th:nth-child(2){display:none}}@media screen and (max-width:670px){#lobby-games-table th:first-child{display:none}#lobby-games-table th:nth-child(3){border-left-width:1px}}@media screen and (max-width:570px){#header nav>ul>li a#nav-buttons-lobby-resources,#header nav>ul>li a#nav-buttons-lobby-stats{display:none}}@media screen and (max-width:410px){#lobby-games-table th:nth-child(5){display:none}}#lobby-small-screen-buttons{margin-top:1em;height:2em;display:none}#lobby-small-screen-buttons nav>ul{display:block;list-style:none;margin:0;padding-left:0}#lobby-small-screen-buttons nav>ul li:first-child{padding-left:0}.only-on-narrow-screen{display:none}@media screen and (max-height:530px){#lobby-toggle-show-online{display:none}}@media screen and (max-width:530px){#lobby-games-table th:nth-child(4){display:none}#lobby-chat-pregame-container{margin-left:.5em!important}}@media screen and (max-height:530px) and (max-width:620px){#lobby-toggle-show-online{display:inline-block}}@media screen and (max-height:530px),screen and (max-width:620px){#lobby-bottom-half,#lobby-top-half{display:none;height:calc(100% - 4em)}#lobby-separator{display:none}#lobby-small-screen-buttons{display:block}#lobby{height:calc(100% - 1.25em)}}@media screen and (max-width:620px){#lobby-games-table th:nth-child(7),#small-screen-toggle-users-h3{display:none}.only-on-narrow-screen{display:inline}.lobby-users-box-container{padding-left:2em!important}.row>#lobby-chat-container,.row>#lobby-online-users{width:100%}}a.toggle-active{background-color:#449644!important}