.class-join-dock{position:relative;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;padding:5px 22px;background:#eef3ef;color:#173d35;border-bottom:1px solid #bacbc4;font:12px system-ui}.has-class-join .game-stage{height:calc(100svh - 181px)}.class-join-dock button{background:#fff;color:#173d35;border:2px solid #173d35;border-radius:24px;padding:7px 15px;box-shadow:0 3px 12px #0002;font:700 14px system-ui;cursor:pointer}.class-join-dialog{box-sizing:border-box;border:1px solid #9db2ab;border-radius:18px;padding:24px;width:min(440px,calc(100vw - 28px));color:#143c34;background:#fff;box-shadow:0 18px 70px #0005;font-family:system-ui}.class-join-dialog::backdrop{background:#062c2470}.class-join-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.class-join-heading h2{margin:0;font-size:23px}.class-join-heading button{font:24px system-ui;background:#eef3ef;color:#143c34;border:0;border-radius:50%;height:36px;width:36px;cursor:pointer}.class-join-dialog p{font-size:14px;line-height:1.5}.class-join-dialog form{display:grid;gap:12px}.class-join-dialog label{font-weight:700}.class-join-dialog input{font:700 20px system-ui;padding:12px;border:1px solid #66867d;border-radius:8px;width:100%;box-sizing:border-box;text-transform:uppercase}.class-join-dialog button[type=submit]{background:#173d35;color:white;padding:13px;border:0;border-radius:8px;font:700 15px system-ui;cursor:pointer}.class-join-dialog button:disabled{opacity:.65;cursor:wait}.class-join-dialog :focus-visible,.class-join-dock :focus-visible{outline:3px solid #b53116;outline-offset:3px}#classJoinStatus{min-height:24px;margin:0}
@media(max-width:700px){.class-join-dock{padding:5px 12px;justify-content:space-between}.class-join-dock>span{font-size:11px}.class-join-dock button{padding:8px 12px;font-size:12px}}