*{box-sizing:border-box}:root{font-family:"Trebuchet MS","Open Sans","Helvetica Neue",sans-serif}html{height:100%;width:100%;background:#f5f5f5}body{margin:0 auto;width:100%;max-width:1200px;min-height:100%;background:#fff;border:0 none}@media(min-width: 1201px){body{border:solid #000;border-width:0 1px}}body>*{padding:5px 12.5px}h1,h2,h3,h4,h5,h6{margin:0}a:link,a:visited{color:#1e90ff}a:link:focus,a:visited:focus{outline:1px solid}#y-spinner{font-size:2rem;text-align:center}#y-spinner svg{display:block;margin:20vh auto 0;max-width:150px}#y-spinner svg *{stroke-linejoin:round;stroke-linecap:round}#y-spinner path{fill:none;stroke:#000;stroke-width:10px;opacity:.5}#y-spinner path:nth-of-type(odd){animation:2s linear infinite rotate;stroke:red}#y-spinner path:nth-of-type(even){animation:3s linear infinite reverse rotate;stroke:gold}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#y-spinner~nav[y-component=topNav]{display:none}body>header{color:#000;background:#90ee90}body>header h1{margin:0}body>header h2{color:#000}body>nav:not([hidden]){display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start}body>nav:not([hidden])>*:not([hidden]){display:block}[y-page=pageBlog] h2+h3,[y-page=pageBlog] img+h3{margin-top:.5rem}[y-page=pageGame],[y-page=pageGame]>*{padding:0;position:fixed;bottom:0;right:0;left:0;top:0}[y-page=pageGame] .game{font-size:40pt}[y-page=pageGame] .game *{font-size:inherit}@media(orientation: landscape){[y-page=pageGame] div.unit-actions-menu{max-width:200px}}[y-page=pageGame] div.unit-actions-menu{position:fixed;bottom:0;right:800px;left:0;background:#228b22;display:flex;flex-flow:row nowrap;justify-content:space-evenly;padding:20px 0}@media(orientation: landscape){[y-page=pageGame] div.unit-actions-menu{flex-flow:column nowrap;bottom:0;right:auto;left:0;top:110px;padding:0 20px}}[y-page=pageGame] div.unit-actions-menu>button{font-family:"Trebuchet MS","Open Sans","Helvetica Neue",sans-serif;font-size:40px;border-radius:100px;padding:5px 15px}[y-page=pageGame] div.unit-actions-menu>button:not([disabled]){cursor:pointer}[y-page=pageGame] #city-view>.btn-close,[y-page=pageGame] #tile-view>.btn-close{position:fixed;bottom:auto;left:auto;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;vertical-align:middle;color:#fff;cursor:pointer}[y-page=pageGame] div#tile-menu{background:#fff;position:fixed;bottom:0;left:100px;right:400px;top:auto;margin:0;padding:.5em 2em;border:5px solid #000;border-radius:50px;display:flex;flex-flow:row nowrap;justify-content:space-evenly}[y-page=pageGame] div#tile-menu>button{padding:2px 5px;text-align:left;font-family:"Trebuchet MS","Open Sans","Helvetica Neue",sans-serif;font-size:20px}[y-page=pageGame] div#tile-menu>button>kbd{font-size:20pt}[y-page=pageGame] div#tile-menu>button>kbd::before{content:"("}[y-page=pageGame] div#tile-menu>button>kbd::after{content:")"}[y-page=pageGame] div#tile-menu>button:not([disabled]){cursor:pointer}[y-page=pageGame] div#tile-menu[hidden]{display:none}[y-page=pageGame] #tile-view{display:flex;flex-flow:row;align-items:center;justify-content:space-around;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:10}[y-page=pageGame] #tile-view[hidden]{display:none}[y-page=pageGame] #tile-view:not([hidden])~canvas{z-index:-1}@media(orientation: portrait){[y-page=pageGame] #tile-view{flex-flow:column}}[y-page=pageGame] #tile-view>*{display:flex;flex-flow:column;align-items:center}[y-page=pageGame] #tile-view>* .name{background:#000;color:#fff;padding:2px 5px;border-radius:.5em}[y-page=pageGame] #tile-view:not([hidden])+.game .unit-actions-menu{display:none}[y-page=pageGame] #production-queue{position:fixed;left:0;top:50%;bottom:0;width:200px;background:#fff;display:flex;flex-flow:column nowrap}[y-page=pageGame] #production-queue ul{overflow:auto}[y-page=pageGame] #production-queue>h2{font-size:1.4rem;margin-bottom:1rem;text-align:center}body:has([y-page=home]){display:flex;flex-direction:column}[y-page=home]{display:flex;flex-direction:column;flex-grow:1}[y-page=home]>h2+h3{margin-top:1em}[y-page=home]>p:last-of-type{flex-grow:1}