body{--unit:48px;-webkit-user-select:none;user-select:none;color:#fff;background:#222;font-family:system-ui,Helvetica,sans-serif}@media (prefers-color-scheme:light){body{background:#444}}a{color:#faf;text-decoration:none}a:hover{text-decoration:underline}input{color:#000;background:#aaa;border-radius:6px;padding:4px 8px}input:focus{background:#fff}.loading:after{content:"/";animation:.5s infinite loading}@keyframes loading{0%{content:"/"}25%{content:"-"}50%{content:"\\"}75%{content:"|"}}.PlayerView{--x:0;--y:0;--w:.5;--h:.875;--d:1;left:calc(50% + var(--x) * var(--unit));top:calc(50% - var(--y) * var(--unit));width:calc(var(--w) * var(--unit));height:calc(var(--h) * var(--unit));z-index:1;position:absolute;transform:translate(-50%,-50%)}.PlayerView.self{z-index:2}.PlayerView.fly{filter:drop-shadow(0 0 4px #fff)}.PlayerView{--sprite-x:0;--sprite-y:0;--hue:0}.PlayerView:before{width:var(--unit);height:calc(var(--unit) * 1.5);content:"";background-image:url(/assets/player-BW2fjH7M.svg);background-size:800%;background-position-x:calc(var(--sprite-x) * var(--unit) * -1);background-position-y:calc(var(--sprite-y) * var(--unit) * -1.5);filter:hue-rotate(calc((var(--hue) - 184) * 1deg));transform:translateX(-50%) scaleX(var(--d));position:absolute;bottom:0;left:50%}.PlayerView label{text-align:center;width:20ch;color:hsl(var(--hue), 100%, 80%);text-shadow:1px 1px #000;font-size:14px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.PlayerView.self label{font-weight:700}.PlayerView .chat{color:#fff;text-shadow:1px 1px #000;text-overflow:ellipsis;text-align:center;width:160px;max-height:2em;font-size:14px;line-height:1;position:absolute;bottom:calc(100% + 24px);left:50%;overflow:hidden;transform:translate(-50%)}.PlayerView .chat:empty{display:none}.PlayerView .time{color:#ff0;text-shadow:1px 1px #000;font-size:14px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.RoomWorldView{--x:0;--y:0;left:calc(50% + var(--x) * var(--unit));top:calc(50% - var(--y) * var(--unit));pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.LandingPage h2{margin:0 0 16px}.LandingPage{max-width:800px;margin:auto}.LandingPage>img{width:96px;height:96px;margin:32px}.LandingPage>div{grid-gap:16px;flex-wrap:wrap;display:flex}.LandingPage>div>div{grid-gap:16px;flex-direction:column;flex:1 0 360px;display:flex}.LandingPage>div>div>div{background:#333;border-radius:16px;padding:16px}.ProfileView .main{display:flex}.ProfileView .form{flex-direction:column;display:flex}.ProfileView .player{--w:1;--h:1.5;--hue:0;width:calc(var(--w) * var(--unit));height:calc(var(--h) * var(--unit));margin-top:calc(-.5 * var(--unit));filter:hue-rotate(calc((var(--hue) - 184) * 1deg));background-image:url(/assets/player-BW2fjH7M.svg);background-size:800%}.TaskbarView{z-index:100;grid-gap:4px;background:#0008;align-items:center;height:48px;padding:0 8px;display:flex;position:fixed;top:0;left:0;right:0}.TaskbarView button{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:6px;height:32px;padding:8px}.TaskbarView button.present{background:#fff2}.TaskbarView button.active{background:#fff6}.HelpView .main{padding:8px}floating-element{--x:0;--y:0;--w:360;z-index:100;left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--w) * 1px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a;border:1px solid #000a;border-radius:6px;flex-direction:column;min-height:240px;max-height:600px;display:flex;position:fixed;overflow:hidden}floating-element .bar{-webkit-user-select:none;user-select:none;color:#000;background:#999;flex-shrink:0;align-items:center;height:32px;padding:0 6px;display:flex;position:relative}floating-element .bar button{color:#000;background:#ccc;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px}floating-element .bar button:before{content:"X"}floating-element .bar button:hover{background:#999;font-weight:700}floating-element.active .bar{background:#eee;font-weight:700}floating-element .main{flex:1;overflow:auto}floating-element .main::-webkit-scrollbar{width:6px;height:6px}floating-element .main::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.RoomBlocksView{--unit:32px;width:calc(8 * var(--unit))}.RoomBlocksView h4{text-transform:capitalize;margin:8px 0 4px}.RoomBlocksView block-element{cursor:pointer}.RoomBlocksView block-element.active:before{content:"";border:2px solid #fff;position:absolute;inset:0}#cursor{--x:0;--y:0;--w:1;--h:1;left:calc(50% + var(--x) * var(--unit));top:calc(50% - var(--y) * var(--unit));width:calc(var(--w) * var(--unit));height:calc(var(--h) * var(--unit));z-index:2;border:2px solid #fff;position:absolute;transform:translate(-50%,-50%)}block-element{width:var(--unit);height:var(--unit);--sprite-x:0;--sprite-y:0;background-image:url(/assets/block-Dc0_DogQ.svg);background-size:800%;background-position-x:calc(var(--sprite-x) * var(--unit) * -1);background-position-y:calc(var(--sprite-y) * var(--unit) * -1);display:inline-block;position:relative}.RoomChatView{color:#fff;flex-direction:column;justify-content:flex-end;width:30%;min-width:360px;display:flex;position:fixed;bottom:0;left:0}.RoomChatView.focus{background:#0008;min-height:100px}.RoomChatView:not(.focus){background:#0002;height:100px;overflow:hidden}.RoomChatView input{border-radius:0}chat-message-element{color:#fff;text-shadow:1px 1px #000}chat-message-element b{color:hsl(var(--hue), 100%, 80%)}.RoomMinimapView{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008;position:fixed;bottom:0;right:0}.RoomMinimapView .player{--unit:2px;--x:0;--y:0;left:calc(50% + var(--x) * var(--unit));top:calc(50% - var(--y) * var(--unit));background:hsl(var(--hue), 100%, 60%);border:1px solid #000;border-radius:100%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.RoomProfileListView{flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:48px;right:0}profile-list-item-element{color:hsl(var(--hue), 100%, 80%);text-shadow:1px 1px #000}profile-list-item-element.self{font-weight:700}.WorldCreatePage{max-width:320px;margin:auto}.WorldCreatePage form{grid-gap:8px;flex-direction:column;display:flex}.WorldCreatePage input[type=submit]{margin:32px 0 0}