:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{color:#eee;cursor:default;font-optical-sizing:auto;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:auto;background:#000;margin:0;font-family:Silkscreen,monospace;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.125rem;overflow:hidden}:root,body,#app{width:100%;height:100%}a{color:inherit}button{cursor:pointer}canvas,svg{vertical-align:middle}#cursor,#error,#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#cursor{border:.25rem solid #eeeeee4d;border-radius:.5rem;width:.5rem;height:.5rem;display:none;box-shadow:0 0 .25rem #0000004d}body.pointerlock #cursor{display:block}#error{color:#e99;display:none}#info{text-align:right;z-index:1;position:absolute;bottom:1rem;right:1rem}body.pointerlock #info{display:none}#toolbar{background:#000c;border:.25rem solid #000;border-radius:.25rem;display:none;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);box-shadow:0 0 .25rem #0000004d}#toolbar>div{border-left:.25rem solid #000}#toolbar>div:first-child{border-left:0}#toolbar>.color>.icon{background:var(--color);border:.25rem solid #00000080;border-radius:1.5rem;width:1.5rem;height:1.5rem;margin:.5rem}#toolbar>.color>.shortcut{padding-bottom:.0625rem}#toolbar>.tool>.icon{place-items:center;width:2rem;height:2rem;margin:.5rem;display:grid;position:relative}#toolbar>.tool>.icon>canvas{image-rendering:pixelated}#toolbar>.tool>.icon>.tint{background:var(--color);mix-blend-mode:multiply;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#toolbar .shortcut{text-align:center;background:#000;padding-top:.25rem;line-height:1rem}#toolbar .shortcut>.active{border-radius:.125rem;padding-bottom:.0625rem}#toolbar>.tool.active>.shortcut>.active{background:#393}body.pointerlock #toolbar{display:flex}body.hiddenUI #toolbar{display:none}#welcome{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#0003;position:fixed;inset:0}#welcome>.dialog{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background:#0003;border-radius:1rem;grid-template-rows:auto 1fr;width:680px;min-height:420px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#welcome>.dialog>.heading{border-bottom:2px solid #ffffff0d;justify-content:space-between;padding:1rem;font-size:1.375rem;line-height:1em;display:flex}#welcome>.dialog>.content{grid-template-columns:1fr 1fr;display:grid}#welcome>.dialog>.content>.info{grid-template-rows:1fr auto;gap:2rem;padding:1rem;display:grid}#welcome>.dialog>.content>.info>div>.heading{margin-bottom:1rem;font-size:1rem}#welcome>.dialog>.content>.info>.settings{flex-direction:column;gap:.5rem;display:flex}#welcome>.dialog>.content>.info>.settings>button{height:2.5rem;color:inherit;background:#393;border:0;border-radius:.75rem;justify-content:center;align-items:center;margin:0;padding:0;font-family:inherit;font-size:1rem;display:flex}#welcome>.dialog>.content>.controls{flex-direction:column;gap:.5rem;padding:1rem;display:flex}#welcome>.dialog>.content>.controls>.entry{justify-content:center;align-items:center;gap:2rem;display:flex}#welcome>.dialog>.content>.controls .keys,#welcome>.dialog>.content>.controls .icon{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:5rem;height:3rem;display:flex}#welcome>.dialog>.content>.controls .keys>.row{gap:.25rem;display:flex}#welcome>.dialog>.content>.controls .keys>.row>.key{border:2px solid #eee;border-radius:.25rem;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}#welcome>.dialog>.content>.controls .keys>.row>.key.shift{width:3rem}#welcome>.dialog>.content>.controls .keys>.row>.key.spacebar{width:4.25rem}#welcome>.dialog>.content>.controls .icon>svg{fill:currentColor;width:2.5rem;height:2.5rem}#welcome>.dialog>.content>.controls .combo{justify-content:center;align-items:center;width:5rem;height:3rem;display:flex}#welcome>.dialog>.content>.controls .combinator{color:#aaa;padding:0 .125rem 0 .5rem}#welcome>.dialog>.content>.controls .description{color:#aaa;justify-content:center;align-items:center;width:5rem;height:3rem;display:flex}