.turn-indicator{border:2px solid #71829a;border-radius:16px;min-width:0;padding:10px;transition:border-color .16s,box-shadow .16s}.turn-indicator[data-turn=your_turn]{border-color:#7fbd7a;box-shadow:0 0 0 1px #7fbd7a18}.turn-indicator[data-pulse=true][data-turn=your_turn]{animation:.6s ease-out turn-acquired}.turn-indicator-status{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 2px 8px;font-size:12px;line-height:1.4;display:flex}.turn-indicator-label{align-items:center;gap:6px;min-width:0;font-weight:700;display:inline-flex}.turn-indicator-icon{color:var(--muted);flex:none;font-size:17px;line-height:1}.turn-indicator[data-turn=your_turn] .turn-indicator-icon{color:#7fbd7a}.turn-indicator-timer{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-weight:800}.turn-indicator[data-can-act=true] input:focus{border-color:#7fbd7a}@keyframes turn-acquired{0%,to{box-shadow:0 0 0 1px #7fbd7a18}45%{box-shadow:0 0 0 5px #7fbd7a24}}@media (prefers-reduced-motion:reduce){.turn-indicator{transition:none!important;animation:none!important}}