*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#000;width:100%;height:100%;min-height:100dvh;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;overflow:hidden}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background-color:#000;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex}.loading-overlay{z-index:1000;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{border:3px solid #ffffff26;border-top-color:#fff9;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.loading-progress{--progress:0%;background:conic-gradient(#fff var(--progress), #ffffff24 var(--progress));border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid;position:relative}.loading-progress:before{content:"";background:#000;border-radius:50%;width:56px;height:56px;position:absolute}.loading-progress-label{color:#ffffffd9;font-variant-numeric:tabular-nums;font-size:11px;position:relative}.loading-text{color:#ffffff80;letter-spacing:.5px;font-size:13px}.loading-retry{color:#000;background:#fff;border:0;border-radius:999px;margin-top:14px;padding:8px 16px;display:none}.loading-overlay.recoverable-error .loading-spinner,.loading-overlay.recoverable-error .loading-progress{display:none}.loading-overlay.recoverable-error .loading-retry{display:block}.loading-overlay.dismissed{display:none}.loading-overlay.as-toast{inset:auto calc(env(safe-area-inset-right,0px) + 12px) calc(env(safe-area-inset-bottom,0px) + 12px) auto;width:min(440px, calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px));z-index:1060;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212f0;border:1px solid #ffffff3d;border-radius:14px;flex-flow:wrap;gap:10px;padding:12px 14px;box-shadow:0 10px 34px #00000080}.loading-overlay.as-toast .loading-text{color:#ffffffc7;text-align:left;flex:180px}.loading-overlay.as-toast .loading-retry{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}.minimap-container{z-index:10;cursor:pointer;touch-action:none;flex:0 0 48px;width:100%;position:relative}.minimap-container:focus-visible{outline-offset:-2px;outline:2px solid #7db8ff}.velocity-debug{top:calc(env(safe-area-inset-top,0px) + 58px);left:calc(env(safe-area-inset-left,0px) + 8px);color:#ffffffe6;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0cd1;border:1px solid #ffffff38;border-radius:8px;width:210px;padding:9px 10px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;box-shadow:0 3px 14px #0000004d}.velocity-debug-value{font-size:12px;font-weight:700}.velocity-debug-title{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px}.velocity-debug-track{background:#ffffff24;border-radius:999px;height:5px;margin:6px 0;overflow:hidden}.velocity-debug-fill{background:linear-gradient(90deg,#4aa3ff,#ffd34a,#ff554a);width:0;height:100%;transition:width 80ms linear}.velocity-debug-source,.velocity-debug-raw,.motion-permission-status{color:#ffffff9e}.motion-permission-status{margin-top:5px}.settings-toggle{top:calc(env(safe-area-inset-top,0px) + 5px);right:calc(env(safe-area-inset-right,0px) + 5px);-webkit-appearance:none;appearance:none;color:#ffffffe6;cursor:pointer;z-index:1100;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:38px;height:38px;padding:0;font-size:24px;line-height:1;position:fixed;box-shadow:none!important}.settings-toggle:focus,.settings-toggle:active{background:0 0;border:0;outline:none;box-shadow:none!important}.settings-panel{top:calc(env(safe-area-inset-top,0px) + 40px);right:calc(env(safe-area-inset-right,0px) + 20px);color:#ffffffe6;z-index:1110;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0cf2;border:1px solid #ffffff40;border-radius:12px;width:min(280px,100vw - 20px);padding:14px;position:fixed;box-shadow:0 8px 28px #00000073}.settings-help{color:#ffffff9e;margin:12px 0 8px;font-size:12px}.locale-control{border:1px solid #fff3;border-radius:5px;grid-template-columns:repeat(3,1fr);margin-bottom:7px;display:grid;overflow:hidden}.locale-control button{-webkit-appearance:none;appearance:none;color:#ffffffad;font:inherit;cursor:pointer;background:#ffffff0a;border:0;border-left:1px solid #fff3;padding:6px 10px;font-size:12px;line-height:1.2}.locale-control button:first-child{border-left:0}.locale-control button[aria-pressed=true]{color:#111;background:#ffffffe6}.locale-control button:focus-visible{outline-offset:-2px;outline:2px solid #7db8ff;position:relative}.volume-control label,.sensitivity-control label{margin-top:8px;margin-bottom:8px;font-size:13px;font-weight:650;display:block}.sensitivity-input-row{align-items:center;gap:10px;display:flex}.master-volume,.velocity-sensitivity{accent-color:#fff;cursor:pointer;flex:1;min-width:0}:is(.master-volume:focus-visible,.velocity-sensitivity:focus-visible){outline-offset:3px;outline:2px solid #7db8ff}.master-volume-output,.velocity-sensitivity-output{color:#ffffffe6;font-variant-numeric:tabular-nums;text-align:right;width:3ch}.sensitivity-description,.motion-permission-feedback{color:#ffffff9e;margin-top:6px;font-size:11px}.motion-permission-feedback{margin-bottom:8px}.settings-panel .motion-permission-status{margin:0 0 8px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.settings-action[hidden]{display:none}.settings-action[aria-pressed=true]{color:#111;background:#ffffffeb;border-color:#ffffffeb}.settings-action{-webkit-appearance:none;appearance:none;color:#ffffffd9;width:100%;font-size:13px;line-height:1.2;font:inherit;text-align:center;cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:5px;margin-top:7px;padding:7px 8px;display:block}.log-export-status{color:#ffffff9e;margin:6px 0 0;font-size:11px}.log-export-status[hidden]{display:none}.settings-version{color:#ffffff59;text-align:right;margin-top:10px;font-size:9px}.settings-version a{color:inherit;margin-top:2px;text-decoration:none;display:inline-block}.settings-version a:hover{color:#fff9;text-decoration:underline}.settings-version a:focus-visible{color:#ffffffbf;outline-offset:2px;outline:1px solid}.install-promotion{left:calc(env(safe-area-inset-left,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:min(440px, calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px));color:#fffffff0;z-index:1050;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121212eb;border:1px solid #ffffff3d;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 42px 12px 14px;display:grid;position:fixed;box-shadow:0 10px 34px #00000080}.install-promotion[hidden]{display:none}.install-promotion-copy{min-width:0}.install-promotion h2{margin:0 0 3px;font-size:14px;line-height:1.2}.install-promotion p,.install-ios-steps{color:#ffffffad;font-size:11px;line-height:1.35}.install-ios-steps{margin:3px 0 0 18px}.install-promotion-primary{color:#111;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.install-promotion-dismiss{color:#ffffff9e;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:22px;line-height:1;position:absolute;top:5px;right:6px}.install-promotion button:focus-visible{outline-offset:2px;outline:2px solid #7db8ff}@media (max-width:520px){.install-promotion{right:calc(env(safe-area-inset-right,0px) + 12px);width:auto}}.keyboard-area{background-color:#000;flex:1;width:100%;position:relative;overflow:hidden}.keyboard-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;width:100%;height:100%;overflow:auto hidden}.keyboard-scroll::-webkit-scrollbar{display:none}.keyboard-scroll:focus-visible{outline-offset:-2px;outline:2px solid #7db8ff}.keyboard-scroll:active{cursor:grabbing}.keyboard-content{--white-key-width:50px;background-color:#111;min-width:100%;height:100%;position:relative}.key-white:active,.key-black:active{transition:none}.keyboard-white-row{height:100%;display:flex;position:relative}.keyboard-black-layer{pointer-events:none;width:100%;height:60%;position:absolute;top:0;left:0}.key-white{width:var(--white-key-width,50px);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #80808040;border-top:none;border-radius:0 0 6px 6px;flex:none;height:100%;transition:transform .12s,background-color 80ms;position:relative}.keyboard-content.hide-key-labels .key-label{display:none}.key-white .key-label{color:#80808080;pointer-events:none;white-space:nowrap;font-family:system-ui,-apple-system,sans-serif;font-size:18px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.key-black{--black-key-width:calc(var(--white-key-width,50px) * .65);left:calc(var(--white-index) * var(--white-key-width,50px) - var(--black-key-width) / 2);width:var(--black-key-width);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;pointer-events:auto;background-color:#000;border-radius:0 0 6px 6px;height:100%;transition:transform .12s,background-color 80ms;position:absolute}.key-white.pressed{background-color:#f0f0f0;transform:scaleY(.98)}.key-black.pressed{background-color:#262626;transform:scaleY(.97)}.minimap{background-color:#1a1a1a;border-radius:0;width:100%;height:48px;display:flex;position:relative;overflow:hidden}.minimap-seg{justify-content:center;align-items:center;display:flex;position:relative}.minimap-seg-label{color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600}.minimap-indicator{pointer-events:none;box-sizing:border-box;background-color:#ffffff0d;border:2px solid #fffc;border-radius:3px;height:100%;position:absolute;top:0}@media (max-aspect-ratio:3/4){.app{flex-direction:column}.minimap-container{margin-top:auto}.keyboard-area{flex:0 0 42dvh}.app-brand{margin-bottom:auto}}@media (min-aspect-ratio:3/4){.app{flex-direction:column}.minimap-container{margin-top:auto}.keyboard-area{flex:0 0 min(88dvh,385px)}.app-brand{margin-bottom:auto}}@media (min-width:1024px) and (min-aspect-ratio:16/10){.keyboard-area{flex:0 0 min(65dvh,385px)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.keyboard-scroll{padding-bottom:env(safe-area-inset-bottom)}}.app-brand{opacity:.3;flex:none;justify-content:center;align-items:center;padding:4px 0;display:flex}.app-brand-text{color:#fff6;letter-spacing:2px;text-transform:uppercase;font-size:9px}.status-bar-spacer{flex:0 0 env(safe-area-inset-top,0px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}