.toolbar{border-bottom:2px solid #ccc}.toolbar:after{content:"";display:table;clear:both}.sf-menu{list-style:none;float:left}.sf-menu li{position:relative;white-space:nowrap;z-index:1}.sf-menu li:hover,.sf-menu li.sfHover{background:#222}.sf-menu>li{float:left}.sf-menu__sub{position:absolute;list-style:none;display:none;top:100%;left:0;z-index:99;box-shadow:2px 2px 6px #0003;min-width:18em;background:#222}li:hover>.sf-menu__sub,li.sfHover>.sf-menu__sub{display:block}.sf-menu__link{background:transparent;border:none;display:block;position:relative;padding:.6em 1.5em;text-decoration:none;color:#999;overflow:hidden}.sf-menu__link:focus,.sf-menu__link:hover{color:#fff}.sf-menu__link--lvl1:focus,.sf-menu__link--lvl1:hover{background:#111}.sf-menu__link--lvl1.is-active{background:#ccc;color:#191919}.sf-menu__icon{position:absolute;top:50%;transform:translateY(-50%);right:1em}.gridlabel{position:relative;padding:1.231em;box-shadow:inset 1px 1px #ccc}.gridlabel{background:#3c3c3c}.gridlabel__text{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:small;color:inherit}.labelHighlight{color:#fff;background:#292929}.map{position:relative;z-index:0;display:grid;grid-template-columns:2.46em auto 2.46em;grid-template-rows:2.46em auto 2.46em;grid-template-areas:"toplabels toplabels toplabels" "leftlabels content rightlabels" "bottomlabels bottomlabels bottomlabels"}.map__column-labels{position:relative;grid-area:toplabels;display:flex}.map__column-labels:nth-of-type(2n){z-index:1;grid-area:bottomlabels}.map__row-labels{position:relative;z-index:1;grid-area:leftlabels}.map__row-labels:nth-of-type(2n){grid-area:rightlabels}.map__content{background:#eee url(/images/g.jpg) repeat fixed 50% 50%;grid-area:content;position:absolute;top:0;bottom:0;left:0;right:-1px;display:flex;flex-wrap:wrap}.tile{position:relative;padding:1.231em;box-shadow:inset 1px 1px #ccc;background-repeat:no-repeat;background-position:center}.tile.wall{background-color:#6e4b3d}.tile.object{background-color:green}.tile.generic-hero{background:#2C4E9C}.tile.generic-foe{background:#b00b00}.tile.terrain{background-repeat:repeat;background-attachment:fixed;background-position:0 0}.tile[title]:after{font:700 italic .6666666667em/.5 serif;transform:perspective(500px) translateZ(0);position:absolute;top:1px;left:1px;z-index:1;padding:.75ex .95ex;content:"i";color:#fff;background:rgba(0,0,0,.3);animation:popin .5s}@keyframes popin{0%{transform:perspective(500px) translateZ(120px);background:rgba(0,0,0,.8)}10%{transform:perspective(500px) translateZ(210px);border-radius:50px}to{transform:perspective(500px) translateZ(0)}}.tipEditor{position:absolute;z-index:2;top:0;width:10em;padding:.65em .6em;transform:perspective(500px) translate3d(-50%,0,0);animation:popout .3s;will-change:top left opacity;text-align:center;color:#fff;border:1px solid #fff;background-color:#222222e6;box-shadow:0 3px 6px #0009;outline:none}@keyframes popout{0%{transform:perspective(500px) translate3d(-100%,0,-500px);opacity:0}50%{transform:perspective(500px) translate3d(-45%,0,50px)}60%{transform:perspective(500px) translate3d(-50%,0,0)}}html{box-sizing:border-box;overflow-y:scroll}*,*:before,*:after{box-sizing:inherit}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,ul{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}html,body,select,input,textarea{color:#999}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll;overflow-x:hidden}figure{display:block;margin:0;padding:0}a img{border:none;vertical-align:bottom;display:block}.nav ul{list-style:none;margin:0}input,textarea,button{font-size:99%}select{font-size:16px}abbr,acronym,.caps{font-size:.95em}abbr[title],acronym[title]{cursor:help;border-bottom:1px dotted rgba(0,0,0,.3)}textarea{overflow:auto}label,button,input[type=button],input[type=submit],input[type=image]{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.clearfix:after{content:" ";display:table;clear:both}body{font-size:93.75%;line-height:1.3333333333em}html,body{height:100%}body{background:#191919;background-size:contain;color:#999;display:flex;font-family:sans-serif}.main{margin:auto}.middle{margin:auto;border:2px solid #ccc}.modal-content{padding:160px 25px 2.5em;margin:0 auto;text-align:center;width:620px;background:#e5d19c url(/images/phBg.jpg) 50% -3px;color:#47210f}.modal-content h1,.modal-content h2,.modal-content h3{color:#47210f;font-family:Georgia,serif;font-variant:small-caps;font-weight:700;letter-spacing:1px;margin:0 auto .5em}.modal-content h1{font-size:1.3333333333em;padding:.7em 4em}.modal-content h2,.modal-content h3{font-size:1em;margin-top:.5em;margin-bottom:1em}.modal-content__inner{padding:1.5em 2em 2.5em;margin-bottom:1em;border:2px solid #9E8065;background-color:#ece6d2}.modal-content input:not([type=submit]){font-family:Georgia,serif;font-size:1em;width:50%;color:#222;background-color:#f3f3f3;padding:.25em 5px;margin-bottom:.25em;border:2px solid #CCB6A3;border-color:#CCB6A3 white white #CCB6A3}.modal-content input:not([type=submit]):focus,.modal-content input:not([type=submit]):hover{background-color:#fff}.modal-content button,.modal-content input[type=submit]{color:#47210f;font-family:Georgia,serif;font-variant:small-caps;font-weight:700;letter-spacing:1px;width:15em;margin:.5em auto;background-color:#ece6d2;padding:.5em;border:2px solid #9E8065;border-color:#fff #9E8065 #9E8065 #fff}.modal-content button:hover,.modal-content input[type=submit]:hover{background-color:#fff}