#tc,#tc-util,#tc-piano{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}#tc{position:fixed;z-index:4;inset:0;pointer-events:none;--u: 56px;--sl: 0px;--sr: 0px;--sb: 0px;font:600 calc(var(--u) * .26) / 1 system-ui,-apple-system,sans-serif;color:#eee}#tc.tc-portrait{background:#0b0b0e;border-top:1px solid #222}#tc>*{pointer-events:auto}#tc .tc-side{position:absolute;bottom:calc(var(--sb) + var(--u) * .35);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .45);pointer-events:none}#tc .tc-side>*{pointer-events:auto}#tc .tc-left{left:calc(var(--sl) + var(--u) * .3)}#tc .tc-right{right:calc(var(--sr) + var(--u) * .3)}#tc .tc-sh{display:flex;gap:calc(var(--u) * .18)}#tc.tc-nosh .tc-sh{display:none}#tc.tc-landscape{opacity:.62}#tc .tc-b{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#1414188c;border:2px solid rgba(255,255,255,.55);color:#ffffffe6;transition:background-color 60ms}#tc .tc-b.on{background:#ffffff6b;border-color:#fff}#tc .tc-shb{width:calc(var(--u) * 1.25);height:calc(var(--u) * .62);border-radius:calc(var(--u) * .2);letter-spacing:.04em}#tc .tc-dpad{position:relative;width:calc(var(--u) * 3.1);height:calc(var(--u) * 3.1)}#tc .tc-dpad svg{width:100%;height:100%;display:block;overflow:visible}#tc .tc-dpad .arm{fill:#1414188c;transition:fill 60ms}#tc .tc-dpad .arm.on{fill:#ffffff6b}#tc .tc-dpad .outline{fill:none;stroke:#ffffff8c;stroke-width:.7;stroke-linejoin:round}#tc .tc-dpad .arrow{fill:#fffc}#tc .tc-face{position:relative;width:calc(var(--u) * 3.1);height:calc(var(--u) * 3.1)}#tc .tc-fb{position:absolute;width:calc(var(--u) * 1.15);height:calc(var(--u) * 1.15);border-radius:50%}#tc .tc-fb svg{width:52%;height:52%;overflow:visible}#tc .tc-fb svg *{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#tc .tc-fb[data-b=triangle]{left:calc(var(--u) * .975);top:0}#tc .tc-fb[data-b=circle]{right:0;top:calc(var(--u) * .975)}#tc .tc-fb[data-b=cross]{left:calc(var(--u) * .975);bottom:0}#tc .tc-fb[data-b=square]{left:0;top:calc(var(--u) * .975)}#tc .tc-fb[data-b=triangle] svg *{stroke:#3fd6a4}#tc .tc-fb[data-b=circle] svg *{stroke:#ff5f6d}#tc .tc-fb[data-b=cross] svg *{stroke:#7da7ff}#tc .tc-fb[data-b=square] svg *{stroke:#f58fd8}#tc .tc-mid{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--sb) + var(--u) * .3);display:flex;gap:calc(var(--u) * .35);pointer-events:none}#tc .tc-mid>*{pointer-events:auto}#tc .tc-ss{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:calc(var(--u) * .19);letter-spacing:.08em;color:#ffffffb3}#tc .tc-ssb{width:calc(var(--u) * .95);height:calc(var(--u) * .36);border-radius:calc(var(--u) * .18)}#tc.tc-hidden,#tc.tc-kb,#tc.tc-off{display:none}#tc-util{position:fixed;z-index:6;display:flex;flex-wrap:wrap;gap:8px;transform:translate(-50%);left:50%;top:6px}#tc-util.tc-hidden{display:none}#tc-util button{all:unset;position:relative;box-sizing:border-box;width:38px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:4px;background:#101014b8;border:1.5px solid rgba(255,255,255,.5);color:#eee;font:600 13px/1 system-ui,-apple-system,sans-serif;cursor:pointer;touch-action:manipulation}#tc-util button svg{width:20px;height:20px;flex:none}#tc-util button[data-k=chat]{width:auto;padding:0 11px 0 9px;border-color:#8cc8ffcc}#tc-util button[data-k=lr]{width:44px;letter-spacing:.02em}#tc-util button[data-n]:after{content:attr(data-n);position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#e33;color:#fff;font:700 11px/16px system-ui,sans-serif;text-align:center}#tc-util.tc-land{gap:6px}#tc-util.tc-land button{height:28px;width:34px}#tc-util.tc-land button[data-k=chat]{width:auto}#tc-util.tc-land button[data-k=lr]{width:40px}#tc-util button.on{background:#e6e6ec;color:#111;border-color:#fff}#tc-util button.attn{animation:tc-attn 1s ease-in-out infinite;border-color:#ff0}#tc-util.only-toggle button:not([data-k=toggle]):not([data-k=chat]){display:none}#tc-util.tc-land{opacity:.8}@keyframes tc-attn{50%{background:#ffff0073}}#tc-piano{position:fixed;z-index:5;display:flex;flex-direction:column;gap:4px}#tc-piano.tc-hidden{display:none}#tc-piano .row{display:flex;gap:6px;justify-content:center;font:13px system-ui,sans-serif;color:#ccc;align-items:center}#tc-piano .row button{all:unset;padding:2px 12px;border:1px solid #666;border-radius:10px;background:#111c;color:#eee}#tc-piano .keys{position:relative;flex:1;min-height:60px}#tc-piano .k{position:absolute;top:0;box-sizing:border-box;border:1px solid #333;border-radius:0 0 5px 5px}#tc-piano .k.w{height:100%;background:#e8e8e8;z-index:0}#tc-piano .k.b{height:60%;background:#181818;z-index:1}#tc-piano .k.on{background:#ffd34a}#tc-kbd{position:fixed;left:0;top:0;width:2px;height:2px;opacity:0;border:0;padding:0;margin:0;font-size:16px;z-index:-1;pointer-events:none;caret-color:transparent}input[aria-label=Console]{font-size:16px}body.tc-touch input[aria-label=Console]{top:0!important;bottom:auto!important}html.tc-touch,html.tc-touch body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.tc-touch :is(input,textarea,[contenteditable]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}html.tc-touch :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){font-size:max(16px,1em)!important}html.tc-touch :is(button,a,label,select){touch-action:manipulation}#tc-feed{position:fixed;z-index:5;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;pointer-events:auto;font:15px/1.3 system-ui,-apple-system,sans-serif;color:#f2f2f2;-webkit-user-select:none;user-select:none;touch-action:manipulation}#tc-feed.tc-hidden,#tc-feed .tc-feed-head{display:none}#tc-feed .tc-feed-list{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:0}#tc-feed .tc-line{align-self:flex-start;max-width:100%;box-sizing:border-box;padding:2px 8px;border-radius:8px;background:#0000008c;text-shadow:0 1px 2px #000;overflow-wrap:anywhere;transition:opacity 1.5s}#tc-feed .tc-line b{font-weight:700}#tc-feed:not(.x):not(.open) .tc-feed-list{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px);mask-image:linear-gradient(to bottom,transparent 0,#000 18px)}#tc-feed.land:not(.x):not(.open){font-size:13px}#tc-feed.land:not(.x):not(.open) .tc-sys{font-size:12px}#tc-feed .tc-sys{color:#b8b8c0;font-size:13px}#tc-feed:not(.x):not(.open) .tc-line.old{opacity:0}#tc-feed:not(.x):not(.open),#tc-feed:not(.x):not(.open) .tc-line.old{pointer-events:none}#tc-feed:not(.x):not(.open) .tc-line:not(.old){pointer-events:auto}#tc-feed.x,#tc-feed.open{z-index:6;background:#08080cd1;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:6px}#tc-feed.x .tc-feed-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 6px;color:#aaa;font-size:13px}#tc-feed.x .tc-feed-head button{all:unset;width:32px;height:28px;text-align:center;font-size:16px;color:#eee;cursor:pointer}#tc-feed.x .tc-feed-list,#tc-feed.open .tc-feed-list{justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}#tc-feed.x .tc-line,#tc-feed.open .tc-line{background:none;padding:1px 4px}#tc-feed.x :is(.tc-feed-list)>:first-child,#tc-feed.open .tc-feed-list>:first-child{margin-top:auto}#tc-chatbar{position:fixed;z-index:7;left:0;right:0;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:7px 8px;margin:0;background:#15151b;border-top:1px solid #333;box-shadow:0 -4px 14px #00000080;font:600 14px/1 system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}#tc-chatbar.tc-hidden{display:none}#tc-chatbar.tc-top{border-top:0;border-bottom:1px solid #333;box-shadow:0 4px 14px #00000080}#tc-chatbar button{all:unset;box-sizing:border-box;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#eee;cursor:pointer;touch-action:manipulation}#tc-chatbar .tc-seg{display:flex;flex:none;border:1.5px solid #555;border-radius:11px;overflow:hidden}#tc-chatbar .tc-seg button{border-radius:0;padding:0 10px;color:#aaa}#tc-chatbar .tc-seg button.on[data-m=talk]{background:#2f6fd6;color:#fff}#tc-chatbar .tc-seg button.on[data-m=yell]{background:#d6702f;color:#fff}#tc-chatbar input{flex:1;min-width:0;height:38px;box-sizing:border-box;padding:0 10px;border:1.5px solid #555;border-radius:10px;background:#000;color:#fff;font:16px system-ui,-apple-system,sans-serif;outline:none}#tc-chatbar input:focus{border-color:#2f6fd6}#tc-chatbar.yell input:focus{border-color:#d6702f}#tc-chatbar .tc-send{flex:none;padding:0 12px;background:#2f6fd6;color:#fff}#tc-chatbar.yell .tc-send{background:#d6702f}#tc-chatbar .tc-x{flex:none;width:36px;font-size:18px;background:#2a2a32}body.tc-touch #pianoHint{display:none}body.tc-touch #screen,body.tc-touch canvas#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.tc-touch #status{bottom:auto;top:calc(var(--tc-st, 0px) + 40px);left:50%;transform:translate(-50%);pointer-events:none}#carscreen{position:fixed;z-index:6;display:flex;gap:10px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#carscreen.tc-hidden{display:none}#carscreen button{all:unset;box-sizing:border-box;height:60px;min-width:76px;padding:0 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:#101014c7;border:2px solid rgba(255,255,255,.55);color:#eee;font:700 15px/1 system-ui,-apple-system,sans-serif;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}#carscreen button svg{width:30px;height:30px;flex:none}#carscreen button i{display:contents}#carscreen button[data-k=osd]:not(.on){color:#999;border-color:#ffffff59}#carscreen button:active{background:#ffffff59}#carscreen.tc-ghost{opacity:.45}#carscreen.tc-dim{opacity:.65}#tc-util.carscreen,#tc-util.carscreen.tc-land{gap:10px;opacity:1}#tc-util.carscreen button,#tc-util.carscreen.tc-land button{height:48px;width:60px;border-radius:24px;font-size:15px}#tc-util.carscreen button svg{width:26px;height:26px}#tc-util.carscreen button[data-k=chat]{width:auto;padding:0 16px 0 13px}#tc-util.carscreen button[data-k=toggle]{display:none}#tc-util.carscreen.tc-ghost{opacity:.45}#tc.carscreen{opacity:1;background:none;border:0}#tc.tc-ghost .tc-b,#tc.tc-ghost .tc-dpad{opacity:.22;transition:opacity 90ms}#tc.tc-ghost .tc-b.on,#tc.tc-ghost .tc-dpad.on{opacity:.8}#tc.tc-ghost .tc-ss{color:#ffffff4d}
