:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.console{position:relative;height:100%;background:#6441a5}.console .base{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;position:relative;background:#6441a5}.console .base .monitor{position:relative}.console .base .monitor-inner{position:relative;width:100%;height:100%;z-index:1;background-color:#253d2a}.console .base .monitor-inner:before{content:"";position:absolute;inset:0;mix-blend-mode:multiply;z-index:2}.console .base .monitor-inner .filter-greenscreen{position:relative;width:100%;height:100%;z-index:1}.console .base .monitor-inner .filter-greenscreen:before{display:none;content:"";position:absolute;inset:0;background:#4a743c;opacity:.5;z-index:1}.console .base .monitor-inner .filter-greenscreen:after{display:none;content:"";position:absolute;inset:0;background:#78c45f;mix-blend-mode:multiply;z-index:1}.console .base .monitor-inner .filter-greenscreen.active:before,.console .base .monitor-inner .filter-greenscreen.active:after{display:block}.console .base .monitor-inner .filter-grayscale{position:relative;z-index:0}.console .base .monitor-inner .filter-grayscale.active{filter:grayscale(100%)}.console .base .controller{position:relative;padding:0 24px 80px;background:#6441a5;z-index:2}.console .base .buttons{display:flex;align-items:center;justify-content:center}.console .base .buttons.middle{margin-top:12px;justify-content:space-between}.console .base .buttons.bottom{margin-top:12px;gap:6px}.console .base .buttons .selection{display:flex;gap:12px;margin-left:6px;padding:12px 8px;border-radius:60px;background:#0003;box-shadow:1px 1px 1px #ffffff80;transform:rotate(-30deg)}.console .base .buttons .circle-btn-wrapper{border-radius:30px;padding:2px;box-shadow:inset 0 2px 4px #00000080,1px 1px #ffffff4d}.console .base .buttons .circle-btn{display:block;width:48px;height:48px;padding:0;border-radius:40px;position:relative;border:0;box-shadow:0 2px 4px #0000007a;background:linear-gradient(to bottom,#fff,#9da1aa);font-size:16px;color:#0000005c;text-shadow:0 1px 1px white;cursor:pointer}.console .base .buttons .circle-btn:active{box-shadow:0 0 2px #0000006b;text-shadow:0 1px 1px rgba(255,255,255,.446);background:#999;transform:scale(.99)}.console .base .buttons .circle-btn:after{content:"";position:absolute;display:inline-block;left:50%;top:50%;width:40px;height:40px;background:linear-gradient(to bottom,#00000026,#ffffff2e 60%,#fff6);border-radius:50%;box-shadow:0 1px 1px #ffffffe6,0 -1px 1px #00000040;transform:translate(-50%,-50%)}.console .base .buttons .circle-btn:disabled{opacity:.3}.console .base .buttons .circle-btn:focus{outline:0}.console .base .buttons .circle-btn.special{width:30px;height:12px;border-radius:30px;background:linear-gradient(to bottom,#7853bd,#482e79);color:#74486e5c;text-shadow:0 1px 1px hsla(0,0%,100%,.75);cursor:pointer}.console .base .buttons .circle-btn.special:after{background:linear-gradient(to bottom,#74486e26,#ac7aa52e 60%,#b488ae66);border-radius:30px;width:28px;height:10px}.console .base .buttons .circle-btn.special:active{box-shadow:0 0 2px #0000006b;text-shadow:0 1px 1px rgba(255,255,255,.446);background:#563c79;transform:scale(.99)}.console .base .buttons .direction{position:relative;width:112px;height:112px}.console .base .buttons .direction .direction-btn-wrapper.top{position:absolute;top:0;left:50%;transform:translate(-50%);clip-path:polygon(0% 0%,100% 0%,100% 75%,50% 100%,0% 75%)}.console .base .buttons .direction .direction-btn-wrapper.right{position:absolute;top:50%;right:0%;transform:translateY(-50%);clip-path:polygon(37% 0%,100% 0%,100% 100%,37% 100%,0% 50%)}.console .base .buttons .direction .direction-btn-wrapper.bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);clip-path:polygon(50% 0%,100% 37%,100% 100%,0% 100%,0% 37%)}.console .base .buttons .direction .direction-btn-wrapper.left{position:absolute;top:50%;left:0;transform:translateY(-50%);clip-path:polygon(0% 0%,62% 0%,100% 50%,62% 100%,0% 100%)}.console .base .buttons .direction-btn-wrapper{border-radius:8px;padding:2px;box-shadow:inset 0 2px 4px #00000080,1px 1px #ffffff4d}.console .base .buttons .direction-btn{position:relative;display:block;width:40px;height:54px;padding:0;border:0;border-radius:6px;box-shadow:0 2px 4px #0000007a;background:linear-gradient(to bottom,#fff,#9da1aa);font-size:16px;color:#0000005c;text-shadow:0 1px 1px white;cursor:pointer;clip-path:polygon(0% 0%,100% 0%,100% 64%,50% 100%,0% 64%)}.console .base .buttons .direction-btn.right{width:54px;height:40px;clip-path:polygon(37% 0%,100% 0%,100% 100%,37% 100%,0% 50%)}.console .base .buttons .direction-btn.bottom{width:40px;height:54px;clip-path:polygon(50% 0%,100% 37%,100% 100%,0% 100%,0% 37%)}.console .base .buttons .direction-btn.left{width:54px;height:40px;clip-path:polygon(0% 0%,62% 0%,100% 50%,62% 100%,0% 100%)}.console .base .buttons .direction-btn:active{box-shadow:0 0 2px #0000006b;text-shadow:0 1px 1px rgba(255,255,255,.446);background:#999;transform:scale(.99)}.console .base .buttons .direction-btn:after{content:"";position:absolute;display:inline-block;left:50%;top:47%;width:33px;height:42px;background:linear-gradient(to bottom,#00000026,#ffffff2e 60%,#fff6);border-radius:6px;box-shadow:0 1px 1px #ffffffe6,0 -1px 1px #00000040;transform:translate(-50%,-50%);clip-path:polygon(0% 0%,100% 0%,100% 64%,50% 100%,0% 64%)}.console .base .buttons .direction-btn.right:after{top:50%;width:42px;height:33px;clip-path:polygon(37% 0%,100% 0%,100% 100%,37% 100%,0% 50%)}.console .base .buttons .direction-btn.bottom:after{top:55%;width:33px;height:42px;clip-path:polygon(50% 0%,100% 37%,100% 100%,0% 100%,0% 37%)}.console .base .buttons .direction-btn.left:after{top:50%;width:42px;height:33px;clip-path:polygon(0% 0%,62% 0%,100% 50%,62% 100%,0% 100%)}.console .base .buttons .direction-btn:disabled{opacity:.3}.console .base .buttons .direction-btn:focus{outline:0}#root{margin:0 auto;text-align:center}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#6441a5;width:100vw;height:calc(var(--vh, 1vh) * 100);overflow:hidden}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.link{display:flex;align-items:center;justify-content:center;gap:4px;text-decoration:none}.link img{display:block;width:24px;height:24px}.link img.pencil{display:block;width:16px;height:16px}.link span{color:#fff;text-decoration:none;font-family:BoutiqueBitmap}h1,h2,h3,h4,h5,h6{font-family:BoutiqueBitmap}input,textarea{border:solid 4px;padding:12px;font-family:BoutiqueBitmap;font-size:16px}