@font-face{font-family:Clarika;src:url('fonts/Clarika-Regular.otf')}@font-face{font-family:Clarika;src:url('fonts/Clarika-Black.otf');font-weight:900}
.survival-lobby{font-family:Clarika,sans-serif;color:#fff;background:#12384a;border:2px solid #75beee;border-radius:20px;max-width:520px;width:calc(100% - 40px);padding:28px;box-sizing:border-box;max-height:94dvh;overflow:auto}.survival-lobby::backdrop{background:#031b2de8}.survival-lobby header p{color:#75beee;font-size:12px;letter-spacing:3px}.survival-lobby h2{font-size:34px;margin:8px 0;font-weight:900}.survival-lobby header span{color:#c6e5f5}.survival-lobby section{margin-top:24px}.survival-lobby label{display:block;margin:16px 0;color:#b9d6e5;font-size:12px;font-weight:bold;letter-spacing:1px}.survival-lobby select,.survival-lobby input{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:13px;border-radius:8px;border:1px solid #75beee;color:white;background:#082939;font:18px Clarika}.survival-lobby button{border:0;border-radius:8px;background:#75beee;color:#072e48;padding:14px 18px;font:900 17px Clarika;cursor:pointer}.survival-lobby button:disabled{opacity:.4;cursor:default}.survival-lobby button:focus-visible,.survival-lobby input:focus-visible,.survival-lobby select:focus-visible{outline:3px solid white;outline-offset:3px}.survival-join{border-top:1px solid #446577;margin-top:22px;padding-top:6px}.survival-lobby footer{margin-top:20px;display:flex;gap:15px;align-items:center}.survival-lobby footer small{line-height:1.4;flex:1;color:#b9d6e5}.survival-lobby footer button{background:transparent;border:1px solid #75beee;color:#fff}.survival-lobby output{display:block;font-size:38px;font-weight:900;letter-spacing:5px;color:#75beee}.survival-lobby [data-status]{min-height:22px;color:#b9d6e5}.survival-lobby [hidden]{display:none!important}

#duel-hud{position:fixed;z-index:15;top:110px;left:14px;background:#12384ae8;border:1px solid #75beee;border-radius:12px;padding:12px;max-width:70vw;font:14px Clarika;color:white}#duel-hud strong,#duel-hud span{display:block;margin-bottom:6px}#duel-hud strong{color:#75beee;letter-spacing:1px}#duel-hud button{background:transparent;color:white;border:1px solid #75beee;border-radius:5px;padding:5px;font:12px Clarika}#duel-hud[hidden]{display:none}@media(max-width:600px){#duel-hud{top:100px;font-size:11px;max-width:65vw;padding:8px}.survival-lobby h2{font-size:28px}}

.survival-lobby header{position:static;inset:auto;display:block;pointer-events:auto}.survival-lobby header h2{color:white}.survival-lobby .duel-faces{display:flex;gap:12px;margin:12px 0}.survival-lobby .duel-faces button{flex:1;background:#0b3040;border:2px solid transparent;color:white;padding:8px}.survival-lobby .duel-faces button[aria-pressed=true]{border-color:#75beee;background:#245570}.survival-lobby .duel-faces canvas{width:58px;height:58px;margin:auto}.survival-lobby .duel-faces span{display:block;font-size:13px;margin-top:4px}