.settings-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out settings-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes settings-modal-fade{0%{opacity:0}to{opacity:1}}.settings-modal{width:100%;max-width:680px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:24px;margin:auto;padding:32px;display:flex;box-shadow:0 30px 80px #00000059}.settings-modal__header{justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0;display:flex}.settings-modal__title{font-family:var(--title-font);letter-spacing:.48px;color:var(--black-ink);flex:1;margin:0;font-size:24px;font-weight:500}.settings-modal__close{width:40px;height:40px;color:var(--charcoal);cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;transition:background-color .16s;display:flex}.settings-modal__close:hover{background:#eee}.settings-modal__close-icon{width:20px;height:20px;font-size:18px}.settings-modal__list{flex-direction:column;gap:16px;width:100%;display:flex}.settings-row{background:#fafafa;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;justify-content:center;gap:12px;width:100%;min-height:68px;padding:16px;display:flex}.settings-row--slider{min-height:unset}.settings-row__top{align-items:center;gap:12px;min-height:24px;display:flex}.settings-row__icon{color:#3f5df9;flex-shrink:0;width:24px;height:24px;font-size:20px}.settings-row__label{font-family:var(--body-font);color:var(--black-ink);flex:1;min-width:0;font-size:16px;font-weight:500;line-height:24px}.settings-row__value{letter-spacing:-.3125px;color:var(--black-ink);flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:24px}.settings-toggle{flex-shrink:0;width:56px;height:32px;display:inline-block;position:relative}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle__track{cursor:pointer;background:#d5d5d5;border-radius:36px;transition:background .2s;position:absolute;inset:0}.settings-toggle input:checked+.settings-toggle__track{background:linear-gradient(257deg,#3b5df8 2%,#ad46ff 100%)}.settings-toggle input:focus-visible+.settings-toggle__track{outline-offset:2px;outline:2px solid #a848ff}.settings-toggle__thumb{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a}.settings-toggle input:checked+.settings-toggle__track .settings-toggle__thumb{transform:translate(24px)}.settings-slider{appearance:none;background:linear-gradient(to right, #ad46ff 0%, #3b5df8 var(--settings-slider-percent,50%), #e5e7eb var(--settings-slider-percent,50%), #e5e7eb 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:8px;margin:4px 0 2px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #a848ff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.settings-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #a848ff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.settings-segmented{flex-shrink:0;gap:8px;display:flex}.settings-segmented__option{height:36px;color:var(--charcoal);font-family:var(--title-font);cursor:pointer;background:#edf2ec;border:none;border-radius:36px;justify-content:center;align-items:center;min-width:56px;padding:8px 16px;font-size:16px;font-weight:500;transition:background .2s,color .2s,filter .16s;display:inline-flex}.settings-segmented__option:hover{filter:brightness(.97)}.settings-segmented__option--active{color:#fff;background:linear-gradient(257deg,#3b5df8 2%,#ad46ff 100%);padding:8px 18px}@media (width<=520px){.settings-modal{border-width:6px;border-radius:24px;gap:20px;padding:24px 20px}.settings-modal__title{font-size:20px}}.settings-modal__done{color:#fff;cursor:pointer;background:linear-gradient(257deg,#3b5df8 2%,#ad46ff 100%);border:none;border-radius:14px;width:100%;margin-top:20px;padding:14px 16px;font-size:1rem;font-weight:700;transition:opacity .16s}.settings-modal__done:hover{opacity:.92}.tutorial-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;font-family:Inter,Noto Sans,system-ui,sans-serif;animation:.16s ease-out tutorial-modal-fade;display:flex;position:fixed;inset:0}@keyframes tutorial-modal-fade{0%{opacity:0}to{opacity:1}}.tutorial-modal{color:#191c18;background:#fff;border-radius:32px;flex-direction:column;gap:16px;width:100%;max-width:520px;padding:32px;display:flex;box-shadow:0 30px 80px #00000059}.tutorial-modal__icon-wrap{flex-direction:column;align-items:center;width:100%;padding-bottom:16px;display:flex}.tutorial-modal__icon{letter-spacing:.2637px;color:#0a0a0a;text-align:center;white-space:nowrap;font-family:Inter,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,system-ui,sans-serif;font-size:60px;line-height:60px;display:block}.tutorial-modal__info-icons{justify-content:center;align-items:flex-end;gap:24px;width:100%;padding-bottom:4px;display:flex}.tutorial-modal__info-icon-item{flex-direction:column;align-items:center;gap:8px;display:flex}.tutorial-modal__info-icon-box{background:#f0f9f4;border:2px solid #d1edff;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.tutorial-modal__info-icon-emoji{font-size:36px;line-height:1}.tutorial-modal__info-icon-badge{box-sizing:border-box;background:#0079c9;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:1.6s ease-in-out infinite tutorial-info-badge-pulse;display:flex;position:absolute;top:-8px;right:-8px}.tutorial-modal__info-icon-badge-img{filter:brightness(0)invert();width:14px;height:14px;display:block}@keyframes tutorial-info-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #0079c980}50%{transform:scale(1.15);box-shadow:0 0 0 5px #0079c900}}.tutorial-modal__info-icon-item:nth-child(2) .tutorial-modal__info-icon-badge{animation-delay:.35s}.tutorial-modal__info-icon-item:nth-child(3) .tutorial-modal__info-icon-badge{animation-delay:.7s}.tutorial-modal__info-icon-label{color:#49494c;text-align:center;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}@media (width<=480px){.tutorial-modal__info-icons{gap:16px}.tutorial-modal__info-icon-box{border-radius:14px;width:60px;height:60px}.tutorial-modal__info-icon-emoji{font-size:28px}.tutorial-modal__info-icon-badge{width:20px;height:20px;top:-7px;right:-7px}.tutorial-modal__info-icon-badge-img{width:11px;height:11px}.tutorial-modal__info-icon-label{font-size:11px}}.tutorial-modal__body{flex-direction:column;align-items:stretch;gap:40px;width:100%;display:flex}.tutorial-modal__text{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding-bottom:8px;display:flex}.tutorial-modal__title{color:#191c18;width:100%;margin:0;font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.tutorial-modal__description{color:#49494c;flex-direction:column;justify-content:center;width:100%;min-height:72px;margin:0;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:24px;display:flex}.tutorial-modal__dots{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.tutorial-modal__dot{background:#d7dfd6;border-radius:999px;width:12px;height:12px;transition:background-color .22s}.tutorial-modal__dot--active{background:#12c057}.tutorial-modal__actions{gap:16px;width:100%;display:flex}.tutorial-modal__actions--single .tutorial-modal__btn--primary{flex:1 0 0}.tutorial-modal__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex:1 0 0;min-width:0;height:60px;padding:16px 32px;font-family:Unbounded,system-ui,sans-serif;font-weight:500;transition:filter .16s,transform .12s,background-color .16s,opacity .16s}.tutorial-modal__btn--ghost{color:#49494c;background:#f5f5f5;font-size:16px}.tutorial-modal__btn--ghost:hover:not(:disabled){background:#eee}.tutorial-modal__btn--ghost:disabled{opacity:.4;cursor:not-allowed}.tutorial-modal__btn--primary{background:var(--primary-gradient);color:#fff;letter-spacing:.9px;border-bottom:3px solid #0000001a;font-size:18px}.tutorial-modal__btn--primary:hover:not(:disabled){filter:brightness(1.06)}.tutorial-modal__btn--primary:active:not(:disabled){transform:translateY(1px)}@media (width<=480px){.tutorial-modal{border-radius:24px;padding:24px}.tutorial-modal__icon-wrap{padding-bottom:12px}.tutorial-modal__icon{font-size:52px;line-height:52px}.tutorial-modal__title{font-size:20px}.tutorial-modal__description{min-height:66px;font-size:15px;line-height:22px}.tutorial-modal__body{gap:32px}.tutorial-modal__btn{height:52px;padding:14px 20px}.tutorial-modal__btn--primary{letter-spacing:.6px;font-size:16px}}.tutorial-modal__banner{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;line-height:1.35;display:flex}.tutorial-modal__banner--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.tutorial-modal__banner-action{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:4px 10px;font-weight:600}.tutorial-modal__banner-action:hover{background:#fee2e2}.tutorial-modal__skeleton{flex-direction:column;gap:10px;padding:8px 0;display:flex}.tutorial-modal__skeleton-line{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%) 0 0/200% 100%;border-radius:7px;height:14px;animation:1.4s ease-in-out infinite tutorial-skeleton-shimmer}.tutorial-modal__skeleton-line--title{width:70%;height:22px}.tutorial-modal__skeleton-line--short{width:60%}@keyframes tutorial-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mp-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out mp-modal-fade;display:flex;position:fixed;inset:0}@keyframes mp-modal-fade{0%{opacity:0}to{opacity:1}}.mp-modal{width:100%;max-width:720px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:16px;padding:32px 32px 48px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.mp-modal__topbar{justify-content:flex-end;width:100%;display:flex}.mp-modal__close{width:40px;height:40px;color:var(--charcoal);cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:18px;transition:background-color .16s;display:flex}.mp-modal__close:hover{background:#eee}.mp-modal__close-icon{width:20px;height:20px}.mp-modal__header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:24px;display:flex}.mp-modal__icon{letter-spacing:.2637px;color:#0a0a0a;margin-bottom:8px;font-family:Inter,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,system-ui,sans-serif;font-size:60px;line-height:60px}.mp-modal__title{font-family:var(--title-font);letter-spacing:1.4px;background:linear-gradient(204deg,#3b5df8 30%,#ad46ff 71%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;margin:0;font-size:28px;font-weight:800}.mp-modal__subtitle{font-family:var(--body-font);color:var(--black-ink);width:100%;margin:0;font-size:16px;font-weight:400}.mp-modal__cards{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.mp-modal-card{text-align:center;cursor:pointer;background:#fff;border:4px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:16px;min-height:228px;padding:32px;transition:transform .14s,box-shadow .16s,filter .16s;display:flex;position:relative;overflow:hidden}.mp-modal-card:before{content:"";opacity:.5;pointer-events:none;position:absolute;inset:0}.mp-modal-card:after{content:"";pointer-events:none;height:8px;position:absolute;bottom:0;left:0;right:0}.mp-modal-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.mp-modal-card:active{transform:translateY(0)}.mp-modal-card--green{border-color:var(--color-primary)}.mp-modal-card--green:before{background:linear-gradient(202deg,#ffffff80 24%,#12c05780 143%)}.mp-modal-card--green:after{background:var(--color-primary)}.mp-modal-card--purple{border-color:#a848ff}.mp-modal-card--purple:before{background:linear-gradient(202deg,#ffffff80 50%,#ad46ff80 137%)}.mp-modal-card--purple:after{background:#a848ff}.mp-modal-card__icon{z-index:1;color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex;position:relative}.mp-modal-card__icon--green{background:linear-gradient(269deg, var(--color-primary-dark) 0%, var(--color-primary) 92%)}.mp-modal-card__icon--purple{background:linear-gradient(262deg,#3b5df8 2%,#ad46ff 100%)}.mp-modal-card__title{z-index:1;font-family:var(--body-font);letter-spacing:.07px;color:#1e2939;margin:0;font-size:24px;font-weight:700;line-height:32px;position:relative}.mp-modal-card__desc{z-index:1;font-family:var(--body-font);letter-spacing:-.15px;color:#4a5565;margin:0;font-size:14px;font-weight:500;line-height:20px;position:relative}@media screen and (width<=990px){.mp-modal{border-radius:28px;max-width:640px;padding:28px 24px}.mp-modal__title{font-size:24px}.mp-modal-card{padding:28px}}@media screen and (width<=768px){.mp-modal{border-radius:26px;max-width:560px;padding:26px 22px}.mp-modal__cards{grid-template-columns:1fr;gap:16px}.mp-modal__title{letter-spacing:1.1px;font-size:22px}.mp-modal-card{min-height:unset;padding:24px}.mp-modal-card__title{font-size:20px}}@media screen and (width<=575px){.mp-modal{border-radius:22px;max-width:100%;padding:22px 18px 28px}.mp-modal__title{letter-spacing:1px;font-size:20px}.mp-modal-card{padding:20px}.mp-modal-card__title{font-size:18px}}.host-setup-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out host-setup-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes host-setup-modal-fade{0%{opacity:0}to{opacity:1}}.host-setup-modal{width:100%;max-width:720px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:16px;margin:auto;padding:32px 32px 48px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.host-setup-modal__topbar{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.host-setup-modal__back{width:48px;height:48px;color:var(--charcoal);cursor:pointer;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:18px;transition:filter .16s,transform .12s;display:flex;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a}.host-setup-modal__back:hover{filter:brightness(.97)}.host-setup-modal__back:active{transform:translateY(1px)}.host-setup-modal__close{width:40px;height:40px;color:var(--charcoal);cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;transition:background-color .16s;display:flex}.host-setup-modal__close:hover{background:#eee}.host-setup-modal__header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:8px;display:flex}.host-setup-modal__icon{background:linear-gradient(269deg, var(--color-primary-dark) 0%, var(--color-primary) 92%);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:0;font-size:36px;display:flex}.host-setup-modal__title{font-family:var(--title-font);letter-spacing:1.4px;background:linear-gradient(203deg, var(--color-primary-dark) 21%, var(--color-primary) 73%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;margin:0;font-size:28px;font-weight:800}.host-setup-modal__subtitle{font-family:var(--body-font);color:var(--black-ink);width:100%;margin:0;font-size:16px;font-weight:400}.host-setup-modal__input{border:2px solid var(--soft-linen);width:100%;height:60px;font-family:var(--body-font);color:var(--black-ink);background:#fff;border-radius:12px;outline:none;padding:16px 24px;font-size:16px;transition:border-color .16s,box-shadow .16s}.host-setup-modal__input::placeholder{color:var(--rosy-granite)}.host-setup-modal__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #12c05733}.host-setup-modal__section-header{font-family:var(--body-font);color:var(--black-ink);align-items:center;gap:8px;padding:8px 0;font-size:18px;font-weight:700;display:flex}.host-setup-modal__section-header svg{color:#a848ff;font-size:20px}.host-setup-modal__settings{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.host-setup-modal__setting{background:var(--white-smoke);border-radius:16px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.host-setup-modal__setting-label{font-family:var(--body-font);color:var(--black-ink);margin:0;font-size:16px;font-weight:500}.host-setup-modal__options{flex-wrap:wrap;gap:16px;display:flex}.host-setup-modal__option{width:60px;height:60px;color:var(--charcoal);font-family:var(--title-font);cursor:pointer;background:#fff;border:3px solid #0000001a;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:background-color .16s,color .16s,transform .12s;display:flex}.host-setup-modal__option:hover{background:#fafafa}.host-setup-modal__option:active{transform:translateY(1px)}.host-setup-modal__option--active{background:var(--color-primary);color:#fff}.host-setup-modal__error{font-family:var(--body-font);color:var(--color-wrong);text-align:center;margin:0;font-size:14px}.host-setup-modal__next{background:var(--primary-gradient);color:#fff;width:100%;height:60px;font-family:var(--title-font);letter-spacing:.9px;cursor:pointer;border:none;border-bottom:3px solid #0000001a;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:500;transition:filter .16s,transform .12s,opacity .16s}.host-setup-modal__next:hover:not(:disabled){filter:brightness(1.06)}.host-setup-modal__next:active:not(:disabled){transform:translateY(1px)}.host-setup-modal__next:disabled{opacity:.5;cursor:not-allowed}@media screen and (width<=990px){.host-setup-modal{border-radius:28px;max-width:640px;padding:28px 24px}.host-setup-modal__title{font-size:26px}}@media screen and (width<=768px){.host-setup-modal{border-radius:26px;max-width:560px;padding:26px 22px}.host-setup-modal__title{letter-spacing:1.1px;font-size:24px}.host-setup-modal__settings{grid-template-columns:1fr}.host-setup-modal__option{width:60px;height:60px}}@media screen and (width<=575px){.host-setup-modal{border-radius:22px;max-width:100%;padding:22px 18px 28px}.host-setup-modal__title{letter-spacing:1px;font-size:20px}.host-setup-modal__option{width:52px;height:52px}}.host-toasts{z-index:1150;pointer-events:none;flex-direction:column;gap:8px;max-width:320px;display:flex;position:fixed;bottom:16px;left:16px}.host-toast{font-family:var(--body-font);letter-spacing:-.1px;color:#fff;pointer-events:auto;border-bottom:2px solid #0000001f;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.2s ease-out host-toast-slide-in;display:flex;box-shadow:0 8px 24px #0000002e}@keyframes host-toast-slide-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.host-toast__dot{background:#fff;border-radius:999px;flex-shrink:0;width:8px;height:8px}.host-toast--guest_joined{background:linear-gradient(135deg,#2ec27e 0%,#57e389 100%)}.host-toast--guest_disconnected{color:var(--black-ink);background:linear-gradient(237deg,#ffae28 1%,#ffe11e 100%)}.host-toast--guest_disconnected .host-toast__dot{background:#0000008c}.host-toast--guest_reconnected{background:var(--primary-gradient)}.host-toast--guest_left{background:linear-gradient(219deg,#49494c 2%,#6b6b70 100%)}@media screen and (width<=575px){.host-toasts{max-width:none;bottom:12px;left:12px;right:12px}.host-toast{padding:10px 14px;font-size:13px}}.host-lobby-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out host-lobby-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes host-lobby-modal-fade{0%{opacity:0}to{opacity:1}}.host-lobby-modal{width:100%;max-width:720px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:16px;margin:auto;padding:32px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.host-lobby-modal__header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:12px;display:flex}.host-lobby-modal__title{font-family:var(--title-font);letter-spacing:.48px;color:var(--black-ink);margin:0;font-size:24px;font-weight:500}.host-lobby-modal__subtitle{font-family:var(--body-font);color:var(--black-ink);margin:0;font-size:16px;font-weight:400}.host-lobby-modal__info{border:1px solid var(--white-smoke);border-radius:12px;align-items:center;gap:24px;width:100%;padding:16px;display:flex}.host-lobby-modal__info-items{flex-wrap:wrap;flex:1;align-items:center;gap:24px;display:flex}.host-lobby-modal__info-item{font-family:var(--body-font);color:var(--charcoal);letter-spacing:-.15px;align-items:center;gap:8px;font-size:14px;font-weight:400;display:inline-flex}.host-lobby-modal__info-item svg{color:#a848ff;width:20px;height:20px;font-size:16px}.host-lobby-modal__info-item strong{color:var(--charcoal);margin-left:2px;font-weight:600}.host-lobby-modal__info-edit{color:var(--twitter-blue);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:color .16s;display:flex}.host-lobby-modal__info-edit:hover:not(:disabled){color:#0066a8}.host-lobby-modal__info-edit:disabled{color:#b0b0b0;cursor:not-allowed}.host-lobby-modal__code-block{background:var(--white-smoke);border-radius:12px;align-items:center;gap:16px;width:100%;padding:32px;display:flex}.host-lobby-modal__qr{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.host-lobby-modal__qr-frame{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;padding:12px;display:flex;box-shadow:0 2px 2px #0000002e}.host-lobby-modal__qr-frame svg{width:100%;height:100%}.host-lobby-modal__qr-url{font-family:var(--body-font);color:#191c18;text-align:center;word-break:break-all;margin:0;font-size:11px;font-weight:400}.host-lobby-modal__code-column{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.host-lobby-modal__code-label{font-family:var(--body-font);color:#191c18;text-align:center;margin:0;font-size:14px;font-weight:600}.host-lobby-modal__code-pill{background:#dee9fe;border-radius:12px;align-items:center;gap:16px;padding:8px 16px;display:inline-flex}.host-lobby-modal__code-value{letter-spacing:9.6px;color:#191c18;padding-left:9.6px;font-family:Inter,system-ui,sans-serif;font-size:48px;font-weight:700;line-height:1}.host-lobby-modal__copy-btn{color:#191c18;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:color .16s;display:flex}.host-lobby-modal__copy-btn:hover{color:#4a5565}.host-lobby-modal__code-hint{font-family:var(--body-font);color:#191c18;text-align:center;margin:0;font-size:12px;font-weight:400}.host-lobby-modal__host-row,.host-lobby-modal__player-row{background:var(--white-smoke);border:1px solid #eaeaea;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.host-lobby-modal__row-avatar{background:var(--twitter-blue);color:#fff;width:40px;height:40px;font-family:var(--title-font);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.host-lobby-modal__row-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.host-lobby-modal__row-name{font-family:var(--body-font);color:var(--black-ink);font-size:16px;font-weight:600;line-height:1.2}.host-lobby-modal__row-sublabel{font-family:var(--body-font);color:var(--twitter-blue);font-size:14px;font-weight:500;line-height:1.2}.host-lobby-modal__row-dot{background:var(--color-primary);border-radius:999px;flex-shrink:0;width:12px;height:12px}.host-lobby-modal__row-dot--off{background:#d1d5db}.host-lobby-modal__players-header{color:var(--black-ink);align-items:center;gap:8px;margin:0;padding:8px 0;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700;display:flex}.host-lobby-modal__players-header svg{width:20px;height:20px}.host-lobby-modal__players{flex-direction:column;gap:8px;width:100%;padding-bottom:16px;display:flex}.host-lobby-modal__players-empty{background:var(--white-smoke);font-family:var(--body-font);color:var(--rosy-granite);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:400}.host-lobby-modal__actions{gap:16px;width:100%;display:flex}.host-lobby-modal__btn{height:60px;font-family:var(--title-font);cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;padding:16px 32px;font-weight:500;transition:filter .16s,transform .12s,background-color .16s,opacity .16s;display:inline-flex}.host-lobby-modal__btn--ghost{color:var(--charcoal);background:#f5f5f5;font-size:16px}.host-lobby-modal__btn--ghost:hover{background:#eee}.host-lobby-modal__btn--primary{background:var(--primary-gradient);color:#fff;letter-spacing:.9px;border-bottom:3px solid #0000001a;font-size:18px}.host-lobby-modal__btn--primary:hover:not(:disabled){filter:brightness(1.06)}.host-lobby-modal__btn--primary:active:not(:disabled){transform:translateY(1px)}.host-lobby-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.host-lobby-modal__warning{font-family:var(--body-font);color:#e17100;text-align:center;letter-spacing:-.15px;justify-content:center;align-items:center;gap:6px;margin:0;padding-top:24px;font-size:14px;font-weight:400;line-height:20px;display:flex}.host-lobby-modal__warning svg{color:#e17100;font-size:14px}@media screen and (width<=990px){.host-lobby-modal{border-radius:28px;max-width:640px;padding:28px 24px}.host-lobby-modal__code-value{letter-spacing:9px;font-size:52px}}@media screen and (width<=768px){.host-lobby-modal{border-radius:26px;max-width:560px;padding:26px 22px}.host-lobby-modal__code-block{flex-direction:column;gap:16px;padding:24px}.host-lobby-modal__code-value{letter-spacing:8px;font-size:44px}}@media screen and (width<=575px){.host-lobby-modal{border-radius:20px;max-width:100%;padding:20px 16px}.host-lobby-modal__code-block{gap:12px;padding:18px}.host-lobby-modal__code-value{letter-spacing:6px;font-size:36px}}.lang-selector{background:var(--surface);cursor:pointer;border:0;border-radius:48px;align-items:center;gap:8px;display:inline-flex}.lang-selector--lg{padding:8px}.lang-selector--sm{padding:4px}.lang-selector__chip{font-family:var(--title-font);color:var(--charcoal);cursor:pointer;background:0 0;border:0;border-radius:36px;justify-content:center;align-items:center;font-weight:500;transition:background-color .12s,color .12s;display:inline-flex}.lang-selector--lg .lang-selector__chip{padding:16px 24px;font-size:16px}.lang-selector--sm .lang-selector__chip{padding:12px 16px;font-size:14px}.lang-selector__chip--active{background:var(--color-primary);color:#fff}.join-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out join-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes join-modal-fade{0%{opacity:0}to{opacity:1}}.join-modal{width:100%;max-width:720px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:16px;margin:auto;padding:32px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.join-modal__topbar{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.join-modal__topbar--close-only{justify-content:space-between;align-items:center}.join-modal__lang{flex-shrink:0}.join-modal__back{width:48px;height:48px;color:var(--charcoal);cursor:pointer;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:18px;transition:filter .16s,transform .12s;display:flex;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a}.join-modal__back:hover{filter:brightness(.97)}.join-modal__back:active{transform:translateY(1px)}.join-modal__close{width:40px;height:40px;color:var(--charcoal);cursor:pointer;background:#f5f5f5;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;transition:background-color .16s;display:flex}.join-modal__close:hover{background:#eee}.join-modal__header{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;padding-bottom:8px;display:flex}.join-modal__icon{color:#fff;background:linear-gradient(262deg,#3b5df8 2%,#ad46ff 100%);border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:36px;display:flex}.join-modal__title{font-family:var(--title-font);letter-spacing:1.4px;background:linear-gradient(206deg,#3b5df8 29%,#ad46ff 72%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;margin:0;font-size:28px;font-weight:800}.join-modal__subtitle{font-family:var(--body-font);color:var(--black-ink);width:100%;margin:0;font-size:16px;font-weight:400}.join-modal__scan-btn{width:100%;height:60px;color:var(--charcoal);font-family:var(--title-font);cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:16px;padding:16px 32px;font-size:16px;font-weight:500;transition:background-color .16s;display:flex}.join-modal__scan-btn:hover{background:#eee}.join-modal__scan-btn svg{font-size:20px}.join-modal__scan-overlay{z-index:10000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-modal__scan-video{object-fit:cover;width:100%;height:100%}.join-modal__scan-frame{pointer-events:none;border:3px solid #ffffffd9;border-radius:16px;width:min(70vw,70vh);height:min(70vw,70vh);position:absolute;box-shadow:0 0 0 9999px #00000073}.join-modal__scan-cancel{color:#1a1a1a;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:12px 32px;font-size:16px;font-weight:600;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.join-modal__divider{width:100%;color:var(--rosy-granite);font-family:var(--body-font);letter-spacing:-.15px;justify-content:center;align-items:center;padding:16px 0;font-size:14px;font-weight:400;display:flex;position:relative}.join-modal__divider:before,.join-modal__divider:after{content:"";background:#d1d5dc;flex:1;height:1px}.join-modal__divider:before{margin-right:12px}.join-modal__divider:after{margin-left:12px}.join-modal__code-input,.join-modal__nickname-input{border:2px solid var(--soft-linen);width:100%;height:60px;font-family:var(--body-font);color:var(--black-ink);background:#fff;border-radius:12px;outline:none;padding:16px 24px;font-size:16px;transition:border-color .16s,box-shadow .16s}.join-modal__code-input{letter-spacing:1.6px;text-transform:uppercase}.join-modal__code-input::placeholder,.join-modal__nickname-input::placeholder{color:var(--rosy-granite)}.join-modal__code-input:focus,.join-modal__nickname-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #12c05733}.join-modal__counter{font-family:var(--body-font);color:var(--rosy-granite);margin:0;padding-bottom:8px;font-size:12px;line-height:16px}.join-modal__btn{color:#fff;width:100%;height:60px;font-family:var(--title-font);letter-spacing:.9px;cursor:pointer;background:linear-gradient(219deg,#3b5df8 2%,#ad46ff 100%);border:none;border-bottom:3px solid #0000001a;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:500;transition:filter .16s,transform .12s,opacity .16s}.join-modal__btn:hover:not(:disabled){filter:brightness(1.06)}.join-modal__btn:active:not(:disabled){transform:translateY(1px)}.join-modal__btn:disabled{opacity:.5;cursor:not-allowed}.join-modal__error{font-family:var(--body-font);color:var(--color-wrong);text-align:center;margin:0;font-size:14px}.join-modal__hint-divider{border:none;border-top:1px solid #b6b6b6;width:100%;margin:24px 0 0}.join-modal__hint{font-family:var(--body-font);color:#4a5565;text-align:center;letter-spacing:-.15px;margin:24px 0 0;font-size:14px;font-weight:400;line-height:20px}@media screen and (width<=990px){.join-modal{border-radius:28px;max-width:640px;padding:28px 24px}.join-modal__title{font-size:26px}}@media screen and (width<=768px){.join-modal{border-radius:26px;max-width:560px;padding:26px 22px}.join-modal__title{letter-spacing:1.1px;font-size:24px}}@media screen and (width<=575px){.join-modal{border-radius:20px;max-width:100%;padding:20px 16px}.join-modal__title{letter-spacing:1px;font-size:20px}}.host-grace-overlay{z-index:1050;font-family:var(--body-font);text-align:center;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.2s ease-out host-grace-overlay-slide;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000014}@keyframes host-grace-overlay-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.host-grace-overlay--disconnected{color:var(--black-ink);background:linear-gradient(237deg,#ffae28 1%,#ffe11e 100%);border-bottom:2px solid #00000014}.host-grace-overlay--recovered{background:var(--primary-gradient);color:#fff;border-bottom:2px solid #0000001f}.host-grace-overlay__icon{align-items:center;font-size:16px;display:inline-flex}.host-grace-overlay__seconds{min-width:28px;font-family:var(--title-font);background:#0000001f;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex}.host-grace-overlay--recovered .host-grace-overlay__seconds{color:#fff;background:#ffffff38}@media screen and (width<=575px){.host-grace-overlay{padding:10px 14px;font-size:13px}}.join-top-controls{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.join-top-controls__sound{color:#1f2937;cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:.95rem;transition:background-color .16s;display:inline-flex}.join-top-controls__sound:hover{background:#fff}.player-waiting-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out player-waiting-modal-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes player-waiting-modal-fade{0%{opacity:0}to{opacity:1}}.player-waiting-modal{width:100%;max-width:720px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;gap:16px;margin:auto;padding:32px;display:flex;position:relative;box-shadow:0 30px 80px #00000059}.player-waiting-modal__header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding-bottom:12px;display:flex}.player-waiting-modal__title{font-family:var(--title-font);letter-spacing:.48px;color:var(--black-ink);margin:0;font-size:24px;font-weight:500}.player-waiting-modal__subtitle{font-family:var(--body-font);color:var(--black-ink);margin:0;font-size:16px;font-weight:400}.player-waiting-modal__info{border:1px solid var(--white-smoke);border-radius:12px;align-items:center;gap:24px;width:100%;padding:16px;display:flex}.player-waiting-modal__info-item{font-family:var(--body-font);color:var(--charcoal);letter-spacing:-.15px;flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:400;display:inline-flex}.player-waiting-modal__info-item svg{color:#a848ff;width:20px;height:20px;font-size:16px}.player-waiting-modal__info-item strong{color:var(--charcoal);margin-left:2px;font-weight:600}.player-waiting-modal__row{background:var(--white-smoke);border:1px solid #eaeaea;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.player-waiting-modal__row-avatar{background:var(--twitter-blue);color:#fff;width:40px;height:40px;font-family:var(--title-font);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.player-waiting-modal__row-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.player-waiting-modal__row-name{font-family:var(--body-font);color:var(--black-ink);font-size:16px;font-weight:600;line-height:1.2}.player-waiting-modal__row-you{color:var(--black-ink);font-weight:400}.player-waiting-modal__row-sublabel{font-family:var(--body-font);color:var(--twitter-blue);font-size:14px;font-weight:500;line-height:1.2}.player-waiting-modal__row-dot{background:var(--color-primary);border-radius:999px;flex-shrink:0;width:12px;height:12px}.player-waiting-modal__row-dot--off{background:#d1d5db}.player-waiting-modal__players-header{color:var(--black-ink);align-items:center;gap:8px;margin:0;padding:8px 0;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700;display:flex}.player-waiting-modal__players-header svg{width:20px;height:20px}.player-waiting-modal__players{flex-direction:column;gap:8px;width:100%;display:flex}.player-waiting-modal__warning{font-family:var(--body-font);color:#e17100;text-align:center;letter-spacing:-.15px;justify-content:center;align-items:center;gap:6px;margin:0;padding-top:24px;font-size:14px;font-weight:400;line-height:20px;display:flex}.player-waiting-modal__warning svg{color:#e17100;font-size:14px}@media screen and (width<=990px){.player-waiting-modal{border-radius:28px;max-width:640px;padding:28px 24px}}@media screen and (width<=768px){.player-waiting-modal{border-radius:26px;max-width:560px;padding:26px 22px}.player-waiting-modal__info{flex-direction:column;align-items:flex-start;gap:12px}}@media screen and (width<=575px){.player-waiting-modal{border-radius:20px;max-width:100%;padding:20px 16px}}.loading-game-modal__backdrop{z-index:1100;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out loading-game-modal-fade;display:flex;position:fixed;inset:0}@keyframes loading-game-modal-fade{0%{opacity:0}to{opacity:1}}.loading-game-modal{width:100%;max-width:640px;color:var(--black-ink);background:#fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:32px;display:flex;box-shadow:0 30px 80px #00000059}.loading-game-modal__bars{justify-content:center;align-items:center;gap:12px;width:150px;height:150px;display:flex}.loading-game-modal__bar{background:linear-gradient(#3b5df8 0%,#ad46ff 100%);border-radius:999px;width:18px;height:80px;animation:1.2s ease-in-out infinite loading-game-modal-bar;display:block}.loading-game-modal__bar:first-child{animation-delay:-.32s}.loading-game-modal__bar:nth-child(2){animation-delay:-.16s}.loading-game-modal__bar:nth-child(3){animation-delay:0s}@keyframes loading-game-modal-bar{0%,40%,to{opacity:.6;transform:scaleY(.6)}20%{opacity:1;transform:scaleY(1)}}.loading-game-modal__label{font-family:var(--title-font);letter-spacing:.48px;color:var(--black-ink);text-align:center;margin:0;padding-bottom:12px;font-size:24px;font-weight:500}@media screen and (width<=990px){.loading-game-modal{border-radius:28px;max-width:560px;padding:28px 24px}.loading-game-modal__bars{width:150px;height:150px}.loading-game-modal__bar{width:20px;height:80px}}@media screen and (width<=768px){.loading-game-modal{border-radius:26px;max-width:480px;min-height:240px;padding:26px 20px}.loading-game-modal__bars{width:130px;height:130px}.loading-game-modal__bar{width:18px;height:70px}.loading-game-modal__label{font-size:22px}}@media screen and (width<=575px){.loading-game-modal{border-radius:20px;max-width:100%;min-height:220px;padding:22px 18px}.loading-game-modal__bars{width:120px;height:120px}.loading-game-modal__bar{width:16px;height:64px}.loading-game-modal__label{font-size:20px}}.session-terminal-modal__backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);font-family:var(--body-font);background:#0a0a0f8c;justify-content:center;align-items:center;padding:24px 16px;animation:.16s ease-out session-terminal-modal-fade;display:flex;position:fixed;inset:0}@keyframes session-terminal-modal-fade{0%{opacity:0}to{opacity:1}}.session-terminal-modal{width:100%;max-width:480px;color:var(--black-ink);text-align:center;background:#fff;border-radius:32px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex;box-shadow:0 30px 80px #00000059}.session-terminal-modal__icon{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;font-size:36px;display:flex}.session-terminal-modal__icon--error{background:linear-gradient(219deg,#c51b19 2%,#e23a38 100%)}.session-terminal-modal__icon--warn{background:var(--tertiary-gradient);color:var(--black-ink)}.session-terminal-modal__icon--info{background:linear-gradient(219deg,#0079c9 2%,#4ba8e2 100%)}.session-terminal-modal__title{font-family:var(--title-font);letter-spacing:.48px;color:var(--black-ink);width:100%;margin:0;font-size:24px;font-weight:600}.session-terminal-modal__body{font-family:var(--body-font);color:var(--charcoal);width:100%;max-width:380px;margin:0;font-size:16px;font-weight:400;line-height:1.5}.session-terminal-modal__btn{background:var(--primary-gradient);color:#fff;width:100%;height:60px;font-family:var(--title-font);letter-spacing:.9px;cursor:pointer;border:none;border-bottom:3px solid #0000001a;border-radius:12px;margin-top:8px;padding:16px 32px;font-size:18px;font-weight:500;transition:filter .16s,transform .12s}.session-terminal-modal__btn:hover{filter:brightness(1.06)}.session-terminal-modal__btn:active{transform:translateY(1px)}@media screen and (width<=575px){.session-terminal-modal{border-radius:24px;max-width:100%;padding:24px 20px}.session-terminal-modal__title{font-size:22px}.session-terminal-modal__body{font-size:15px}}