*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{touch-action:manipulation;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.emulator{width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:linear-gradient(#1a1a2e 0%,#16162a 50%,#121228 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.screen-area{flex:none;justify-content:center;align-items:center;width:100%;padding:12px 16px 4px;display:flex}#canvas{aspect-ratio:10/9;width:100%;max-width:400px;image-rendering:pixelated;image-rendering:crisp-edges;background:#2a2a2a;border-radius:8px;display:block;box-shadow:0 4px 24px #00000080}.toolbar{flex:none;justify-content:center;align-items:center;gap:8px;padding:6px 16px;display:flex}.toolbar-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;transition:background .15s,color .15s;display:flex}.toolbar-btn:active{color:#ffffffe6;background:#ffffff2e}.toolbar-btn svg{flex-shrink:0;width:16px;height:16px}.controls{flex:1;min-height:0;position:relative}.dpad{width:130px;height:130px;position:absolute;bottom:28%;left:6%}.dpad-up,.dpad-down,.dpad-left,.dpad-right{z-index:2;background:#ffffff1f;border-radius:6px;transition:background 80ms;position:absolute}.dpad-up:active,.dpad-down:active,.dpad-left:active,.dpad-right:active{background:#ffffff47}.dpad-up,.dpad-down{width:40px;height:50px;left:50%;transform:translate(-50%)}.dpad-up{border-radius:6px 6px 0 0;top:0}.dpad-down{border-radius:0 0 6px 6px;bottom:0}.dpad-left,.dpad-right{width:50px;height:40px;top:50%;transform:translateY(-50%)}.dpad-left{border-radius:6px 0 0 6px;left:0}.dpad-right{border-radius:0 6px 6px 0;right:0}.dpad-center{z-index:1;background:#ffffff1f;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad-up:after,.dpad-down:after,.dpad-left:after,.dpad-right:after{content:"";width:0;height:0;position:absolute}.dpad-up:after{border-bottom:9px solid #fff3;border-left:7px solid #0000;border-right:7px solid #0000;top:10px;left:50%;transform:translate(-50%)}.dpad-down:after{border-top:9px solid #fff3;border-left:7px solid #0000;border-right:7px solid #0000;bottom:10px;left:50%;transform:translate(-50%)}.dpad-left:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:9px solid #fff3;top:50%;left:10px;transform:translateY(-50%)}.dpad-right:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #fff3;top:50%;right:10px;transform:translateY(-50%)}.action-buttons{width:140px;height:130px;position:absolute;bottom:28%;right:6%}.action-btn{color:#ffffff59;letter-spacing:1px;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;font-weight:700;transition:background 80ms;display:flex;position:absolute}.action-btn:active{color:#fff9;background:#ffffff47}#btn-a{top:0;right:0}#btn-b{bottom:0;left:0}.meta-buttons{gap:20px;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.meta-btn{color:#ffffff4d;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;background:#ffffff14;border-radius:14px;padding:8px 18px;font-size:11px;font-weight:600;transition:background 80ms}.meta-btn:active{color:#fff9;background:#ffffff38}@media (orientation:landscape){.emulator{background:linear-gradient(90deg,#1a1a2e 0%,#16162a 40% 60%,#1a1a2e 100%);flex-direction:row}.screen-area{flex:1;order:2;width:auto;height:100%;padding:40px 8px 44px}#canvas{aspect-ratio:10/9;width:auto;max-width:none;height:100%;max-height:calc(100dvh - 76px)}.toolbar{z-index:10;opacity:.6;padding:0;transition:opacity .2s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.toolbar:hover,.toolbar:active{opacity:1}.controls{display:contents}.dpad{margin:auto;margin-left:max(16px, env(safe-area-inset-left));flex-shrink:0;order:1;width:130px;height:130px;position:relative;bottom:auto;left:auto}.action-buttons{margin:auto;margin-right:max(16px, env(safe-area-inset-right));flex-shrink:0;order:4;width:140px;height:130px;position:relative;bottom:auto;right:auto}.meta-buttons{order:3;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}}@media (height<=600px) and (orientation:portrait){.dpad{width:110px;height:110px;bottom:22%}.dpad-up,.dpad-down{width:34px;height:42px}.dpad-left,.dpad-right{width:42px;height:34px}.dpad-center{width:34px;height:34px}.action-buttons{width:120px;height:110px;bottom:22%}.action-btn{width:54px;height:54px;font-size:15px}.meta-buttons{bottom:6%}.meta-btn{padding:6px 14px;font-size:10px}.screen-area{padding:8px 12px 2px}}@media (width>=500px) and (orientation:portrait){.dpad{width:150px;height:150px}.dpad-up,.dpad-down{width:46px;height:58px}.dpad-left,.dpad-right{width:58px;height:46px}.dpad-center{width:46px;height:46px}.action-buttons{width:160px;height:150px}.action-btn{width:72px;height:72px;font-size:20px}}@media (hover:none) and (pointer:coarse){#keys-btn{display:none}.screen-area{flex:0 auto}#canvas{object-fit:contain;width:100%;max-width:none;height:auto;max-height:50vh}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.screen-area{flex:auto;width:auto;max-width:calc(100vw - 334px)}#canvas{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 76px)}}@media (hover:hover) and (pointer:fine){.dpad,.action-buttons,.meta-buttons{display:none}.emulator{background:linear-gradient(#1a1a2e 0%,#16162a 50%,#121228 100%);flex-direction:column}.screen-area{flex:1;order:initial;justify-content:center;align-items:center;width:100%;height:auto;padding:50px 20px 20px;display:flex}#canvas{aspect-ratio:10/9;object-fit:contain;width:100%;max-width:min(100vw - 40px,111.111dvh - 77.7778px);height:auto;max-height:calc(100dvh - 70px)}.toolbar{opacity:.6;z-index:10;padding:0;transition:opacity .2s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.toolbar:hover,.toolbar:active{opacity:1}.controls{display:none}}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{color:#ffffffd9;background:#1e1e3a;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 8px 40px #0009}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h2{font-size:16px;font-weight:600}.modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-close:hover{color:#ffffffe6}.modal-body{padding:14px 18px}.key-table{border-collapse:collapse;width:100%;font-size:13px}.key-table th{text-align:left;color:#ffffff73;text-transform:uppercase;letter-spacing:1px;padding:6px 8px;font-size:11px;font-weight:500}.key-table td{border-top:1px solid #ffffff0f;padding:8px}.key-table td:first-child{color:#ffffffb3;width:40%;font-weight:600}.key-table .key-value{text-align:center;cursor:pointer;color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;min-width:60px;padding:4px 12px;font-family:monospace;font-size:12px;transition:background .15s,border-color .15s;display:inline-block}.key-table .key-value:hover{background:#ffffff24;border-color:#ffffff40}.key-table .key-value.listening{color:#64b4ff;background:#648cff33;border-color:#648cff99;animation:1s infinite pulse-key}@keyframes pulse-key{0%,to{opacity:1}50%{opacity:.6}}.key-hint{color:#ffffff59;text-align:center;margin-top:12px;font-size:11px}.modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:7px 18px;font-size:12px;transition:background .15s}.modal-btn:hover{background:#ffffff24}.modal-btn-primary{color:#8cb4ffe6;background:#5078ff40;border-color:#5078ff66}.modal-btn-primary:hover{background:#5078ff59}.saves-modal{max-width:400px}.saves-modal-body{-webkit-overflow-scrolling:touch;max-height:50vh;overflow-y:auto}.save-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.save-row:last-child{border-bottom:none}.save-info{flex:1;min-width:0}.save-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.save-meta{color:#ffffff59;margin-top:2px;font-size:11px}.save-delete-btn,.save-export-btn{flex-shrink:0;padding:5px 12px;font-size:11px}.save-actions{flex-shrink:0;gap:6px;display:flex}.saves-empty{text-align:center;color:#ffffff59;padding:24px 0;font-size:13px}.modal-btn-danger{color:#ff7878e6;background:#ff464626;border-color:#ff46464d}.modal-btn-danger:hover{background:#ff464640}.repo-link{bottom:max(8px, env(safe-area-inset-bottom));right:max(8px, env(safe-area-inset-right));color:#ffffff59;z-index:9;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:9px;text-decoration:none;transition:all .15s;position:fixed}.repo-link:hover{color:#ffffffb3;background:#ffffff1f;border-color:#fff3}.repo-link:active{color:#ffffffe6;background:#ffffff2e}
/*# sourceMappingURL=tsgbe.6b448077.css.map */