.JoinRoom_overlay__gdpBH{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:JoinRoom_fadeIn__N_XYy .3s ease}.JoinRoom_modal__9a7rq{background:#fffaf4;border:4px solid #000;box-shadow:8px 8px 0 #000,0 0 0 4px #fffaf4;max-width:500px;width:90%;position:relative;animation:JoinRoom_modalPop__wYF0d .5s cubic-bezier(.175,.885,.32,1.275)}.JoinRoom_header__9ma3j{background:#000;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #000}.JoinRoom_pixelTitle__S_vcM{font-weight:800;font-size:1.5rem;letter-spacing:2px;text-shadow:2px 2px 0 #4ecdc4;animation:JoinRoom_textGlitch__v1mIS 2s infinite}.JoinRoom_closeButton__OZbDw{background:#fff;border:2px solid #000;color:#000;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 0 #000;transition:all .2s ease}.JoinRoom_closeButton__OZbDw:hover{background:#ff6b6b;transform:translate(1px,1px);box-shadow:1px 1px 0 #000}.JoinRoom_content__R4irc{padding:2rem}.JoinRoom_inputSection__S8DNq{margin-bottom:1.5rem}.JoinRoom_label__HLpmQ{display:block;font-weight:700;margin-bottom:.5rem;font-size:1.1rem;color:#000}.JoinRoom_inputContainer__BpT_l{display:flex;gap:.5rem;align-items:center}.JoinRoom_codeInput__Eiv3F{flex:1;border:3px solid #000;background:#fff;padding:1rem;font-size:1.5rem;font-weight:800;text-align:center;letter-spacing:2px;text-transform:uppercase;box-shadow:4px 4px 0 #000;transition:all .2s ease;font-family:monospace}.JoinRoom_codeInput__Eiv3F:focus{outline:none;transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.JoinRoom_cameraButton__lSwmK{background:#000;border:3px solid #000;color:#fff;font-size:1.5rem;padding:1rem;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .2s ease;min-width:60px}.JoinRoom_cameraButton__lSwmK:hover{background:#fff;color:#000;transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.JoinRoom_codeHint__iZoqG{font-size:.8rem;color:#666;margin-top:.5rem;text-align:center}.JoinRoom_cameraSection__XOx6U{margin-bottom:1.5rem;padding:1rem;background:#fff;border:3px solid #000;box-shadow:4px 4px 0 #000}.JoinRoom_cameraLabel__BhaI5{font-weight:700;margin-bottom:.5rem;text-align:center}.JoinRoom_cameraPreview___MAtn{position:relative;width:100%;height:200px;background:#000;margin-bottom:.5rem;overflow:hidden}.JoinRoom_video__kyd2u{width:100%;height:100%;object-fit:cover}.JoinRoom_scanFrame__rhNZ_{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:2px solid #4ecdc4;box-shadow:0 0 0 1000px rgba(0,0,0,.3);animation:JoinRoom_scanPulse__75ytr 2s infinite}.JoinRoom_cameraHint__mXIR2{font-size:.8rem;color:#666;text-align:center}.JoinRoom_errorMessage__CgGUR{background:#ffe6e6;border:2px solid #ff6b6b;color:#d00000;padding:.75rem;margin-bottom:1rem;font-weight:600;text-align:center;box-shadow:3px 3px 0 #ff6b6b}.JoinRoom_buttons__hYr1i{display:flex;gap:1rem;justify-content:center}.JoinRoom_cancelButton__QUrdv,.JoinRoom_joinButton__xLMD6{border:3px solid #000;background:#000;color:#fff;font-weight:800;padding:.75rem 1.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:4px 4px 0 #000;transition:all .2s ease;flex:1}.JoinRoom_joinButton__xLMD6:hover:not(:disabled){background:#4ecdc4;border-color:#4ecdc4;transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.JoinRoom_joinButton__xLMD6:disabled{background:#ccc;border-color:#666;cursor:not-allowed;box-shadow:4px 4px 0 #666}.JoinRoom_cancelButton__QUrdv{background:#ff6b6b;border-color:#ff6b6b}.JoinRoom_cancelButton__QUrdv:hover{background:#fff;color:#ff6b6b;transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.JoinRoom_mobileHint__MV_6G{text-align:center;margin-top:1rem;padding:.5rem;background:#e8f4fd;border:2px solid #4ecdc4;color:#0066cc;font-size:.9rem;box-shadow:3px 3px 0 #4ecdc4}@keyframes JoinRoom_fadeIn__N_XYy{0%{opacity:0}to{opacity:1}}@keyframes JoinRoom_modalPop__wYF0d{0%{transform:scale(.5) rotate(-5deg);opacity:0}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes JoinRoom_textGlitch__v1mIS{0%,to{text-shadow:2px 2px 0 #4ecdc4,-1px -1px 0 #ff6b6b}50%{text-shadow:-2px -2px 0 #4ecdc4,1px 1px 0 #ff6b6b}}@keyframes JoinRoom_scanPulse__75ytr{0%,to{border-color:#4ecdc4;box-shadow:0 0 0 1000px rgba(0,0,0,.3)}50%{border-color:#ff6b6b;box-shadow:0 0 0 1000px rgba(0,0,0,.5)}}.JoinRoom_modal__9a7rq:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.03) 0);background-size:100% 4px;pointer-events:none;z-index:1;opacity:.3}