@font-face{font-family:Argon;src:url(../xenon.woff2)}[hidden]{display:none!important}html,body{font-family:Argon,system-ui;margin:0;height:100%;touch-action:none}canvas{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}canvas:focus{outline:none}.joystick{position:absolute;bottom:1rem;left:1rem;width:8rem;height:8rem;background-color:#14141480;border:.2rem solid rgba(20,20,20,.1);-webkit-backdrop-filter:blur(.5rem) contrast(30%);backdrop-filter:blur(.5rem) contrast(30%);border-radius:5rem;-webkit-user-select:none;user-select:none}.joystick .handle{width:2rem;height:2rem;background-color:#14141480;border:.2rem solid rgba(20,20,20,.1);box-shadow:0 0 .25rem .25rem #14141440;border-radius:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}div.inspector{position:absolute;top:0;right:0;background:#14141480;-webkit-backdrop-filter:blur(.5rem) contrast(30%);backdrop-filter:blur(.5rem) contrast(30%);width:28rem}.mobile div.inspector{width:100%}.inspector .navbar{opacity:.75;background:#14141480;cursor:pointer;display:flex;align-items:center;padding:.5rem}.inspector h1{font-size:2rem;font-weight:300;margin:0;padding:0 .5rem;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;line-height:2rem;-webkit-user-select:none;user-select:none;max-width:100%;letter-spacing:-.14rem}.inspector .navbar .back{font-size:3rem;line-height:2rem;font-weight:300;margin:-.5rem 0 0;padding:0 .5rem 0 0;color:#fff;cursor:pointer;flex-shrink:0}.inspector .navbar .property-selection-button svg{width:2rem;height:auto;font-weight:300;padding:0 .5rem;color:#fff;display:inline-block;vertical-align:middle;cursor:pointer}.inspector h2{font-size:1.2rem;padding:.2rem 1rem;font-weight:300;margin:0;color:#fff;opacity:.75}.inspector .colors,.inspector .materials{display:flex;flex-wrap:wrap;padding:.2rem 1rem}.inspector .preview{width:5rem;height:5rem;cursor:pointer}.inspector .tab-container>div{max-height:min(80vh,20rem)}.inspector .general p{font-size:1rem;font-weight:300;color:#fff;line-height:1.25rem;margin:0}.inspector .general button{cursor:pointer;display:block;margin:.5rem auto 1.5rem;font-family:Argon,system-ui;background:#1e3f88;border:.2rem solid #1E3F88;box-shadow:.2rem .2rem .4rem #0006;color:#fff;font-size:1.5rem;padding:.5rem 1rem;transition:background-color .18s;font-weight:600}.inspector .description{padding:.5rem 1rem;text-indent:2rem}.inspector .general-data{display:flex;padding:1rem;align-items:center}.inspector .general-data>div{flex:auto}.inspector .general-data>div p{font-weight:500;display:inline-block;vertical-align:middle;margin-left:-.3rem}.inspector .general-data svg{padding:0}.inspector svg{color:#fff;display:inline-block;vertical-align:middle;padding-right:.2rem}.inspector .selection{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.inspector .selection>div{display:flex;flex-direction:column;position:relative;aspect-ratio:1;width:100%}.inspector .selection .preview{background-color:#14141480;flex-grow:1;width:100%}.inspector .selection .name{position:absolute;bottom:0;background:#14141480;-webkit-backdrop-filter:blur(.1rem) contrast(50%);backdrop-filter:blur(.1rem) contrast(50%);font-size:1rem;font-weight:300;color:#fff;line-height:1.5rem;text-align:center;margin:0;width:100%}.modal{position:fixed;top:0;width:100vw;height:100vh;z-index:50}.modal .backdrop{position:absolute;width:100%;height:100%}.modal .content{top:50%;left:50%;transform:translate(-50%,-50%);background:#14141480;-webkit-backdrop-filter:blur(.5rem) contrast(30%);backdrop-filter:blur(.5rem) contrast(30%);padding:2rem;position:absolute}.modal .content div{color:#fff;text-indent:2rem;font-weight:400;max-width:40rem;font-size:1rem;line-height:1.5rem}.modal .content a{text-decoration:none;display:block;font-family:Argon,system-ui;background:#1e3f88;border:.2rem solid #1E3F88;box-shadow:.2rem .2rem .4rem #0006;color:#fff;font-size:1.5rem;padding:.5rem 1rem;transition:background-color .18s;font-weight:600;margin:2rem 0 0;text-align:center}