.together{border:1px solid var(--line);background:var(--card);border-radius:20px;gap:10px;padding:14px 16px;display:grid}.together h3{margin:0;font-size:17px;font-weight:700}.together-score{font:500 14px/1.3 var(--body);color:var(--ink-soft);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.together-score b{color:var(--ink);font:800 28px/1.1 var(--body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:inline-block}.together-score[data-fresh] b{animation:together-in .9s var(--spring)}.together-note{font:500 14px/1.4 var(--body);color:var(--ink-soft);overflow-wrap:anywhere;margin:0}.together-acts{flex-wrap:wrap;gap:8px;display:flex}.together-btn{border:1.5px solid var(--line-strong);background:var(--card);min-height:48px;color:var(--ink);font:700 15px var(--body);cursor:pointer;transition:translate .2s var(--spring), scale .15s;border-radius:999px;flex:150px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.together-btn.together-main{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.together-btn:hover:not(:disabled){translate:0 -2px}.together-btn:active:not(:disabled){scale:.95}.together-btn:disabled{opacity:.6;cursor:progress}.together-btn .ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.together-btn .ico-fill{fill:currentColor;stroke:none}.together-name{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.together-name label{font:600 13px/1.3 var(--body);color:var(--ink-soft);flex:180px;gap:4px;display:grid}.together-name input{border:1.5px solid var(--line-strong);background:var(--card);min-width:0;min-height:44px;color:var(--ink);font:600 16px var(--body);-webkit-user-select:text;user-select:text;border-radius:12px;padding:8px 12px}.gt-room-bar{background:color-mix(in srgb, #f2c94c 14%, var(--card));color:var(--ink);border:1.5px solid #f2c94c;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.gt-room-bar[data-status=connected]{background:color-mix(in srgb, #27c46b 14%, var(--card));border-color:#27c46b}.gt-room-dot{border-radius:50%;flex:none;width:12px;height:12px}.gt-room-dot--yellow{background:#f2c94c;animation:1.4s ease-out infinite gt-room-pulse;box-shadow:0 0 #f2c94cb3}.gt-room-dot--green{background:#27c46b;box-shadow:0 0 0 3px #27c46b40,0 0 12px #27c46be6}.gt-room-text{min-width:0;font:500 14px/1.35 var(--body);overflow-wrap:anywhere;flex-wrap:wrap;flex:160px;gap:2px 6px;margin:0;display:flex}.gt-room-text b{font-weight:700}.gt-room-text span{color:var(--ink-soft)}.gt-room-code{background:var(--card);letter-spacing:.04em;border-radius:8px;flex:none;padding:2px 8px;font:700 13px/1.4 ui-monospace,monospace}.gt-room-acts{flex-wrap:wrap;flex:100%;gap:6px;display:flex}.gt-room-btn{border:1.5px solid var(--line-strong);background:var(--card);min-height:40px;color:var(--ink);font:700 14px var(--body);cursor:pointer;border-radius:999px;flex:130px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.gt-room-btn:active{scale:.96}.gt-room-btn .ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.gt-room-cancel{border-color:color-mix(in srgb, #d6403a 55%, var(--line-strong));color:#c2342e}.gt-room-cancel .ico{stroke-width:2.4px}@media (hover:hover){.gt-room-btn:hover{border-color:var(--ink)}.gt-room-cancel:hover{background:color-mix(in srgb, #d6403a 8%, var(--card));border-color:#c2342e}}:root[data-theme=dark] .gt-room-cancel{color:#ff8a80}@keyframes gt-room-pulse{70%{box-shadow:0 0 0 9px #f2c94c00}to{box-shadow:0 0 #f2c94c00}}@keyframes together-in{0%{scale:1.25}}@media (prefers-reduced-motion:reduce){.together-score[data-fresh] b{animation:none}.together-btn{transition:none}.gt-room-dot--yellow{animation-duration:2.8s}}
