body{background:#000;color:#edc;font-family:sans-serif;margin:0;user-select:none}input{user-select:all}#preload{height:0;position:absolute;width:0;overflow:hidden}.action{margin:0 1em 1em;text-align:right}.action button{appearance:none;border-radius:50%;background:#ccc none no-repeat center/14px;box-shadow:2px 2px 2px #0006;box-sizing:content-box;cursor:pointer;font-size:12px;height:3.1em;image-rendering:pixelated;outline:none;padding:0;width:3.1em}.action button:active{background-color:#aaa;position:relative;top:2px;left:2px}.action button:hover{background-color:#eee}.action button.chooseResearch:focus,.action button.chooseResearch:focus-visible{border-color:#25e0e8}.action button.cityBuild:focus,.action button.cityBuild:focus-visible{border-color:#e8e8e8}.action button.endTurn{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2stY2lyY2xlIj48cGF0aCBkPSJNMjIgMTEuMDhWMTJhMTAgMTAgMCAxIDEtNS45My05LjE0Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iMjIgNCAxMiAxNC4wMSA5IDExLjAxIj48L3BvbHlsaW5lPjwvc3ZnPg==);background-size:50%;border-width:3px;font-size:18px}.action button.endTurn:focus,.action button.endTurn:focus-visible{border-color:#daa520}.action button.adjustTradeRates:focus,.action button.adjustTradeRates:focus-visible{border-color:#fcfc94}.action button.chooseGovernment:focus,.action button.chooseGovernment:focus-visible{border-color:#000}#actions{bottom:0;display:flex;flex-direction:column;max-height:100vh;position:absolute;right:0}#actions .action{margin:0 1em 1em}#actions .action button{font-size:12px;height:3.1em;width:3.1em}#other-actions{position:absolute;right:0;display:flex;flex-direction:row;padding:1em}#other-actions .action{margin:0 0 0 .5em}#other-actions .action button{height:2em;width:2em}.city-screen-window{display:flex;flex-direction:column}.city-screen-window .body{align-items:stretch;display:flex;flex:1;flex-direction:column}.city-screen{display:flex;flex:1;flex-direction:column}.city-screen .city-map{min-width:160px;text-align:center;width:20vw}.city-screen .bottom-row{align-items:stretch;border-top:1px solid rgba(0,0,0,.3);flex:1 1}.city-screen .top-row,.city-screen .bottom-row{display:flex}.city-screen .top-row .yield-details,.city-screen .top-row .improvements,.city-screen .top-row .growth,.city-screen .top-row .tabbed-details,.city-screen .top-row .build,.city-screen .bottom-row .yield-details,.city-screen .bottom-row .improvements,.city-screen .bottom-row .growth,.city-screen .bottom-row .tabbed-details,.city-screen .bottom-row .build{flex:1 1;padding:.25rem}.city-screen .top-row .yield-details,.city-screen .top-row .improvements,.city-screen .bottom-row .yield-details,.city-screen .bottom-row .improvements{max-width:40vw}.city-screen .yield-details .yield,.city-screen .population{display:flex}.city-screen .yield-details .yield .citizen,.city-screen .population .citizen{max-width:12px;min-width:0}.city-screen .yield-details .yield .citizen img,.city-screen .population .citizen img{width:16px;image-rendering:pixelated}.city-screen .yield-details .yield{display:flex}.city-screen .yield-details .yield .used{flex:0 1}.city-screen .yield-details .yield .free{flex:1 1}.city-screen .yield-details .yield .used,.city-screen .yield-details .yield .free{display:flex}.city-screen .yield-details .yield:not(:last-child),.city-screen .yield-details .yield .used:not(:empty){margin-right:.5em}.city-screen .yield-icon{max-width:8px;min-width:0;padding-right:2px}.city-screen .yield-icon img{width:14px;image-rendering:pixelated}.city-screen .tabbed-details,.city-screen .city-map{border:1px solid rgba(0,0,0,.3);border-width:0 1px}.city-screen .supported-units .unit{position:relative}.city-screen .supported-units .unit .yield-icon{position:absolute;left:2px;bottom:2px}.city-screen .supported-units .unit .yield-icon:nth-child(3){left:8px}.city-screen .supported-units .unit .yield-icon:nth-child(4){left:14px}.city-screen .supported-units .unit .yield-icon:nth-child(5){left:20px}.city-screen .improvements .yield-icon:first-child{margin-left:.5rem}#game{align-items:stretch;display:flex;left:0;min-height:100vh;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 2s;width:100vw}#game.active{opacity:1;pointer-events:all}.feather{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#mainmenu{background:url(./main-menu-bg-NPNGUGPD.jpg) no-repeat center center;background-size:cover;display:flex;height:100vh;justify-content:center;opacity:0;transition:opacity 2s;width:100vw}#mainmenu.active{opacity:1}#mainmenu.active nav{opacity:1}#mainmenu nav{bottom:5em;max-width:20em;opacity:0;position:absolute;transition:opacity 1.5s .5s}#mainmenu nav button{appearance:none;background:none;border:0;color:#fff;cursor:pointer;font-weight:700;outline:0;padding:.5em;text-shadow:0 0 2px rgba(0,0,0,.4);width:100%}#mainmenu nav button:hover{background:rgba(255,255,255,.2)}#mainmenu nav button:focus{background:rgba(255,255,255,.4);color:#000}.customise-world .option{display:flex;justify-content:space-between;margin:.5rem .5rem 0}#map{display:flex;flex-grow:1;max-height:100vh}#map canvas{height:100%;width:100%}#notification{background:rgba(0,0,0,.2);border-top-left-radius:.5rem;bottom:0;padding:.5rem;position:fixed;right:0}#notification:empty{display:none}.selectionWindow select{background:transparent;border:0;display:block;margin:1em;max-height:calc(60vh - 8.5em);outline:0;overflow:auto;width:calc(100% - 2em)}#sidebar{background:#8a8a8e;box-sizing:border-box;flex-grow:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding:.5em;width:12.5em}#sidebar #minimap{background:#000}.window{background:#edc;border:1px solid #ccc;border-radius:3px;color:#123;box-shadow:1px 1px 5px #0009;outline:0;overflow:auto;position:fixed}.window.position-auto{left:calc(50% - 20em);top:20%}.window.size-auto{max-height:60%;width:40em}.window button.maximise .maximise{display:block}.window button.maximise .restore{display:none}.window.maximised{border:0;height:100%;left:0;max-height:none;top:0;width:100%}.window.maximised button.maximise .maximise{display:none}.window.maximised button.maximise .restore{display:block}.window header{background:#38e;color:#edc;display:flex;font-weight:700;padding:.5em;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.window header h3{flex-grow:1;margin:0}.window header button{font-size:0;padding:0}.window header button img{height:1rem;width:1.125rem}.window p{overflow-y:auto;margin:0;padding:1em .5em;max-height:20em}.window :not(header) button{margin:1em .5em}
/*# sourceMappingURL=app.css.map */