*{margin:0}html,body{overscroll-behavior:none;overflow:hidden;background-color:#fff;height:100%;width:100%;font-family:Georgia,sans-serif}body{background-color:#5e7fa8}.webgl{position:fixed;top:0;left:0;outline:none}.ui{position:fixed;width:100%;height:100%;pointer-events:none}.editor-ui{transition:opacity 1s;will-change:opacity}.property-panel{display:flex;flex-direction:column;gap:8px;max-height:100%;width:30vw;max-width:200px;overflow:scroll;pointer-events:all;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:8px;box-shadow:2px 2px 8px #00000040;border:none;transition:opacity .5s}.property-panel .selection-list{display:flex;flex-direction:column;gap:4px}.property-panel .card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background-color:#fff;border-radius:8px;padding:8px}.property-panel .preview{height:80px;width:80px;object-fit:contain;font-size:64px;line-height:80px;text-align:center;padding:8px;border-radius:8px;background:#0000001a}.property-panel .hex-image{height:64px;width:72px;aspect-ratio:1/cos(30deg);clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);margin:16px 8px}.property-panel .slider{align-items:center}.property-panel .slider .input-wrapper{flex:1}.property-panel .slider input[type=range]{width:100%}.property-panel .slider label{flex:0 0 auto}.left-bar{position:absolute;height:calc(100vh - 160px);display:flex;flex-wrap:wrap;flex-direction:column;gap:24px;justify-content:center;left:16px;top:80px}.left-bar .button-group{display:flex;position:relative;flex-direction:column;gap:4px}.bottom-bar{position:absolute;width:calc(100vw - 160px);display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;bottom:16px;left:80px}.bottom-bar .button-group{display:flex;flex-direction:row;gap:4px}.right-bar{position:absolute;height:calc(100vh - 160px);display:flex;flex-wrap:wrap;flex-direction:column;gap:24px;justify-content:flex-start;right:16px;top:80px}.right-bar .button-group{display:flex;position:relative;flex-direction:column;gap:4px}.button-group{background-color:#0003;border-radius:16px;transition:opacity 1s;pointer-events:all}.editor-button-wrapper{position:relative}.editor-button-settings-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.choice-list button{width:auto;height:auto;display:flex;flex-direction:row;align-items:center}.editor-button-settings-container .dropdown-arrow{width:8px}.editor-ui .color-swatch{position:relative;width:24px;height:24px}.color-swatch .swatch-fill{width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1436_3737)'%3e%3cpath%20d='M44.2018%200.253873C42.8874%200.0644336%2041.5771%200.016728%2040.5363%200.00386995C39.6221%20-0.00742275%2038.676%200.00833462%2037.9014%200.0212359C37.7824%200.0232175%2037.6675%200.0251318%2037.5573%200.0268702C36.8659%200.037782%2036.3461%200.0421214%2035.9368%200.0358704L35.5619%200.0258702L35.0122%200.0138701C33.6517%200.0143806%2031.4994%200.23685%2029.3492%201.57689L29.1101%201.72989C27.7579%202.62603%2026.0023%203.40225%2025%204C23.9977%204.59775%2019.6478%204.86694%2016.4951%205.97996C13.3425%207.09297%2010.2172%209.71747%207.62147%2012.436C5.47928%2014.6797%205.05637%2019.163%204%2021.5C2.94363%2023.837%203.0099%2025.3979%202.81133%2026.8822C2.08635%2028.1418%201.43104%2029.5107%200.950667%2030.9713C0.174647%2033.3308%20-0.143203%2035.7704%200.0598246%2038.2923C0.254206%2040.7063%200.902557%2043.008%201.79834%2045.0364C2.77837%2047.2556%203.38817%2049.8623%205.56157%2051.9269C7.48729%2053.7562%2010.1011%2055.6415%2013%2057C16.0584%2058.4332%2020.3068%2058.4382%2023.5%2059.5C25.6254%2060.2067%2027.182%2061.7061%2029.3365%2062.6556C31.166%2063.4619%2032.9423%2063.8708%2034.809%2063.9737C36.4367%2064.0634%2038.1908%2063.929%2039.9329%2063.4927C41.6625%2063.0594%2043.323%2062.346%2044.8083%2061.3676C46.2961%2060.3876%2047.4876%2059.2252%2048.4201%2057.9986C48.9432%2057.3105%2050.1102%2056.3438%2051.4946%2055.1225C52.879%2053.9013%2053.5174%2053.312%2054.0316%2053.0335C56.3073%2051.8008%2057.6001%2049.8616%2058.1057%2049.0755C60.806%2044.8766%2062.282%2041.0051%2062.8916%2038.7654C63.7069%2035.7697%2063.9089%2033.2129%2063.9836%2031.5393C64.124%2028.3893%2063.3385%2024.508%2062.6178%2021.5911C61.8996%2018.6843%2060.6039%2016.6852%2058.9491%2014.147C57.1192%2011.3402%2057.3109%209.80146%2056%208C55.3512%207.10843%2052.892%205.42581%2052.35%204.76493C52.0833%204.43975%2051.8977%203.94278%2051.5%203.5C51.1023%203.05722%2050.8372%202.92193%2049.4742%202.0829C48.1112%201.24386%2045.2638%200.406941%2044.2018%200.253873Z'%20fill='%2366D575'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1436_3737'%3e%3crect%20width='64'%20height='64'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1436_3737)'%3e%3cpath%20d='M44.2018%200.253873C42.8874%200.0644336%2041.5771%200.016728%2040.5363%200.00386995C39.6221%20-0.00742275%2038.676%200.00833462%2037.9014%200.0212359C37.7824%200.0232175%2037.6675%200.0251318%2037.5573%200.0268702C36.8659%200.037782%2036.3461%200.0421214%2035.9368%200.0358704L35.5619%200.0258702L35.0122%200.0138701C33.6517%200.0143806%2031.4994%200.23685%2029.3492%201.57689L29.1101%201.72989C27.7579%202.62603%2026.0023%203.40225%2025%204C23.9977%204.59775%2019.6478%204.86694%2016.4951%205.97996C13.3425%207.09297%2010.2172%209.71747%207.62147%2012.436C5.47928%2014.6797%205.05637%2019.163%204%2021.5C2.94363%2023.837%203.0099%2025.3979%202.81133%2026.8822C2.08635%2028.1418%201.43104%2029.5107%200.950667%2030.9713C0.174647%2033.3308%20-0.143203%2035.7704%200.0598246%2038.2923C0.254206%2040.7063%200.902557%2043.008%201.79834%2045.0364C2.77837%2047.2556%203.38817%2049.8623%205.56157%2051.9269C7.48729%2053.7562%2010.1011%2055.6415%2013%2057C16.0584%2058.4332%2020.3068%2058.4382%2023.5%2059.5C25.6254%2060.2067%2027.182%2061.7061%2029.3365%2062.6556C31.166%2063.4619%2032.9423%2063.8708%2034.809%2063.9737C36.4367%2064.0634%2038.1908%2063.929%2039.9329%2063.4927C41.6625%2063.0594%2043.323%2062.346%2044.8083%2061.3676C46.2961%2060.3876%2047.4876%2059.2252%2048.4201%2057.9986C48.9432%2057.3105%2050.1102%2056.3438%2051.4946%2055.1225C52.879%2053.9013%2053.5174%2053.312%2054.0316%2053.0335C56.3073%2051.8008%2057.6001%2049.8616%2058.1057%2049.0755C60.806%2044.8766%2062.282%2041.0051%2062.8916%2038.7654C63.7069%2035.7697%2063.9089%2033.2129%2063.9836%2031.5393C64.124%2028.3893%2063.3385%2024.508%2062.6178%2021.5911C61.8996%2018.6843%2060.6039%2016.6852%2058.9491%2014.147C57.1192%2011.3402%2057.3109%209.80146%2056%208C55.3512%207.10843%2052.892%205.42581%2052.35%204.76493C52.0833%204.43975%2051.8977%203.94278%2051.5%203.5C51.1023%203.05722%2050.8372%202.92193%2049.4742%202.0829C48.1112%201.24386%2045.2638%200.406941%2044.2018%200.253873Z'%20fill='%2366D575'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1436_3737'%3e%3crect%20width='64'%20height='64'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.color-swatch .swatch-circle{position:absolute;width:24px;height:24px;top:0;left:0}.editor-ui .texture-swatch{position:relative;width:24px;height:24px}.texture-swatch .swatch-img{width:24px;height:24px;object-fit:contain}.choice-list .choice:nth-of-type(2n) .swatch-circle{transform:rotate(150deg)}.choice-list .choice:nth-of-type(3n) .swatch-circle{transform:rotate(60deg)}.dropdown-button{width:48px;height:48px;display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px 4px 8px 8px}.bottom-bar .dropdown-button{border-radius:16px 16px 0 0}.bottom-bar .editor-button-wrapper:has(.editor-button-settings-container) .editor-button.selected{border-radius:0 0 16px 16px}.editor-button{transition:border-radius .2s}.editor-button-settings-container.hidden .dropdown button{pointer-events:none}.dropdown-button .item-label{font-size:16px;width:160px;text-align:left;font-family:Georgia,sans-serif}.editor-button-settings-container.large-settings{background-color:#d9d9d9;padding:8px;border-radius:16px;margin-bottom:16px;display:flex;gap:16px;align-items:center;box-shadow:2px 2px 8px #00000040}.editor-button-settings-container.large-settings .dropdown-button{border-radius:16px;width:auto;padding-right:12px}.editor-button-settings-container .settings-separator{position:absolute;mask:radial-gradient(16px at 16px 100%,#0000 98%,#000) -16px;height:16px;width:80px;bottom:-16px;left:50%;transform:translate(-50%);background-color:#d9d9d9;box-shadow:inset 0 -3px 3px #00000020}.editor-button-settings-container{transform:translate(-50%) scale(0);transform-origin:50% 100%;transition:all .2s ease-out}.editor-button-settings-container.large-settings{transform-origin:50% calc(100% + 16px)}.editor-button-wrapper:has(.editor-button.selected) .editor-button-settings-container{transform:translate(-50%) scale(1)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.slider{display:flex;position:relative;gap:8px}.slider .input-wrapper{position:relative}.slider input[type=range]{width:160px}.slider-popup{position:absolute;top:-96px;width:64px;height:64px;padding:4px 6px;color:#fff;font-size:12px;border-radius:4px;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:16px;background:#d9d9d9;background-image:url(./joystick-tip-ju2TpMLK.png);background-size:64px;background-position:center;background-repeat:no-repeat;cursor:grab;margin-top:-8px;box-shadow:1px 1px 3px #00000080}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;filter:saturate(2)}input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:16px;background:#d9d9d9;background-image:url(./joystick-tip-ju2TpMLK.png);background-size:64px;background-position:center;background-repeat:no-repeat;cursor:grab;box-shadow:1px 1px 3px #00000080}input[type=range]::-ms-thumb{height:24px;width:24px;border-radius:16px;background:#d9d9d9;background-image:url(./joystick-tip-ju2TpMLK.png);background-size:64px;background-position:center;background-repeat:no-repeat;cursor:grab;box-shadow:1px 1px 3px #00000080}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;box-shadow:inset 1px 1px 2px #00000080;background:#c9c8c8;border-radius:8px}input[type=range]:focus::-webkit-slider-runnable-track{background:#367ebd}input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;box-shadow:inset 1px 1px 2px #000;background:#878787;border-radius:8px}input[type=range]::-ms-track{width:100%;height:8px;cursor:pointer;box-shadow:inset 1px 1px 2px #000;background:#878787;border-radius:8px}input[type=range]::-ms-fill-lower{box-shadow:inset 1px 1px 2px #000;background:#878787;border-radius:8px}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]::-ms-fill-upper{box-shadow:inset 1px 1px 2px #000;background:#878787;border-radius:8px}input[type=range]:focus::-ms-fill-upper{background:#367ebd}.property-panel .checkbox-container{display:flex;gap:8px;align-items:center}input[type=checkbox]{cursor:pointer;width:16px;height:16px;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.25))}input[type=checkbox]:checked{accent-color:#d290c5}.choice-list{max-height:60vh;overflow:scroll;border-radius:16px;box-shadow:2px 2px 8px #00000040;overscroll-behavior:none;transition:opacity .2s}.choice-list.hidden button{pointer-events:none}.dropdown .choice-list{position:absolute;bottom:100%;display:flex;flex-direction:column;margin-bottom:8px}.choice-list .choice{display:flex;flex-direction:row;flex-grow:1;gap:8px;border-radius:0;font-size:16px;align-items:center;text-align:left;font-family:Georgia,sans-serif;padding:8px}.choice-list .choice:nth-child(1){border-radius:16px 16px 0 0}.choice-list .choice:last-child{border-radius:0 0 16px 16px}button{width:48px;height:48px;position:relative;border-radius:16px;background-color:#d9d9d9;background-size:80%;background-position:center;background-repeat:no-repeat;box-shadow:inset -2px -2px 4px #00000040,inset 2px 2px 4px #ffffff80,2px 2px 8px #00000040;border:none;-webkit-user-select:none;user-select:none;font-size:24px;pointer-events:all;cursor:pointer;transition:opacity .5s}.editor-ui button.selected{box-shadow:inset -2px -2px 4px #00000040,inset 2px 2px 4px #ffffff80,0 0 8px 2px #41a0ffec;background-color:#c5e1ff}.editor-ui button.selected:hover{background-color:#b4d7ff}.editor-ui button.selected:active{background-color:#a4cffe;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #ffffff80,0 0 8px 2px #41a0ffec}button:hover{cursor:pointer;background-color:#ccc}button:active{background-color:#bfbfbf;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #ffffff80,2px 2px 2px #00000026;background-size:75%}#control-mode-button{position:absolute;bottom:16px;left:16px}#info-button{position:absolute;top:16px;left:16px}#editor-toggle-button{position:absolute;top:16px;right:16px}#close-overlay-button{position:absolute;top:16px;left:16px;z-index:10}.overlay{position:absolute;width:100%;height:100%;z-index:10;overflow:scroll;display:flex;flex-direction:column;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;transition:opacity 1s}.divider{background-color:#000;width:100%;height:1px;margin:16px 0}.disabled{pointer-events:none;opacity:.5}.hidden{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}#crosshair{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px);width:32px;height:32px;transition:all .5s}#click-to-start{position:absolute;top:calc(50% - 12px);width:100%;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-size:24px;line-height:24px;transition:opacity .5s;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#joystick{position:absolute;width:104px;height:104px;bottom:24px;right:16px;border-radius:100%;transition:all .5s;z-index:0}#joystick .nipple .front{opacity:1!important;width:88px!important;height:82px!important;margin-left:-44px!important;margin-top:-41px!important;background-image:url(./joystick-tip-ju2TpMLK.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:0!important;background-color:#0000!important;filter:brightness(100%)}#joystick .nipple .back{background-color:#b3b3b3!important;opacity:1!important;box-shadow:inset -24px -24px 24px #00000040,inset 24px 24px 24px #ffffffbf,inset 4px 4px 4px #fff;background-image:url(./joystick-ball-texture-DCVPQzU-.png)!important;background-size:208px 208px!important;background-position:-52px -52px!important;background-repeat:no-repeat!important}#joystick .nipple .back:after{content:" ";position:absolute;top:-18px;left:-11px;width:126px;height:140px;background-image:url(./joystick-frame-KKQ1TIeM.png);background-size:contain;background-repeat:no-repeat;background-position:center}#overlay-content{height:100%;max-width:600px;align-content:center;padding:24px 80px}#overlay-content article{display:flex;flex-wrap:wrap;flex-direction:column;padding-bottom:32px}#overlay-content .row{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;padding:8px 0}#overlay-content .row *{flex-grow:1}#overlay-content h1{font-size:28px;font-weight:700}#overlay-content h6{font-size:22px;font-weight:700}#overlay-content p{font-size:18px;line-height:1.35;padding:8px 0}#overlay-content a:link{color:#056ad7}#overlay-content a:visited{color:#9a1ab4}#overlay-content ul{padding-left:32px;padding-top:8px;padding-bottom:8px}#overlay-content li{font-size:18px;padding-bottom:4px}#overlay-content blockquote{font-size:18px;font-weight:700;padding-left:16px;padding-bottom:16px;padding-top:16px;line-height:1.35}#overlay-content time{padding-top:4px;font-size:16px;opacity:.6}#overlay-content figure{width:100%}#overlay-content figcaption{padding-top:8px;font-size:14px;color:#0009}#overlay-content img{width:100%;height:auto;vertical-align:center;border:1px solid #000000;border-radius:8px}#overlay-content img.tiny{width:112px;min-width:112px;max-width:148px}#overlay-content img.small{width:148px;min-width:148px;max-width:196px}#overlay-content img.medium{width:232px;min-width:232px;max-width:300px}#overlay-content img.large{max-width:600px}#overlay-content img.no-border{border:none}@media (width < 632px){#overlay-content{padding:80px 16px}}@media (width < 520px),(height <420px){#overlay-content h1{font-size:24px}#overlay-content h6{font-size:20px;font-weight:700}#overlay-content p{font-size:16px;line-height:1.35}#overlay-content li{font-size:16px}#overlay-content blockquote{font-size:16px;line-height:1.35}#overlay-content time{font-size:14px}#overlay-content figcaption{font-size:12px}#overlay-content img.tiny{width:80px;min-width:80px;max-width:120px}#overlay-content img.small{width:120px;min-width:120px;max-width:140px}#overlay-content img.medium{width:172px;min-width:172px;max-width:240px}}