.tc{pointer-events:none;z-index:6;color:#fff;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:Pixellari,system-ui,sans-serif;position:absolute;inset:0}.tc.tc-off{display:none}.tc-zone{pointer-events:auto;touch-action:none;position:absolute;top:0;bottom:0}.tc-stick{width:45%;left:0}.tc-look{width:55%;right:0}.tc.tc-m-menu .tc-zone{pointer-events:none}.tc.tc-m-menu .tc-hint,.tc.tc-m-menu .tc-ring,.tc.tc-m-menu .tc-knob{display:none}.tc-hint{text-align:center;opacity:.25;width:100%;font-size:12px;position:absolute;bottom:6px}.tc-ring{pointer-events:none;border:3px dashed #ffffff59;border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;position:absolute;top:62%;left:50%}.tc-knob{pointer-events:none;background:#ffc93c8c;border:3px solid #fffc;border-radius:50%;width:68px;height:68px;margin:-34px 0 0 -34px;position:absolute;top:62%;left:50%}.tc-knob.live{background:#ffc93ce6}.tc.tc-m-build .tc-ring,.tc.tc-m-build .tc-knob{border-radius:10px}.tc-btn{left:var(--x);top:var(--y);pointer-events:auto;touch-action:none;color:#fff;text-shadow:2px 2px #000;background:#1c2440d9;border:4px solid #6f7fa8;border-radius:12px;justify-content:center;align-items:center;width:84px;height:60px;padding:0;font-family:inherit;font-size:17px;display:none;position:absolute;transform:translate(-50%,-50%)}.tc-btn.tc-big{background:#23407ad9;border-color:#9fc0ff;border-radius:50%;width:112px;height:112px;font-size:21px}.tc-btn.tc-small{width:56px;height:44px;font-size:15px}.tc-btn.on{color:#1c2440;text-shadow:none;background:#ffc93c;border-color:#fff}.tc.tc-m-play .tc-btn[data-when~=play],.tc.tc-m-build .tc-btn[data-when~=build],.tc.tc-m-menu .tc-btn[data-when~=menu]{display:flex}.tc-rotate{display:none}@media (orientation:portrait){.tc-zone{top:42%}.tc-ring,.tc-knob{top:55%}.tc-btn{top:calc(42% + var(--y) * .58)}.tc-rotate{opacity:.7;white-space:nowrap;background:#0006;padding:4px 10px;font-size:14px;display:block;position:absolute;top:34%;left:50%;transform:translate(-50%)}.tc.tc-m-menu .tc-rotate{display:none}}@media (orientation:landscape) and (height<=420px){.tc-btn{width:74px;height:52px;font-size:15px}.tc-btn.tc-big{width:92px;height:92px;font-size:18px}}