.join-shell{width:min(760px,calc(100% - 28px));padding:30px 0 54px}.join-card{padding:30px 32px;min-height:360px}.join-card h1,.join-card h2{margin:8px 0 10px;letter-spacing:-.05em}.join-card h1{font-size:clamp(42px,8vw,68px)}.join-card h2{font-size:clamp(34px,7vw,54px)}.join-card>p{color:#a6b0c1;line-height:1.6}.join-card form{display:grid;gap:12px;margin-top:24px}.join-code-input{width:100%;background:#0d1118;border:1px solid #30394b;border-radius:18px;padding:18px;color:#fff;text-align:center;font-size:clamp(38px,10vw,58px);font-weight:950;letter-spacing:.14em;font-variant-numeric:tabular-nums;outline:none}.join-code-input:focus{border-color:#68779b}.join-msg{min-height:20px;margin:12px 0 0!important;font-size:13px}.join-msg.error{color:#ff96aa}.join-msg.success{color:var(--green)}.join-room-chip{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#7f899b;font-size:10px;font-weight:900;letter-spacing:.12em}.join-room-chip b{color:#dbe4f2;font-size:12px;letter-spacing:.08em}.join-pulse{width:88px;height:88px;border-radius:50%;margin:58px auto 24px;background:rgba(72,226,146,.09);border:1px solid rgba(72,226,146,.25);box-shadow:0 0 0 18px rgba(72,226,146,.025)}.join-pulse:after{content:"";display:block;width:16px;height:16px;margin:35px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(72,226,146,.5)}#waitingState{text-align:center}.join-count{display:inline-flex;align-items:baseline;gap:7px;margin-top:18px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#8f9bad}.join-count b{font-size:22px;color:#f2f6fc}.join-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.join-timer{font-size:32px;font-weight:950;font-variant-numeric:tabular-nums}.join-progress{height:6px;border-radius:999px;background:#222937;overflow:hidden;margin:15px 0 26px}.join-progress>div{height:100%;width:100%;background:linear-gradient(90deg,#6d55d8,#39b7c9);transition:width .15s linear}.join-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.join-answer{min-height:82px;padding:14px 15px;border:1px solid #30394b;border-radius:16px;background:#0d1118;color:#fff;text-align:left;cursor:pointer}.join-answer span{display:block;color:#7f899b;font-size:10px;font-weight:900}.join-answer b{display:block;margin-top:5px;font-size:17px;line-height:1.2}.join-answer.selected{border-color:#6d5bdb;background:rgba(124,92,255,.1)}.join-lock{display:grid;place-items:center;width:84px;height:84px;margin:52px auto 22px;border-radius:50%;border:1px solid rgba(72,226,146,.3);background:rgba(72,226,146,.06);color:var(--green);font-size:38px;font-weight:950}.join-lock.expired{color:#9aa6b9;border-color:#30394b;background:#0d1118;font-size:24px}.join-wait-line{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:25px;color:#8895a9;font-size:13px}.join-wait-line span{width:7px;height:7px;border-radius:50%;background:var(--green)}#lockedState,#expiredState{text-align:center}.join-results{display:grid;gap:10px;margin-top:20px}.join-result-row{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#0d1118}.join-result-row.mine{border-color:rgba(72,226,146,.3)}.join-result-head{display:flex;justify-content:space-between;gap:12px;font-weight:850}.join-result-track{height:8px;margin-top:10px;border-radius:999px;background:#222937;overflow:hidden}.join-result-fill{height:100%;background:linear-gradient(90deg,#6d55d8,#39b7c9)}.join-result-note{font-size:13px!important;color:#7f899b!important;margin-top:16px!important}#closedState{text-align:center}@media(max-width:620px){.join-shell{width:calc(100% - 16px);padding-top:12px}.join-card{padding:20px 16px;border-radius:20px;min-height:330px}.join-card h1{font-size:44px}.join-card h2{font-size:36px}.join-answers{grid-template-columns:1fr}.join-answer{min-height:68px}.join-code-input{font-size:42px;padding:16px 8px}.join-top-row{align-items:flex-start}.join-timer{font-size:27px}}