.header-actions{justify-self:end;display:flex;align-items:center;gap:7px}.duel-btn{height:32px;border:1px solid #9cb72e;background:#d9ff43;color:#11140e;padding:0 12px;font:900 9px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.duel-btn:hover{background:#e5ff78}.room-bar{display:block;background:#1b211b;border:1px solid #455435;padding:10px 12px;margin-bottom:14px}.room-bar[hidden]{display:none}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.room-bar span{font:800 8px var(--mono);color:#8f998c;letter-spacing:.08em}.room-bar span b{color:#d9ff43;letter-spacing:.16em;font-size:14px}.room-bar strong{display:block;font-size:11px;margin-top:4px}.room-actions{display:flex;gap:6px}.room-actions button{border:1px solid #4c554e;background:transparent;color:#cbd1cc;padding:7px 9px;font:800 9px var(--mono);cursor:pointer}#players{display:flex;gap:6px;flex-wrap:wrap}#players span{display:flex;align-items:center;gap:6px;background:#111519;border:1px solid #303841;padding:7px;color:#c4cbd1;font:800 9px var(--mono)}#players i{display:block;width:34px;height:5px;background:#343c37;overflow:hidden}#players i:after{content:"";display:block;width:var(--progress,0%);height:100%;background:#d9ff43}.field{display:block;text-align:left;margin:16px 0 9px}.field span{display:block;margin-bottom:6px;color:#8f998c;font:800 8px var(--mono);letter-spacing:.08em}.field input,.join-row input{box-sizing:border-box;width:100%;height:42px;border:1px solid #49504b;background:#111519;color:#f2f4ef;padding:0 11px;font:800 13px var(--mono);outline:none}.field input:focus,.join-row input:focus{border-color:#d9ff43}.join-row{display:grid;grid-template-columns:1fr 90px;gap:7px}.join-row button{border:0;background:#d9ff43;color:#11140e;font:900 10px var(--mono);cursor:pointer}.or{margin:16px 0 9px;color:#737d75;font:800 8px var(--mono);letter-spacing:.08em}.duel-error{min-height:15px;margin:10px 0 9px;color:#ff8e83;font-size:10px}
@media(max-width:520px){.header-actions{gap:5px}.duel-btn{width:72px;padding:0;font-size:0}.duel-btn:after{content:"Вместе";font-size:9px}.room-bar{margin:0 0 10px;padding:9px}.room-head{align-items:flex-start}.room-actions{gap:4px}.room-actions button{padding:6px 7px;font-size:8px}#players{gap:4px}#players span{padding:6px}.join-row{grid-template-columns:1fr 76px}}