*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Courier New,monospace}body{background-color:#222;color:#0ff;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0}#app{display:flex;flex-direction:column;height:100vh;width:100%;max-width:500px;background:#111;padding:10px;gap:10px}#terminal-screen{width:100%;height:380px;background-color:#000;border:3px solid #0ff;border-radius:5px;padding:5px;overflow:hidden;flex-shrink:0}.xterm-viewport{overflow:hidden!important}.xterm-container,.xterm-screen{height:100%!important}.controls-container{display:flex;flex-direction:column;flex:1;gap:30px;padding:5px;background-color:#111;align-items:center;justify-content:center}.row{display:flex;justify-content:center;gap:15px;width:100%;flex-wrap:wrap}.key{background-color:#222;color:#0ff;border:2px solid #0ff;border-radius:6px;padding:18px 0;max-width:120px;flex:1;font-weight:700;text-transform:uppercase;font-size:16px;cursor:pointer;transition:all .1s ease-in-out;text-shadow:0 0 5px currentColor;box-shadow:inset 0 0 5px #0ff3;text-align:center}.key:active{background-color:#0ff;color:#000;transform:translateY(2px);border-color:#0ff;box-shadow:0 0 20px currentColor}.main-actions{margin-bottom:25px}.fire-btn{border-color:#f90;color:#f90;flex:2;font-size:30px;height:100px;max-width:200px}.fire-btn:active{background-color:#f90;color:#000}.enter-btn{border-color:#0ff;color:#0ff}.pause-btn{border-color:#f0f;color:#f0f}.retry-btn{border-color:#0f0;color:#0f0}.quit-btn{border-color:red;color:red}.up-btn,.down-btn,.left-btn,.right-btn{background-color:#222;color:#0ff;border:2px solid #0ff}button{touch-action:manipulation;outline:none}@media screen and (max-height:750px){#terminal-screen{height:auto;flex:1;min-height:180px}.controls-container{flex-shrink:0;gap:8px}.key{padding:10px 0}}@media(hover:hover){.key:hover{box-shadow:0 0 10px #0ff}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}