#social{position:fixed;inset:0;z-index:4;overflow:auto;background:radial-gradient(ellipse at 25% 15%,#2a4142,transparent 62%),#171e25}#social-shell{width:min(820px,92vw);margin:7vh auto 100px}.social-header{display:flex;align-items:center;justify-content:space-between;margin:0 4px 32px}.account-chip{padding:8px 14px;border:1px solid #405258;border-radius:24px;font-size:13px;color:#b8cdc9}#social-card{padding:36px}.eyebrow{font-size:11px;letter-spacing:2px;color:#85b7a9;font-weight:650}#social h1{font-size:32px;margin:12px 0 28px}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.menu-option{text-align:left;padding:24px;background:#26343d;border-color:#3a4e54;display:grid;gap:10px;border-radius:18px}.menu-option:hover{border-color:#77c9b1;background:#30474a;transform:translateY(-2px)}.menu-option strong{font-size:20px}.menu-option small{font-size:12px;color:#a5b9bd}.option-icon{color:#89d6be;font-size:30px}.join-row{display:flex;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #35424a}.join-row input{letter-spacing:2px;min-width:0}.join-row button{width:auto;margin:0;white-space:nowrap}.form-actions{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.form-actions .primary{min-width:190px}button:disabled{opacity:.4;cursor:default;transform:none}#social-error,#match-error{color:#ffb9a7;font-size:13px}#social-error:empty,#match-error:empty{display:none}.room-meta,.lobby-meta{font-size:13px;color:#adc0c5}.lobby-heading{display:flex;justify-content:space-between;align-items:center}.spinner{width:36px;height:36px;border:3px solid #42615b;border-top-color:#8ddac0;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#invite{display:flex;align-items:center;justify-content:space-between;background:#172229;border-radius:14px;padding:14px 18px;margin-bottom:24px;color:#a6b9bd;font-size:13px}#copy-code{background:transparent;border:0;display:flex;align-items:center;gap:16px}#invite-code{font-size:23px;letter-spacing:4px;color:#9be2c9;user-select:all}.lobby-meta{display:flex;justify-content:space-between;margin:16px 0}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-row{display:flex;align-items:center;gap:10px;background:#293741;padding:12px;border-radius:12px;min-width:0}.player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.player-row small{font-size:11px;color:#bdd7d1}.player-avatar{display:grid;place-items:center;border-radius:12px;width:36px;height:36px;flex-shrink:0;color:#172728;background:#95cdbb;font-weight:700}.avatar-1{background:#a9bfeb}.avatar-2{background:#e7bc8b}.avatar-3{background:#d9a7c1}.avatar-4{background:#b7b0df}.avatar-5{background:#c8d699}.empty-seat{color:#697f89;border:1px dashed #3b5059;background:transparent;font-size:13px;min-height:60px}.in-lobby #pointer-error{display:none}.in-lobby #tools{z-index:6}#match-ui{position:fixed;inset:0;pointer-events:none;z-index:3}.match-panel,.chat-panel{pointer-events:auto;position:absolute;background:#19232bee;border:1px solid #394a53;border-radius:18px;backdrop-filter:blur(12px);padding:16px}.match-panel{left:18px;top:18px;width:270px}.match-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b9ccc9}#match-clock{font-size:22px;color:#9bdcc8;font-variant-numeric:tabular-nums}#match-word{font-size:23px;margin:10px 0}#match-word:empty{display:none}#match-players{display:grid;gap:5px;margin:14px 0}.match-panel .player-row{padding:6px;background:transparent}.match-panel .player-avatar{width:28px;height:28px;font-size:12px;border-radius:9px}.match-panel button{font-size:12px;padding:7px 12px;width:100%}.chat-panel{left:18px;bottom:18px;width:320px;padding:14px}.chat-heading{font-size:12px;color:#9bbab0;margin-bottom:10px}#chat-messages{height:128px;overflow:auto;font-size:13px;color:#c6d4d8;overflow-wrap:anywhere}#chat-messages div{margin-bottom:7px}#guess-form{display:flex;gap:8px;margin-top:10px}#guess-form input{font-size:13px;min-width:0;padding:10px}#guess-form button{width:42px;margin:0;padding:4px}#word-choices{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,90vw)}#word-choices h2{margin:10px 0 24px}#choice-buttons{display:grid;gap:10px}#choice-buttons button{display:flex;align-items:center;justify-content:space-between;padding:17px;background:#2b3b44}#choice-buttons small{color:#a7bcbc}#choice-buttons strong{font-size:18px}#match-error{position:absolute;bottom:70px;right:20px;max-width:360px;background:#202a33;padding:10px;border-radius:12px}@media(max-width:650px){.menu-options,.player-grid{grid-template-columns:1fr}#social-card{padding:22px}.social-header .brand{font-size:20px}.join-row{flex-wrap:wrap}.match-panel{width:225px}}
/* Keep the entire six-seat lobby visible on a 720p desktop. */
#social-shell{margin:3vh auto 76px}.social-header{margin-bottom:20px}#social-card{padding:28px}#social h1{font-size:30px;margin:10px 0 20px}#invite{padding:8px 14px;margin-bottom:16px}.lobby-meta{margin:12px 0}.player-grid .player-row{padding:8px;min-height:50px}.player-grid .player-avatar{width:32px;height:32px}.form-actions{margin-top:18px}#lobby-hint{margin:14px 0 0}
.match-panel .player-row{padding:3px 6px}.match-panel .player-avatar{width:26px;height:26px}
#lobby-players{max-height:300px;overflow-y:auto}#match-players{max-height:max(100px,calc(100vh - 450px));overflow-y:auto}
.form-actions{flex-wrap:wrap}#search-progress{display:flex;align-items:center;gap:14px;color:#a7d8cb}#search-elapsed{font-size:19px;font-variant-numeric:tabular-nums;min-width:48px}#lobby-hint:empty{display:none}.lobby-actions{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.match-actions{display:flex;gap:12px;margin-left:auto}.match-actions button{min-width:190px;padding:14px 20px;border-radius:14px;background:#2b4145;border:1px solid #547770;color:#d6eee7;font-weight:600}.match-actions button:hover:not(:disabled){background:#36564f;border-color:#86cdb7}.match-actions button:disabled{background:#25323a;border-color:#3c4b53;color:#8e9fa6;opacity:.55}.match-actions:has(button:not([hidden])){display:flex}.match-actions:not(:has(button:not([hidden]))){display:none}@media(max-width:650px){.match-actions{width:100%;margin:0}.match-actions button{min-width:0;flex:1;padding:12px}}

