*{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]>.game,[y-page=pageGame]>.scene,[y-page=pageGame]>canvas,[y-page=pageGame]{padding:0;position:fixed;bottom:0;right:0;left:0;top:0}[y-page=pageGame]>.scene{z-index:-1}[y-page=pageGame]>.scene>.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]>.scene:not([hidden]){z-index:1}[y-page=pageGame]>.scene:not([hidden])~.menu{display:none}[y-page=pageGame]>.game{font-size:40pt}[y-page=pageGame]>.game *{font-size:inherit}[y-page=pageGame] .menu{display:flex}[y-page=pageGame] #zoom{position:fixed;z-index:1;bottom:auto;right:0;left:auto;top:max(10%,50px);flex-flow:column nowrap}[y-page=pageGame] #zoom>button{cursor:pointer;min-height:25px;min-width:25px;font-size:20px;line-height:1em;text-align:center;background:#d3d3d3;color:#000;border:2px outset #a9a9a9;border-radius:5px}[y-page=pageGame] #zoom>button:disabled{filter:opacity(0.5);cursor:default;border:2px solid rgba(0,0,0,0)}[y-page=pageGame] div#action-menus{position:fixed;z-index:1;bottom:0;right:auto;top:50px;left:0;flex-flow:column nowrap}[y-page=pageGame] div#action-menus>div{flex-basis:100%;padding:5px;display:flex;flex-flow:column wrap;justify-content:space-evenly;background:green}[y-page=pageGame] div#action-menus>div+:where(div:not([hidden]),div:not(:empty)),[y-page=pageGame] div#action-menus>div:has(+:where(div:not([hidden]),div:not(:empty))){justify-content:space-around}[y-page=pageGame] div#action-menus>div:empty,[y-page=pageGame] div#action-menus>div[hidden]{display:none}@media(orientation: portrait){[y-page=pageGame] div#action-menus{bottom:0;right:0;left:0;top:auto;flex-flow:row wrap}[y-page=pageGame] div#action-menus>div{margin-top:-1px;flex-flow:row wrap;padding:15px 5px;justify-content:space-evenly;flex-basis:100vw}[y-page=pageGame] div#action-menus>div:empty{display:none}}@media(orientation: portrait)and (min-width: 450px){[y-page=pageGame] div#action-menus{flex-flow:row nowrap}[y-page=pageGame] div#action-menus>div{justify-content:space-around}[y-page=pageGame] div#action-menus>div:has(+:where(div:not([hidden]),div:not(:empty))){padding-right:0}[y-page=pageGame] div#action-menus>div+:where(div:not([hidden]),div:not(:empty)){padding-left:0}}[y-page=pageGame] div#action-menus button{padding:2px 5px;text-align:left;font-family:"Trebuchet MS","Open Sans","Helvetica Neue",sans-serif;font-size:20px;background:#fff}[y-page=pageGame] div#action-menus button>kbd{font-size:20pt}[y-page=pageGame] div#action-menus button>kbd::before{content:"("}[y-page=pageGame] div#action-menus button>kbd::after{content:")"}[y-page=pageGame] div#action-menus button:not(:disabled){cursor:pointer}[y-page=pageGame] div#action-menus button:has(>img){--circle: 40px;height:var(--circle);width:var(--circle);padding:0;border-radius:var(--circle);text-align:center;align-self:center;position:relative}[y-page=pageGame] div#action-menus button:has(>img)>img{width:53.0325%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}[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] #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] :is(p,ol,ul)+:where(p,ol,ul){margin-top:0}[y-page=home]>p:last-of-type{flex-grow:1}