*{box-sizing:border-box}.game{position:fixed;top:0;left:0;width:100vw;height:100%;touch-action:none}.ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#fff;pointer-events:none;user-select:none}.ui a{pointer-events:auto}.ui .mobile-warning{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:200px}@media (orientation: portrait){.ui .mobile-warning{display:flex}}.ui .controls{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:8px}.ui a{color:inherit}.ui .group{display:flex}.ui .element{display:flex;align-items:center;margin-right:10px}.ui .keys{--key-size: 15px;--key-margin: 2px;font-size:0;margin-right:2px;white-space:nowrap}.ui .keys.is-arrows{position:relative}.ui .keys.is-arrows .key:last-child{position:absolute;bottom:calc(100% + var(--key-margin));left:calc(var(--key-size) + var(--key-margin))}.ui .key{display:inline-flex;align-items:center;justify-content:center;width:var(--key-size);height:var(--key-size);margin-right:var(--key-margin);border:1px solid #ffffff;font-size:9px}.pose-sidebar{position:fixed;top:0;right:0;width:310px;height:100vh;background:rgba(8,8,12,.93);color:#fff;font-family:Courier New,monospace;font-size:12px;z-index:200;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.08)}.pose-sidebar--visible{transform:translate(0)}.pose-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.05);letter-spacing:.1em;font-size:10px;border-bottom:1px solid rgba(255,255,255,.06)}.pose-sidebar__hint{opacity:.4;font-size:9px}.pose-canvas-container{flex-shrink:0;background:#000}.pose-canvas-container canvas{display:block;width:100%!important;height:auto!important}.pose-sidebar__info{padding:14px;display:flex;flex-direction:column;gap:14px}.pose-sidebar__state{font-size:20px;font-weight:700;letter-spacing:.12em;text-align:center;padding:8px 6px;background:rgba(255,255,255,.04);border-radius:4px;transition:color .1s}.pose-bar-row{display:flex;align-items:center;gap:8px}.pose-bar-label{width:40px;font-size:9px;letter-spacing:.08em;opacity:.5}.pose-bar-track{position:relative;flex:1;height:7px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}.pose-bar-fill{position:absolute;top:0;height:100%;border-radius:4px;width:0;transition:width .04s linear}.pose-bar-center{position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(255,255,255,.35);transform:translate(-50%)}.pose-bar-val{width:38px;text-align:right;font-size:11px;opacity:.75}.pose-boost-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);transition:background .08s}