.pk-mode-options { position:absolute; z-index:6; left:500px; top:32px; width:200px; height:22px; display:flex; gap:2px; }
.pk-mode-options[hidden] { display:none; }
.pk-mode-option { flex:0 0 48px; width:48px; height:22px; padding:0; border:0; background-color:transparent; background-repeat:no-repeat; }
[data-pk-mode='pk'] { --pk-normal:url('/ui/pk-mode/pk.png?v=59a1f70a14f94b91'); --pk-active:url('/ui/pk-mode/pk-pressed.png?v=9eaf7bc488df4ab4'); }
[data-pk-mode='team'] { --pk-normal:url('/ui/pk-mode/team.png?v=6851b92a816743cb'); --pk-active:url('/ui/pk-mode/team-pressed.png?v=02a4ba4121a9f8a8'); }
[data-pk-mode='peace'] { --pk-normal:url('/ui/pk-mode/peace.png?v=719be60be6d9df2f'); --pk-active:url('/ui/pk-mode/peace-pressed.png?v=30818bc9cec1b08d'); }
[data-pk-mode='capture'] { --pk-normal:url('/ui/pk-mode/capture.png?v=916b13175dacb640'); --pk-active:url('/ui/pk-mode/capture-pressed.png?v=c539c2533771edb4'); }
.classic-menu-button.menu-capture[data-pk-mode] { background-image:var(--pk-normal); animation:none; }
.classic-menu-button.menu-capture:is([data-pk-mode='pk'],[data-pk-mode='team']) { animation:pk-mode-warning 1s step-end infinite; }
@keyframes pk-mode-warning {
  0%,100% { background-image:var(--pk-normal); }
  50% { background-image:var(--pk-active); }
}
.pk-mode-option { background-image:var(--pk-normal); }
.pk-mode-option:is(:hover,:active,[aria-checked='true']) { background-image:var(--pk-active); }
.pk-mode-option:focus-visible { outline:1px solid #fff6da; outline-offset:1px; }
.chat-line.system-red { color:#ff0000; }