:root{--reference-scale: 1.5}#action-button{position:absolute;top:24px;right:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;z-index:10000}#action-button.close{transform:rotate(180deg)}#reference-intro{width:21em;line-height:1.25}#reference-intro sup{font-size:.7em;vertical-align:baseline;position:relative;top:-.4em;line-height:0}#reference-images{display:flex;flex-direction:column;width:100%;align-items:stretch;box-sizing:border-box;height:fit-content;margin-top:28px;border-width:2.5px;border-style:solid;border-color:#d8d3cb;border-radius:15.4px;padding:15.4px}.reference-scrollable p{margin-top:16px!important;margin-bottom:16px!important}.spatial-resolution{font-size:22px;z-index:10000}.spatial-resolution-title{translate:0 -3px}.spatial-resolution-subtitle{translate:2px 2px;font-size:16px}.reference-scrollable h1{margin-top:17px;margin-bottom:17px}#reference-images>div{width:100%;flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center}#hexagon-terrain{width:calc(100px * var(--reference-scale));margin-top:calc(-1.5px * var(--reference-scale));margin-bottom:calc(5.5px * var(--reference-scale))}#hexagon-population{width:calc(145px * var(--reference-scale));margin-top:calc(-30px * var(--reference-scale));margin-bottom:calc(-30px * var(--reference-scale))}#cylinder-population{width:calc(162.5px * var(--reference-scale));margin-top:calc(12px * var(--reference-scale));margin-bottom:calc(6px * var(--reference-scale))}#cylinder-threshold{width:calc(180px * var(--reference-scale));margin-top:calc(-32.5px * var(--reference-scale));margin-bottom:calc(-25px * var(--reference-scale))}.reference-scrollable{transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:100vh;will-change:opacity,max-height}.reference-scrollable.open{opacity:1}.reference-scrollable:not(.open){opacity:0;max-height:0}.horizontal-separator{width:100%;height:1em;margin-top:.5em;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#d8d3cb;opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1);max-height:1em;will-change:opacity,max-height,margin-top}.horizontal-separator:not(.open){opacity:0;max-height:0em;margin-top:0}.reference-panel{padding-bottom:0!important}.reference-footer{height:24px;opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.reference-footer:not(.open){opacity:0}:root{--panel-margin: 0px;--panel-padding-horizontal: 24px;--panel-padding-vertical: 24px;--panel-border-radius: 16px}.panel{pointer-events:auto;position:relative;background:#f4f3f5;border-radius:var(--panel-border-radius);padding:var(--panel-padding-vertical) var(--panel-padding-horizontal);margin:var(--panel-margin);box-shadow:0 2px 8px #0000000f;color:#454143;font-style:normal;line-height:normal;font-weight:400;font-size:16px;width:fit-content;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000001a}.panel b,.panel strong{font-style:normal;line-height:normal;font-weight:600}.panel h1{font-style:normal;line-height:normal;font-weight:700;font-size:1.66em}.viewport{pointer-events:auto!important;position:relative;height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.viewport::-webkit-scrollbar{display:none}.viewport:not(.open){overflow:hidden}.scrollbar{pointer-events:none;position:absolute;right:-19px;top:12px;height:calc(100% - 12px);width:20px;background:transparent}.scrollbar-thumb{position:relative;width:100%;background:transparent}.scrollbar-thumb:after{content:"";display:block;position:absolute;top:0;left:calc(50% - 1.5px);width:3px;height:100%;border-radius:99999px;background:#454143ee;pointer-events:none}#loading{width:100%;height:100%;background:#454143;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loadingRow{display:flex;justify-content:center;align-items:center;width:100%;gap:24px}#loadingBarInner{width:936.72px;height:11.18px;margin:8px;border-color:#d9d9d6;border-style:solid;box-sizing:border-box;border-width:3.09px;border-radius:8px;background:repeating-linear-gradient(90deg,#2e76bc,#8ec8e7,#d4e48f,#8ec8e7,#2e76bc 50%);background-size:200% 100%;animation:anim 1.5s linear infinite}@keyframes anim{0%{background-position:0 0}to{background-position:-100% 0}}#loadingBarLabel{color:#111;font-size:1.1em;letter-spacing:1px;margin-bottom:14px;text-shadow:none}:root{--nav-border-color: white;--nav-border-width: 1.5px;--nav-bg: #D9D9D9B3;--nav-glow: #45414370;--nav-gap: 4px;--nav-btn-size: 36px;--nav-btn-bg: white;--nav-btn-hover-bg: #F4F3F5;--nav-btn-border-color: #D6DBE3;--nav-btn-border-width: 1.5px;--nav-info-bg: rgba(30, 30, 40, .97);--nav-info-color: #fff;--nav-info-shadow: rgba(0, 0, 0, .2)}.navigation{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:relative;pointer-events:auto!important;padding:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;background-color:var(--nav-bg);border-radius:999px;width:fit-content;gap:var(--nav-gap);border-color:var(--nav-border-color);border-width:var(--nav-border-width);border-style:solid}.navigation-icon{width:24px;height:24px;pointer-events:none}.navigation-button{display:flex!important;border-style:solid;box-sizing:border-box;background:var(--nav-btn-bg);border-color:var(--nav-btn-border-color);border-width:var(--nav-btn-border-width);border-radius:50%;cursor:pointer;width:var(--nav-btn-size);height:var(--nav-btn-size);z-index:0;display:flex;align-items:center;justify-content:center}.navigation-button:hover{background:var(--nav-btn-hover-bg)}.overlay-buttons{position:relative;width:var(--nav-btn-size);height:var(--nav-btn-size);border-width:1px;border-radius:50%;box-sizing:border-box;z-index:2}.button-glow{box-shadow:0 0 24px 4px #d6dbe3;z-index:3}.button-flat-bottom{border-radius:50% 50% 0 0;margin-bottom:0;border-bottom:none}.button-flat-top{border-radius:0 0 50% 50%;margin-top:0;border-top:none}.button-half-circle-container{position:relative;display:flex;justify-content:center;align-items:center}.button-half-circle-left{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:var(--nav-btn-size);height:calc(var(--nav-btn-size) * 2);border-radius:var(--nav-btn-size) 0 0 var(--nav-btn-size) / var(--nav-btn-size) 0 0 var(--nav-btn-size);border-right:none}.button-half-circle-right{position:absolute;right:0;top:50%;transform:translate(calc(50% - 1px),-50%);width:var(--nav-btn-size);height:calc(var(--nav-btn-size) * 2);border-radius:0 var(--nav-btn-size) var(--nav-btn-size) 0 / 0 var(--nav-btn-size) var(--nav-btn-size) 0;border-left:none}.button-half-circle-top{position:absolute;left:50%;top:0;transform:translate(-50%,calc(-50% + 1px));width:calc(var(--nav-btn-size) * 2);height:var(--nav-btn-size);border-radius:var(--nav-btn-size) var(--nav-btn-size) 0 0 / var(--nav-btn-size) var(--nav-btn-size) 0 0;border-bottom:none}.button-half-circle-bottom{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:calc(var(--nav-btn-size) * 2);height:var(--nav-btn-size);border-radius:0 0 var(--nav-btn-size) var(--nav-btn-size) / 0 0 var(--nav-btn-size) var(--nav-btn-size);border-top:none}.button-half-circle-left,.button-half-circle-right,.button-half-circle-top,.button-half-circle-bottom{margin:0;padding:0;box-sizing:border-box;z-index:-1}.button-flat-bottom+.button-flat-top,.button-flat-top+.button-flat-bottom{margin-top:calc(var(--nav-gap) * -1)}.button-half-circle-left .navigation-icon,.button-half-circle-right .navigation-icon,.button-half-circle-top .navigation-icon,.button-half-circle-bottom .navigation-icon{width:16px;height:16px;position:relative}.button-half-circle-left .navigation-icon{left:-8px;transform:scaleX(-1) scale(1.5)}.button-half-circle-right .navigation-icon{left:8px;transform:scale(1.5)}.button-half-circle-top .navigation-icon{top:-6px}.button-half-circle-bottom .navigation-icon{top:8px;transform:rotate(180deg)}.navigation-info-underlay{position:absolute;left:-320px;top:0;width:300px;height:100%;background:var(--nav-info-bg);color:var(--nav-info-color);box-shadow:2px 0 12px var(--nav-info-shadow);z-index:100;display:flex;align-items:flex-start;justify-content:flex-start;padding:24px 16px 16px 24px;border-radius:8px 0 0 8px;animation:slideInLeft .2s}@keyframes slideInLeft{0%{left:-350px;opacity:0}to{left:-320px;opacity:1}}.navigation-info-content{width:100%;position:relative}.navigation-info-close{position:absolute;top:0;right:0;background:transparent;border:none;color:var(--nav-info-color);font-size:1.5em;cursor:pointer;padding:0 8px}.navigation-info-content h3{margin-top:0;margin-bottom:.5em}.navigation-info-content p{margin:0;font-size:1em;line-height:1.5}.info-panel{position:absolute;top:0;right:60px;width:300px}.info-panel p{margin:5px}.visualization-page{display:grid;width:100%;height:100%;-webkit-user-select:none;user-select:none}.visualization-page-overlay{grid-area:1 / 1 / 2 / 2;box-sizing:border-box;width:100%;height:100%;overflow:hidden}.visualization-page-overlay:not(:first-child){pointer-events:none;z-index:2000}.visualization-page-ui{pointer-events:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-items:flex-start;justify-content:space-between;align-items:flex-start;align-content:flex-start;width:100%;height:100%;padding:24px;gap:24px}.visualization-page-ui-wrap{flex-grow:1;display:flex;justify-content:flex-end}