:root{color:#3a2e1c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg:#fdf5e4;--color-bg-light:#fdf9f0;--color-surface:#fffcf5;--color-surface-border:#e8d9bb;--color-header-bg:#3a2e1c;--color-header-text:#f5e6c8;--color-text:#3a2e1c;--color-text-muted:#7a6b52;--color-text-light:#986;--color-accent:#c44040;--color-accent-hover:#a83333;--color-accent-text:#fff;--color-link:#c44040;--color-input-bg:#fff;--color-input-border:#d4c5a5;--color-input-focus:#c44040;--color-success:#4a8a3a;--color-error:#c44040;--color-footer-bg:#f5ead0;--color-footer-text:#7a6b52;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}.bgLayer{z-index:-1;position:fixed;inset:0;overflow:hidden}.bgImg{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.bgImgMobile{display:none}@media (width<=600px){.bgImgDesktop{display:none}.bgImgMobile{display:block}}.appLayout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.screen{flex:1;place-items:center;padding:1.5rem;display:grid;position:relative}.panel{border:1px solid var(--color-surface-border);background:var(--color-surface);border-radius:16px;gap:.85rem;width:min(420px,100%);padding:1.25rem;display:grid;box-shadow:0 2px 12px #3a2e1c14}.label{color:var(--color-text);font-size:.95rem;font-weight:700}.input{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;font:inherit;color:var(--color-text);border-radius:10px;padding:.75rem .85rem}.input:focus{outline:2px solid var(--color-input-focus);outline-offset:1px}.inputInvalid{border-color:var(--color-error);background:#fff0f0}.inputInvalid:focus{outline-color:var(--color-error)}.playButton{background:var(--color-accent);color:var(--color-accent-text);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700}.playButton:hover{background:var(--color-accent-hover)}.playButton:disabled{cursor:not-allowed;opacity:.75;background:#b89a7a}.playButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.title{color:var(--color-text);margin:0;font-size:1.15rem}.sectionTitle{color:var(--color-text);margin:0 0 .5rem;font-size:1rem}.hintText{color:var(--color-text-muted);margin:0;font-size:.92rem}.backButton{border:1px solid var(--color-surface-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.4rem .8rem;font-size:.875rem}.backButton:hover{color:var(--color-text);background:#3a2e1c0f}.exitButton{border:1px solid var(--color-accent);color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;margin-top:.75rem;padding:.55rem 1rem;font-size:.875rem}.exitButton:hover{background:#c4404014}.exitButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.profileHeader{align-items:center;gap:.75rem;display:flex}.formError{color:var(--color-error);margin:0;font-size:.85rem}.formSuccess{color:var(--color-success);margin:0;font-size:.85rem}@media (width<=460px){.actions{grid-template-columns:1fr}.screen{padding:1rem .75rem}.panel{border-radius:12px;padding:1rem}}.authDialog{border:1px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-text);border-radius:16px;width:min(420px,100vw - 2rem);padding:0}.authDialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2e1c80}.authDialogHeader{border-bottom:1px solid var(--color-surface-border);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.authTabs{background:var(--color-bg);border-radius:8px;gap:.2rem;padding:.2rem;display:flex}.authTab{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.35rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.authTabActive{background:var(--color-accent);color:#fff}.authDialogClose{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.authDialogClose:hover{color:var(--color-text);background:#3a2e1c0f}.authDialogClose svg{width:18px;height:18px}.authForm{gap:.75rem;padding:1.25rem;display:grid}.authError{color:var(--color-error);margin:0;font-size:.85rem}.authSuccess{color:var(--color-success);margin:0;font-size:.9rem;line-height:1.5}.authForgotLink{color:var(--color-accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.authForgotLink:hover{color:var(--color-accent-hover)}.requiredMark{color:var(--color-error);font-weight:700}.collectionsScreen{flex:1;justify-content:center;padding:2rem 1rem;display:flex;overflow-y:auto}.collectionsPanel{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:720px;padding:1.75rem 2rem;display:flex}.collectionsPanelHeader{align-items:center;gap:1rem;display:flex}.collectionsBackBtn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.95rem}.collectionsBackBtn:hover{color:var(--color-accent-hover)}.collectionsPanelTitle{color:var(--color-text);margin:0;font-size:1.3rem;font-weight:600}.collectionsMsg{color:var(--color-text-muted);margin:0;font-size:.95rem}.collectionsError{color:var(--color-error)}.collectionsEmpty{color:var(--color-text-light);font-style:italic}.collectionsTableWrap{overflow-x:auto}.collectionsTable{border-collapse:collapse;width:100%;font-size:.9rem}.collectionsTable th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-surface-border);white-space:nowrap;padding:.5rem .75rem;font-weight:600}.collectionsTableCenter{text-align:center!important}.collectionsTableRow{cursor:pointer;transition:background .12s}.collectionsTableRow:hover{background:#3a2e1c0a}.collectionsTable td{color:var(--color-text);border-bottom:1px solid var(--color-surface-border);vertical-align:middle;padding:.6rem .75rem}.collectionsTableName{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:500;overflow:hidden}.collectionsTableDesc{max-width:260px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collectionsTableActions{text-align:right;width:2.5rem}.collectionsDeleteBtn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .4rem;font-size:.85rem;line-height:1}.collectionsDeleteBtn:hover{color:var(--color-error);background:#c440400f}.collectionsCreateSection{border-top:1px solid var(--color-surface-border);flex-direction:column;gap:.75rem;padding-top:1.25rem;display:flex}.collectionsCreateTitle{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.collectionsCreateForm{flex-direction:column;gap:.7rem;display:flex}.collectionsFormRow{flex-direction:column;gap:.3rem;display:flex}.collectionsFormRowInline{flex-direction:row;align-items:center;gap:.75rem}.collectionsLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.collectionsLabelHint{text-transform:none;letter-spacing:0;color:var(--color-text-light);font-weight:400}.collectionsInput{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);border-radius:6px;outline:none;padding:.5rem .7rem;font-size:.9rem}.collectionsInput:focus{border-color:var(--color-accent)}.collectionsInputSmall{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);border-radius:6px;outline:none;width:80px;padding:.5rem .7rem;font-size:.9rem}.collectionsInputSmall:focus{border-color:var(--color-accent)}.collectionsFormError{color:var(--color-error);margin:0;font-size:.85rem}.collectionsBtn{cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600}.collectionsBtn:disabled{opacity:.55;cursor:not-allowed}.collectionsBtnPrimary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.collectionsBtnPrimary:hover:not(:disabled){background:var(--color-accent-hover)}.collectionsWordEditorDesc{color:var(--color-text-muted);margin:0;font-size:.9rem}.collectionsWordEditorMeta{color:var(--color-text-muted);margin:0;font-size:.88rem}.collectionsWordArea{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text);resize:vertical;border-radius:6px;outline:none;padding:.6rem .75rem;font-family:monospace;font-size:.9rem;line-height:1.55}.collectionsWordArea:focus{border-color:var(--color-accent)}.collectionsWordEditorActions{align-items:center;gap:1rem;display:flex}.collectionsWordsSaveMsg{color:var(--color-success);font-size:.85rem}.collectionsWordsSaveMsgError{color:var(--color-error)}.pickerOverlay{z-index:100;background:#3a2e1c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pickerPanel{background:var(--color-surface);width:min(500px,92vw);max-height:80vh;color:var(--color-text);border-radius:14px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 8px 32px #3a2e1c33}.pickerTitle{margin:0;font-size:1.25rem}.pickerSearch{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.9rem}.pickerSearch:focus{border-color:var(--color-accent)}.pickerSection{flex-direction:column;gap:.35rem;display:flex}.pickerSectionTitle{color:var(--color-text-muted);margin:0;font-size:.95rem;font-weight:600}.pickerList{flex-direction:column;gap:.3rem;max-height:30vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pickerItem{background:var(--color-bg-light);cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .65rem;transition:background .15s;display:flex}.pickerItem:hover{background:var(--color-bg)}.pickerItem input[type=checkbox]{accent-color:var(--color-accent);flex-shrink:0;width:18px;height:18px}.pickerItemInfo{flex-direction:column;gap:.1rem;min-width:0;display:flex}.pickerItemName{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pickerItemMeta{color:var(--color-text-muted);font-size:.8rem}.pickerWarning{color:#b58a14;background:#d4a0171a;border-radius:8px;margin:0;padding:.55rem .7rem;font-size:.85rem}.pickerActions{justify-content:flex-end;gap:.6rem;display:flex}.pickerBtn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600}.pickerBtnCancel{background:var(--color-bg);color:var(--color-text-muted)}.pickerBtnCancel:hover{background:var(--color-surface-border)}.pickerBtnConfirm{background:var(--color-accent);color:#fff}.pickerBtnConfirm:hover{background:var(--color-accent-hover)}.pickerEmpty{color:var(--color-text-muted);padding:.3rem 0;font-size:.85rem}.siteFooter{background:var(--color-footer-bg);border-top:1px solid var(--color-surface-border);padding:1.25rem 1.5rem}.siteFooterInner{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:grid}.footerLogo{color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;font-weight:800}.footerLinks{flex-wrap:wrap;gap:1.25rem;display:flex}.footerLink{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:none;transition:color .15s}.footerLink:hover{color:var(--color-accent)}.footerCopyright{color:var(--color-text-muted);text-align:right;margin:0;font-size:.82rem}@media (width<=600px){.siteFooterInner{text-align:center;grid-template-columns:1fr;justify-items:center}.footerCopyright{text-align:center}}.friendsPanel{width:min(520px,100%);max-height:calc(100vh - 100px);overflow-y:auto}.friendsSection{gap:.5rem;display:grid}.friendsBadgeInline{background:var(--color-accent);color:#fff;vertical-align:middle;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:.5rem;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex}.friendsList{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.friendsItem{background:var(--color-bg-light);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.friendsName{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.friendsActions{flex-shrink:0;gap:.4rem;display:flex}.friendsAcceptBtn{color:var(--color-success);font:inherit;cursor:pointer;background:#4a8a3a14;border:1px solid #4a8a3a66;border-radius:8px;padding:.3rem .7rem;font-size:.82rem}.friendsAcceptBtn:hover{background:#4a8a3a26}.friendsDeclineBtn{color:var(--color-error);font:inherit;cursor:pointer;background:0 0;border:1px solid #c440404d;border-radius:8px;padding:.3rem .7rem;font-size:.82rem}.friendsDeclineBtn:hover{background:#c440400f}.friendsRemoveBtn{border:1px solid var(--color-surface-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .7rem;font-size:.82rem}.friendsRemoveBtn:hover{color:var(--color-text);background:#3a2e1c0f}.friendsJoinBtn{color:var(--color-accent);font:inherit;cursor:pointer;background:#c440400f;border:1px solid #c440404d;border-radius:8px;padding:.3rem .7rem;font-size:.82rem}.friendsJoinBtn:hover:not(:disabled){background:#c440401f}.friendsJoinBtn:disabled{opacity:.5;cursor:default}.friendsJoinHint{color:var(--color-error);white-space:nowrap;font-size:.78rem}.friendsSendForm{gap:.6rem;margin-top:.25rem;display:flex}.friendsSendForm .input{flex:1}.gamePanel{gap:.85rem;width:min(1100px,100%)}.gameLayout{grid-template-columns:1fr 1fr 1.25fr;gap:.75rem;display:grid}.gameColumn{border:1px solid var(--color-surface-border);background:var(--color-surface);border-radius:12px;padding:.75rem}.scoreboardSection{align-content:start;gap:.1rem;display:grid}.futureColumn{background:repeating-linear-gradient(45deg, var(--color-bg-light), var(--color-bg-light) 14px, var(--color-bg) 14px, var(--color-bg) 28px);min-height:240px}.wordColumn{align-content:start;gap:.7rem;display:grid}.wordCard{border:1px solid var(--color-surface-border);background:linear-gradient(160deg, var(--color-bg-light) 0%, var(--color-surface) 60%, #fff 100%);text-align:center;border-radius:12px;place-items:center;min-height:170px;padding:.9rem;display:grid}.wordValue{color:var(--color-text);letter-spacing:.02em;margin:0;font-size:clamp(1.25rem,2.6vw,2rem);font-weight:800}.wordHint{color:var(--color-text-muted);margin:0;font-size:.98rem}.skipButton{color:var(--color-accent);font:inherit;cursor:pointer;background:#c4404014;border:1px solid #c4404066;border-radius:10px;padding:.65rem .85rem;font-weight:700}.skipButton:hover{background:#c4404026}.skipButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.turnTimer{color:var(--color-text-muted);margin:0;font-size:.95rem}.turnTimer strong{color:var(--color-text)}.scoreboardTable{border-collapse:collapse;border:1px solid var(--color-surface-border);background:var(--color-surface);border-radius:10px;width:100%;margin:0;overflow:hidden}.scoreboardTable th,.scoreboardTable td{text-align:left;padding:.55rem .7rem}.scoreboardTable thead th{background:var(--color-bg);color:var(--color-text);font-weight:700}.scoreboardTable tbody tr{border-top:1px solid var(--color-surface-border);color:var(--color-text)}.voiceHeaderCell,.voiceCell{width:64px;text-align:center!important}.voiceIndicator{background:var(--color-surface-border);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--color-text-light);opacity:.85;border-radius:50%;display:inline-block}.voiceIndicatorActive{background:#37d18f;animation:1.25s infinite voicePulse;box-shadow:0 0 #37d18f8c}@keyframes voicePulse{0%{box-shadow:0 0 #37d18f8c}70%{box-shadow:0 0 0 10px #37d18f00}to{box-shadow:0 0 #37d18f00}}.highlightedPlayerRow{background:#c4404014}.chatSection{gap:.6rem;display:grid}.chatList{scrollbar-width:thin;scrollbar-color:var(--color-surface-border) var(--color-bg-light);align-content:start;gap:.55rem;height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.chatList::-webkit-scrollbar{width:11px}.chatList::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:10px}.chatList::-webkit-scrollbar-thumb{background:var(--color-surface-border);border:2px solid var(--color-bg-light);border-radius:10px}.chatList::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.chatItem{background:var(--color-bg-light);border-radius:8px;padding:.55rem .7rem}.chatMeta{color:var(--color-text-muted);margin:0 0 .16rem;font-size:.78rem;font-weight:700}.ownMessage{background:#c440400f}.chatText{color:var(--color-text);margin:0}.chatComposer{grid-template-columns:1fr auto;gap:.6rem;display:grid}.winnerOverlay{z-index:100;background:#3a2e1c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.winnerPanel{background:var(--color-surface);border:2px solid var(--color-accent);text-align:center;border-radius:16px;flex-direction:column;gap:1.25rem;padding:2.5rem 3rem;display:flex}.winnerTitle{color:var(--color-text);margin:0;font-size:2rem}.winnerName{color:#d4a017;margin:0;font-size:1.5rem;font-weight:700}.mainMenuButton{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.mainMenuButton:hover{background:var(--color-accent-hover)}.volumeContextMenu{z-index:30;border:1px solid var(--color-surface-border);background:var(--color-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;width:250px;padding:.7rem;position:fixed;box-shadow:0 8px 18px #3a2e1c26}.volumeMenuTitle{color:var(--color-text);margin:0 0 .5rem;font-size:.87rem;font-weight:700}.volumeSlider{width:100%}.volumeMenuValue{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.78rem}@media (width<=460px){.chatComposer{grid-template-columns:1fr}}@media (width<=900px){.gameLayout{grid-template-columns:1fr}.futureColumn{min-height:120px}}@media (width<=600px){.gameColumn{padding:.5rem}.wordCard{min-height:120px;padding:.6rem}.chatList{height:240px}.winnerPanel{padding:1.5rem 1.25rem}.winnerTitle{font-size:1.4rem}.winnerName{font-size:1.15rem}}.siteHeader{z-index:100;background:var(--color-header-bg);border-bottom:1px solid #2a2218;position:sticky;top:0}.siteHeaderInner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.siteHeaderLeft{align-items:center;gap:.75rem;display:flex}.langSwitcher{letter-spacing:.06em;border:1px solid var(--color-header-text);color:var(--color-header-text);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:700;line-height:1;transition:background .15s,color .15s}.langSwitcher:hover{background:var(--color-header-text);color:var(--color-header-bg)}.siteHeaderLogo{color:var(--color-header-text);letter-spacing:.12em;-webkit-user-select:none;user-select:none;font-size:1.3rem;font-weight:800;font:inherit;letter-spacing:.12em;cursor:default;text-transform:uppercase;background:0 0;border:none;padding:0;font-size:1.3rem;font-weight:800}.siteHeaderLogoClickable{cursor:pointer;transition:color .15s}.siteHeaderLogoClickable:hover{color:#fff}.siteHeaderNav{align-items:center;gap:.5rem;display:flex}.authButtons{gap:.5rem;display:flex}.headerBtn{font:inherit;cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.headerBtnGhost{color:#d4c5a5;background:0 0;border:1px solid #5a4a36}.headerBtnGhost:hover{border-color:var(--color-accent);color:#ffe8d4;background:#4a3c28}@media (width<=600px){.siteHeaderInner{height:48px;padding:0 .75rem}.siteHeaderLogo{font-size:1.05rem}.headerBtn{padding:.35rem .7rem;font-size:.82rem}.siteHeaderNav{gap:.3rem}}.headerBtnPrimary{background:var(--color-accent);color:#fff;border:0}.headerBtnPrimary:hover{background:var(--color-accent-hover)}.userMenu{position:relative}.avatarButton{cursor:pointer;color:#d4c5a5;font:inherit;background:0 0;border:1px solid #5a4a36;border-radius:24px;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .3rem;font-size:.9rem;transition:border-color .15s,background .15s;display:flex}.avatarButton:hover,.avatarButton[aria-expanded=true]{border-color:var(--color-accent);background:#4a3c28}.avatarImg{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.avatarDefault{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.avatarDefault svg{width:18px;height:18px}.avatarName{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.avatarChevron{opacity:.6;flex-shrink:0;width:18px;height:18px}.dropdown{border:1px solid var(--color-surface-border);background:var(--color-surface);z-index:200;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 28px #3a2e1c2e}.dropdownItem{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.9rem;transition:background .1s;display:flex}.dropdownItem:hover{background:#3a2e1c0f}.dropdownItem svg{opacity:.6;flex-shrink:0;width:18px;height:18px}.friendsBadge{background:var(--color-accent);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:.72rem;font-weight:700;line-height:20px}.dropdownDivider{background:var(--color-surface-border);height:1px;margin:.25rem 0}.dropdownItemDanger{color:var(--color-accent)}.dropdownItemDanger:hover{background:#c440400f}.infoScreen{flex-direction:column;flex:1;align-items:center;padding:2rem 1.5rem 3rem;display:flex}.infoHero{align-items:center;gap:1rem;width:min(720px,100%);margin-bottom:2rem;display:flex}.infoPanel{width:min(720px,100%);box-shadow:none;background:0 0;border:none;gap:0;padding:0;display:grid}.infoSection{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:14px;margin-bottom:.85rem;padding:1.25rem 1.5rem}.infoSection:last-child{margin-bottom:0}.infoHeading{color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:1rem;font-weight:700}.infoContent{color:var(--color-text);line-height:1.7}.infoContent p{margin:0 0 .6rem}.infoContent p:last-child{margin-bottom:0}.infoContent ul,.infoContent ol{margin:0;padding-left:1.4rem}.infoContent li{margin-bottom:.3rem}.infoMeta{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.85rem;font-style:italic}.joinPanel{text-align:center}.joinHero{text-align:center;margin-bottom:.5rem}.joinTitle{letter-spacing:.12em;color:var(--color-text);margin:0;font-size:2.5rem;font-weight:800}.joinSubtitle{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.95rem}.joinPanel .label{text-align:left}.inputLocked{color:var(--color-text-muted);cursor:default;border-color:var(--color-surface-border);background:var(--color-bg-light)}.inputLocked:focus{outline:none}.createRoomButton{border:1px solid var(--color-surface-border);background:var(--color-bg-light);color:var(--color-text);font:inherit;cursor:pointer;border-radius:10px;padding:.75rem 1rem;font-weight:700}.createRoomButton:hover{background:var(--color-bg);border-color:var(--color-accent)}.createRoomButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=600px){.joinTitle{font-size:1.8rem}.joinSubtitle{font-size:.85rem}}.profilePanel{width:min(500px,100%);max-height:calc(100vh - 100px);overflow-y:auto}.profileCurrentName{color:var(--color-text-muted);margin:0;font-size:.9rem}.profileForm{gap:.75rem;display:grid}.profileDivider{border:none;border-top:1px solid var(--color-surface-border);margin:.25rem 0}.avatarPreviewWrap{justify-content:center;display:flex}.avatarPreviewImg{object-fit:cover;border:2px solid var(--color-surface-border);border-radius:50%;width:96px;height:96px}.avatarPreviewDefault{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.avatarPreviewDefault svg{width:54px;height:54px}.emailVerificationRow{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.emailBadgeVerified{color:var(--color-success);white-space:nowrap;background:#4a8a3a1a;border:1px solid #4a8a3a4d;border-radius:20px;padding:.15rem .6rem;font-size:.78rem;font-weight:700}.emailBadgeUnverified{color:var(--color-error);white-space:nowrap;background:#c4404014;border:1px solid #c4404040;border-radius:20px;padding:.15rem .6rem;font-size:.78rem;font-weight:700}.emailVerificationActions{gap:.5rem;display:grid}.deleteAvatarButton{color:var(--color-error);font:inherit;cursor:pointer;background:0 0;border:1px solid #c4404066;border-radius:8px;padding:.55rem 1rem;font-size:.88rem;transition:background .15s,color .15s}.deleteAvatarButton:hover:not(:disabled){background:#c4404014}.deleteAvatarButton:disabled{opacity:.5;cursor:not-allowed}.roomPanel{gap:1rem}.roomShareRow{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.roomShareLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.copyBtn{border:1px solid var(--color-surface-border);background:var(--color-bg-light);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background .15s,color .15s;display:flex}.copyBtn:hover{background:var(--color-bg);color:var(--color-accent)}.timerRow{gap:.4rem;display:grid}.timerRow input[type=range]{width:100%}.playerList{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.playerItem{background:var(--color-bg-light);color:var(--color-text);border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .7rem;display:flex}.startedText{color:var(--color-success);margin:0;font-weight:700}.collectionsPickerBtn{border:2px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.collectionsPickerBtn:hover{background:var(--color-accent);color:#fff}.modalBackdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#3a2e1c80;place-items:center;display:grid;position:fixed;inset:0}.statsDialog{border:1px solid var(--color-surface-border);background:var(--color-surface);width:min(340px,100vw - 2rem);color:var(--color-text);border-radius:16px;gap:1rem;padding:1.25rem;display:grid}.statsHeader{justify-content:space-between;align-items:center;display:flex}.authTitle{margin:0;font-size:1.1rem;font-weight:700}.modalCloseButton{width:32px;height:32px;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.modalCloseButton:hover{color:var(--color-text);background:#3a2e1c0f}.statsTable{border-collapse:collapse;width:100%}.statsTable tr+tr td{border-top:1px solid var(--color-surface-border)}.statsLabel{color:var(--color-text-muted);padding:.55rem 0;font-size:.9rem}.statsValue{text-align:right;color:var(--color-text);padding:.55rem 0;font-size:1rem;font-weight:700}