#leave-lobby,#cancel-party{background:#2d3b45;border:1px solid #43515a;border-radius:12px;color:#e8eef0;padding:10px 16px}#leave-lobby:hover,#cancel-party:hover{background:#3a4d58}
.private-action{position:relative;display:inline-flex}.private-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);right:0;width:max-content;max-width:260px;padding:10px 14px;border:1px solid #52666f;border-radius:10px;background:#18232c;color:#dce7eb;font-size:13px;line-height:1.4;box-shadow:0 8px 24px #0005;z-index:8;pointer-events:none}.private-action[data-blocked="true"]:hover .private-tooltip,.private-action[data-blocked="true"]:focus .private-tooltip{display:block}.private-action:focus-visible{outline:2px solid #77c9b1;outline-offset:3px;border-radius:14px}@media(max-width:650px){.private-action{flex:1;min-width:0}.private-action button{width:100%}}

.choice-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}#word-choices .choice-heading h2{margin:0}#choice-clock{font-size:26px;font-variant-numeric:tabular-nums;color:#9bdcc8;background:#263d3d;border-radius:12px;padding:8px 12px}#choice-clock.urgent{color:#ffbdab;background:#49322f}

#guess-form[hidden]{display:none}#chat-messages strong{font-weight:700}

.time-track{height:22px;background:#35464e;border-radius:999px;overflow:hidden;margin-top:12px}.time-track>div{height:100%;width:100%;background:#8ddac0;border-radius:inherit;will-change:width}#turn-progress.urgent>div{background:#f18383;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){#turn-progress.urgent>div{animation:none}}
#round-result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,86vw);text-align:center;padding:30px;pointer-events:auto;background:#202d36f5;border:1px solid #47615f}#round-result h2{font-size:25px;margin:14px 0;overflow-wrap:anywhere}#result-word{display:block;font-size:30px;color:#a5e5ce;overflow-wrap:anywhere}#result-next{color:#a6bbbf;font-size:13px;margin-top:25px}.result-symbol{margin:auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#36584f;color:#adedd3;font-size:26px}.no-winner .result-symbol{background:#4b4246;color:#e3bcbc}#round-result .time-track{height:24px}

#match-clock,#choice-clock{display:inline-block;min-width:5ch;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;line-height:1.25;flex-shrink:0}
#match-clock[hidden],#choice-clock[hidden]{display:none}