*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}body{background-color:#111;padding:50px 0}.nav{display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:50px;transition:all .5s ease-out;opacity:0}.nav.nav-visible{opacity:1}.btn-group{margin:0 15px 0 auto;display:flex;align-items:center}.separator{color:#fff;color:#212427;font-size:12px;width:40px}.btn{display:block;color:#212427;color:#fff;padding:7px 16px;font-size:12px;cursor:pointer;border:1px solid #212427;border:1px solid #fff}.social-group{margin:0;display:flex;align-items:center;padding:0 16px 0 0}.social-link{color:#000;background-color:#fff;text-decoration:none;display:flex;height:22px;width:24px;border-radius:8px;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;font-size:14px}.social-link.twitter{margin:0 10px 0 0}.square-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:100}.square-container .square{display:flex;flex-direction:column;flex-wrap:nowrap;cursor:pointer}.square-container .square .row{display:flex}.square-container .square .row .cell{width:70px;height:70px;position:relative;overflow:hidden;flex-shrink:0;border-radius:4px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.square-container .square .row .cell:hover{background-color:#fff3}.square-container .square .row .cell .cell-content{width:100%;height:100%;color:#444;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;margin:auto;opacity:1;-webkit-transition:all 1s linear;transition:all 1s linear;-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0)}.square-container .square .row .cell .cell-content.owned{color:#fff}.square-container .square .row .cell .cell-content.mine{color:red!important;font-weight:500}.square{font-family:Azeret Mono,monospace}.help-popup,.tile-popup{align-items:center;justify-content:center;width:100%;height:100%;background-color:#0003;position:fixed;top:0;left:0;z-index:10;opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.help-popup .main-content,.tile-popup .main-content{display:block;width:300px}.help-popup .success-content,.tile-popup .success-content{display:none;font-size:16px;text-align:center;width:350px}.help-popup .success-content .opensea-link,.tile-popup .success-content .opensea-link{color:#1111d9;text-decoration:none}.help-popup .help-content,.tile-popup .help-content{width:350px;font-size:13px;text-align:justify}.help-popup.success .main-content,.tile-popup.success .main-content{display:none}.help-popup.success .success-content,.tile-popup.success .success-content{display:block}.help-popup .tile-popup-content,.tile-popup .tile-popup-content{background-color:#fff;border-radius:2px;padding:40px 30px}.help-popup .tile-popup-content .tile-info,.tile-popup .tile-popup-content .tile-info{font-size:14px;color:#333}.help-popup .tile-popup-content .tile-info .label,.tile-popup .tile-popup-content .tile-info .label{font-weight:700}.help-popup .tile-popup-content .tile-info .value,.tile-popup .tile-popup-content .tile-info .value{font-weight:400;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.help-popup .tile-popup-content .tile-info .value.success,.tile-popup .tile-popup-content .tile-info .value.success{color:green;font-weight:700}.help-popup .tile-popup-content .tile-info .price,.tile-popup .tile-popup-content .tile-info .price{font-weight:700}.help-popup .tile-popup-content .popup-btn-block,.tile-popup .tile-popup-content .popup-btn-block{margin-top:20px}.help-popup .tile-popup-content .popup-btn-block .letter-input-block,.tile-popup .tile-popup-content .popup-btn-block .letter-input-block{display:flex;align-items:center;margin-bottom:20px}.help-popup .tile-popup-content .popup-btn-block .letter-input-block .letter-input-label,.tile-popup .tile-popup-content .popup-btn-block .letter-input-block .letter-input-label{font-size:14px;margin-right:10px}.help-popup .tile-popup-content .popup-btn-block .letter-input-block .letter-input,.tile-popup .tile-popup-content .popup-btn-block .letter-input-block .letter-input{height:40px;width:50px;border:1px solid #333;outline:none;font-size:24px;font-weight:700;text-align:center;color:#333}.help-popup .tile-popup-content .popup-btn-block .btn,.tile-popup .tile-popup-content .popup-btn-block .btn{width:100%;height:40px;background-color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear}.help-popup .tile-popup-content .popup-btn-block .btn.disabled,.tile-popup .tile-popup-content .popup-btn-block .btn.disabled{opacity:.5;pointer-events:none}.help-popup .tile-popup-content .popup-btn-block .available-block,.tile-popup .tile-popup-content .popup-btn-block .available-block,.help-popup .tile-popup-content .popup-btn-block .owned-block,.tile-popup .tile-popup-content .popup-btn-block .owned-block,.help-popup .tile-popup-content .popup-btn-block .mine-block,.tile-popup .tile-popup-content .popup-btn-block .mine-block{display:none}.help-popup .tile-popup-content .popup-btn-block.available .available-block,.tile-popup .tile-popup-content .popup-btn-block.available .available-block,.help-popup .tile-popup-content .popup-btn-block.owned .owned-block,.tile-popup .tile-popup-content .popup-btn-block.owned .owned-block,.help-popup .tile-popup-content .popup-btn-block.mine .mine-block,.tile-popup .tile-popup-content .popup-btn-block.mine .mine-block{display:block}