/* GOC turn glow (owner t9063u/t9064u): shared kit. The active seat (.turn) breathes; mine in --tg-me, others in --tg-opp. */
body.tg .seat.turn .avw,body.tg .mebar.turn{--tgc:var(--tg-opp,#3EE07A);border-radius:50%;animation:tgBreath var(--tg-dur,1.9s) ease-in-out infinite}
body.tg .mebar.turn{--tgc:var(--tg-me,#FF4D4D);border-radius:999px;outline:3px solid var(--tgc);outline-offset:1px}
body.tg .seat.turn .avw{outline:4px solid var(--tgc);outline-offset:0}
body.tg .seat.turn .av{border-color:var(--tgc)!important}
body.tg #hand.myturn{animation:tgHandBreath var(--tg-dur,1.9s) ease-in-out infinite}
@keyframes tgHandBreath{
  0%,100%{filter:drop-shadow(0 0 calc(var(--tg-blur,24px) * .35) color-mix(in srgb,var(--tg-me,#FF4D4D) calc(var(--tg-low,.5) * 100%),transparent))}
  50%{filter:drop-shadow(0 0 var(--tg-blur,24px) var(--tg-me,#FF4D4D))}}
body.tg.tg-still #hand.myturn,body.calm.tg #hand.myturn{animation:none;filter:drop-shadow(0 0 calc(var(--tg-blur,24px) * .7) var(--tg-me,#FF4D4D))}
@media (prefers-reduced-motion:reduce){body.tg #hand.myturn{animation:none;filter:drop-shadow(0 0 calc(var(--tg-blur,24px) * .7) var(--tg-me,#FF4D4D))}}
@keyframes tgBreath{
  0%,100%{box-shadow:0 0 0 var(--tg-spread,6px) color-mix(in srgb,var(--tgc) calc(var(--tg-low,.5) * 100%),transparent),0 0 calc(var(--tg-blur,24px) * .4) var(--tgc)}
  50%{box-shadow:0 0 0 calc(var(--tg-spread,6px) * 1.6) var(--tgc),0 0 var(--tg-blur,24px) calc(var(--tg-spread,6px) * 1.4) var(--tgc)}}
body.tg.tg-still .seat.turn .avw,body.tg.tg-still .mebar.turn,body.calm.tg .seat.turn .avw,body.calm.tg .mebar.turn{animation:none;box-shadow:0 0 0 var(--tg-spread,6px) var(--tgc),0 0 var(--tg-blur,24px) var(--tgc)}
@media (prefers-reduced-motion:reduce){body.tg .seat.turn .avw,body.tg .mebar.turn{animation:none;box-shadow:0 0 0 var(--tg-spread,6px) var(--tgc),0 0 var(--tg-blur,24px) var(--tgc)}}
.tg-set{display:block;width:100%;box-sizing:border-box}
.tg-pick{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:12.25rem;min-width:12.25rem;max-width:12.25rem;flex:0 0 12.25rem;box-sizing:border-box}
.tg-pick select{font:700 16px/1.2 system-ui,sans-serif;min-height:44px;padding:6px 8px;border-radius:10px;background:#F4F6F8;color:#1A1A1A;border:2px solid #C0C6CC;flex:0 0 8.25rem;min-width:0;width:8.25rem;max-width:8.25rem;box-sizing:border-box}
.tg-sw{display:inline-block;width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000;flex:none}
.tg-str{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}
.tg-str > span{flex:none;width:100%;display:block;white-space:normal;overflow:visible}
.tg-str .gk-seg{flex:none;width:100%;display:flex;flex-wrap:nowrap;gap:6px}
.tg-str .gk-seg button{flex:1 1 0;min-width:0;overflow:visible;white-space:nowrap}
.tg-str input[type=range]{display:block;width:100%;max-width:100%;min-width:0;min-height:36px;flex:none;align-self:stretch;box-sizing:border-box}
.tg-str b{color:#F1D77A}
