:root{color-scheme:light;--bg: #e9eef9;--panel: rgba(255, 255, 255, .92);--border: rgba(152, 166, 204, .26);--text: #1b2750;--muted: #627195;--accent: #5a56f2;--accent-2: #4db8ff;--accent-3: #ff5a9d;--accent-4: #f4d250;--shadow: 0 12px 30px rgba(34, 52, 103, .14);--glass: rgba(37, 46, 122, .8);--font-ui: "Avenir Next", "Nunito Sans", "Trebuchet MS", sans-serif;--font-display: "Avenir Next Demi Bold", "Avenir Next", "Trebuchet MS", sans-serif;font-family:var(--font-ui)}.social-header-button{position:relative}.social-header-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.social-header-icon-request-badge{position:absolute;right:-6px;bottom:-5px;min-width:16px;height:16px;border-radius:999px;display:inline-grid;place-items:center;padding:0 4px;font-size:9px;font-weight:800;line-height:1;color:#fff;background:#dc2626;border:1px solid #fff;pointer-events:none}.social-header-badge{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 5px;font-size:10px;font-weight:800;color:#fff;background:#dc2626}.social-header-count{min-width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;padding:0 6px;font-size:11px;font-weight:800;color:#1b2750;background:#566ea524}.social-header-count-alert{color:#fff;background:#dc2626}.social-header-icon-alert{color:#dc2626}.social-drawer-button{justify-content:flex-start;gap:10px}.friends-modal-card{width:min(1040px,92vw);max-width:min(1040px,92vw);max-height:min(86vh,780px);display:flex;flex-direction:column;gap:12px}.friends-modal-head{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-right:96px;min-height:40px}.friends-modal-title-block{min-width:0;display:grid;gap:4px}.friends-modal-title-row{min-width:0;display:inline-flex;align-items:center;gap:10px}.friends-modal-title-inline-actions{display:inline-flex;align-items:center;gap:8px}.friends-modal-head-top-actions{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;gap:8px}.friends-modal-head-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.friends-modal-inline-icon-btn{width:36px;height:36px;min-width:36px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:0;position:relative}.friends-modal-inline-icon-btn>i{font-size:15px;line-height:1;width:1em;text-align:center;display:inline-block;margin:0;padding:0}.friends-modal-inline-icon-btn.ghost,.friends-modal-close-circle.ghost,.friends-inbox-back-btn.ghost,.friends-search-user-action-square.ghost,.friends-row-icon-action.ghost{padding:0}.friends-modal-close-circle{width:40px;height:40px;min-width:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:0;position:relative}.friends-modal-close-circle>i{font-size:14px;line-height:1;width:1em;text-align:center;display:inline-block;margin:0;padding:0}.friends-search-row{display:flex;align-items:center;gap:8px}.friends-search-row input{flex:1;min-width:0}.friends-search-results{display:grid;gap:8px;max-height:160px;overflow:auto;padding-right:4px}.friends-search-results-tall{max-height:min(58vh,560px)}.friends-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.friends-search-modal-card{width:min(900px,92vw);max-width:min(900px,92vw);max-height:min(86vh,780px);display:flex;flex-direction:column;gap:12px}.friends-modal-column{border:1px solid var(--border);border-radius:14px;padding:14px;background:#f8faffb3;display:flex;flex-direction:column;gap:10px;min-height:0}.friends-modal-column-full{flex:1}.friends-column-title{font-weight:800;color:#1f2a5f}.friends-column-subtitle{font-size:12px;font-weight:700;color:#475569}.friends-column-body{border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#fff;padding:12px;min-height:88px}.friends-column-list{max-height:190px;overflow:auto;padding-right:2px}.friends-column-list-tall{max-height:min(30vh,320px)}.friends-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid rgba(148,163,184,.2)}.friends-row:last-child{border-bottom:0}.friends-row-expanded{padding:12px 10px}.friends-row-main{min-width:0}.friends-row-main-compact{flex:1;display:flex;align-items:center;gap:10px}.friends-row-main-copy{min-width:0;flex:1;display:grid;gap:2px}.friends-row-primary{display:flex;align-items:center;gap:8px;min-width:0}.friends-row-secondary{display:inline-flex;align-items:center;gap:10px;min-width:0;margin-top:-1px}.friends-row-name{font-weight:700;color:#1f2a5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-row-name-compact{font-size:15px;font-weight:700}.friends-row-level-square{min-width:40px;width:40px;height:40px;padding:0 6px;border-radius:12px;font-size:14px;letter-spacing:.01em;flex:0 0 auto}.friends-row-meta{font-size:12px;color:#64748b;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-row-meta-online{color:#15803d}.friends-row-meta-offline{color:#6b7280}.friends-row-meta-dot{width:8px;height:8px;border-radius:999px;background:currentColor;display:inline-block}.friends-row-title-text{margin-top:-1px;display:inline-block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-row-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end;align-self:center}.friends-row-action-menu-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;height:100%}.friends-row-menu-trigger{width:22px;height:22px;min-width:22px;padding:0;border-radius:6px;border:0;background:transparent;box-shadow:none;color:#64748b;opacity:.92;display:inline-grid;place-items:center;line-height:1;margin:0;transform:none;transition:opacity .14s ease,color .14s ease,background-color .14s ease}.friends-row-menu-trigger>i{font-size:12px;line-height:1;display:block;margin:0;padding:0;transform:translateY(0)}.friends-row-menu-trigger:hover{color:#334155;background:#94a3b81f}.friends-row-action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:16;min-width:204px;padding:9px;border-radius:14px;border:1px solid rgba(148,163,184,.38);background:#fffffffe;box-shadow:0 12px 30px #0f172a29;display:grid;gap:6px}.friends-row-action-menu-floating{position:fixed;right:auto;z-index:1200}.friends-row-action-menu .ghost{width:100%;min-height:36px;padding:8px 10px;border-radius:10px;justify-content:flex-start;gap:8px;font-size:13px;font-weight:700;color:#1f2a5f}.friends-row-action-menu .ghost>i{width:16px;text-align:center;line-height:1}.friends-row-action-menu .ghost:hover:not(:disabled){background:#e6eeffad;border-color:#8297d6b8}.friends-row-action-menu-danger{color:#991b1b}.friends-row-icon-action{width:38px;height:38px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:0}.friends-row-icon-action>i{width:1em;text-align:center;line-height:1;display:inline-block}.friends-row-icon-action-danger{color:#991b1b;border-color:#f8717173;background:#fff1f2d1}.friends-row-icon-action-danger:hover{background:#fee2e2f2}.friends-search-add-btn{width:38px;height:38px;padding:0;border-radius:12px;display:inline-grid;place-items:center;font-size:15px}.friends-search-users-label{font-size:15px;font-weight:800;color:#1f2a5f;margin-top:2px}.friends-search-user-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid rgba(148,163,184,.24)}.friends-search-user-level-square{min-width:44px;height:40px;padding:0 8px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.01em;flex:0 0 auto}.friends-search-user-main{min-width:0;flex:1}.friends-search-user-name-row{margin:0}.friends-search-user-subline{display:inline-flex;align-items:center;gap:0;min-width:0;margin-top:0}.friends-search-user-title{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.friends-search-user-right{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.friends-search-user-actions{display:inline-flex;align-items:center;gap:8px}.friends-search-user-presence{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}.friends-search-user-presence-online{color:#15803d}.friends-search-user-presence-offline{color:#6b7280}.friends-search-user-presence-dot{width:8px;height:8px;border-radius:999px;background:currentColor;display:inline-block}.friends-search-user-action-square{width:40px;height:40px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#1f2a5f;line-height:0}.friends-search-user-action-square-with-label{width:auto;min-width:108px;padding:0 12px;gap:6px;font-size:12px;font-weight:700}.friends-search-user-action-square>i{width:1em;text-align:center;line-height:1;display:inline-block}.friends-search-user-action-square>span{line-height:1}.friends-search-user-action-square:disabled{opacity:.8}.friends-search-user-action-cancel{height:40px;min-width:84px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:700;color:#7f1d1d}.friends-search-action-icon-add{color:#1e3a8a}.friends-search-action-icon-friend{color:#166534}.friends-search-action-icon-pending{color:#a16207}.friends-requests-toggle{display:inline-flex;align-items:center;gap:8px}.friends-requests-toggle-active{border-color:#6366f180;background:#e2e8ffe6}.friends-request-card{border:1px solid rgba(148,163,184,.26);border-radius:12px;background:#fff;padding:10px;display:grid;gap:6px}.friends-request-title{font-weight:700;color:#1f2a5f}.friends-request-copy{font-size:13px;color:#475569}.friends-request-time{font-size:11px;color:#94a3b8}.friends-request-actions{display:flex;justify-content:flex-end;gap:8px}.friends-outgoing-row{font-size:12px;color:#64748b;border-top:1px solid rgba(148,163,184,.25);padding:10px 12px 0}.friends-column-body .system{padding:4px 2px}.friends-inbox-modal{width:min(1040px,92vw);max-width:min(1040px,92vw);height:min(86vh,780px);max-height:min(86vh,780px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.friends-inbox-shell{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.friends-inbox-threads{border:1px solid var(--border);border-radius:14px;background:#f8faffb3;padding:8px;overflow:auto}.friends-inbox-threads-tall{max-height:none;min-height:0;height:100%}.friends-inbox-thread{width:100%;text-align:left;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#fff;padding:9px 10px;margin-bottom:8px;color:#1f2a5f}.friends-inbox-thread:last-child{margin-bottom:0}.friends-inbox-thread-active{border-color:#3b82f685;box-shadow:0 0 0 2px #3b82f61f}.friends-inbox-thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700}.friends-inbox-thread-preview{margin-top:5px;font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-inbox-unread{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 5px;font-size:10px;font-weight:800;color:#fff;background:#dc2626}.friends-inbox-thread-panel{border:1px solid var(--border);border-radius:14px;background:#f8faffb3;padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;height:100%}.friends-inbox-thread-panel-single{min-height:0;height:100%}.friends-inbox-thread-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:#1f2a5f}.friends-inbox-thread-title-main{display:inline-flex;align-items:center;gap:10px}.friends-inbox-thread-presence{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1}.friends-inbox-thread-title-actions{display:inline-flex;align-items:center;gap:10px}.friends-inbox-thread-presence-online{color:#15803d}.friends-inbox-thread-presence-offline{color:#6b7280}.friends-inbox-thread-presence-dot{width:8px;height:8px;border-radius:999px;background:currentColor;display:inline-block}.friends-inbox-thread-name{display:inline-flex;align-items:center;gap:7px}.friends-inbox-thread-name-text{color:#1f2a5f}.friends-inbox-thread-name-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.friends-inbox-thread-name-dot-online{background:#16a34a}.friends-inbox-thread-name-dot-offline{background:#6b7280}.friends-inbox-back-btn{width:34px;height:34px;min-width:34px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;line-height:0;position:relative}.friends-inbox-back-btn>i{width:1em;text-align:center;line-height:1;display:inline-block;margin:0;padding:0}.friends-inbox-thread-report-btn{min-height:30px;padding:5px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#334155}.friends-inbox-messages{border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#fff;padding:8px;overflow:auto;display:flex;flex-direction:column;align-items:stretch;align-content:flex-start;gap:10px;min-height:0}.friends-inbox-message{width:100%;max-width:100%;border:0;border-radius:0;background:transparent;color:#1e293b;padding:6px 2px;display:grid;gap:4px;position:relative;overflow:visible}.friends-inbox-message-own{color:#1e293b}.friends-inbox-message-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#64748b;padding:0;min-height:20px}.friends-inbox-message-own .friends-inbox-message-head{color:#64748b;text-align:left}.friends-inbox-message-meta{display:inline-flex;align-items:center;gap:6px;min-width:0}.friends-inbox-message-author{color:#475569;font-weight:700;white-space:nowrap}.friends-inbox-message-dot{color:#94a3b8;font-weight:500}.friends-inbox-message-date{color:#94a3b8;font-weight:500;white-space:nowrap}.friends-inbox-message-text{color:inherit;font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.friends-inbox-message-own .friends-inbox-message-text{color:inherit;text-align:left}.friends-inbox-invite-card{width:100%;text-align:left;border:1px solid rgba(99,102,241,.36);border-radius:12px;background:linear-gradient(145deg,#5a56f21f,#3b82f61a);color:#1f2a5f;padding:10px 12px;display:grid;gap:4px}.friends-inbox-invite-card:hover,.friends-inbox-invite-card:focus-visible{border-color:#4f46e594;background:linear-gradient(145deg,#5a56f229,#3b82f624)}.friends-inbox-invite-card-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#1f2a5f}.friends-inbox-invite-card-copy{font-size:12px;color:#475569;line-height:1.35}.friends-inbox-invite-expired{font-size:12px;color:#94a3b8;font-weight:600}.friends-inbox-message-actions{margin-left:auto;position:relative;display:inline-flex;align-items:center}.friends-inbox-message-action-trigger{width:22px;height:22px;min-width:22px;padding:0;border-radius:6px;border:0;background:transparent;box-shadow:none;color:#64748b;opacity:.92;display:inline-flex;align-items:center;justify-content:center;line-height:0;position:relative;transition:opacity .14s ease,color .14s ease,background-color .14s ease}.friends-inbox-message-action-trigger>i{font-size:12px;width:1em;text-align:center;line-height:1;display:block;margin:0;padding:0;transform:translateY(0)}.icon-glyph-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.icon-glyph-users{transform:translate(-47%,-50%)}.friends-inbox-message-action-trigger:hover,.friends-inbox-message-action-trigger:focus-visible{opacity:1;color:#334155;background:#94a3b81f}@media (hover: hover) and (pointer: fine){.friends-row-menu-trigger,.friends-inbox-message-action-trigger{opacity:0;pointer-events:none}.friends-row:hover .friends-row-menu-trigger,.friends-row:focus-within .friends-row-menu-trigger,.friends-row-menu-trigger.is-active,.friends-inbox-message:hover .friends-inbox-message-action-trigger,.friends-inbox-message:focus-within .friends-inbox-message-action-trigger,.friends-inbox-message-action-trigger.is-active{opacity:.95;pointer-events:auto}}@media (hover: none),(pointer: coarse){.friends-row-menu-trigger,.friends-inbox-message-action-trigger{opacity:.95;pointer-events:auto}}.friends-inbox-message-action-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;display:grid;gap:6px;padding:6px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#fff;box-shadow:0 10px 26px #0f172a29;z-index:30}.friends-inbox-message-action-menu .ghost{width:100%;justify-content:flex-start;gap:8px}.friends-inbox-composer{display:flex;align-items:center;gap:8px}.friends-inbox-composer input{flex:1;min-width:0}.friend-toast{position:fixed;left:50%;bottom:max(14px,calc(env(safe-area-inset-bottom) + 14px));transform:translate(-50%);z-index:300;width:min(92vw,560px);max-width:min(92vw,560px);display:flex;align-items:center;gap:8px;padding:8px;border-radius:999px;border:1px solid rgba(99,102,241,.38);background:#0f172aeb;color:#f8fafc;box-shadow:0 14px 36px #0f172a5c;animation:friend-toast-in .22s ease-out}.friend-toast-request{border-color:#f871717a}.friend-toast-main{flex:1;min-width:0;border:none;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:4px 8px;font:inherit}.friend-toast-main-clickable{cursor:pointer}.friend-toast-main-clickable:hover{opacity:.96}.friend-toast-main:disabled{opacity:1;cursor:default}.friend-toast-text{min-width:0;text-align:left;font-weight:700}.friend-toast-request-indicator{position:relative;width:28px;height:28px;display:inline-grid;place-items:center;border-radius:999px;flex:0 0 28px;background:linear-gradient(145deg,#6366f1fa,#38bdf8fa);box-shadow:inset 0 0 0 1px #e2e8f03d;color:#eff6ff}.friend-toast-request-indicator>i{font-size:14px}.friend-toast-request-count{position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;border-radius:999px;padding:0 5px;display:inline-grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:#dc2626;border:1px solid rgba(248,250,252,.86);box-shadow:0 5px 14px #0f172a47}.friend-toast-dismiss{width:34px;height:34px;padding:0;flex:0 0 34px;display:inline-grid;place-items:center;border-radius:999px;border-color:#e2e8f04d;background:#1e293b8a;color:#e2e8f0}.friend-toast-dismiss:hover{background:#334155cc}@keyframes friend-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 900px){.friends-modal-card,.friends-inbox-modal,.friends-search-modal-card{width:min(96vw,96vw);max-width:min(96vw,96vw)}.friends-modal-grid{grid-template-columns:1fr}.friends-column-list{max-height:180px}.friends-column-list-tall{max-height:240px}.friends-inbox-threads{max-height:180px}}@media (max-width: 640px){.friends-inbox-modal{height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.friends-inbox-shell{height:100%;min-height:0;display:flex;flex-direction:column}.friends-inbox-threads,.friends-inbox-threads-tall{max-height:none;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.friends-inbox-thread-panel,.friends-inbox-thread-panel-single{height:100%;min-height:0}.friends-inbox-messages{min-height:0;overscroll-behavior:contain}.friends-search-modal-card{height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.friends-search-modal-card .friends-search-results,.friends-search-modal-card .friends-search-results-tall{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}.friends-modal-head-actions{justify-content:flex-start}.friends-modal-head{gap:8px;padding-right:90px}.friends-modal-inline-icon-btn{width:34px;height:34px;min-width:34px}.friends-search-row,.friends-inbox-composer{flex-direction:column;align-items:stretch}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1240px 820px at -8% -14%,rgba(191,228,255,.4),transparent 60%),radial-gradient(1040px 740px at 108% 18%,rgba(255,211,233,.16),transparent 66%),linear-gradient(155deg,#f0f4fc,#e8eef9 42%,#dde6f5);color:var(--text);overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}body:before{z-index:-3;background:radial-gradient(520px 360px at 12% 26%,rgba(206,244,240,.22),transparent 76%),radial-gradient(640px 420px at 88% 82%,rgba(255,235,170,.12),transparent 78%)}body:after{z-index:-2;background:radial-gradient(660px 420px at 84% 20%,rgba(220,228,255,.24),transparent 76%),radial-gradient(720px 460px at 16% 78%,rgba(195,207,247,.22),transparent 80%)}@media (hover: none) and (pointer: coarse){.page,.page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,input *,textarea *,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-input input{-webkit-touch-callout:none}}button,input,textarea,select{font:inherit}.page{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.page-auth{min-height:100dvh;overflow-x:hidden}.page-auth main.grid.single.single-center{overflow-y:auto;overflow-x:hidden;justify-items:center}.page-auth.page-auth-mode-choose main.grid.single.single-center{align-content:center;align-items:center}.page-auth.page-auth-mode-flow main.grid.single.single-center{align-content:center;align-items:center}.page-lobby,.page-room{background:radial-gradient(600px 410px at 12% 20%,rgba(255,255,255,.28),transparent 74%),radial-gradient(560px 360px at 86% 78%,rgba(194,207,242,.18),transparent 76%)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.bg-login .bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1220px 820px at 14% 18%,rgba(86,222,221,.44),transparent 64%),radial-gradient(1180px 860px at 88% 76%,rgba(255,93,163,.36),transparent 66%),radial-gradient(920px 640px at 56% 44%,rgba(145,122,255,.24),transparent 70%),linear-gradient(134deg,#25307a,#232e74 34%,#222966 72%,#1b234f);background-size:120% 120%;filter:saturate(1.08);animation:bg-drift 45s ease-in-out infinite alternate}.bg-login .bg-layer:before,.bg-login .bg-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-login .bg-layer:before{background:radial-gradient(560px 420px at 30% 68%,rgba(255,255,255,.17),transparent 72%),radial-gradient(620px 480px at 72% 30%,rgba(244,210,80,.2),transparent 74%);animation:bg-drift-soft 72s ease-in-out infinite alternate}.bg-login .bg-layer:after{background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.2),transparent 45%);mix-blend-mode:screen;animation:bg-glow 60s ease-in-out infinite alternate}.bg-login .bg-motif-layer,.bg-login .bg-orbit,.bg-login .bg-orbit-dots{display:none}.bg-login .bg-motif-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-login .bg-motif{position:absolute;width:34px;height:34px;opacity:.8;transform-origin:50% 50%;animation:bg-motif-float 8.8s ease-in-out infinite}.bg-login .bg-motif:before,.bg-login .bg-motif:after{content:"";position:absolute}.bg-login .bg-motif-plus:before{left:0;top:36%;width:100%;height:28%;border-radius:999px;background:currentColor}.bg-login .bg-motif-plus:after{left:36%;top:0;width:28%;height:100%;border-radius:999px;background:currentColor}.bg-login .bg-motif-x:before{left:0;top:42%;width:100%;height:16%;border-radius:999px;background:currentColor;transform:rotate(45deg)}.bg-login .bg-motif-x:after{left:0;top:42%;width:100%;height:16%;border-radius:999px;background:currentColor;transform:rotate(-45deg)}.bg-login .bg-motif-ring{border-radius:999px;border:5px solid currentColor}.bg-login .bg-motif-triangle{width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:30px solid currentColor;filter:drop-shadow(0 6px 10px rgba(7,12,38,.2))}.bg-login .bg-motif-dot{width:8px;height:8px;border-radius:999px;background:#e8efffd9}.bg-login .bg-orbit{position:absolute;border-radius:999px;border:1px solid rgba(225,234,255,.22);pointer-events:none;animation:bg-orbit-sway 14s ease-in-out infinite}.bg-login .bg-orbit-dots{position:absolute;width:min(94vw,500px);height:min(50vh,290px);left:50%;top:46%;transform:translate(-50%,-50%);border-radius:999px;border:2px dotted rgba(225,234,255,.26);pointer-events:none;animation:bg-orbit-dots 16s linear infinite}.bg-login .bg-motif-1{left:6%;top:18%;color:#7cefe3;animation-duration:7.6s}.bg-login .bg-motif-2{right:8%;top:12%;width:42px;height:42px;color:#ffd947;animation-duration:8.4s}.bg-login .bg-motif-3{left:9%;top:52%;width:28px;height:28px;color:#7cefe3;animation-duration:9.2s}.bg-login .bg-motif-4{right:16%;bottom:22%;width:36px;height:36px;color:#ffd947;animation-duration:10.2s}.bg-login .bg-motif-5{right:12%;top:36%;color:#ffd947;animation-duration:8.8s}.bg-login .bg-motif-6{left:10%;bottom:16%;color:#7cefe3;animation-duration:9.6s}.bg-login .bg-motif-7{left:36%;top:68%;width:24px;height:24px;color:#7cefe3;animation-duration:7.8s}.bg-login .bg-motif-8{right:34%;top:24%;width:20px;height:20px;color:#e4ecff9e;animation-duration:10.8s}.bg-login .bg-motif-9{left:22%;top:12%;animation-duration:12s}.bg-login .bg-motif-10{right:22%;bottom:12%;animation-duration:11.2s}.bg-login .bg-motif-11{left:4%;top:72%;width:30px;height:30px;color:#ffd94f;animation-duration:9.8s}.bg-login .bg-motif-12{right:5%;top:62%;width:22px;height:22px;color:#7ef0e5db;animation-duration:8.2s}.bg-login .bg-motif-13{left:48%;top:8%;width:26px;height:26px;color:#7abdffe6;animation-duration:10.4s}.bg-login .bg-motif-14{right:38%;bottom:20%;width:18px;height:18px;color:#f4d250d6;animation-duration:12.6s}.bg-login .bg-motif-15{left:32%;bottom:8%;width:10px;height:10px;background:#ff89bcbd;animation-duration:8.6s}.bg-login .bg-motif-16{right:18%;top:18%;width:9px;height:9px;background:#eaf1ffb8;animation-duration:11.4s}.bg-login .bg-orbit-a{width:min(138vw,760px);height:min(78vh,520px);left:50%;top:54%;transform:translate(-50%,-50%) rotate(-8deg)}.bg-login .bg-orbit-b{width:min(128vw,700px);height:min(72vh,460px);left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);animation-duration:19s}.bg-login .bg-orbit-c{width:min(110vw,620px);height:min(60vh,380px);left:50%;top:48%;transform:translate(-50%,-50%) rotate(-2deg);border-color:#ebf3ff2e;border-style:dashed;border-width:1px;animation-duration:24s}.bg-login .bg-orbit-dots-soft{width:min(78vw,380px);height:min(36vh,210px);top:45%;border-width:1px;border-color:#f1f5ff33;opacity:.72;animation-duration:22s;animation-direction:reverse}@keyframes bg-drift{0%{background-position:45% 48%}to{background-position:55% 52%}}@keyframes bg-drift-soft{0%{transform:translate(0);opacity:.7}to{transform:translate(-1.2%);opacity:.95}}@keyframes bg-glow{0%{opacity:.35}to{opacity:.6}}@keyframes bg-motif-float{0%,to{transform:translateZ(0) rotate(0) scale(1);opacity:.72}35%{transform:translate3d(0,-7px,0) rotate(7deg) scale(1.06);opacity:.96}70%{transform:translate3d(0,4px,0) rotate(-5deg) scale(.96);opacity:.8}}@keyframes bg-orbit-sway{0%,to{opacity:.34;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}50%{opacity:.54;transform:translate(-50%,-50%) rotate(6deg) scale(1.03)}}@keyframes bg-orbit-dots{0%{opacity:.26;transform:translate(-50%,-50%) rotate(0) scale(1)}50%{opacity:.46;transform:translate(-50%,-50%) rotate(180deg) scale(1.02)}to{opacity:.26;transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@media (prefers-reduced-motion: reduce){.bg-login .bg-layer,.bg-login .bg-layer:before,.bg-login .bg-layer:after,.bg-login .bg-motif,.bg-login .bg-orbit,.bg-login .bg-orbit-dots{animation:none!important}}a{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:radial-gradient(340px 170px at 12% 20%,rgba(124,241,229,.24),transparent 74%),radial-gradient(360px 170px at 86% 82%,rgba(255,130,191,.2),transparent 74%),linear-gradient(116deg,#4f57c9f0,#5f83d8eb 56%,#6da6dee6);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid rgba(209,221,255,.42);position:sticky;top:0;z-index:24;box-shadow:0 8px 18px #22346733;color:#f3f7ff}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.topbar-room-title{display:inline-flex;align-items:center;gap:10px;min-width:0}.topbar-room-icon{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(219,236,255,.66);background:linear-gradient(145deg,#ffffff3d,#c1e4ff42);color:#eff4ff;font-size:14px;line-height:1}.topbar-room-icon i{font-size:12px;line-height:1}.room-share-btn{width:36px;height:36px;border-radius:14px;border:1px solid rgba(129,146,228,.42);background:linear-gradient(145deg,#5a56f224,#4db8ff29);color:#2b3770;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 10px 22px #222d6e24}.room-share-btn:hover{background:linear-gradient(145deg,#5a56f233,#4db8ff33)}.room-share-btn:active{transform:translateY(1px)}.room-share-btn i{font-size:16px}.premium-cta-button{border-color:#8192e46b!important;background:linear-gradient(145deg,#5a56f224,#4db8ff29)!important;color:#2b3770!important;box-shadow:0 10px 22px #222d6e24;position:relative;overflow:hidden}.premium-cta-button:hover{background:linear-gradient(145deg,#5a56f233,#4db8ff33)!important}.top-actions .premium-cta-button{border-color:#8192e470!important;background:linear-gradient(145deg,#f6fafff2,#e8f1ffeb)!important;color:#27366c!important;box-shadow:0 8px 18px #222d6e1f,inset 0 1px #ffffff6b;font-weight:600}.top-actions .premium-cta-button:hover{background:linear-gradient(145deg,#fafdfff7,#eef5fff2)!important}.top-actions .premium-cta-button:after{opacity:.2}.top-actions .premium-cta-button .studio-header-icon,.top-actions .premium-cta-button span:last-child{background:linear-gradient(118deg,#4740d6,#5b58ef 52%,#2f92de);-webkit-background-clip:text;background-clip:text;color:transparent!important}.premium-cta-button:after{content:"";position:absolute;top:-120%;left:-30%;width:42%;height:340%;background:linear-gradient(120deg,#fff0,#ffffff70,#fff0);transform:rotate(18deg);animation:premium-cta-shimmer 5.4s ease-in-out infinite;pointer-events:none}.premium-cta-button .studio-header-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:2px}@keyframes premium-cta-shimmer{0%,74%{left:-36%;opacity:0}80%{opacity:.62}to{left:128%;opacity:0}}.joining-room-modal{width:min(360px,calc(100vw - 32px));gap:8px}body.native-ios-app.native-ios-real-header .page-ios-native .joining-room-modal,body.native-ios-app.native-ios-real-header .page-ios-native .modal-card-message{margin-top:clamp(-52px,-6vh,-24px)}.joining-room-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.joining-room-row-vertical{align-items:flex-start;flex-direction:column}.joining-room-status{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:#0f172a;font-size:16px}.joining-room-cancel{margin-left:auto;white-space:nowrap}.joining-room-row-vertical .joining-room-cancel{margin-left:0}.joining-room-gate-body{margin-top:0;display:grid;gap:6px}.joining-room-gate-copy{color:#475569;font-size:13px;line-height:1.4;font-weight:600}.joining-room-gate-actions{margin-top:8px;display:flex;align-items:center;gap:10px}.joining-room-cancel-bottom{margin-left:0;flex:0 0 auto}.joining-room-premium-cta{margin-top:0;margin-left:auto;width:auto;min-width:230px;flex:0 1 auto}.join-gate-adsense-wrap{width:100%;min-height:90px;border-radius:14px;border:1px solid #cbd5e1;background:#f8fafc;padding:8px 8px 6px}.join-gate-adsense-slot{width:100%;min-height:80px}.join-gate-adsense-wrap-compact{width:clamp(200px,56vw,292px);min-width:200px;max-width:292px;height:auto;aspect-ratio:1 / 1;min-height:200px;max-height:292px;margin:0 auto;padding:6px;display:grid;justify-items:center;align-content:center;overflow:hidden}.join-gate-adsense-slot-compact{width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}.join-gate-adsense-wrap-compact .join-gate-adsense-hint{display:none}.join-gate-adsense-hint{margin-top:6px;color:#64748b;font-size:11px;line-height:1.3;font-weight:600}.join-gate-fallback-card{width:100%;max-width:260px;margin:0 auto;border-radius:12px;display:block;text-decoration:none;overflow:hidden;box-shadow:0 8px 22px #25377d3d}.join-gate-fallback-card-banner{max-width:none;border-radius:10px;box-shadow:0 6px 16px #25377d33}.join-gate-fallback-button{border:0;padding:0;background:transparent;cursor:pointer}.join-gate-fallback-image{width:100%;height:auto;display:block;border-radius:inherit}.join-gate-fallback-card-banner .join-gate-fallback-image{height:90px;object-fit:cover}.join-gate-fallback-mobile-premium{display:none}@media (max-width: 520px){.join-gate-adsense-wrap-compact{width:clamp(192px,62vw,250px);min-width:192px;max-width:250px;min-height:192px;max-height:250px}}@media (max-width: 760px){.join-gate-fallback-card-banner{position:relative;min-height:84px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;background:radial-gradient(circle at 14% 16%,rgba(181,210,255,.3),transparent 38%),radial-gradient(circle at 87% 80%,rgba(68,61,210,.36),transparent 50%),linear-gradient(100deg,#5a72ec,#4f63e6 48%,#4c4fda);overflow:hidden}.join-gate-fallback-card-banner:before{content:"";position:absolute;right:-42px;bottom:-46px;width:190px;height:190px;border-radius:999px;border:22px solid rgba(255,255,255,.18);pointer-events:none}.join-gate-fallback-card-banner .join-gate-fallback-image-banner{display:none}.join-gate-fallback-mobile-premium{position:relative;z-index:1;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.join-gate-fallback-mobile-premium-copy{min-width:0;display:grid;gap:1px;text-align:left}.join-gate-fallback-mobile-premium-title{font-size:clamp(22px,7.2vw,34px);line-height:.98;font-weight:800;letter-spacing:-.01em;color:#f8fbff}.join-gate-fallback-mobile-premium-subtitle{font-size:clamp(12px,4.2vw,20px);line-height:1.06;font-weight:700;color:#f5fafffa;letter-spacing:0}.join-gate-fallback-mobile-premium-cta{flex:0 0 auto;max-width:50%;min-height:38px;padding:7px 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#f8fbff;background:#1f26b8;box-shadow:inset 0 0 0 1px #c6d5ff2e;font-size:clamp(12px,3.6vw,18px);line-height:1;font-weight:800;letter-spacing:0;white-space:nowrap}}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(148,163,184,.55);border-top-color:var(--accent-2);animation:spin .8s linear infinite}.room-join-ad-prep-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;background:#020617f0}.room-join-ad-prep-content{width:84px;height:84px;border-radius:999px;display:grid;place-items:center;background:#ffffff0f}.room-join-ad-prep-spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;animation:spin .78s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;letter-spacing:.35px;font-size:19px;color:#fff;text-shadow:0 1px 0 rgba(18,24,74,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-scribble{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex:0 0 auto;position:relative}.brand-scribble-image{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;background:center / contain no-repeat url(/assets/game/images/scribble.svg)}@supports ((-webkit-mask: url() center / contain no-repeat) or (mask: url() center / contain no-repeat)){.brand-scribble-image{background-image:none;background-color:currentColor;-webkit-mask:url(/assets/game/images/scribble.svg) center / contain no-repeat;mask:url(/assets/game/images/scribble.svg) center / contain no-repeat}}.brand-scribble-image-thicken{opacity:.92}.brand-scribble-image-thicken-left{transform:translate(-.4px)}.brand-scribble-image-thicken-right{transform:translate(.4px)}.topbar-subtitle{font-size:15px;color:#e4ebffe6;font-weight:760;line-height:1.06;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-room .topbar-room-title .topbar-subtitle{font-size:15px;font-weight:760;color:#f2f6fff2}.top-actions{display:flex;align-items:center;gap:8px}.topbar .ghost,.topbar .report-inbox-button{border-color:#8299f280;background:#eef4ffeb;color:#202c64;box-shadow:0 8px 18px #070c2638}.topbar .ghost:hover,.topbar .report-inbox-button:hover{background:#f7fafffa}.topbar .top-user{border-color:#8299f280;background:#ecf3fff0;box-shadow:0 8px 18px #070c2638}.mobile-header-menu-btn,.mobile-header-drawer-backdrop{display:none}.page-ios-native{--ios-native-header-offset: calc(84px + env(safe-area-inset-top)) }.page-ios-native .ios-native-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;min-height:56px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;padding-left:12px;background:#f8fafcf2;border-bottom:1px solid rgba(148,163,184,.35);box-shadow:0 10px 28px #0f172a24;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);z-index:46}.page-ios-native.page-lobby .ios-native-header,.page-ios-native.page-room .ios-native-header{padding-right:58px}.page-ios-native .ios-native-header .topbar-left{flex:1 1 auto;min-width:0;align-items:center;gap:8px}.page-ios-native.page-room .ios-native-header .topbar-room-title{flex:1 1 auto;min-width:0}.page-ios-native.page-room .ios-native-header .topbar-room-title .topbar-subtitle{max-width:100%;overflow:hidden;text-overflow:ellipsis}.page-ios-native .ios-native-menu-btn{display:inline-flex;position:absolute;top:calc(8px + env(safe-area-inset-top));right:12px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(118,147,255,.42);background:#0d1845bd;color:#eef3ff;align-items:center;justify-content:center;box-shadow:0 10px 22px #060b216b;z-index:2;padding:0}.page-ios-native .ios-native-drawer-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);z-index:140;justify-content:flex-start}.page-ios-native .ios-native-drawer{width:min(86vw,336px);max-width:336px;height:100%;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#f8fafcfc;border-right:1px solid rgba(148,163,184,.58);border-top-right-radius:18px;border-bottom-right-radius:18px;box-shadow:24px 0 46px #0f172a3d,inset -1px 0 #94a3b866;animation:ios-native-drawer-in .2s cubic-bezier(.2,.9,.22,1);position:relative;z-index:141}.page-ios-native.page-lobby main.grid.lobby-desktop,.page-ios-native.page-lobby main.lobby-mobile{padding-top:var(--ios-native-header-offset);padding-bottom:0}.page-ios-native.page-lobby main.lobby-mobile{min-height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset));height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset))}.page-ios-native.page-lobby .lobby-mobile-panel .scroll{padding-bottom:calc(10px + max(env(safe-area-inset-bottom),8px))}.page-ios-native.page-room main.grid,.page-ios-native.page-room main.grid.mobile-drawer-focus,.page-ios-native.page-room main.grid.mobile-guesser-view{padding-top:var(--ios-native-header-offset);padding-bottom:calc(8px + env(safe-area-inset-bottom))}@keyframes ios-native-drawer-in{0%{transform:translate(-26px);opacity:.16}to{transform:translate(0);opacity:1}}.admin-menu-wrap{position:relative}.admin-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;border:1px solid var(--border);border-radius:10px;background:#fffffffa;box-shadow:0 12px 30px #0f172a1f;overflow:hidden;z-index:20}.admin-menu-item{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(148,163,184,.16);padding:10px 12px;font-size:13px;color:#0f172a;cursor:pointer}.admin-menu-item:last-child{border-bottom:0}.admin-menu-item:hover{background:#f8fafc}.report-inbox-button{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px!important;padding:8px 12px!important}.report-inbox-icon{font-size:14px;line-height:1}.report-inbox-count{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;padding:0 6px;background:#e2e8f0;color:#475569}.report-inbox-count-alert{background:#dc2626;color:#fff}.report-inbox-button-flash{animation:report-flash 1s ease-in-out infinite}@keyframes report-flash{0%{box-shadow:0 0 #dc262673}70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.status-pill{border:1px solid var(--border);border-radius:999px;padding:4px 10px;background:#ffffffb8;font-weight:600}.status-pill-online{border-color:#3b82f68c;color:#1d4ed8}.top-user{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffffc7;position:relative;cursor:pointer}.top-user:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.top-user-badge{width:28px;height:28px;flex:0 0 28px;border-radius:999px;position:relative;display:inline-grid;place-items:center;background:radial-gradient(circle at 30% 25%,#1d4ed8,#0f172a 78%);box-shadow:inset 0 0 0 1px #dbeafe2e,0 8px 18px #0f172a40}.top-user-badge-admin{background:radial-gradient(circle at 30% 25%,#ef4444,#7f1d1d 78%)}.top-user-badge-svg{width:28px;height:28px;transform:rotate(-90deg)}.top-user-badge-track{fill:none;stroke:#94a3b859;stroke-width:4}.top-user-badge-fill{fill:none;stroke:#38bdf8;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,1,.32,1)}.top-user-badge-admin .top-user-badge-fill{stroke:#fda4af}.top-user-badge-level{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:900;font-size:11px;color:#fff}.top-user-meta{display:inline-flex;align-items:center;gap:6px;min-width:0}.top-user-level{font-size:11px;font-weight:700;letter-spacing:.02em;color:#475569;white-space:nowrap}.top-user-level:before{content:"•";color:#94a3b8;margin-right:6px}.top-user-level-muted{color:#64748b}.top-user-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-4px);opacity:0;pointer-events:none;z-index:60;white-space:nowrap;font-size:11px;font-weight:700;color:#f8fafc;background:#0f172af5;border:1px solid rgba(56,189,248,.45);border-radius:10px;padding:7px 10px;box-shadow:0 10px 24px #0f172a59;transition:opacity .14s ease,transform .16s ease}.top-user-tooltip:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:#0f172af5;border-top:1px solid rgba(56,189,248,.45);border-left:1px solid rgba(56,189,248,.45)}.top-user:hover .top-user-tooltip,.top-user:focus-within .top-user-tooltip{opacity:1;transform:translate(-50%)}.top-user-name{font-size:13px;font-weight:700;color:#1e293b;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user-hidden{opacity:.58}.top-user-name-muted{color:#64748b}.progress-modal{max-width:720px}.progress-track{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:6px 2px 2px}.progress-level-chip{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:950;font-size:14px;color:#0f172a;background:#f8fafcf2;border:1px solid rgba(148,163,184,.7);box-shadow:0 10px 24px #0f172a14}.progress-level-chip-next{background:#eff6fff2;border-color:#3b82f680}.progress-bar{height:14px;border-radius:999px;background:#e2e8f0;border:1px solid rgba(148,163,184,.55);overflow:hidden;box-shadow:inset 0 1px #fffc}.progress-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(120deg,var(--accent),var(--accent-2));transition:width .42s cubic-bezier(.2,1,.32,1)}.progress-xp{margin-top:8px;text-align:center}.progress-xp-main{font-size:14px;font-weight:650;color:#0f172a}.progress-xp-subtle{margin-top:4px;font-size:12px;color:#64748b;line-height:1.35}.progress-title{margin-top:14px}.progress-title-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.progress-title-picker{display:inline-flex;align-items:center;gap:10px}.progress-title-select{width:min(320px,52vw)}.progress-title-select:disabled{opacity:.7;cursor:not-allowed}.progress-title-label{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#334155}.progress-title-current{margin-top:4px;font-size:14px;font-weight:650;color:#0f172a}.progress-modal .modal-title{font-weight:650}main.grid{flex:1;min-height:0;display:grid;grid-template-columns:280px 320px minmax(0,1fr);gap:14px;padding:14px;overflow:hidden}.page-room main.grid{grid-template-columns:260px minmax(350px,.9fr) minmax(0,1.1fr);width:100%;max-width:1760px;margin:0 auto}.side-stack{display:flex;flex-direction:column;gap:14px;min-height:0}.side-stack .panel{flex:1}main.grid.single{grid-template-columns:1fr;max-width:1240px;margin:0 auto}main.grid.single.lobby-layout{max-width:1240px}main.grid.lobby-shell{grid-template-columns:320px minmax(0,1fr);max-width:none;margin:0}main.grid.lobby-desktop{display:grid}main.lobby-mobile{display:none}.lobby-side{min-height:0;display:grid;grid-template-rows:minmax(220px,1fr) minmax(190px,.9fr);gap:14px}.lobby-main{min-height:0}.lobby-mobile-panel{min-height:0;flex:1 1 auto}.lobby-mobile-panel .scroll{min-height:0}.lobby-mobile-tabs{gap:6px}.lobby-mobile-tabs .tab{min-width:84px}.lobby-capacity{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#334155;background:#dbeafee6;border:1px solid rgba(147,197,253,.75);border-radius:999px;padding:4px 10px}.lobby-language-picker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#1e3a8a}.lobby-language-picker select{min-width:132px;border:1px solid rgba(59,130,246,.35);background:#fffffff2;color:#0f172a;border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px}.lobby-language-picker-mobile{margin-bottom:8px}.lobby-users-panel .scroll,.lobby-chat-panel .scroll{padding-top:10px}.lobby-users-panel>.panel-header,.lobby-chat-panel>.panel-header{font-weight:700;letter-spacing:.01em}.lobby-user-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(148,163,184,.12)}.lobby-user-dot{width:8px;height:8px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.lobby-user-name{font-size:13px;font-weight:600;color:#1e293b}.scroll-mobile-users{padding-top:8px}main.grid.single.single-center{align-content:center;align-items:center;justify-items:center;min-height:100vh;padding:18px}.auth{overflow:hidden}.panel.auth{width:100%;max-width:900px;margin:0 auto;background:#ffffffed;border:1px solid rgba(144,158,236,.34)}.auth-card{display:grid;grid-template-columns:.74fr 1.26fr;min-height:430px;border-radius:22px;overflow:hidden;box-shadow:0 24px 64px #0e174238;align-items:stretch}.auth-card.auth-card-flow{grid-template-columns:1fr;grid-template-rows:160px minmax(0,1fr);max-width:760px;margin:0 auto}.auth-hero{padding:30px 26px;border-right:1px solid var(--border);background:radial-gradient(220px 160px at 14% 18%,rgba(84,226,221,.3),transparent 72%),radial-gradient(220px 170px at 94% 76%,rgba(255,95,167,.28),transparent 74%),linear-gradient(145deg,#5c57f229,#4db8ff1f);display:grid;align-content:start;gap:10px}.auth-card.auth-card-flow .auth-hero{border-right:0;border-bottom:1px solid rgba(168,184,234,.56);background:radial-gradient(220px 170px at 12% 18%,rgba(145,227,248,.34),transparent 72%),radial-gradient(260px 180px at 88% 86%,rgba(247,177,222,.34),transparent 74%),linear-gradient(125deg,#c2e6fcdb,#d7e0fcd6,#f0cce8d1);display:flex;align-items:flex-end;justify-content:center;padding:18px 24px 20px;position:relative}.auth-card.auth-card-flow .auth-brand{width:104px;height:104px;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;color:#1f2a63;font-size:0;line-height:0;letter-spacing:0;border:1px solid rgba(154,172,224,.54);background:linear-gradient(150deg,#fcfefff5,#e6f0ffe6);box-shadow:0 16px 30px #2d418429,inset 0 1px #ffffffe0}.auth-card.auth-card-flow .auth-brand .brand-scribble{width:56px;height:56px}.auth-card.auth-card-flow .auth-subtitle,.auth-card.auth-card-flow .auth-status,.auth-card.auth-card-flow .auth-bullets,.auth-card.auth-card-flow .auth-beta-note,.auth-card.auth-card-flow .auth-contact-note,.auth-card.auth-card-flow .auth-build-tag{display:none}.auth-card.auth-card-flow .auth-form{width:100%;margin:0;padding:26px 36px 28px;background:#fffffff5}.auth-form{padding:34px 36px;display:grid;align-content:center;justify-items:stretch;gap:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,560px);margin:0 auto}.auth-form .row{margin-top:6px}.auth-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-choice-title{font-size:13px;color:#334155;font-weight:300;margin-bottom:8px}.auth-choice-heading{margin:0 0 4px;font-size:clamp(24px,2.8vw,32px);line-height:1.15;color:#2f3971;font-family:var(--font-display)}.auth-choice-heading.auth-brand{font-weight:600}.auth-choice-heading.auth-choice-heading-cycle{display:inline-flex;align-items:center;justify-content:center;min-height:1.15em;overflow:hidden}.auth-choice-heading-cycle-word{display:inline-block;white-space:nowrap;animation:auth-welcome-word-cycle 5.6s cubic-bezier(.22,.88,.28,1) both;will-change:opacity,transform,clip-path}@keyframes auth-welcome-word-cycle{0%{opacity:0;transform:translate(32px);clip-path:inset(0 100% 0 0)}4%{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}94%{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}to{opacity:0;transform:translate(-32px);clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion: reduce){.auth-choice-heading-cycle-word{animation:none;transform:none;clip-path:inset(0 0 0 0);opacity:1}}.auth-choice-subtitle{font-size:13px;line-height:1.4;color:#334155}.auth-flow-heading{margin-bottom:2px}.auth-flow-title{margin:0;font-size:19px;line-height:1.25;color:#2a336b;font-family:var(--font-display)}.auth-flow-subtitle{margin-top:6px;font-size:13px;line-height:1.45;color:#475569}.auth-flow-pane{display:grid;gap:12px}.auth-flow-note{margin-top:-2px;font-size:12px;line-height:1.45;color:#5b688f}.auth-code-chicklets{display:flex;align-items:center;justify-content:flex-start;gap:14px}.auth-code-group{display:grid;gap:8px}.auth-code-group-three{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-code-group-four{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-code-separator{color:#64748b;font-size:24px;line-height:1;-webkit-user-select:none;user-select:none}.auth-code-chicklet{width:56px;min-height:70px;border:1px solid rgba(148,163,184,.6);border-radius:12px;background:#fffffffa;text-align:center;font-size:24px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#27345f;padding:0;transition:background-color .12s ease,border-color .12s ease}.auth-code-chicklet:focus{outline:none;background:#5f83d81a;box-shadow:inset 0 0 0 2px #5f83d8bf}.auth-resend-row{margin-top:10px;display:flex;justify-content:flex-start}.auth-resend-link{border:0;background:transparent;color:#6b7280;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:2px;padding:0}.auth-resend-link:hover{color:#4b5563}.auth-resend-link:disabled{color:#94a3b8;text-decoration:none;cursor:not-allowed}.auth-verify-actions{display:grid;grid-template-columns:1fr;gap:10px}@media (max-width: 640px){.auth-code-chicklets{gap:10px}.auth-code-group{gap:6px}.auth-code-chicklet{width:46px;min-height:60px;font-size:21px}.auth-code-separator{font-size:20px}}@keyframes auth-sheet-flow-pane-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-password-hint{margin-top:-4px}.auth-choice-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.auth-choice-grid button.primary,.auth-choice-grid button.ghost,.auth-choice-grid button.auth-choice-cycle-btn{width:100%;justify-content:center}button.auth-choice-cycle-btn{border-radius:18px;border:1px solid rgba(148,163,184,.28);background:#ffffffdb;color:#0f172a;padding:12px 18px;opacity:.86;box-shadow:inset 0 1px #fff9;transition:background .56s ease,color .56s ease,border-color .56s ease,box-shadow .56s ease,opacity .44s ease}button.auth-choice-cycle-btn:hover{background:#fffffff5}button.auth-choice-cycle-btn:disabled{opacity:.6;cursor:not-allowed}button.auth-choice-cycle-btn.auth-cta-animated{position:relative;overflow:hidden;isolation:isolate;color:#f8fbff;opacity:1;background:linear-gradient(115deg,#6058f4,#6f6bff 52%,#53bdff);box-shadow:0 12px 28px #4851c657,inset 0 1px #ffffff47;animation:auth-cta-fade-in .44s ease-out both}button.auth-choice-cycle-btn.auth-cta-animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#fff0 33%,#ffffff14 44%,#ffffff4d,#ffffff14 56%,#fff0 67%);transform:translate(-135%);animation:auth-cta-glimmer 5.64s ease-out 1 both;animation-delay:.52s}button.auth-choice-cycle-btn.auth-cta-animated:hover,button.auth-choice-cycle-btn.auth-cta-animated:focus-visible{filter:brightness(1.04);box-shadow:0 14px 30px #4851c66b,inset 0 1px #ffffff57}button.auth-choice-cycle-btn.auth-cta-animated:disabled{background:linear-gradient(115deg,#6058f4,#6f6bff 52%,#53bdff);animation:none}button.auth-choice-cycle-btn.auth-cta-animated:disabled:after{animation:none;opacity:0}@keyframes auth-cta-fade-in{0%{opacity:.15;filter:saturate(.9) brightness(.94)}to{opacity:1;filter:saturate(1) brightness(1)}}@keyframes auth-cta-glimmer{0%{transform:translate(-135%);opacity:0}5%{opacity:1}30.5%{transform:translate(135%);opacity:0}30.5001%{transform:translate(-135%);opacity:0}69.5%{transform:translate(-135%);opacity:0}74.5%{opacity:1}to{transform:translate(135%);opacity:0}}@media (prefers-reduced-motion: reduce){button.auth-choice-cycle-btn.auth-cta-animated{animation:none;background:linear-gradient(115deg,#4f57c9,#5f83d8 56%,#6da6de)}button.auth-choice-cycle-btn.auth-cta-animated:after{animation:none;opacity:0}.page-auth.page-auth-mode-flow .auth-flow-pane{animation:none!important}}.auth-back-row{display:flex;justify-content:center;margin-top:8px}.ios-page-header,.ios-page-menu-btn,.ios-page-menu-backdrop{display:none}.page-auth.page-ios-auth-no-header .topbar,.page-auth.page-ios-auth-no-header .mobile-header-menu-btn,.page-auth.page-ios-auth-no-header .mobile-header-drawer-backdrop,.page-auth.page-ios-auth-no-header .ios-page-header,.page-auth.page-ios-auth-no-header .ios-page-menu-btn,.page-auth.page-ios-auth-no-header .ios-page-menu-backdrop{display:none!important}body.native-ios-app.native-ios-real-header .page-ios-native{--ios-native-header-offset: var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) )}body.native-ios-app.native-ios-real-header .page-ios-native .ios-native-header{display:none!important}body.native-ios-app.native-ios-real-header .page-ios-native .modal-backdrop{place-items:center;padding:calc(var(--ios-native-header-offset) + 8px) 10px calc(12px + env(safe-area-inset-bottom))}body.native-ios-app.native-ios-real-header .page-ios-native .mobile-game-chat-overlay{inset:calc(var(--ios-native-header-offset) - 14px) 0 calc(74px + max(env(safe-area-inset-bottom),8px)) 0}body.native-ios-app.native-ios-real-header .page-ios-native .mobile-game-chat-panel{margin-top:0;height:100%}body.native-ios-app.native-ios-real-header .page-ios-native .mobile-game-chat-head{padding-top:0;padding-bottom:8px}body.native-ios-app.native-ios-real-header .page-ios-native .ios-native-drawer-backdrop{inset:calc(var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) - 24px) 0 0 0}body.native-ios-app.native-ios-real-header .page-ios-native .ios-native-drawer{height:calc(var(--ios-native-vv-height, 100dvh) - var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) + 24px);max-height:calc(var(--ios-native-vv-height, 100dvh) - var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) + 24px);padding-top:10px}body.native-ios-chat-open,body.native-ios-chat-open .page.page-room.page-ios-native.page-ios-native-room,body.native-ios-chat-open .page.page-room.page-ios-native.page-ios-native-room main.grid{overflow:hidden}body.native-ios-app .page.page-room.page-ios-native .panel.messages>.composer,body.native-ios-app .page.page-room.page-ios-native .mobile-game-chat-composer{display:none!important}html.mobile-shell-body-locked,html.mobile-shell-body-locked body{height:100%;overflow:hidden;overscroll-behavior:none}body.mobile-shell-body-locked,body.mobile-shell-body-locked #root,body.mobile-shell-body-locked .page.page-auth,body.mobile-shell-body-locked .page.page-lobby{overflow:hidden;overscroll-behavior:none}body.mobile-shell-body-locked .page.page-auth,body.mobile-shell-body-locked .page.page-lobby{height:var(--ios-native-vv-height, 100dvh);min-height:var(--ios-native-vv-height, 100dvh);max-height:var(--ios-native-vv-height, 100dvh)}body.mobile-shell-body-locked .page.page-auth main.grid.single.single-center{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html.mobile-room-body-locked,html.mobile-room-body-locked body{height:100%;overflow:hidden;overscroll-behavior:none}body.mobile-room-body-locked,body.mobile-room-body-locked #root,body.mobile-room-body-locked .page.page-room{overflow:hidden;overscroll-behavior:none}body.mobile-room-body-locked .page.page-room{height:var(--ios-native-vv-height, 100dvh);min-height:var(--ios-native-vv-height, 100dvh);max-height:var(--ios-native-vv-height, 100dvh)}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open #root,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid{overflow:hidden!important;overscroll-behavior:none;height:var(--ios-native-vv-height, 100dvh);max-height:var(--ios-native-vv-height, 100dvh)}body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid,body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-drawer-focus,body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-guesser-view{padding-bottom:calc(8px + max(env(safe-area-inset-bottom),10px))}body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-guesser-view>.canvas-wrap{grid-row:1;align-self:stretch}body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-guesser-view>.messages{grid-row:2;height:100%;align-self:stretch}body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-guesser-view.ios-native-guesser-no-panel{grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"canvas"!important;padding-bottom:calc(74px + max(env(safe-area-inset-bottom),8px))!important}body.native-ios-app.native-ios-real-header .page-ios-native.page-room main.grid.mobile-guesser-view.ios-native-guesser-no-panel>.canvas-wrap{grid-row:1;grid-area:canvas;align-self:stretch}body.native-ios-app.native-ios-real-header .page-ios-native.page-room .composer,body.native-ios-app.native-ios-real-header .page-ios-native .mobile-game-chat-composer{padding-bottom:calc(8px + max(env(safe-area-inset-bottom),10px))}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-drawer-focus,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view{height:var(--ios-native-vv-height, 100dvh);min-height:var(--ios-native-vv-height, 100dvh);max-height:var(--ios-native-vv-height, 100dvh)}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room{position:fixed;top:0;right:0;bottom:0;left:0;width:100%}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-drawer-focus,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view{padding-bottom:8px!important}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view{padding-bottom:0!important;grid-template-rows:minmax(88px,32%) minmax(0,1fr);grid-template-areas:"canvas" "messages";align-content:stretch;align-items:stretch}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view.ios-native-guesser-no-panel{grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"canvas"!important}body.mobile-room-input-open,body.mobile-room-input-open #root,body.mobile-room-input-open .page.page-room,html.mobile-room-input-open,html.mobile-room-input-open body{overflow:hidden;overscroll-behavior:none}body.mobile-room-input-open .page.page-room{height:var(--ios-native-vv-height, 100dvh);min-height:var(--ios-native-vv-height, 100dvh);max-height:var(--ios-native-vv-height, 100dvh)}body.mobile-room-input-open .page.page-room main.grid.mobile-guesser-view{min-height:0;padding-bottom:0;grid-template-rows:minmax(88px,30%) minmax(0,1fr);grid-template-areas:"canvas" "messages";align-content:stretch;align-items:stretch}body.native-ios-app.mobile-room-input-open .page-ios-native.page-room main.grid.mobile-guesser-view{padding-bottom:0!important}body.native-ios-app.mobile-room-input-open .page-ios-native.page-room main.grid.mobile-guesser-view .composer{padding-bottom:0!important}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view>.canvas-wrap{grid-row:1;grid-area:canvas}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view>.messages{grid-row:2;grid-area:messages;min-height:0;height:100%;align-content:stretch}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page.page-room.page-ios-native.page-ios-native-room main.grid.mobile-guesser-view .composer,body.mobile-room-input-open .page.page-room main.grid.mobile-guesser-view .composer{padding-bottom:2px!important}body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page-ios-native.page-room .composer,body.native-ios-app.native-ios-real-header.native-ios-keyboard-open .page-ios-native .mobile-game-chat-composer{padding-bottom:8px!important}body.native-ios-app.native-ios-real-header .page-ios-native .modal-card,body.native-ios-app.native-ios-real-header .page-ios-native .modal-card-wide,body.native-ios-app.native-ios-real-header .page-ios-native .create-room-modal-card,body.native-ios-app.native-ios-real-header .page-ios-native .rules-modal{max-height:calc(100dvh - var(--ios-native-header-offset) - 20px - env(safe-area-inset-bottom))}body.native-ios-app .page-auth.page-ios-preauth main.grid.single.single-center{padding-top:0}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-flow{overflow:hidden}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose main.grid.single.single-center,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .panel.auth,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-card,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-flow main.grid.single.single-center,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-flow .panel.auth,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-flow .auth-card{min-height:100dvh;max-height:100dvh;height:100dvh;overflow:hidden}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-form.auth-form-choose{align-content:stretch;justify-content:flex-start}body.native-ios-app .ios-page-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#f1f5fff5;border-bottom:1px solid rgba(148,163,184,.36);box-shadow:0 10px 28px #0f172a24;-webkit-backdrop-filter:blur(12px) saturate(1.18);backdrop-filter:blur(12px) saturate(1.18);z-index:52}body.native-ios-app .ios-page-brand{display:inline-flex;align-items:center;gap:8px;color:#0f172a;text-decoration:none;font-size:20px;font-weight:800;line-height:1}body.native-ios-app .ios-page-brand .brand-scribble{width:20px;height:20px}body.native-ios-app .ios-page-menu-btn{display:inline-flex;width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:#ffffffeb;color:#1e293b;align-items:center;justify-content:center;padding:0;box-shadow:0 8px 20px #0f172a1f}body.native-ios-app .ios-page-menu-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:flex-start}.legal-doc-page{min-height:100dvh;padding:20px 14px 28px;background:radial-gradient(980px 560px at 16% 10%,rgba(191,219,254,.58),transparent 58%),radial-gradient(980px 560px at 88% 92%,rgba(186,230,253,.52),transparent 62%),#eef4ff}.legal-doc-shell{width:min(980px,100%);margin:0 auto;border-radius:16px;border:1px solid rgba(15,23,42,.09);overflow:hidden;box-shadow:0 16px 40px #0f172a1a}.legal-doc-header{background:#dbe3f2;border-bottom:1px solid rgba(15,23,42,.1);padding:18px 22px}.legal-doc-header-ios{display:flex;align-items:center;justify-content:space-between;gap:12px}.legal-doc-brand{display:inline-flex;align-items:center;gap:10px;font-size:clamp(34px,3.3vw,52px);font-weight:800;line-height:1;color:#0f172a;text-decoration:none}.legal-doc-brand .brand-scribble{width:.72em;height:.72em}.legal-doc-brand:visited,.legal-doc-brand:hover,.legal-doc-brand:focus-visible{color:#0f172a;text-decoration:none}.legal-doc-body{background:#fff;padding:24px 22px 28px}.legal-doc-body h1{margin:0;font-size:clamp(26px,4.6vw,34px);line-height:1.15}.legal-doc-body h2{margin:26px 0 10px;font-size:clamp(18px,2.8vw,22px);line-height:1.2}.legal-doc-body p,.legal-doc-body li{font-size:15px;line-height:1.58;color:#0f172a}.legal-doc-meta{margin-top:10px;font-size:14px;color:#475569}body.native-ios-app .legal-doc-page{padding-bottom:calc(28px + env(safe-area-inset-bottom))}body.native-ios-app .legal-doc-header{padding-top:calc(18px + env(safe-area-inset-top))}@media (max-width: 640px){.legal-doc-page{padding:14px 10px 18px}.legal-doc-header{padding:14px}.legal-doc-brand{font-size:clamp(28px,9vw,40px)}.legal-doc-body{padding:18px 14px 22px}body.native-ios-app .legal-doc-page{padding-bottom:calc(18px + env(safe-area-inset-bottom))}body.native-ios-app .legal-doc-header{padding-top:calc(14px + env(safe-area-inset-top))}}.auth-back-link{background:transparent;border:none;padding:6px 8px;font-size:12px;color:#64748b;text-decoration:underline;text-decoration-color:#64748b59;text-underline-offset:2px}.auth-back-link:hover,.auth-back-link:focus-visible{text-decoration-color:#64748bcc}.auth-back-link:disabled{opacity:.6;cursor:not-allowed}.auth-secondary-btn{width:100%;justify-content:center;padding:10px 12px}.guest-prefix-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.guest-prefix{padding:12px;font-weight:700;color:#475569;background:#f8fafc;border-right:1px solid var(--border)}.guest-prefix-input input{border:none;border-radius:0}.guest-prefix-input input:focus{outline:none}.auth-form .field,.auth-form .row,.auth-form .legal{width:100%}.auth-form button.primary{width:100%;justify-content:center}.auth-form-choose{display:grid;align-content:center}.auth-form-choose .auth-legal-footer{margin-top:28px;padding-top:0}.auth-choice-locale-desktop-anchor,.auth-choice-locale-mobile-anchor{display:none}.auth-choice-locale-inline{display:flex;justify-content:center;width:100%;margin-top:10px;margin-bottom:6px}.auth-choice-locale-inline .auth-choice-locale-picker{width:min(100%,360px);justify-items:center}.auth-choice-locale-picker{display:grid;gap:6px;width:min(100%,240px)}.auth-choice-locale-label{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#5a6790}.auth-choice-locale-picker select{width:100%;min-height:38px;border-radius:12px;border:1px solid rgba(167,180,223,.7);background:#fffffff2;color:#243161;font-size:13px;font-weight:600;padding:7px 10px}.auth-choice-locale-picker select:focus-visible{outline:2px solid rgba(93,115,255,.34);outline-offset:1px}.auth-legal-footer a{color:#334155;text-decoration:underline;text-decoration-color:#33415559;text-underline-offset:2px}.auth-legal-footer a:hover,.auth-legal-footer a:focus-visible{text-decoration-color:#334155cc}.auth-message{margin-top:0}.turnstile-row{width:100%}.turnstile-widget{width:100%;min-height:66px}.turnstile-widget>div,.turnstile-widget iframe{width:100%!important}.page-auth.page-auth-mode-flow .auth-flow-pane{animation:auth-sheet-flow-pane-in .26s cubic-bezier(.2,.9,.22,1) both}@media (min-width: 641px){.page-auth.page-auth-mode-choose main.grid.single.single-center,.page-auth.page-auth-mode-flow main.grid.single.single-center{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:24px 20px}.page-auth.page-auth-mode-choose .panel.auth,.page-auth.page-auth-mode-flow .panel.auth{width:100%;max-width:none;margin-top:auto;margin-bottom:auto}.page-auth.page-auth-mode-choose .bg-login .bg-layer,.page-auth.page-auth-mode-flow .bg-login .bg-layer{background:radial-gradient(1060px 680px at 16% 14%,rgba(97,234,227,.26),transparent 62%),radial-gradient(940px 640px at 88% 82%,rgba(255,115,178,.22),transparent 64%),radial-gradient(860px 560px at 46% 46%,rgba(148,136,255,.2),transparent 68%),linear-gradient(145deg,#4a4fd2,#4b4bc7 32%,#4546bb,#3f3ca7)}.page-auth.page-auth-mode-choose .bg-login .bg-layer:before,.page-auth.page-auth-mode-flow .bg-login .bg-layer:before{background:radial-gradient(540px 390px at 24% 64%,rgba(255,255,255,.13),transparent 72%),radial-gradient(620px 440px at 74% 30%,rgba(255,255,255,.1),transparent 74%)}.page-auth.page-auth-mode-choose .bg-login .bg-layer:after,.page-auth.page-auth-mode-flow .bg-login .bg-layer:after{background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.12),transparent 48%),radial-gradient(500px 340px at 52% 72%,rgba(255,209,84,.09),transparent 74%)}.page-auth.page-auth-mode-choose .bg-login .bg-motif-layer,.page-auth.page-auth-mode-choose .bg-login .bg-orbit,.page-auth.page-auth-mode-choose .bg-login .bg-orbit-dots{display:block}.page-auth.page-auth-mode-choose .bg-login .bg-motif{opacity:.76;filter:blur(.15px) drop-shadow(0 6px 12px rgba(16,24,84,.26))}.page-auth.page-auth-mode-choose .panel.auth,.page-auth.page-auth-mode-flow .panel.auth{background:transparent;border:0;box-shadow:none}.page-auth.page-auth-mode-choose .auth-card,.page-auth.page-auth-mode-flow .auth-card.auth-card-flow{width:min(980px,calc(100vw - 72px));margin:0 auto;min-height:min(668px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);border-radius:0;border:0;background:transparent;box-shadow:none;overflow:hidden;grid-template-columns:1fr;grid-template-rows:clamp(210px,30svh,250px) minmax(0,1fr);transition:grid-template-rows .3s cubic-bezier(.2,.9,.22,1)}.page-auth.page-auth-mode-choose .auth-card{grid-template-rows:clamp(228px,31svh,286px) minmax(0,1fr)}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow{grid-template-rows:clamp(154px,21svh,188px) minmax(0,1fr)}.page-auth.page-auth-mode-choose .auth-hero,.page-auth.page-auth-mode-flow .auth-hero{border:0;border-radius:30px 30px 0 0;padding:32px 44px 72px;background:radial-gradient(500px 300px at 14% 18%,rgba(98,233,225,.28),transparent 72%),radial-gradient(430px 280px at 90% 84%,rgba(255,108,177,.24),transparent 74%),radial-gradient(640px 420px at 52% 52%,rgba(142,136,255,.18),transparent 72%),linear-gradient(138deg,#2b3ba4,#333db1 44%,#3037a4);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;position:relative;text-align:center;overflow:hidden}.page-auth.page-auth-mode-choose .auth-hero:before,.page-auth.page-auth-mode-choose .auth-hero:after,.page-auth.page-auth-mode-flow .auth-hero:before,.page-auth.page-auth-mode-flow .auth-hero:after{display:none}.page-auth.page-auth-mode-choose .auth-hero>.auth-brand,.page-auth.page-auth-mode-flow .auth-hero>.auth-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;min-width:0;min-height:0;border-radius:0;border:0;background:none;box-shadow:none;font-size:clamp(52px,4.4vw,68px);line-height:1;letter-spacing:.3px;color:#f6f9ff;text-shadow:0 6px 16px rgba(7,11,40,.3)}.page-auth.page-auth-mode-choose .auth-hero>.auth-brand .brand-scribble,.page-auth.page-auth-mode-flow .auth-hero>.auth-brand .brand-scribble{width:.88em;height:.88em;color:#ddf0ff}.page-auth.page-auth-mode-choose .auth-subtitle,.page-auth.page-auth-mode-flow .auth-subtitle{display:block;width:100%;margin-top:0;font-size:clamp(18px,1.4vw,22px);line-height:1.22;color:#eaf2ffe6;text-align:center}.page-auth.page-auth-mode-choose .auth-status,.page-auth.page-auth-mode-choose .auth-bullets,.page-auth.page-auth-mode-choose .auth-beta-note,.page-auth.page-auth-mode-choose .auth-contact-note,.page-auth.page-auth-mode-choose .auth-build-tag,.page-auth.page-auth-mode-flow .auth-status,.page-auth.page-auth-mode-flow .auth-bullets,.page-auth.page-auth-mode-flow .auth-beta-note,.page-auth.page-auth-mode-flow .auth-contact-note,.page-auth.page-auth-mode-flow .auth-build-tag{display:none}.page-auth.page-auth-mode-choose .auth-hero{padding:30px 44px 54px}.page-auth.page-auth-mode-choose .auth-hero:before{content:"";display:block;position:absolute;width:min(92%,760px);height:min(92%,430px);left:50%;top:54%;transform:translate(-50%,-50%);border-radius:999px;border:2px dotted rgba(223,234,255,.28);animation:bg-orbit-dots 32s linear infinite;z-index:0}.page-auth.page-auth-mode-choose .auth-hero:after{content:"";display:block;position:absolute;width:min(104%,860px);height:min(98%,470px);left:50%;top:56%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:999px;border:1px solid rgba(232,239,255,.24);z-index:0}.page-auth.page-auth-mode-flow .auth-hero{padding:24px 38px 58px}.page-auth.page-auth-mode-flow .auth-hero>.auth-brand{font-size:clamp(42px,3.6vw,56px);gap:8px}.page-auth.page-auth-mode-flow .auth-hero>.auth-brand .brand-scribble{width:.84em;height:.84em}.page-auth.page-auth-mode-flow .auth-subtitle{font-size:clamp(16px,1.2vw,20px)}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose,.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow{width:100%;margin:-40px 0 0;background:#fffffffa;border-radius:28px;border:1px solid rgba(208,219,250,.72);box-shadow:0 12px 30px #090f2c2e;padding:24px 48px 28px;gap:14px;align-content:start;justify-content:start;position:relative;z-index:2;min-height:0;overflow-y:auto;overscroll-behavior:contain}.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow{padding:20px 40px 24px;gap:12px;display:flex;flex-direction:column}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose{margin-top:-88px;background:linear-gradient(180deg,#f2f6fffa,#f8fafffb);border-color:#beccf4c2;border-top-left-radius:36px;border-top-right-radius:36px;box-shadow:0 14px 32px #0c134433;padding:26px 30px 34px;justify-items:stretch}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;justify-items:stretch}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose:before,.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow:before{display:none}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose:before{content:"";display:block;width:82px;height:8px;border-radius:999px;background:#abbae6e6;margin:0 auto 12px}.page-auth.page-auth-mode-flow .auth-flow-pane{width:min(100%,640px);margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:clamp(8px,1.2vh,16px)}.page-auth.page-auth-mode-flow .auth-message{width:min(100%,640px);margin-left:auto;margin-right:auto}.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:12px}.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register] .auth-flow-heading,.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register] .auth-password-hint,.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register] .turnstile-row,.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register] .row,.page-auth.page-auth-mode-flow .auth-flow-pane[data-auth-flow=register] .auth-back-row{grid-column:1 / -1}.page-auth.page-auth-mode-choose .auth-choice-card{width:100%;max-width:none;margin:0 auto;align-self:start;justify-self:stretch;display:grid;justify-items:stretch}.page-auth.page-auth-mode-choose .auth-choice-title,.page-auth.page-auth-mode-flow .auth-flow-heading{margin-bottom:6px}.page-auth.page-auth-mode-choose .auth-choice-title{text-align:center;margin-bottom:0;width:100%;justify-self:stretch}.page-auth.page-auth-mode-flow .auth-flow-heading{text-align:left}.page-auth.page-auth-mode-choose .auth-choice-heading{margin:0;font-size:clamp(38px,3.1vw,46px);line-height:1.06;color:#1f2d68;font-weight:720}.page-auth.page-auth-mode-flow .auth-flow-title{margin:0;font-size:clamp(28px,2.2vw,34px);line-height:1.08;color:#1f2d68;font-weight:700}.page-auth.page-auth-mode-choose .auth-choice-subtitle{margin-top:8px;font-size:clamp(17px,1.35vw,21px);line-height:1.32;color:#2a3a77;font-weight:560}.page-auth.page-auth-mode-flow .auth-flow-subtitle{margin-top:6px;font-size:clamp(14px,1.05vw,17px);line-height:1.35;color:#1f2d68;font-weight:500}.page-auth.page-auth-mode-flow .auth-flow-note{margin-top:0;color:#5c6790;font-size:14px;line-height:1.4}.page-auth.page-auth-mode-choose .auth-choice-grid{margin-top:20px;gap:12px;width:100%;margin-left:0;margin-right:0;justify-self:stretch}.page-auth.page-auth-mode-choose .auth-choice-grid button.auth-choice-cycle-btn{width:100%;max-width:none}.page-auth.page-auth-mode-choose button.auth-choice-cycle-btn{min-height:64px;border-radius:20px;font-size:19px;font-weight:700;letter-spacing:.01em}.page-auth.page-auth-mode-flow .auth-form .primary{min-height:56px;border-radius:16px}.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow{animation:auth-sheet-flow-pane-in .24s cubic-bezier(.2,.9,.22,1)}.page-auth.page-auth-mode-flow .auth-legal-footer,.page-auth.page-auth-mode-choose .auth-form-choose .auth-legal-footer{margin-top:0;padding-top:12px;text-align:center;color:#6a759b;font-size:12px;line-height:1.35}}.legal{font-size:12px;color:#64748b;line-height:1.4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80}.modal-card{width:min(92vw,420px);background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 24px 60px #0f172a40;padding:18px;display:grid;gap:12px}.modal-card-wide{width:min(94vw,920px);max-height:84vh;overflow:auto;overscroll-behavior:contain}.legal-inline-modal-backdrop{z-index:90}.legal-inline-modal-card{width:min(96vw,980px);height:min(88vh,820px);max-height:min(88vh,820px);min-height:min(70vh,560px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.legal-inline-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.legal-inline-modal-title{margin:0}.legal-inline-modal-close{min-width:42px;min-height:42px;border-radius:12px!important;padding:0!important;display:inline-grid;place-items:center}.legal-inline-modal-frame{width:100%;height:100%;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:#fff}.legal-inline-modal-scroll{border:1px solid rgba(15,23,42,.14);border-radius:12px;background:#fff;padding:14px;overflow:auto;min-height:0}.legal-inline-modal-scroll pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:500 13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a}body.native-ios-app.native-ios-real-header .page-ios-native .legal-inline-modal-backdrop{place-items:start center;padding-top:calc(var(--ios-native-header-offset) + 10px)}body.native-ios-app.native-ios-real-header .page-ios-native .legal-inline-modal-card{height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset) - 16px - env(safe-area-inset-bottom));max-height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset) - 16px - env(safe-area-inset-bottom));min-height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset) - 16px - env(safe-area-inset-bottom))}body.native-ios-app.native-ios-real-header .legal-inline-modal-backdrop{place-items:start center;padding-top:calc(var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) + 10px);z-index:170}body.native-ios-app.native-ios-real-header .legal-inline-modal-card{height:calc(var(--ios-native-vv-height, 100dvh) - var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) - 16px - env(safe-area-inset-bottom));max-height:calc(var(--ios-native-vv-height, 100dvh) - var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) - 16px - env(safe-area-inset-bottom));min-height:calc(var(--ios-native-vv-height, 100dvh) - var(--native-ios-header-height, calc(80px + env(safe-area-inset-top)) ) - 16px - env(safe-area-inset-bottom))}.premium-upsell-backdrop{z-index:86;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.premium-upsell-modal{width:min(92vw,640px);border-radius:18px;border:1px solid rgba(129,146,228,.36);background:radial-gradient(560px 220px at 10% 2%,rgba(191,228,255,.22),transparent 68%),radial-gradient(460px 220px at 88% 96%,rgba(255,211,233,.12),transparent 74%),linear-gradient(155deg,#f7faff,#eef3fd 54%,#e8eefb);box-shadow:0 22px 58px #202c6e42;gap:14px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.premium-upsell-modal *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.premium-upsell-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.premium-upsell-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.premium-upsell-mark{width:56px;height:56px;border-radius:16px;border:1px solid rgba(129,146,228,.4);background:#f5f8ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 56px;overflow:hidden}.premium-upsell-offer-icon{width:100%;height:100%;display:block;object-fit:cover}.premium-upsell-title-wrap{min-width:0;display:grid;gap:2px}.premium-upsell-title{font-size:29px;font-weight:820;line-height:1.05;color:#1f2e61}.premium-upsell-subtitle{font-size:13px;color:#5c6c94}.premium-upsell-price-row{display:inline-flex;align-items:baseline;gap:8px}.premium-upsell-price{font-size:38px;line-height:1;font-weight:830;background:linear-gradient(118deg,var(--accent) 0%,#6d66ff 52%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-upsell-price-meta{font-size:14px;color:#586a95;font-weight:650}.premium-upsell-features{display:grid;gap:8px}.premium-upsell-feature{border:1px solid rgba(129,146,228,.26);border-radius:12px;background:#fffc;padding:10px 12px;font-size:14px;line-height:1.35;color:#243463;display:inline-flex;align-items:flex-start;gap:8px}.premium-upsell-feature i{color:#5c7df5;font-size:12px;line-height:1.2;margin-top:2px}.premium-upsell-feature span{min-width:0}.premium-upsell-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.premium-upsell-secondary{white-space:nowrap}.premium-upsell-primary{min-height:46px}.premium-upsell-alt-link{justify-self:center;border:0;padding:2px 0 0;margin:0;background:transparent;color:#4f61d3;font-size:13px;line-height:1.2;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.premium-upsell-alt-link:hover,.premium-upsell-alt-link:focus-visible{color:#3f4fb4}.premium-upsell-legal{margin-top:2px;display:grid;gap:6px;justify-items:center}.premium-upsell-legal-copy{text-align:center;font-size:12px;line-height:1.35;color:#6b7a9f}.premium-upsell-sheet-legal-inline-link{border:0;background:transparent;padding:0;min-height:0;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.premium-upsell-sheet-legal-inline-link:hover,.premium-upsell-sheet-legal-inline-link:focus-visible{color:inherit}.premium-upsell-sheet-legal-inline-bullet{color:inherit}.premium-upsell-modal-success{position:relative;width:min(92vw,480px);display:grid;justify-items:center;text-align:center;gap:10px;padding:26px 18px 18px}.premium-upsell-modal-success .premium-upsell-sheet-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#596b97!important;display:inline-flex;align-items:center;justify-content:center}.premium-upsell-modal-success .premium-upsell-sheet-close i{font-size:20px;line-height:1}.premium-upsell-success-icon{width:88px;height:88px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(closest-side,#22c55e29,#22c55e0f);animation:premium-upsell-success-pop .26s ease-out both}.premium-upsell-success-icon svg{width:74px;height:74px}.premium-upsell-success-ring{fill:#f1fcf5;stroke:#22c55e;stroke-width:4;stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;animation:premium-upsell-success-ring-draw .34s ease-out forwards}.premium-upsell-success-check{fill:none;stroke:#16a34a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:premium-upsell-success-check-draw .22s .2s ease-out forwards}.premium-upsell-success-title{font-size:30px;line-height:1.08;font-weight:820;color:#1d3554}.premium-upsell-success-body{font-size:15px;line-height:1.35;color:#4f618e;max-width:34ch}.premium-upsell-success-close{width:min(100%,300px)}@media (max-width: 760px){.modal-backdrop.premium-upsell-backdrop-sheet{place-items:end center;align-items:end;padding:0;background:#0b142c85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card.premium-upsell-modal-sheet{width:100vw;max-width:100vw;height:auto;position:relative;border-radius:20px 20px 0 0;border-bottom:none;max-height:min(calc(100dvh - max(env(safe-area-inset-top),10px)),740px);padding:0;gap:0;animation:premium-upsell-sheet-in .19s ease-out;overflow:hidden;border-color:#788ae470;box-shadow:0 -16px 46px #131b4c57;align-self:end;justify-self:stretch;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.modal-card.premium-upsell-modal-sheet-success{max-height:min(calc(100dvh - max(env(safe-area-inset-top),10px)),560px)}.premium-upsell-sheet-handle{width:42px;height:5px;border-radius:999px;background:#64748b6b;margin:10px auto 4px}.premium-upsell-sheet-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:6;pointer-events:auto;border:0!important;background:transparent!important;box-shadow:none!important;color:#596b97!important}.premium-upsell-sheet-close i{font-size:20px;line-height:1}.premium-upsell-sheet-close:hover,.premium-upsell-sheet-close:focus-visible{border:0!important;background:transparent!important;box-shadow:none!important;color:#3552a6!important}.premium-upsell-sheet-scroll{overflow-x:hidden;overflow-y:auto;padding:12px 14px 16px;display:grid;gap:14px;min-height:0;max-height:none;align-content:start}.premium-upsell-sheet-scroll-success{display:grid;justify-items:center;text-align:center;align-content:center;gap:10px;padding:20px 16px 12px}.premium-upsell-sheet-scroll-success .premium-upsell-success-icon{width:84px;height:84px}.premium-upsell-sheet-scroll-success .premium-upsell-success-title{font-size:29px}.premium-upsell-sheet-scroll-success .premium-upsell-success-body{font-size:15px}.premium-upsell-sheet-hero{border:1px solid rgba(111,127,225,.32);border-radius:20px;background:radial-gradient(380px 180px at 6% 3%,rgba(151,190,255,.3),transparent 70%),radial-gradient(340px 180px at 90% 100%,rgba(167,170,255,.2),transparent 72%),linear-gradient(160deg,#f5f8ff,#edf2ff 56%,#e4ecff);padding:16px 14px 14px;display:grid;justify-items:center;text-align:center;gap:7px}.premium-upsell-sheet-kicker{font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#4960cb;padding:4px 10px;border-radius:999px;border:1px solid rgba(111,127,225,.32);background:#ffffffc2}.premium-upsell-sheet-hero-mark{width:62px;height:62px;border-radius:999px;border:2px solid rgba(255,255,255,.7);background:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #3c54d65c;overflow:hidden}.premium-upsell-sheet-title{font-size:31px;line-height:1.08;font-weight:820;color:#1f2e61}.premium-upsell-sheet-subtitle{font-size:14px;color:#4f618e;line-height:1.3}.premium-upsell-sheet-price-stack{display:grid;gap:2px;justify-items:center;margin-top:2px}.premium-upsell-sheet-trial-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:20px;border-radius:999px;border:1px solid rgba(107,125,244,.38);background:#f2f7ffc7;color:#3651b8;font-size:11px;font-weight:700;line-height:1;padding:0 10px;margin-bottom:0;white-space:nowrap}.premium-upsell-sheet-price{font-size:39px;line-height:1;font-weight:830;background:linear-gradient(118deg,var(--accent) 0%,#6d66ff 52%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-upsell-sheet-price-meta{font-size:13px;color:#596990;font-weight:650}.premium-upsell-sheet-benefits{display:grid;gap:9px;padding:2px 2px 0}.premium-upsell-sheet-benefit{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#233461;line-height:1.3}.premium-upsell-sheet-benefit i{color:#5c7df5;font-size:13px}.premium-upsell-plan{width:100%;border:1px solid rgba(129,146,228,.34);border-radius:14px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;align-items:stretch;gap:1px;min-height:0;text-align:left;justify-content:flex-start;align-self:start}.premium-upsell-plan-switcher{display:grid;gap:9px}.premium-upsell-plan-selectable{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(129,146,228,.34);cursor:pointer;text-align:left;width:100%}.premium-upsell-plan-disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.premium-upsell-plan-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%}.premium-upsell-plan-active{border-color:#6e73f785;background:linear-gradient(132deg,#ecf1fff7,#e0ecfff2);box-shadow:0 8px 18px #4c61d738}.premium-upsell-plan-check{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;color:#4d6af0;font-size:15px;line-height:1}.premium-upsell-plan-main{display:grid;gap:3px;min-width:0;margin-right:auto}.premium-upsell-plan-title{font-size:17px;font-weight:760;color:#233461;line-height:1.12}.premium-upsell-plan-price{font-size:14px;color:#5c6c94;line-height:1.2;margin-top:2px}.premium-upsell-plan-copy{font-size:12px;color:#4d5b86;line-height:1.25;margin-top:3px}.premium-upsell-plan-badge{border-radius:999px;border:1px solid rgba(107,125,244,.38);background:#f2f7ffc7;color:#3651b8;font-size:12px;font-weight:750;padding:4px 10px;white-space:nowrap;margin-top:0}.premium-upsell-owned-note{margin-top:2px;border:1px solid rgba(122,135,188,.3);border-radius:10px;background:#ebf1ffd1;color:#4d5b86;font-size:12px;line-height:1.35;padding:9px 11px}.premium-upsell-sheet-legal{text-align:center;font-size:12px;color:#6b7a9f;line-height:1.35;padding-bottom:0}.premium-upsell-sheet-legal-inline-link{border:0;background:transparent;padding:0;min-height:0;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.premium-upsell-sheet-bottom{display:grid;gap:10px;padding:14px 14px calc(14px + max(env(safe-area-inset-bottom),14px));border-top:1px solid rgba(129,146,228,.22);background:#f5f9fffa}.premium-upsell-sheet-bottom-success{gap:0;padding-top:12px}.premium-upsell-sheet-primary{width:100%;min-height:52px;border-radius:15px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-scroll{gap:10px;padding-top:6px;padding-bottom:14px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-handle{margin-top:6px;margin-bottom:2px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-hero{padding:10px 12px 12px;gap:5px;border-radius:16px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-kicker{font-size:10px;padding:2px 8px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-hero-mark{width:68px;height:68px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-title{font-size:24px;line-height:1.05;margin:0}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-subtitle{display:block;font-size:13px;line-height:1.3;font-weight:560;margin-top:0;margin-bottom:0}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-price{font-size:34px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-price-stack{margin-top:2px;gap:5px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-trial-badge{font-size:11px;height:20px;padding:0 10px;margin-bottom:0;line-height:1}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-price-meta{font-size:12px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-benefits{gap:8px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-benefit{font-size:14px;line-height:1.25}.premium-upsell-modal-sheet-premium-trial .premium-upsell-plan{padding-top:11px;padding-bottom:11px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-plan-title{font-size:16px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-plan-price{font-size:14px;line-height:1.2}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-legal{font-size:11px;line-height:1.35;padding-bottom:0}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-bottom{gap:6px;padding-top:10px}.premium-upsell-sheet-warning{margin:0;text-align:center;font-size:12px;line-height:1.3}.premium-upsell-sheet-restore-row{display:flex;align-items:center;justify-content:center;width:100%;justify-self:stretch;margin-top:0;text-align:center}.premium-upsell-sheet-restore-link{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0;border:0;background:transparent;color:#3857af;font-size:10px;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:2px}.premium-upsell-sheet-restore-link:disabled{opacity:.55;cursor:default}.premium-upsell-modal-sheet .premium-upsell-head,.premium-upsell-modal-sheet .premium-upsell-price-row,.premium-upsell-modal-sheet .premium-upsell-features,.premium-upsell-modal-sheet .premium-upsell-actions{display:none}body.native-ios-app.native-ios-real-header .page-ios-native .modal-backdrop.premium-upsell-backdrop-sheet{padding:calc(var(--ios-native-header-offset) + 8px) 0 0}body.native-ios-app.native-ios-real-header .page-ios-native .modal-card.premium-upsell-modal-sheet{height:auto;max-height:min(calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset) - 8px),740px)}body.native-ios-app.native-ios-real-header .page-ios-native .premium-upsell-sheet-bottom{padding-bottom:calc(16px + max(env(safe-area-inset-bottom),18px))}@media (max-height: 760px){.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-hero{padding-top:7px;padding-bottom:7px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-hero-mark{width:54px;height:54px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-title{font-size:22px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-price{font-size:30px}.premium-upsell-modal-sheet-premium-trial .premium-upsell-sheet-benefit{font-size:12px}}.page-auth.page-auth-mode-choose .auth-choice-locale-inline{display:flex;justify-content:center;width:100%;margin-top:10px;margin-bottom:6px}.page-auth.page-auth-mode-choose .auth-choice-locale-inline .auth-choice-locale-picker{width:min(100%,360px);justify-items:center}}@media (max-width: 640px){.page-auth.page-auth-mode-choose .auth-choice-locale-mobile-anchor{display:flex;justify-content:center;width:100%;margin-top:auto;padding-top:12px}.page-auth.page-auth-mode-choose .auth-choice-locale-mobile-anchor .auth-choice-locale-picker{width:min(100%,320px);justify-items:center}.page-auth.page-auth-mode-choose .auth-choice-locale-mobile-anchor .auth-choice-locale-label{font-size:10px}.page-auth.page-auth-mode-choose .auth-choice-locale-mobile-anchor+.auth-legal-footer{margin-top:10px;padding-top:8px}}@keyframes premium-upsell-success-pop{0%{transform:scale(.88);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes premium-upsell-success-ring-draw{0%{stroke-dashoffset:170}to{stroke-dashoffset:0}}@keyframes premium-upsell-success-check-draw{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}@keyframes premium-upsell-sheet-in{0%{transform:translateY(24px);opacity:.38}to{transform:translateY(0);opacity:1}}.report-context-menu{position:fixed;width:min(212px,calc(100vw - 24px));padding:4px;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fffffffb;box-shadow:0 10px 24px #0f172a29;z-index:92}.report-context-menu-item{width:100%;border:0;border-radius:6px;padding:7px 9px;background:transparent;color:#0f172a;text-align:left;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.report-context-menu-item:hover{background:#94a3b824}.report-context-menu-item-danger{color:#b91c1c}.report-context-menu-item-danger:hover{background:#f871711f}.report-context-menu-item-disabled,.report-context-menu-item-disabled:hover{background:transparent;color:#94a3b8;cursor:not-allowed}.report-action-sheet-card{width:min(94vw,420px)}.report-action-sheet-buttons{display:grid;gap:10px}.report-action-sheet-button{width:100%}.report-action-sheet-button i,.report-context-menu-item i{font-size:12px;flex:0 0 auto}.report-action-sheet-button>span[aria-hidden=true],.report-context-menu-item>span[aria-hidden=true]{flex:0 0 auto}.report-modal-card{gap:16px}.report-modal-section{display:grid;gap:10px}.report-modal-label{font-size:13px;font-weight:800;color:#0f172a}.report-reason-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-reason-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#f8fafc;font-size:14px;font-weight:700;color:#1e293b;cursor:pointer}.report-reason-option input{flex:0 0 auto}.report-reason-option-active{border-color:#2563eb73;background:#dbeafeb8;color:#1d4ed8}.report-message-list{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}.report-message-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(148,163,184,.26);border-radius:14px;background:#f8fafc;cursor:pointer}.report-message-option-active{border-color:#3b82f66b;background:#dbeafeb8}.report-message-copy{display:grid;gap:6px;min-width:0}.report-message-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;color:#475569}.report-message-text{font-size:14px;line-height:1.45;color:#0f172a;white-space:pre-wrap;word-break:break-word}.report-modal-summary{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;font-weight:700;color:#475569}.report-modal-actions{justify-content:flex-end}.studio-header-button{display:inline-flex;align-items:center;gap:8px}.studio-header-icon i{font-size:14px;line-height:1}.studio-modal{padding:18px;gap:14px}.studio-modal-native-ios{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-subtitle{margin-top:4px;font-size:13px;color:#64748b;line-height:1.35}.studio-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;min-height:0}.studio-modal-native-ios .studio-shell{overflow:visible;padding:0}.studio-canvas-wrap{position:relative;height:min(55vh,520px);border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:inset 0 0 0 1px #0f172a05}.studio-modal-native-ios .studio-canvas-wrap{height:clamp(280px,47vh,500px);min-height:280px}.studio-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.studio-controls{display:grid;gap:10px;align-content:start;min-width:0}.studio-controls .drawer-controls{display:grid;gap:10px;align-items:start}.studio-controls .tool-buttons{justify-content:flex-start;gap:10px}.studio-modal-native-ios .studio-controls .tool-buttons{width:100%;justify-content:flex-end;padding-right:0;margin-top:-10px;transform:none}.studio-modal-native-ios .studio-controls{padding-bottom:0}.studio-controls .studio-action-btn{min-width:52px;min-height:52px;padding:0!important;border-radius:14px!important;display:inline-grid;place-items:center}.studio-controls .studio-action-btn i{font-size:20px;line-height:1}.studio-modal-native-ios .studio-controls .studio-action-btn{min-width:44px;min-height:44px;border-radius:12px!important}.studio-modal-native-ios .studio-controls .studio-action-btn i{font-size:17px}.rules-modal{max-height:84vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.rules-scroll-body{min-height:0;overflow:auto;display:grid;gap:14px;padding-right:4px}.rules-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rules-subtitle{margin-top:4px;font-size:13px;color:#64748b;line-height:1.35}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.rules-section h3{margin:0 0 10px;font-size:14px;font-weight:750;letter-spacing:.01em;color:#0f172a}.rules-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.rules-list li{border:1px solid rgba(15,23,42,.1);background:#f8fafceb;border-radius:14px;padding:12px}.rules-line{display:flex;align-items:center;gap:10px}.rules-emoji{width:24px;height:24px;display:grid;place-items:center;font-size:16px;line-height:1}.rules-strong{font-weight:700;color:#0f172a}.rules-muted{margin-top:4px;color:#475569;font-size:13px;line-height:1.35}.rules-contact{margin-top:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;border-radius:14px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title discord" "body discord";column-gap:14px;row-gap:6px;align-items:center}.rules-contact-title{grid-area:title;font-size:13px;font-weight:750;color:#0f172a}.rules-contact-body{grid-area:body;margin-top:0;color:#475569;font-size:13px;line-height:1.35}.rules-contact-link{color:#1d4ed8;font-weight:700;text-decoration:none}.rules-contact-link:hover,.rules-contact-link:focus-visible{text-decoration:underline}.rules-discord-row{grid-area:discord;margin-top:0;display:flex;justify-self:end}.rules-discord-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(92,88,242,.5);background:linear-gradient(130deg,#5662f229,#4db8ff33);color:#1f2d75;font-size:13px;font-weight:800;letter-spacing:.01em;white-space:nowrap;text-decoration:none;box-shadow:0 8px 16px #31409529;transition:transform .12s ease,box-shadow .14s ease,background .14s ease}.rules-discord-button i{color:#5865f2;font-size:15px;line-height:1}.rules-discord-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #31409538;background:linear-gradient(130deg,#5662f238,#4db8ff3d)}.rules-discord-button:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.rules-footer{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid rgba(15,23,42,.08);padding-top:10px}.rules-footer-note{flex:1 1 auto;color:#64748b;font-size:12px;line-height:1.35}.rules-footer-build{flex:0 0 auto;color:#94a3b8;font-family:"Space Grotesk",var(--font-ui);font-size:10px;letter-spacing:.05em;white-space:nowrap}@media (max-width: 880px){.studio-shell{grid-template-columns:1fr}.studio-canvas-wrap{height:min(52vh,480px)}.studio-modal-native-ios .studio-canvas-wrap{height:clamp(260px,46vh,460px);min-height:260px}.rules-grid{grid-template-columns:1fr}.rules-contact{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "body" "discord";row-gap:8px;padding-top:14px}.rules-discord-row{justify-self:stretch;width:100%;padding-top:10px}.rules-discord-button{width:100%}}.modal-title{font-size:18px;font-weight:700;color:var(--text)}.modal-body{color:#475569;font-size:14px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.disconnect-reconnect-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#334155;font-weight:600}.disconnect-reconnect-actions{justify-content:center}.create-room-body{display:grid;gap:16px}.create-room-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:14px 16px;border:0;background:transparent;color:var(--text);text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}.create-room-section-copy{display:grid;gap:2px;min-width:0;flex:1 1 auto}.create-room-section-title{display:block;font-size:14px;line-height:1.2;font-weight:700;color:#233155}.create-room-section-subtitle{display:block;font-size:12px;line-height:1.35;color:#667797}.create-room-section-toggle>i{flex:0 0 auto;font-size:14px;line-height:1;color:#61749b}.create-room-section-toggle-active{border-color:#5680ff9e;background:linear-gradient(180deg,#f5f9fffa,#eef4fff0)}.create-room-section-toggle-invalid{box-shadow:inset 0 0 0 1px #dc262673;background:linear-gradient(180deg,#fff6f6fa,#ffececf0)}.create-room-section-toggle-invalid .create-room-section-title{color:#9f1239}.create-room-section-toggle-invalid .create-room-section-subtitle,.create-room-section-toggle-invalid>i{color:#b45309}.create-room-modal-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:84vh;overflow:hidden}.create-room-modal-card .create-room-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.create-room-body .row{margin-top:0}.create-room-body .field{gap:10px}.create-room-body .field-label{font-size:13px;font-weight:700;color:#334155}.create-room-field-invalid .field-label,.create-room-section-invalid .field-label{color:#b42318}.create-room-field-invalid input:not([type=checkbox]):not([type=radio]){border-color:#dc26268c;background:#fff5f5;box-shadow:0 0 0 1px #dc262614}.create-room-section-invalid{padding:10px 12px;border:1px solid rgba(220,38,38,.38);border-radius:12px;background:#fef2f294}.create-room-categories-stack{display:grid;gap:12px}.create-room-add-custom-pill{cursor:pointer;font-weight:700;color:#2d3e66}.create-room-add-custom-pill i{font-size:11px}.create-room-add-custom-editor{display:grid;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(100,116,255,.25);background:linear-gradient(145deg,#f5f7ffe6,#eef2ffd1)}.create-room-custom-lists{display:grid;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(100,116,255,.25);background:linear-gradient(145deg,#f5f7ffe6,#eef2ffd1)}.create-room-custom-lists-label{margin:0}.create-room-icon-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.create-room-icon-selected-name{font-size:12px;font-weight:600;color:#64748b}.create-room-settings-row{align-items:flex-end}.create-room-icon-carousel{position:relative;width:100%;min-width:0;overflow:hidden}.create-room-icon-carousel-arrow{position:absolute;top:50%;z-index:2;display:inline-flex;width:32px;height:56px;align-items:center;justify-content:center;padding:0;border:0;color:#586c96b8;background:linear-gradient(90deg,#f7fafff5,#f7faff00);transform:translateY(-50%)}.create-room-mobile-sections{display:grid;gap:12px}.create-room-mobile-panel{border:1px solid rgba(191,201,225,.92);border-radius:18px;background:#fafcfffa;box-shadow:0 10px 24px #0f172a0d;padding:16px;margin-top:10px}.create-room-mobile-panel-body{display:grid;gap:14px}.create-room-premium-fields{display:grid;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(125,170,230,.5);background:linear-gradient(145deg,#f6fbfffa,#ecf7fff2)}.create-room-premium-fields .agreement-check{align-items:flex-start}.create-room-icon-carousel-arrow-left{left:0}.create-room-icon-carousel-arrow-right{right:0;justify-content:flex-end;background:linear-gradient(270deg,#f7fafff5,#f7faff00)}.icon-grid{display:flex;width:100%;max-width:100%;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 30px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.icon-tile{flex:0 0 160px;min-width:160px;min-height:118px;scroll-snap-align:start}.modal-muted{color:#94a3b8;font-size:12px;line-height:1.35}.settings-build-meta{text-align:center}.settings-build-meta-line{display:inline-flex;align-items:baseline;flex-wrap:wrap;justify-content:center}.settings-build-meta strong{font-weight:600}.settings-build-prefix{text-transform:uppercase;font-weight:600;letter-spacing:.04em}.settings-build-value{margin-right:4px;font-weight:500}.settings-build-sep{margin:0 12px;font-weight:600}.modal-card input:not([type=checkbox]):not([type=radio]),.modal-card select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;width:100%;background:#fff}.modal-card input[type=checkbox],.modal-card input[type=radio]{width:18px;height:18px;padding:0;border:0;border-radius:6px;accent-color:var(--accent)}.admin-settings-list{display:grid;gap:10px}.admin-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f8fafc}.admin-settings-copy{display:grid;gap:2px}.admin-settings-label{font-size:14px;font-weight:700;color:#0f172a}.admin-settings-help{font-size:12px;line-height:1.35;color:#475569}.admin-settings-row input{width:18px;height:18px;accent-color:#2563eb}.admin-settings-row-slider{align-items:flex-start}.modal-backdrop.modal-backdrop-admin-operation{z-index:102;padding:14px;align-items:center;justify-items:center}.admin-game-operation-modal{width:min(1220px,96vw);max-width:min(1220px,96vw);height:min(92vh,920px);max-height:min(92vh,920px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden}.admin-game-operation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-game-operation-body{border:1px solid var(--border);border-radius:12px;background:#f8fafc;min-height:0;overflow:auto;padding:12px}.admin-game-operation-list{display:grid;gap:10px;min-height:0}.admin-game-operation-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:14px;border:1px solid rgba(148,163,184,.34);border-radius:12px;background:#fff;padding:10px 12px}.admin-game-operation-copy{display:grid;gap:3px}.admin-game-operation-label{font-size:14px;font-weight:700;color:#0f172a}.admin-game-operation-help{font-size:12px;line-height:1.35;color:#475569}.admin-game-operation-meta{font-size:11px;line-height:1.3;color:#64748b}.admin-game-operation-row input[type=number]{width:100%}.admin-game-operation-row input[type=checkbox]{justify-self:end}.admin-game-operation-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}@media (max-width: 960px){.modal-backdrop.modal-backdrop-admin-operation,.admin-game-operation-modal{display:none!important}}.settings-volume-control{display:inline-flex;align-items:center;gap:10px;min-width:170px}.settings-volume-control input[type=range]{width:min(220px,28vw);min-width:120px;margin:0;padding:0;border:0;background:transparent}.settings-volume-value{min-width:44px;text-align:right;font-size:12px;font-weight:700;color:#334155}.modal-backdrop-nested{z-index:81}.modal-backdrop-message,.modal-backdrop-message.modal-backdrop-nested{z-index:220}.settings-accordion{border:1px solid var(--border);border-radius:12px;background:#f8fafc;overflow:hidden}.settings-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.settings-language-picker{display:grid;justify-items:end;gap:4px;font-size:11px;font-weight:700;color:#1e3a8a}.settings-language-picker select{width:220px;min-width:0;border:1px solid rgba(59,130,246,.35);background:#fffffff2;color:#0f172a;border-radius:999px;font-size:11px;font-weight:600;padding:6px 10px}.settings-section-list{min-height:0;max-height:none;flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding-right:2px;display:grid;align-content:start;grid-auto-rows:max-content;gap:10px}.settings-modal-card{width:min(94vw,720px);height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;display:flex;flex-direction:column;overflow:hidden}.settings-accordion-toggle{width:100%;border:0;background:transparent;color:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;padding:11px 12px}.settings-accordion-toggle i{color:#64748b;transition:transform .12s ease}.settings-accordion-toggle-open i{transform:rotate(180deg)}.settings-accordion-body{border-top:1px solid rgba(148,163,184,.35);padding:10px 12px 12px;display:grid;gap:8px}.settings-accordion-help{font-size:12px;line-height:1.35;color:#475569}.settings-help-links{display:grid;gap:8px}.settings-help-link-btn{width:100%;min-height:40px;font-weight:700;text-transform:none;letter-spacing:0}.settings-premium-status-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.settings-premium-inline-manage-link{border:0;background:transparent;color:#3f5fa8;font-size:12px;font-weight:600;padding:0;min-height:0;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.settings-premium-inline-manage-link:hover{color:#2f4b8f}.settings-premium-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-modal-card .settings-premium-actions>button,.settings-modal-card .settings-manage-custom-lists-btn{width:100%}.settings-custom-words-modal{width:min(94vw,780px)}.settings-custom-words-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-custom-words-layout{display:grid;gap:10px}.settings-custom-lists-existing-tall{max-height:320px}@media (min-width: 760px){.settings-custom-words-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}@media (max-width: 560px){.settings-modal-head{align-items:stretch}.settings-language-picker{width:100%;justify-items:start}.settings-language-picker select{width:100%;border-radius:12px}}body.native-ios-app.native-ios-real-header .page-ios-native .settings-modal-card{height:calc(100dvh - var(--ios-native-header-offset) - 20px - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--ios-native-header-offset) - 20px - env(safe-area-inset-bottom))}.settings-custom-lists{display:grid;gap:10px;border:1px solid rgba(185,200,232,.8);border-radius:12px;background:#fffffff2;padding:10px}.settings-custom-lists-head{font-size:13px;font-weight:800;color:#1f315b}.settings-custom-lists-help{font-size:12px;line-height:1.35;color:#526178}.settings-custom-lists-existing{display:grid;gap:8px;max-height:180px;overflow:auto;padding-right:2px}.settings-custom-list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(191,201,225,.82);border-radius:11px;background:#f8fafc;padding:8px 10px}.settings-custom-list-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-custom-list-copy{min-width:0;display:grid;gap:2px}.settings-custom-list-name{font-size:13px;font-weight:700;color:#1e2f57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-custom-list-meta{font-size:11px;color:#667488}.stripe-embedded-checkout-host{width:100%;min-height:min(78vh,760px);border:1px solid #dbeafe;border-radius:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#fff}.stripe-checkout-card{position:relative}.stripe-checkout-head{position:absolute;top:8px;right:8px;min-height:0;height:0;margin:0;padding:0;z-index:8}.stripe-checkout-close-circle{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:999px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.stripe-checkout-close-circle i{font-size:16px;line-height:1}.stripe-embedded-checkout-shell{position:relative;min-height:min(78vh,760px)}.stripe-embedded-checkout-shell .stripe-embedded-checkout-host{min-height:inherit}.stripe-embedded-checkout-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;border:1px solid #dbeafe;border-radius:14px;background:radial-gradient(360px 180px at 8% 0%,rgba(166,207,255,.18),transparent 72%),radial-gradient(320px 180px at 92% 100%,rgba(183,186,255,.12),transparent 74%),#fff}.stripe-embedded-checkout-spinner{width:24px;height:24px;border-width:3px}.stripe-embedded-checkout-loading-title{font-size:16px;font-weight:760;color:#1f2e61;line-height:1.2}.stripe-embedded-checkout-loading-copy{font-size:13px;color:#5b6b92}@media (max-width: 760px){.modal-backdrop.stripe-checkout-mobile-backdrop{place-items:stretch;align-items:stretch;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0b142c94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90}.modal-card.stripe-checkout-mobile-card{width:100vw;max-width:100vw;min-height:100dvh;max-height:none;margin:0;border-radius:0;border:none;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));background:radial-gradient(680px 220px at 8% 0%,rgba(166,207,255,.24),transparent 72%),radial-gradient(620px 220px at 92% 100%,rgba(183,186,255,.14),transparent 74%),#f2f7ff;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;animation:stripe-checkout-mobile-in .22s cubic-bezier(.2,.9,.22,1)}.stripe-checkout-mobile-card .rules-head{align-items:center}.stripe-checkout-mobile-card .stripe-checkout-close-circle{width:36px;height:36px;min-width:36px;min-height:36px}.stripe-checkout-mobile-card .stripe-checkout-head{top:calc(6px + env(safe-area-inset-top));right:8px}.stripe-checkout-mobile-card .stripe-embedded-checkout-host{min-height:0;height:auto;max-height:100%;border-radius:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;box-shadow:0 16px 34px #1d2a6433}.stripe-checkout-mobile-card .stripe-embedded-checkout-shell{min-height:0;height:100%}.stripe-checkout-mobile-card .stripe-embedded-checkout-loading{border-radius:14px}}@keyframes stripe-checkout-mobile-in{0%{transform:translateY(28px);opacity:.36}to{transform:translateY(0);opacity:1}}.settings-delete-account-link{justify-self:start;border:0;background:transparent;color:#b91c1c;font-size:13px;font-weight:700;padding:0;min-height:0;text-decoration:underline;text-underline-offset:2px}.settings-delete-account-link:disabled{color:#94a3b8;text-decoration:none;cursor:not-allowed}.settings-delete-account-confirm{background:#b91c1c;border-color:#b91c1c}.settings-delete-account-confirm:hover{background:#991b1b;border-color:#991b1b}.admin-report-list{display:grid;gap:10px;max-height:none;overflow:visible;padding-right:2px}.admin-report-item{border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:10px 12px;display:grid;gap:6px}.admin-report-item-unread{border-color:#dc262666;background:#fef2f2bf}.title-list{display:grid;gap:8px;max-height:44vh;overflow:auto;padding-right:2px}.title-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f8fafc;color:#0f172a}.title-item:hover{background:#fff}.title-item-active{border-color:#2563eb80;background:#dbeafead}.title-item-name{font-size:14px;font-weight:700}.title-item-meta{font-size:12px;color:#64748b}.admin-report-item-title{flex:1 1 auto;min-width:0;font-size:14px;font-weight:800;color:#0f172a}.admin-report-item-head{display:flex;align-items:flex-start;gap:10px}.admin-report-actions-trigger{margin-left:auto;list-style:none;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.45);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;color:#1e3a8a;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-report-actions-trigger i{font-size:11px;color:#64748b}.admin-report-action-soft-kick{color:#9a3412;border-color:#c2410c57}.admin-report-action-hard-kick{color:#b91c1c;border-color:#b91c1c57}.admin-report-actions-modal{width:min(92vw,420px)}.admin-report-actions-grid{display:grid;gap:10px}.admin-report-actions-grid>button{width:100%}.admin-report-action-warn{color:#9f1239;border-color:#be185d47}.admin-report-action-ban{color:#991b1b;border-color:#991b1b57}.admin-report-action-disabled,.admin-report-action-disabled:hover{color:#94a3b8;border-color:#94a3b84d;background:#f1f5f9b8;cursor:not-allowed}.admin-report-item-meta{font-size:12px;color:#475569}.admin-report-detail-block{display:grid;gap:6px;padding:8px 10px;border-radius:10px;background:#ffffffd9;border:1px solid rgba(148,163,184,.18)}.admin-report-detail-label{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.admin-report-detail-copy{font-size:13px;line-height:1.45;color:#0f172a;white-space:pre-wrap}.admin-report-detail-list{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.admin-report-log-details{display:grid;gap:8px}.admin-report-log-details summary{cursor:pointer;font-size:12px;font-weight:800;color:#1d4ed8}.admin-report-log-row{display:grid;gap:2px}.admin-report-log-meta{font-size:11px;font-weight:700;color:#64748b}.admin-report-log-text{font-size:13px;line-height:1.45;color:#0f172a;white-space:pre-wrap;word-break:break-word}.admin-logs-wrap{display:grid;gap:12px;max-height:62vh;overflow:auto;padding-right:4px}.admin-log-room{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f8fafc;display:grid;gap:8px}.admin-log-room-title{font-weight:800;color:#0f172a}.admin-log-users{color:#334155;font-size:13px}.admin-log-list{display:grid;gap:4px;max-height:220px;overflow:auto;padding-right:2px}.admin-log-entry{display:grid;grid-template-columns:auto auto 1fr;gap:8px;font-size:12px;color:#334155;align-items:baseline}.admin-log-time{color:#64748b;white-space:nowrap}.admin-log-kind{color:#1d4ed8;font-weight:700;white-space:nowrap}.admin-log-text{word-break:break-word}.auth-inner{padding:26px 22px;display:grid;gap:14px}.auth-brand{font-family:var(--font-display);font-size:38px;font-weight:900;letter-spacing:.25px}.brand{font-family:var(--font-display)}.auth-subtitle{color:var(--muted);font-size:14px;margin-top:-8px}.auth-status{font-size:12px;color:var(--muted);display:inline-flex;width:fit-content;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-bullets{margin-top:10px;display:grid;gap:8px;color:var(--muted);font-size:13px}.auth-bullets>div{padding-left:16px;position:relative}.auth-bullets>div:before{content:"✶";position:absolute;left:0;top:0;color:var(--accent)}.auth-beta-note{margin:18px 0 0;padding:10px 12px;color:#475569;font-size:12px;line-height:1.4;max-width:46ch;border-top:1px solid rgba(148,163,184,.28);background:#ffffff73;border-radius:10px}.auth-contact-note{margin:10px 0 0;color:#64748b;font-size:12px;line-height:1.4;max-width:46ch}.auth-build-tag{margin:6px 0 0;max-width:46ch;text-align:left;color:#94a3b8;font-family:"Space Grotesk",var(--font-ui);font-size:10px;letter-spacing:.05em}.auth-contact-link{color:#475569;font-weight:750;text-decoration:underline;text-decoration-color:#64748b73;text-underline-offset:2px}.auth-contact-link:hover,.auth-contact-link:focus-visible{text-decoration-color:#64748bd9}.panel{background:linear-gradient(150deg,#fffffffa,#f6fafff2);border:1px solid rgba(165,179,216,.35);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05)}.panel-header{padding:12px 14px;font-weight:800;color:#2d3966;letter-spacing:.03em;border-bottom:1px solid var(--border)}.panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.scroll{padding:12px 14px;overflow:auto;flex:1}.player{display:flex;gap:10px;align-items:center;padding:8px 0;border-radius:10px;position:relative;overflow:hidden;isolation:isolate;transition:background-color .18s ease,border-color .18s ease}@media (pointer: fine){.player[role=button],.player-name{cursor:pointer}}.player-away{opacity:.55}.player-correct{background:#dcfce7;border:1px solid #86efac;padding:10px 8px}.player-correct-mark{position:absolute;right:6px;bottom:2px;font-size:28px;line-height:1;color:#22c55e;opacity:.16;pointer-events:none;z-index:0}.player-correct .badge,.player-correct .player-meta{position:relative;z-index:1}.player-drawer{background:#bae6fd;border:1px solid #7dd3fc;padding:10px 8px}.player-drawer:after{content:"🖌️";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:54px;line-height:1;opacity:.16;pointer-events:none;z-index:0}.player-drawer .badge,.player-drawer .player-meta{position:relative;z-index:1}.player-self-hidden{opacity:.55;filter:saturate(.75)}.badge{min-width:38px;width:auto;height:38px;padding:0 6px;border-radius:12px;background:linear-gradient(120deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-weight:700}.badge-admin{border-radius:8px;background:linear-gradient(145deg,#ef4444,#b91c1c);box-shadow:inset 0 0 0 1px #fff3}.badge-premium-shimmer{position:relative;overflow:visible;background-image:linear-gradient(118deg,#fff0,#ffffff75 48%,#fff0 58%),linear-gradient(145deg,#5a56f224,#4db8ff29);background-size:230% 100%,100% 100%;border:1px solid rgba(129,146,228,.42);box-shadow:inset 0 0 0 1px #ffffff61;color:#2b3770;animation:premium-badge-shimmer 5.8s ease-in-out infinite;will-change:background-position}.badge-premium-corner-icon{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:#f8fbff;border:1px solid rgba(129,146,228,.42);box-shadow:0 2px 4px #222d6e29;font-size:9px;line-height:1;color:#2b3770;z-index:2;pointer-events:none}.player-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.player-name{font-weight:600;display:flex;gap:4px;align-items:center;flex-wrap:nowrap;min-width:0;width:100%;font-size:14px;line-height:1.15}.player-name-text{display:block;flex:1 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.player-name-admin{font-weight:650}.player-name-text-admin{font-weight:700;color:#7f1d1d}.leader-trophy{font-size:14px;line-height:1}.player-score{flex:0 0 auto;white-space:nowrap;font-size:10px;font-weight:700;color:#1e3a8a;background:#bfdbfeb3;border:1px solid rgba(147,197,253,.9);border-radius:999px;padding:2px 7px}.player-tagline{color:var(--muted);font-size:13px;line-height:1.05;margin-top:-1px}.player-tagline-premium{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.01em;line-height:1.02;margin-top:-1px;color:#2928aa;text-shadow:none}.player-tagline-admin{color:#b91c1c;font-size:12px;font-weight:600}@keyframes premium-badge-shimmer{0%{background-position:0% 0%,0% 0%}50%{background-position:110% 0%,0% 0%}to{background-position:0% 0%,0% 0%}}.player-name-expanded .player-name-text{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.player-name-expanded .leader-trophy,.player-name-expanded .player-score,.player-name-expanded .pill-you,.player-name-expanded .pill-away{visibility:hidden;opacity:0;pointer-events:none}@media (max-width: 880px){.player-name-expanded .player-tagline,.player-name-expanded .player-tagline-admin,.player-name-expanded .tagline-newbie{visibility:hidden;opacity:0;pointer-events:none}}.tagline-newbie{color:#94a3b8;font-size:12px}.pill{flex:0 0 auto;white-space:nowrap;padding:2px 7px;border-radius:999px;font-size:10px;background:#e0f2fe;color:#0369a1}.pill-live{background:#dbeafe;color:#1d4ed8}.pill-you{background:#ede9fe;color:#5b21b6}.pill-away{background:#e2e8f0;color:var(--muted)}.pill-away i{font-size:11px;line-height:1}.away-toggle{margin-left:10px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;-webkit-user-select:none;user-select:none}.away-toggle-header{margin-left:0}.away-toggle input{accent-color:var(--accent)}.canvas-wrap{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden;overscroll-behavior:contain}.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.toolbar-primary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:40px}.toolbar-center{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center}.report-artist-button{min-height:34px;border-radius:999px!important;padding:7px 12px!important;display:inline-flex;align-items:center;gap:8px;border:1px solid #f59e0b!important;background:linear-gradient(130deg,#fef9c3f2,#fed7aaf2)!important;color:#92400e!important;font-weight:700!important}.report-artist-button:disabled{opacity:.7;cursor:not-allowed}.report-artist-button:hover{background:linear-gradient(130deg,#fef3c7,#fde68af2)!important}.canvas-report-floating{position:absolute;top:12px;right:12px;z-index:5}.canvas-artist-banner{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(59,130,246,.45);background:#bfdbfe80;color:#1e3a8a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 4px 12px #1e40af1f}.canvas-artist-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#334155}.canvas-artist-name{font-size:14px;font-weight:800;color:#1e3a8a}.canvas-artist-you{font-size:11px;font-weight:700;color:#1d4ed8;background:#dbeafef2;border:1px solid rgba(147,197,253,.75);border-radius:999px;padding:2px 7px}.report-artist-icon{font-size:13px;font-weight:700;line-height:1}.report-artist-text{font-size:12px;letter-spacing:.02em}.guess-reportable .msg-bubble,.player-reportable,.mobile-header-drawer-current-user-row-reportable{cursor:context-menu}.word-track{display:flex;align-items:center;gap:10px;min-height:36px;flex-wrap:wrap}.round-pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#2a336f;background:#f4d25042;border:1px solid rgba(231,190,73,.7)}.word-cell.word-cell-correct{background:#dff0ee;border-color:#6eb1a3e6;color:#166534;box-shadow:inset 0 0 0 1px #bbe2d6a6,0 1px 3px #1665341f}.clock-timer{display:inline-flex;align-items:center;padding:2px;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#f8fafceb}.clock-face{width:38px;height:38px;border-radius:999px;border:2px solid #7c8594;position:relative;display:grid;place-items:center}.clock-center{display:none!important;width:0!important;height:0!important}.clock-timer-neutral{border-color:#94a3b8bf}.clock-timer-alert{border-color:#ef4444ad;background:#fef2f2eb}.clock-timer-alert .clock-face{border-color:#dc2626}.mobile-header-timer{display:none}.toolbar-right{justify-self:end;display:inline-flex;align-items:center;gap:10px}.clock-status{font-size:14px;font-weight:700;color:#475569;white-space:nowrap}.canvas-timer-floating{position:absolute;z-index:9;display:inline-flex;align-items:center;justify-content:center;gap:6px;pointer-events:none;transition:top .32s ease,right .32s ease,left .32s ease,transform .32s ease,gap .32s ease,opacity .22s ease}.canvas-timer-floating-corner{top:8px;right:10px;left:auto;transform:translateZ(0) scale(1);flex-direction:row}.canvas-timer-floating-corner .canvas-timer-status,.canvas-timer-floating-corner .canvas-timer-seconds{display:none}.canvas-timer-floating-center{top:calc(50% + 48px);left:50%;right:auto;transform:translate3d(-50%,-50%,0) scale(1.45);flex-direction:column;gap:8px}.canvas-timer-floating-center-planning{top:50%;transform:translate3d(-50%,-50%,0) scale(1);width:calc(100% - 30px);max-width:1040px;height:calc(100% - 30px);gap:0}.canvas-timer-floating-center .clock-face{width:52px;height:52px}.canvas-timer-floating-center .clock-center{width:18px;height:18px}.canvas-corner-actions{position:absolute;z-index:10;top:8px;right:10px;display:inline-flex;align-items:center;gap:10px;pointer-events:auto}.canvas-corner-actions>.ghost{padding:8px 12px!important;border-radius:12px!important;font-weight:800}.canvas-corner-actions .skip-turn-disabled{opacity:.55;cursor:not-allowed}.canvas-mobile-meta{display:none}.canvas-timer-status{font-size:16px;font-weight:800;color:#334155;text-align:center;white-space:nowrap}.canvas-timer-seconds{margin-top:-2px;font-size:13px;font-weight:700;color:#64748b}.canvas-planning-spinner{width:52px;height:52px;border-radius:999px;border:4px solid rgba(148,163,184,.42);border-top-color:#3b82f6;border-right-color:#93c5fd;animation:spin .9s linear infinite}.canvas-planning-status-text{max-width:min(84vw,520px);white-space:normal;text-wrap:balance}.canvas-planning-emoji-cloud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.canvas-planning-emoji-cloud-mobile{top:0;right:0;bottom:0;left:0}.canvas-planning-emoji{position:absolute;font-size:clamp(24px,2.9vw,34px);filter:drop-shadow(0 8px 12px rgba(15,23,42,.14));opacity:0;animation-duration:5.2s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:both;will-change:transform,opacity}.canvas-planning-emoji-size-md{font-size:clamp(24px,2.9vw,34px)}.canvas-planning-emoji-size-lg{font-size:clamp(30px,3.5vw,42px)}.canvas-planning-emoji-size-xl{font-size:clamp(36px,4.4vw,52px)}.canvas-planning-emoji-size-xxl{font-size:clamp(52px,6.8vw,96px)}.canvas-planning-emoji-0{animation-name:emoji-float-a}.canvas-planning-emoji-1{animation-name:emoji-float-b}.canvas-planning-emoji-2{animation-name:emoji-float-c}.canvas-planning-emoji-3{animation-name:emoji-float-d}.canvas-planning-emoji-4{animation-name:emoji-float-e}.canvas-planning-emoji-5{animation-name:emoji-float-f}.canvas-planning-status-card{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;width:min(92%,620px);max-width:min(92%,620px);padding:18px 28px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#ffffffbd;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 18px 40px #0f172a26}.canvas-planning-status-card-mobile{gap:8px;width:min(96%,560px);max-width:min(96%,560px);padding:14px 18px}@keyframes emoji-float-a{0%{transform:translate3d(0,10px,0) scale(.92) rotate(-6deg);opacity:0}18%{opacity:.95}54%{transform:translate3d(26px,-22px,0) scale(1.08) rotate(4deg);opacity:.85}to{transform:translate3d(42px,-34px,0) scale(.96) rotate(8deg);opacity:0}}@keyframes emoji-float-b{0%{transform:translate3d(-8px,16px,0) scale(.88) rotate(2deg);opacity:0}14%{opacity:.9}58%{transform:translate3d(18px,-26px,0) scale(1.06) rotate(-10deg);opacity:.86}to{transform:translate3d(30px,-40px,0) scale(.95) rotate(-14deg);opacity:0}}@keyframes emoji-float-c{0%{transform:translate3d(6px,12px,0) scale(.9) rotate(-2deg);opacity:0}20%{opacity:.96}56%{transform:translate3d(-14px,-22px,0) scale(1.03) rotate(8deg);opacity:.82}to{transform:translate3d(-22px,-38px,0) scale(.94) rotate(12deg);opacity:0}}@keyframes emoji-float-d{0%{transform:translate3d(0,8px,0) scale(.92) rotate(-8deg);opacity:0}16%{opacity:.92}52%{transform:translate3d(-24px,-18px,0) scale(1.1) rotate(6deg);opacity:.88}to{transform:translate3d(-36px,-34px,0) scale(.95) rotate(10deg);opacity:0}}@keyframes emoji-float-e{0%{transform:translate3d(-10px,14px,0) scale(.9) rotate(4deg);opacity:0}17%{opacity:.9}57%{transform:translate3d(12px,-20px,0) scale(1.05) rotate(-7deg);opacity:.84}to{transform:translate3d(22px,-34px,0) scale(.93) rotate(-11deg);opacity:0}}@keyframes emoji-float-f{0%{transform:translate3d(4px,10px,0) scale(.9) rotate(-3deg);opacity:0}22%{opacity:.95}55%{transform:translate3d(20px,-16px,0) scale(1.04) rotate(9deg);opacity:.86}to{transform:translate3d(34px,-30px,0) scale(.96) rotate(13deg);opacity:0}}.mobile-header-planning-spinner{width:20px;height:20px;border-radius:999px;border:2px solid rgba(148,163,184,.45);border-top-color:#3b82f6;animation:spin .9s linear infinite}.system-warning{color:#92400e;font-weight:650;background:#fef3c7b8;border:1px solid rgba(245,158,11,.48);border-radius:10px;padding:7px 10px;line-height:1.25;display:inline-block;max-width:100%}.word-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:#2e3a72}.word-cells{--word-cell-width: 28px;--word-cell-height: 32px;--word-cell-radius: 10px;--word-cell-gap: 6px;--word-cell-font-size: 16px;--word-cell-space-width: 14px;display:flex;gap:var(--word-cell-gap);flex-wrap:wrap}.word-cell{width:var(--word-cell-width);height:var(--word-cell-height);border-radius:var(--word-cell-radius);border:1px solid rgba(107,126,215,.45);background:#fff;display:grid;place-items:center;font-weight:800;font-size:var(--word-cell-font-size);color:#18204b;text-transform:uppercase}.word-cells-compact-lg{--word-cell-width: 24px;--word-cell-height: 28px;--word-cell-radius: 8px;--word-cell-gap: 4px;--word-cell-font-size: 13px;--word-cell-space-width: 10px}.word-cells-compact-xl{--word-cell-width: 20px;--word-cell-height: 24px;--word-cell-radius: 7px;--word-cell-gap: 3px;--word-cell-font-size: 12px;--word-cell-space-width: 8px}.word-cells-compact-xxl{--word-cell-width: 16px;--word-cell-height: 20px;--word-cell-radius: 6px;--word-cell-gap: 2px;--word-cell-font-size: 11px;--word-cell-space-width: 6px}.word-cells-reveal-compact-xxl{--word-cell-width: 14px;--word-cell-height: 18px;--word-cell-radius: 6px;--word-cell-gap: 2px;--word-cell-font-size: 10px;--word-cell-space-width: 5px}.word-cells-reveal-compact-xxxl{--word-cell-width: 12px;--word-cell-height: 16px;--word-cell-radius: 5px;--word-cell-gap: 1px;--word-cell-font-size: 9px;--word-cell-space-width: 4px}.word-cell-hidden{background:#fff;border-color:#b0bcebd9;color:#7482bc4d}.word-cell-revealed{background:#fff;color:#1d2557;border-color:#697bd475}.word-cell-peek{background:#fff7d3;border-color:#ebbb38cc;color:#754500;box-shadow:inset 0 0 0 1px #ebbb3852}@keyframes word-cell-hint-flash{0%,to{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:none}18%,52%,86%{background:#fff5f5;border-color:#dc262694;color:#dc2626;box-shadow:0 0 0 1px #dc262624,0 0 0 5px #dc262614}34%,68%{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:none}}.word-cell-hint-flash{animation:word-cell-hint-flash 1.65s ease-in-out 1}.word-cell-hinted{background:#fff5f5;border-color:#dc26268c;color:#dc2626}.word-cell-space{width:var(--word-cell-space-width);border:none;background:transparent}.word-empty{color:#64748b;font-weight:600}.drawer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.drawer-tools-toggle{display:none;min-width:36px;min-height:36px;border-radius:999px!important;font-size:17px;line-height:1;padding:0 10px!important}.brush-tools{display:flex;gap:6px;flex-wrap:wrap}.tool-active{border-color:#0e74904d!important;box-shadow:inset 0 0 0 1px #0e749026;background:#eff6ff!important}.tool-size{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#475569}.tool-size input{width:110px}.color-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.color-swatches-picker-open{width:100%;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-height:28px}.swatch{width:22px;height:22px;border-radius:999px;border:1px solid rgba(15,23,42,.15);padding:0;cursor:pointer;display:inline-grid;place-items:center;position:relative}.swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}.swatch-disabled{opacity:.55;cursor:not-allowed}.swatch-wheel{background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-color:#0f172a38}.swatch-wheel-selected-chip{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.96);background:var(--swatch-wheel-selected, #ffffff);box-shadow:0 0 0 1px #0f172a2e}.color-wheel-picker{position:relative;display:inline-flex}.color-wheel-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:60;width:min(230px,calc(100vw - 28px));display:grid;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(71,85,105,.34);background:linear-gradient(155deg,#fffffffa,#eef6fff2);box-shadow:0 16px 34px #0f172a38}.color-wheel-picker-inline,.swatch-neon-picker-inline{width:100%;display:block}.color-wheel-popover-inline,.neon-ink-popover-inline{position:static;top:auto;left:auto;right:auto;width:100%;min-width:0;max-width:none;padding:0;border:0;background:transparent;box-shadow:none}.color-wheel-head,.neon-ink-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.color-wheel-close-btn{min-height:28px;padding:4px 10px!important;border-radius:10px!important;font-size:12px;font-weight:700;flex:0 0 auto}.color-wheel-inline-strip{display:flex;align-items:center;gap:8px;width:100%}.color-wheel-inline-chip{width:18px;height:18px;border-radius:999px;border:1px solid rgba(15,23,42,.24);flex:0 0 auto}.color-wheel-inline-range{width:100%;flex:1 1 auto;min-width:0;height:8px;border-radius:999px;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.color-wheel-inline-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-wheel-inline-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:999px;border:2px solid #ffffff;background:var(--color-wheel-preview, #ffffff);box-shadow:0 0 0 1px #0f172a47,0 3px 8px #0f172a2e;margin-top:-5px}.color-wheel-inline-range::-moz-range-track{height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-wheel-inline-range::-moz-range-thumb{width:16px;height:16px;border-radius:999px;border:2px solid #ffffff;background:var(--color-wheel-preview, #ffffff);box-shadow:0 0 0 1px #0f172a47,0 3px 8px #0f172a2e}.color-wheel-inline-range::-moz-range-progress{background:transparent}.color-wheel-title{font-size:11px;font-weight:700;color:#1e293b;letter-spacing:.02em}.color-wheel-surface{width:168px;height:168px;border-radius:999px;border:1px solid rgba(15,23,42,.2);padding:0;position:relative;justify-self:center;cursor:crosshair;background:radial-gradient(circle at center,#fffffff5,#fff0 46%),conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 1px #ffffff80}.color-wheel-surface:focus-visible{outline:none;box-shadow:inset 0 1px #ffffff80,0 0 0 2px #0e749057}.color-wheel-handle{position:absolute;width:14px;height:14px;border-radius:999px;border:2px solid #ffffff;box-shadow:0 0 0 1px #0f172a47,0 3px 8px #0f172a2e;transform:translate(-50%,-50%);pointer-events:none}.color-wheel-controls{display:grid;gap:8px}.color-wheel-compact-controls{display:none!important;gap:8px}.color-wheel-preview{display:flex;align-items:center;gap:8px}.color-wheel-preview-compact{justify-content:center;padding:2px 0 4px}.color-wheel-preview-chip{width:20px;height:20px;border-radius:999px;border:1px solid rgba(15,23,42,.22);box-shadow:inset 0 1px #ffffff80}.color-wheel-preview-code{font-size:11px;font-weight:700;color:#334155;letter-spacing:.03em}.color-wheel-compact-slider{display:grid;gap:5px;font-size:11px;font-weight:600;color:#475569}.color-wheel-compact-slider input[type=range]{width:100%;height:8px;border-radius:999px;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.color-wheel-compact-slider input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-wheel-compact-slider input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,23,42,.25);background:#fff;box-shadow:0 1px 4px #0f172a38;margin-top:-4px}.color-wheel-compact-slider input[type=range]::-moz-range-track{height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-wheel-compact-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,23,42,.25);background:#fff;box-shadow:0 1px 4px #0f172a38}.color-wheel-compact-slider input[type=range]::-moz-range-progress{background:transparent}.color-swatches-picker-open .color-wheel-picker-inline,.color-swatches-picker-open .swatch-neon-picker-inline{flex:1 1 auto;min-width:0}.swatch-neon{background:radial-gradient(circle at 30% 30%,#d6f9ff,#14f1ff 38%,#00a2ff 72%,#4f46e5);border-color:#13a8ff94;box-shadow:0 0 0 1px #14f1ff47,0 0 10px #14f1ff5c}.swatch-neon .swatch-wheel-icon{color:#0a1e48f0}.swatch-neon-picker{position:relative;display:inline-flex}.swatch-neon-trigger{color:#14f1ff;background:radial-gradient(circle at 30% 30%,#f4fdff 0%,currentColor 40%,#1e1b4b 108%);border-color:#0f172a47;box-shadow:0 0 0 1px #ffffff38,0 0 7px currentColor;position:relative;overflow:hidden;isolation:isolate}.swatch-neon-picker.is-open .swatch-neon-trigger{box-shadow:0 0 0 1px #ffffff38,0 0 9px currentColor}.swatch-neon-trigger .swatch-wheel-icon{color:#0a1e48f0;position:relative;z-index:1}.neon-ink-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:60;display:grid;gap:8px;min-width:154px;max-width:min(220px,calc(100vw - 28px));padding:10px;border-radius:12px;border:1px solid rgba(71,85,105,.34);background:linear-gradient(155deg,#fffffff7,#eef6fff2);box-shadow:0 16px 34px #0f172a38}.neon-ink-popover-title{font-size:11px;font-weight:700;color:#1e293b;letter-spacing:.02em}.neon-ink-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.neon-ink-inline-strip{display:flex;align-items:center;gap:8px;width:100%}.neon-ink-grid-inline{display:flex;align-items:center;gap:6px;grid-template-columns:none;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.neon-ink-grid-inline .neon-ink-option{width:22px;height:22px;flex:0 0 auto}.neon-ink-option{width:24px;height:24px;border-radius:999px;border:1px solid rgba(15,23,42,.24);padding:0;cursor:pointer;box-shadow:0 0 6px currentColor,inset 0 0 0 1px #f8fafc42;position:relative;overflow:hidden;isolation:isolate}.neon-ink-option:hover{transform:translateY(-1px)}.neon-ink-option.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor,0 0 16px currentColor}.swatch-neon-locked{background:radial-gradient(circle at 26% 26%,#eff6ff,#dbeafe 48%,#bfdbfe);border-color:#47556947;box-shadow:none;animation:none}.swatch-wheel-icon{font-size:12px;color:#0f172ae0;text-shadow:0 1px 0 rgba(255,255,255,.75)}.swatch-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #0e749059}.swatch-neon-trigger:after,.neon-ink-option:after{content:"";position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%;z-index:0;pointer-events:none;background:linear-gradient(112deg,#fff0 40%,#ffffff2e,#fff0 60%);transform:translate(-135%) rotate(12deg);opacity:0}.swatch-neon-trigger:before,.neon-ink-option:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at center,#ffffff80,#fff0 64%);opacity:0;transform:translate3d(-22%,14%,0) scale(.35);animation:neon-ink-soft-spark 18s ease-in-out infinite}.swatch-neon-trigger:after{animation:neon-ink-trigger-shimmer 14.6s linear infinite}.neon-ink-option:after{animation:neon-ink-option-shimmer 16.8s linear infinite}.neon-ink-option:before{animation-delay:2.8s}@keyframes neon-ink-trigger-shimmer{0%,82%{transform:translate(-135%) rotate(12deg);opacity:0}88%{opacity:.1}93%{transform:translate(135%) rotate(12deg);opacity:.1}to{transform:translate(135%) rotate(12deg);opacity:0}}@keyframes neon-ink-option-shimmer{0%,84%{transform:translate(-135%) rotate(12deg);opacity:0}90%{opacity:.08}95%{transform:translate(135%) rotate(12deg);opacity:.08}to{transform:translate(135%) rotate(12deg);opacity:0}}@keyframes neon-ink-soft-spark{0%,78%{opacity:0;transform:translate3d(-22%,14%,0) scale(.35)}84%{opacity:.14;transform:translate3d(6%,-3%,0) scale(.58)}90%{opacity:.09;transform:translate3d(18%,-12%,0) scale(.42)}to{opacity:0;transform:translate3d(22%,-16%,0) scale(.3)}}.swatch-neon-trigger:before,.swatch-neon-trigger:after,.neon-ink-option:before,.neon-ink-option:after{content:none}@media (max-width: 640px){.color-swatches-picker-open{gap:6px}.color-wheel-popover,.neon-ink-popover{left:auto;right:0}}.tool-icon-btn{min-width:42px;min-height:42px;padding:8px 10px!important;border-radius:12px!important;display:inline-grid;place-items:center;line-height:1}.tool-icon-btn i{font-size:16px}.has-tooltip{position:relative}.has-tooltip:before,.has-tooltip:after{opacity:0;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none;z-index:40}.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);padding:7px 9px;border-radius:10px;background:#0f172aeb;color:#fff;font-size:12px;font-weight:650;letter-spacing:.01em;white-space:nowrap;box-shadow:0 12px 26px #0f172a47}.has-tooltip:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:10px;height:10px;background:#0f172aeb;transform:translate(-50%,4px) rotate(45deg);border-radius:2px}.has-tooltip:hover:before,.has-tooltip:hover:after,.has-tooltip:focus-visible:before,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.timer{position:relative;flex:1;height:10px;background:#e2e8f0;border-radius:999px}.timer span{position:absolute;top:-18px;right:0;font-size:12px;color:var(--muted)}.timer-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .3s ease}.tool-buttons{display:flex;gap:8px}.canvas-bottom-actions{border-top:1px solid var(--border);padding:10px 14px 12px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.canvas-bottom-actions .drawer-controls{width:100%;align-items:flex-start;justify-content:flex-start;row-gap:10px}.canvas-bottom-actions .color-swatches{overflow:visible;padding-top:2px}.drawer-controls-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;align-items:end;padding:10px;background:#0f172a61}.drawer-controls-overlay-panel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 36px #0f172a3d;padding:10px;display:grid;gap:10px;max-height:min(55svh,360px);overflow:auto}.drawer-controls-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;color:#0f172a}.drawer-controls-overlay-panel .drawer-controls{gap:10px}.canvas-stage{min-height:0;min-width:0;display:grid;place-items:start center;align-content:start;padding:12px;position:relative;overflow:hidden}.canvas-stage-planning{padding:0}.canvas-stage-mobile-frame{border:1px solid rgba(148,163,184,.3);border-radius:14px;background:linear-gradient(135deg,#1e3a8a24,#4338ca2e),linear-gradient(0deg,#bfdbfe38,#bfdbfe38)}.canvas-placeholder{position:relative;background:#fff;margin:0;border-radius:12px;border:1px dashed var(--border);overflow:hidden;max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:min(100%,980px);aspect-ratio:4 / 3}.canvas-mobile-corner-actions{position:absolute;top:10px;right:10px;z-index:11;display:inline-flex;align-items:center;gap:8px;pointer-events:none}.canvas-mobile-timer{pointer-events:none}.canvas-mobile-timer .clock-face{width:32px;height:32px}.canvas-mobile-timer .clock-center{width:12px;height:12px}.canvas-drawer-tools-toggle{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:12px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;background:#fffffff0!important;border-color:#94a3b885!important;box-shadow:0 8px 18px #0f172a29}.canvas-drawer-tools-toggle i{font-size:16px;line-height:1}.canvas-placeholder-mobile-frame{border-style:solid;border-color:#6366f16b;box-shadow:0 16px 34px #0f172a2e}.canvas-placeholder-planning{border:0;border-radius:12px;background:radial-gradient(circle at 20% 18%,#94a3b81f,#f8fafcbd 42%),radial-gradient(circle at 78% 86%,#94a3b81a,#f8fafcb3 40%),linear-gradient(155deg,#f1f5f9,#e2e8f0 44%,#f8fafc);width:100%;height:100%;aspect-ratio:auto}.canvas-stage-planning .canvas-placeholder-planning{position:absolute;top:0;right:0;bottom:0;left:0;width:auto!important;height:auto!important;max-width:none;max-height:none;border-radius:0}.canvas-placeholder-planning .canvas{opacity:0}.canvas-muted{filter:grayscale(.2)}.canvas-waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;text-align:center;padding:18px;background:#f8fafcc2;color:#64748b;font-size:18px;font-weight:700}.canvas-waiting-overlay-with-ad{padding:18px 18px 126px}.canvas-waiting-overlay-text{display:grid;gap:2px;width:100%;max-width:380px;padding:0 10px;box-sizing:border-box;white-space:normal!important;overflow-wrap:break-word;word-break:break-word;line-height:1.25}.canvas-waiting-overlay-banner{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:calc(100% - 24px);display:flex;justify-content:center}.canvas-waiting-overlay-banner .join-gate-adsense-wrap{min-height:62px}.canvas-transition-ad{position:absolute;left:50%;bottom:14px;width:calc(100% - 24px);display:flex;justify-content:center;z-index:14;--canvas-transition-ad-y: 34px;opacity:0;transform:translate(-50%,var(--canvas-transition-ad-y));transition:transform .26s ease,opacity .22s ease;will-change:transform,opacity}.canvas-transition-ad-visible{--canvas-transition-ad-y: 0px;opacity:1;pointer-events:auto}.canvas-transition-ad-hidden{--canvas-transition-ad-y: 34px;opacity:0;pointer-events:none}.canvas-transition-ad .join-gate-adsense-wrap{min-height:62px}.join-gate-adsense-wrap-banner{width:100%;max-width:none;min-height:102px;max-height:102px;padding:6px 8px;display:grid;justify-items:center;align-content:center;overflow:hidden}.join-gate-adsense-slot-banner{width:100%!important;min-width:0!important;max-width:none!important;height:90px!important;min-height:90px!important;max-height:90px!important}.canvas-away-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:18px;background:#f1f5f957;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.canvas-away-overlay-content{display:grid;justify-items:center;gap:14px;width:min(92%,420px);text-align:center}.canvas-away-caption{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffbd;color:#334155;font-size:clamp(12px,1.4vw,15px);font-weight:800;line-height:1.25;text-shadow:0 1px 0 rgba(255,255,255,.75)}.canvas-away-caption i{color:#475569;font-size:14px;line-height:1}.canvas-away-open-active{width:100%;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;position:relative;overflow:hidden;isolation:isolate;color:#f8fbff;border:1px solid rgba(132,142,232,.64);background:linear-gradient(115deg,#4f57c9,#5f83d8 56%,#6da6de);box-shadow:0 12px 28px #5a78d64d,inset 0 1px #ffffff47}.canvas-away-open-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#fff0 33%,#ffffff14 44%,#ffffff4d,#ffffff14 56%,#fff0 67%);transform:translate(-135%);animation:auth-cta-glimmer 5.64s ease-out infinite;animation-delay:.52s}.canvas-mobile-centered-timer{display:none}.canvas-centered-planning-timer{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;place-items:center;align-content:center;gap:8px;pointer-events:none;text-align:center;padding:18px}.winner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#0f172ac7;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;text-align:center}.guess-success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;padding:20px;background:#063a1c8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guess-success-overlay-stage{pointer-events:none}.round-word-reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;isolation:isolate}.round-word-reveal-eyes-cloud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.round-word-reveal-eye{filter:drop-shadow(0 8px 12px rgba(15,23,42,.14))}.round-word-reveal-card{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;width:min(92%,520px);max-width:min(92%,520px);padding:18px 20px;border-radius:18px;border:1px solid rgba(191,219,254,.5);background:#f8fafcf5;box-shadow:0 20px 50px #0f172a47;text-align:center}.round-word-reveal-title{font-size:18px;font-weight:800;color:#1f2a5d;letter-spacing:.01em}.round-word-reveal-card .word-cells{width:max-content;max-width:none;justify-content:center;align-content:center;flex-wrap:nowrap!important;overflow:visible;transform:scale(var(--round-word-reveal-scale, 1));transform-origin:center center;will-change:transform}.round-word-reveal-word-fit{width:100%;max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.round-word-reveal-card .word-cell{min-width:0}.canvas-intermission-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:14px;background:radial-gradient(980px 660px at 16% 12%,rgba(97,234,227,.24),transparent 63%),radial-gradient(920px 620px at 88% 82%,rgba(255,115,178,.2),transparent 64%),radial-gradient(820px 560px at 46% 46%,rgba(148,136,255,.2),transparent 68%),linear-gradient(145deg,#4a4fd2,#4b4bc7 32%,#4546bb,#3f3ca7);filter:saturate(1.16);isolation:isolate;overflow:hidden}.canvas-intermission-overlay:before,.canvas-intermission-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.canvas-intermission-overlay:before{background:radial-gradient(circle at 18% 26%,rgba(255,255,255,.08) 0 1px,transparent 2px) 0 0 / 46px 46px,radial-gradient(circle at 78% 68%,rgba(255,255,255,.07) 0 1px,transparent 2px) 0 0 / 54px 54px,radial-gradient(560px 400px at 44% 52%,rgba(255,255,255,.06),transparent 72%);animation:canvas-intermission-bg-drift 64s ease-in-out infinite alternate;opacity:.72}.canvas-intermission-overlay:after{background:radial-gradient(circle at 58% 36%,rgba(255,255,255,.12),transparent 48%),radial-gradient(480px 340px at 52% 72%,rgba(255,209,84,.1),transparent 74%)}.canvas-intermission-overlay .mobile-intermission-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.canvas-intermission-overlay .mobile-intermission-shape{position:absolute;--mobile-intermission-rotate: 0deg;--mobile-intermission-start-x: -8px;--mobile-intermission-start-y: 8px;--mobile-intermission-end-x: 12px;--mobile-intermission-end-y: -16px;transform-origin:50% 50%;filter:drop-shadow(0 9px 14px rgba(15,21,72,.28));animation:canvas-intermission-float 8.4s ease-in-out infinite alternate;animation-fill-mode:both}.canvas-intermission-overlay .mobile-intermission-shape-plus:before,.canvas-intermission-overlay .mobile-intermission-shape-plus:after{content:"";position:absolute;border-radius:999px;background:currentColor}.canvas-intermission-overlay .mobile-intermission-shape-plus:before{left:0;top:36%;width:100%;height:28%}.canvas-intermission-overlay .mobile-intermission-shape-plus:after{left:36%;top:0;width:28%;height:100%}.canvas-intermission-overlay .mobile-intermission-shape-plus-cyan{left:18%;top:12%;width:72px;height:72px;color:#62eae3;--mobile-intermission-start-x: -18px;--mobile-intermission-start-y: 14px;--mobile-intermission-end-x: 24px;--mobile-intermission-end-y: -28px;animation-duration:7.2s;animation-delay:0s}.canvas-intermission-overlay .mobile-intermission-shape-ring{left:34%;top:57%;width:78px;height:78px;border-radius:999px;border:10px solid #62eae3;color:#62eae3;--mobile-intermission-start-x: 18px;--mobile-intermission-start-y: 18px;--mobile-intermission-end-x: -20px;--mobile-intermission-end-y: -24px;animation-duration:9.2s;animation-delay:1s}.canvas-intermission-overlay .mobile-intermission-shape-plus-yellow{left:12%;bottom:23%;width:66px;height:66px;color:#f2d460;--mobile-intermission-start-x: -14px;--mobile-intermission-start-y: 18px;--mobile-intermission-end-x: 20px;--mobile-intermission-end-y: -22px;animation-duration:8.8s;animation-delay:1.7s}.canvas-intermission-overlay .mobile-intermission-shape-triangle{right:12%;bottom:10%;width:84px;height:80px;background:#67d8ec;clip-path:polygon(50% 0,0 100%,100% 100%);--mobile-intermission-rotate: -5deg;--mobile-intermission-start-x: 16px;--mobile-intermission-start-y: 14px;--mobile-intermission-end-x: -24px;--mobile-intermission-end-y: -20px;animation-duration:9.8s;animation-delay:2.2s}.canvas-intermission-overlay .mobile-intermission-shape-dot{right:9%;top:10%;width:18px;height:18px;border-radius:999px;background:#e7f0ffd1;--mobile-intermission-start-x: -10px;--mobile-intermission-start-y: 10px;--mobile-intermission-end-x: 16px;--mobile-intermission-end-y: -18px;animation-duration:6.3s;animation-delay:2.9s}.canvas-intermission-overlay .mobile-intermission-content{position:relative;z-index:2;width:100%;max-width:none;padding:12px 28px;display:grid;justify-items:center;gap:10px;text-align:center}.canvas-intermission-overlay .mobile-intermission-brand-mark{width:100%;display:flex;justify-content:center;align-items:center;padding:6px 0 8px}.canvas-intermission-overlay .mobile-intermission-brand-mark .brand-scribble{width:clamp(40px,12vw,50px);height:clamp(40px,12vw,50px);color:#dff1ff;filter:drop-shadow(0 8px 16px rgba(20,24,78,.34))}.canvas-intermission-overlay .mobile-intermission-debug-label{color:#dfeaffe0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.canvas-intermission-overlay .mobile-intermission-headline{color:#f8fbff;font-size:clamp(28px,4.2vw,42px);font-weight:850;line-height:1.05;text-align:center;letter-spacing:.015em;text-shadow:0 6px 18px rgba(20,24,78,.38)}.canvas-intermission-overlay .mobile-intermission-headline-wipe-in{animation:canvas-intermission-wipe-in .3s cubic-bezier(.2,.86,.25,1)}.canvas-intermission-overlay .mobile-intermission-headline-wipe-out{animation:canvas-intermission-wipe-out .17s ease-in forwards}.canvas-intermission-overlay .mobile-intermission-countdown{color:#e8f2ff;font-size:clamp(22px,3.8vw,34px);font-weight:760;letter-spacing:.03em;text-shadow:0 10px 22px rgba(20,24,78,.4)}.canvas-intermission-overlay .mobile-intermission-ready-button{width:100%;min-height:44px;border-radius:999px;font-size:14px;box-shadow:0 14px 34px #0d18455c}.canvas-intermission-overlay .mobile-intermission-ready-meta{color:#e6eeffeb;text-align:center;font-size:12px;font-weight:650}.canvas-intermission-overlay .mobile-intermission-open-chat-button,.canvas-intermission-overlay .mobile-intermission-lobby-button{min-height:32px;border-radius:999px;padding:5px 12px;font-size:12px;color:#eaf0ff;border-color:#c2d0f49e;background:#1b246861}.canvas-intermission-overlay .mobile-intermission-open-chat-button{background:#1f308275}@keyframes canvas-intermission-bg-drift{0%{transform:translate(0);opacity:.7}to{transform:translate(-1.2%);opacity:.92}}@keyframes canvas-intermission-float{0%{transform:translate3d(var(--mobile-intermission-start-x),var(--mobile-intermission-start-y),0) rotate(calc(var(--mobile-intermission-rotate) - 5deg));opacity:.66}to{transform:translate3d(var(--mobile-intermission-end-x),var(--mobile-intermission-end-y),0) rotate(calc(var(--mobile-intermission-rotate) + 5deg));opacity:1}}@keyframes canvas-intermission-wipe-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(6px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes canvas-intermission-wipe-out{0%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}to{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(-4px)}}.guess-success-icon{width:clamp(70px,8vw,96px);height:clamp(70px,8vw,96px);border-radius:999px;display:grid;place-items:center;background:linear-gradient(145deg,#22c55e,#15803d);color:#fff;font-size:clamp(38px,4.6vw,52px);font-weight:900;line-height:1;box-shadow:0 18px 42px #0f763573}.guess-success-icon-glyph{font-size:clamp(34px,4.2vw,46px);line-height:1;--fa-primary-color: #eafff0;--fa-primary-opacity: 1;--fa-secondary-color: #bbf7d0;--fa-secondary-opacity: .9}.guess-success-title{margin:0;color:#fff;font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:.01em}.guess-success-subtitle{margin:0;color:#fffffff2;font-size:clamp(16px,1.8vw,24px);font-weight:700;max-width:34ch}.winner-trophy{font-size:clamp(58px,10vw,108px);line-height:1;animation:winner-pop .45s ease}.winner-title{font-size:clamp(24px,3.4vw,42px);font-weight:900;letter-spacing:.01em}.winner-subtitle{font-size:14px;color:#dbeafe}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-22px;width:8px;height:16px;border-radius:2px;opacity:.92;animation:confetti-fall 1.9s linear infinite}.confetti-piece-0{left:7%;background:#facc15;animation-delay:0s}.confetti-piece-1{left:24%;background:#38bdf8;animation-delay:.18s}.confetti-piece-2{left:39%;background:#4ade80;animation-delay:.32s}.confetti-piece-3{left:55%;background:#f472b6;animation-delay:.48s}.confetti-piece-4{left:72%;background:#fb7185;animation-delay:.62s}.confetti-piece-5{left:88%;background:#c4b5fd;animation-delay:.8s}@keyframes winner-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confetti-fall{0%{top:-22px;transform:rotate(0);opacity:0}12%{opacity:.95}to{top:calc(100% + 24px);transform:rotate(300deg);opacity:.15}}.levelup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#38bdf833,#0f172ad1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.levelup-card{position:relative;width:min(92vw,520px);background:linear-gradient(165deg,#fffffffa,#f1f5f9f5);border:1px solid rgba(191,219,254,.95);border-radius:20px;box-shadow:0 34px 90px #0f172a73;padding:24px;display:grid;gap:12px;text-align:center;animation:levelup-card-enter .35s ease-out}.levelup-kicker{color:#2563eb;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.levelup-title{font-size:clamp(34px,7vw,54px);font-weight:900;line-height:1;color:#0f172a;text-shadow:0 4px 18px rgba(59,130,246,.18)}.levelup-subtitle{font-size:14px;color:#334155;font-weight:700}.levelup-bar-wrap{display:grid;gap:8px;text-align:left}.levelup-bar-track{height:16px;border-radius:999px;background:#e2e8f0e6;border:1px solid rgba(148,163,184,.5);overflow:hidden}.levelup-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#0ea5e9);box-shadow:0 0 18px #0ea5e961;transition:width 1.4s cubic-bezier(.2,1,.28,1)}.levelup-bar-label{color:#0f172a;font-size:13px;font-weight:800}.levelup-bar-subtle{color:#64748b;font-size:12px;font-weight:600}.levelup-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.levelup-confetti-piece{position:absolute;top:-30px;width:10px;height:20px;border-radius:2px;opacity:.95;animation-name:levelup-confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}.levelup-confetti-piece-0{background:#facc15}.levelup-confetti-piece-1{background:#f472b6}.levelup-confetti-piece-2{background:#22c55e}.levelup-confetti-piece-3{background:#38bdf8}.levelup-confetti-piece-4{background:#fb7185}.levelup-confetti-piece-5{background:#a78bfa}@keyframes levelup-card-enter{0%{transform:translateY(14px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes levelup-confetti-fall{0%{top:-30px;transform:rotate(0);opacity:0}14%{opacity:.95}to{top:calc(100% + 30px);transform:rotate(380deg);opacity:.12}}.xp-fly-overlay{position:fixed;z-index:122;pointer-events:none;display:inline-flex;align-items:center;gap:8px;background:#0f172ae0;color:#fff;border:1px solid rgba(56,189,248,.55);border-radius:999px;padding:8px 12px;box-shadow:0 16px 36px #0f172a66;transform-origin:center center;transition:transform .98s cubic-bezier(.2,1,.3,1),opacity .98s ease}.xp-fly-coin{font-size:16px;line-height:1}.xp-fly-label{font-size:12px;font-weight:900;letter-spacing:.02em}.canvas-placeholder.drawing-enabled:after{content:"Tap or click to draw";position:absolute;bottom:12px;right:12px;background:#ffffffd9;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.canvas-draw{touch-action:none}@media (pointer: fine){.canvas-draw.cursor-pen{cursor:crosshair}.canvas-draw.cursor-marker{cursor:cell}.canvas-draw.cursor-calligraphy{cursor:crosshair}.canvas-draw.cursor-eraser{cursor:not-allowed}.canvas-draw.cursor-bucket{cursor:copy}}.chat{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid var(--border)}.chat input,.auth input{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px;width:100%}.field{display:grid;gap:8px}.field-label{font-size:13px;color:var(--muted);font-weight:600}.row{margin-top:12px;display:flex;gap:10px;align-items:center}.notice{margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#f8fafc;color:var(--text);font-size:13px}.notice-success{border-color:#0e749040;background:#ecfeff;color:#155e75;font-weight:600}.notice-error{border-color:#dc26265c;background:#fef2f2;color:#991b1b;font-weight:700}.notice-waiting{border-color:#1e40af2e;background:linear-gradient(135deg,#eef2ff,#ecfeff);color:#1e3a8a}.status{color:var(--muted);font-size:13px}.topics{display:grid;gap:10px}.topics-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.topics-grid-wide{grid-template-columns:1fr}.topics-grid-wide>div{width:100%}.topic-meta{display:flex;gap:10px;margin-top:6px;font-size:12px;color:var(--muted);flex-wrap:wrap}.topic-owner{font-weight:700;color:var(--text)}.topic-protected{display:inline-flex;align-items:center;gap:6px;color:#50658f;font-weight:600}.topic-premium-badge,.topic-promoted-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;white-space:nowrap}.topic-premium-badge{color:#0e7490;border:1px solid rgba(14,165,233,.35);background:#e0f2fec7}.topic-promoted-badge{color:#9a3412;border:1px solid rgba(249,115,22,.35);background:#ffedd5c7}.topic-categories{color:#5b6c86;font-weight:600}.topics-picker{display:flex;flex-wrap:wrap;gap:8px}.pill-check{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffd9;font-size:13px}.pill-check input{margin:0}.pill-check-premium{border-color:#6366f16b;background:linear-gradient(145deg,#f6f5fff5,#ecf4ffeb)}.pill-check-premium-selected{border-color:#4f46e5b3;box-shadow:inset 0 0 0 1px #4f46e538}.icon-grid{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 30px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.icon-grid::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}.icon-tile{position:relative;flex:0 0 146px;min-width:146px;min-height:104px;cursor:pointer;text-align:center;padding:12px 10px 10px;border-radius:18px;border:1px solid var(--border);background:#ffffffd9;box-shadow:0 10px 18px #0f172a0f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;scroll-snap-align:start}.icon-tile:hover{transform:translateY(-1px);box-shadow:0 14px 22px #0f172a14}.icon-tile:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.icon-tile-selected{border-color:#3b82f699;box-shadow:0 16px 28px #3b82f61f}.icon-tile-selected .icon-tile-icon,.icon-tile-selected .icon-tile-label{color:#2247b5}.icon-tile-icon{display:block;font-size:18px;color:var(--text);margin-bottom:6px}.icon-tile-label{display:block;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.agreement-check{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#f8fafce6;color:var(--text);font-size:13px;line-height:1.35}.agreement-check span{flex:1}.agreement-check input{margin-top:2px}.private-room-password-modal{gap:14px}.private-room-password-field{text-align:left}.private-room-password-notice{margin:0}.lobby-hint{color:var(--muted);font-size:13px;margin-bottom:12px}.topic{text-align:left;padding:16px;background:linear-gradient(145deg,#fffffffc,#f8fbfff7);border:1px solid rgba(173,185,218,.42);border-radius:18px;display:flex;align-items:center;gap:12px;min-height:96px;box-shadow:0 8px 20px #3546781f;position:relative;overflow:hidden;isolation:isolate;transition:transform .12s ease,box-shadow .12s ease}.topic-wide{min-height:116px;width:100%}.topic:hover{background:linear-gradient(145deg,#fff,#fbfdfffa);transform:translateY(-2px);box-shadow:0 12px 22px #35467829}.topic:after{content:none;position:absolute;right:-44px;top:-38px;width:126px;height:126px;border-radius:999px;background:radial-gradient(circle,rgba(244,210,80,.44) 0%,rgba(244,210,80,.24) 50%,transparent 70%);pointer-events:none;z-index:0}.topic>*{position:relative;z-index:1}.topic-title{font-weight:700;color:#243059;font-family:var(--font-display);letter-spacing:.01em}.topic-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.topic-count{flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:700;color:#2a3869;background:#dbe6ffcc;border:1px solid rgba(171,190,236,.72);border-radius:999px;padding:4px 10px}.topic-count-content{display:inline-flex;align-items:center;gap:8px}.room-live-indicator{display:inline-flex;align-items:center;gap:5px;color:#b91c1c;font-size:10px;font-weight:800;letter-spacing:.02em}.room-live-indicator-compact{font-size:9px;gap:4px}.room-live-dot{width:7px;height:7px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 1px #ef44442e}.topic-description{margin-top:4px;font-size:13px;color:#425270;font-weight:500}.topic-meta{margin-top:6px;font-size:12px;color:var(--muted)}.topic-emoji{width:60px;height:60px;border-radius:16px;background:linear-gradient(145deg,#607eda29,#8ecbf833);border:1px solid rgba(168,184,225,.55);display:grid;place-items:center;font-size:28px}.topic-body{display:flex;flex-direction:column;width:100%;min-width:0}.tabs{display:flex;gap:8px;align-items:center}.tab{background:#e9eeffe6;border:1px solid rgba(136,153,230,.36);padding:8px 10px;border-radius:12px;font-weight:700;letter-spacing:.6px;font-size:12px;color:#42507f;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,border-color .16s ease}.tab-active{background:linear-gradient(120deg,var(--accent),#736dff 52%,var(--accent-2));color:#fff;border-color:transparent;box-shadow:0 8px 20px #4750c661,inset 0 0 0 1px #ffffff2e}.tab:not(.tab-active):hover{background:#dae2fceb;color:#2f3c69}.tab:disabled{opacity:.55;cursor:not-allowed}.badge-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:8px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800}.badge-count-chat{background:#dc2626;color:#fff}.badge-count-guess{background:#8b5cf638;color:#5b21b6;border:1px solid rgba(139,92,246,.3)}.messages-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-indicator{display:flex;align-items:center;gap:10px;margin:8px 12px 0;padding:10px 12px;border-radius:10px;border:1px solid #d8e0eb;font-size:12px}.mode-indicator-bottom{margin:0}.mode-indicator-guess{background:linear-gradient(120deg,#1e40af1f,#2563eb14)}.mode-indicator-chat{background:linear-gradient(120deg,#0f172a14,#4755690f)}.mode-indicator-title{font-size:18px;font-weight:700;color:#0f172a;line-height:1}.mode-indicator-text{color:#334155;line-height:1.3}.mode-helper{color:#64748b;font-size:12px;padding:2px 2px 0}.mode-helper strong{color:#334155;font-weight:700}.users-panel,.messages{min-width:0}.messages{align-content:start}.messages-waiting-state{position:relative;overflow:hidden}.messages-waiting-dim{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.52;filter:blur(1.8px) saturate(.85)}.messages-waiting-state .messages-waiting-overlay{position:absolute;z-index:7;left:10px;right:10px;top:54px;bottom:10px;display:grid;place-items:center;pointer-events:none}.messages-waiting-overlay-content{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;text-align:center;width:min(92%,460px);max-width:100%}.messages-waiting-state .messages-waiting-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#f1f5f947;border:1px solid rgba(148,163,184,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.messages-waiting-open-chat{pointer-events:auto;max-width:100%}.page-room .users-panel{position:relative}.page-room .users-panel .scroll{padding-bottom:52px}.users-panel-footer{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.users-panel-online{position:static;font-size:11px;color:var(--muted);padding:3px 8px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.users-panel-share-btn{width:34px;height:34px;border-radius:12px;flex:0 0 34px}.status-line{font-size:12px;color:var(--muted)}.composer{padding:12px;border-top:1px solid var(--border);display:grid;gap:10px;position:relative}.composer-toast-stack{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);display:grid;gap:8px;z-index:8;pointer-events:none}.composer-toast-stack-mobile{left:8px;right:8px;bottom:calc(100% + 6px)}.composer-inline-notes{display:grid;gap:8px}.composer-inline-note{padding:9px 12px;border:1px solid rgba(148,163,184,.32);border-radius:10px;background:#f8fafcdb;color:#475569;font-size:12px;font-weight:600}.composer-inline-note-error{border-color:#dc26265c;background:#fef2f2eb;color:#991b1b}.notice-toast{padding:9px 12px;border:1px solid rgba(148,163,184,.45);border-radius:10px;background:#f8fafcf7;color:#334155;font-size:12px;font-weight:600;box-shadow:0 10px 24px #0f172a24}.notice-toast-success{border-color:#0e749040;background:#ecfefffa;color:#155e75}.notice-toast-error{border-color:#dc26265c;background:#fef2f2fa;color:#991b1b}.chat{display:grid;grid-template-columns:1fr;gap:10px}.chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.chat-input input{min-width:0;min-height:42px;font-size:14px;padding:12px 14px;border:1px solid rgba(129,145,226,.44);border-radius:16px;background:#fffffff2;box-shadow:inset 0 1px #ffffffb3,0 2px #cdd6fc4d;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.chat-input input:-webkit-autofill,.chat-input input:-webkit-autofill:hover,.chat-input input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a;box-shadow:0 0 0 1000px #fffffffa inset;transition:background-color 9999s ease-out 0s}.chat-input input::placeholder{color:#64748b;opacity:1}.chat-input input:disabled::placeholder{color:#475569;opacity:1}.chat-input input:focus{outline:none;border-color:#5852eca8;box-shadow:0 0 0 4px #5852ec26,inset 0 1px #ffffffd6;background:#fffffffa}.chat-input .primary{min-height:42px;padding:0 16px;border-radius:14px}.chat-send-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.chat-send-icon{display:none}.chat-send-label{display:inline}.system{font-size:12px;color:var(--muted);padding:6px 0}.system-inline{padding:8px 0}.system-muted{color:#7b8798}.system-alert{color:#9f1d1d;font-weight:600}.system-owner-kick{color:#0f172a;font-weight:800}.system-success{color:#065f46;font-weight:700}.system-command{color:#1e3a8a;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.system-inline.system-warning{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin:2px 0;line-height:1.2}.check{display:inline-block;padding:2px 6px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--accent-2);background:#fff}button{border:none;border-radius:14px;font-weight:700;cursor:pointer;font-size:14px}button.primary{background:linear-gradient(118deg,var(--accent) 0%,#6d66ff 50%,var(--accent-2) 100%);color:#fff;padding:12px 18px;border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 26px #4a53c961,inset 0 1px #ffffff47}button.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}button.primary:active{transform:translateY(0)}button.ghost{background:#ffffffe6;color:var(--text);padding:10px 14px;border:1px solid rgba(129,146,228,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button.ghost:hover{background:#fff}button.primary:disabled{opacity:.6;cursor:not-allowed}.guess{padding:4px 2px;display:grid;gap:4px}.guess+.guess{margin-top:8px}.msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;line-height:1.2;padding:0;margin-bottom:2px}.msg-head-meta{display:inline-flex;align-items:center;gap:6px}.msg-time{font-size:11px;font-weight:500;color:#64748b;letter-spacing:.2px}.msg-author{font-size:13px;font-weight:700;color:#0f172a}.msg-bubble{--msg-bubble-bg: #edf2f7;--msg-bubble-border: #d4dbe6;border:1px solid var(--msg-bubble-border);background:var(--msg-bubble-bg);border-radius:10px;color:#1e293b;font-size:13px;line-height:1.4;word-break:break-word;padding:8px 12px;display:grid;gap:4px;position:relative;overflow:hidden}.msg-head,.msg-text{position:relative;z-index:1}.msg-admin-mark,.msg-premium-mark{z-index:1}.guess-other .msg-bubble{border-bottom-left-radius:4px}.guess-self .msg-bubble{border-bottom-right-radius:4px}.msg-text{font-size:13px;line-height:1.4;color:inherit}.guess-guess .msg-bubble{--msg-bubble-bg: rgba(139, 92, 246, .12);--msg-bubble-border: rgba(139, 92, 246, .36);background:var(--msg-bubble-bg);border-color:var(--msg-bubble-border)}.guess-correct{border-radius:10px;background:#10b98114}.guess-correct .msg-author,.guess-correct .msg-bubble{color:#065f46}.guess-correct .msg-bubble{--msg-bubble-bg: rgba(16, 185, 129, .12);--msg-bubble-border: rgba(16, 185, 129, .45);background:var(--msg-bubble-bg);border-color:var(--msg-bubble-border)}.guess-admin:not(.guess-correct) .msg-author{color:#9f1239;font-weight:700}.guess-admin:not(.guess-correct) .msg-bubble{--msg-bubble-bg: rgba(254, 226, 226, .7);--msg-bubble-border: rgba(248, 113, 113, .55);border-color:var(--msg-bubble-border);background:var(--msg-bubble-bg);color:#7f1d1d}.guess-admin:not(.guess-correct) .msg-admin-mark{position:absolute;right:8px;bottom:6px;font-size:12px;line-height:1;color:#9f123966;pointer-events:none}.guess-premium:not(.guess-correct):not(.guess-admin) .msg-bubble{--msg-bubble-bg: linear-gradient(145deg, rgba(90, 86, 242, .14), rgba(77, 184, 255, .16));--msg-bubble-border: rgba(129, 146, 228, .42);border-color:var(--msg-bubble-border);background:var(--msg-bubble-bg);color:#2b3770}.guess-premium:not(.guess-correct):not(.guess-admin) .msg-author{color:#2b3770}.guess-premium:not(.guess-correct):not(.guess-admin) .msg-premium-mark{position:absolute;right:8px;bottom:6px;font-size:12px;line-height:1;color:#2b37706b;pointer-events:none}@media (max-width: 1100px){main.grid{grid-template-columns:1fr}.panel{min-height:180px}.canvas-wrap{order:-1}main.grid.lobby-shell{grid-template-columns:1fr}.lobby-side{grid-template-rows:minmax(180px,auto) minmax(160px,auto)}}@media (max-width: 640px){body{background:#fff}.page-auth .bg-login .bg-motif-layer,.page-auth .bg-login .bg-orbit,.page-auth .bg-login .bg-orbit-dots{display:block}.page-auth .bg-login .bg-layer{animation-duration:40s}.page-auth .bg-login .bg-layer:before{animation-duration:56s}.page-auth .bg-login .bg-layer:after{animation-duration:46s}input,textarea,select{font-size:16px}.page{height:100svh;min-height:100svh;height:100dvh;min-height:100dvh}main.grid{padding:8px;gap:10px}.topbar{padding:10px 12px;display:grid;grid-template-columns:1fr;gap:8px;align-items:start}.topbar-left{width:100%;min-width:0;gap:8px;align-items:center;justify-content:flex-start}.page-lobby .topbar .brand,.page-room .topbar .brand{gap:0}.page-lobby .topbar .brand .brand-wordmark,.page-room .topbar .brand .brand-wordmark{display:none}.page-lobby .topbar .brand .brand-scribble,.page-room .topbar .brand .brand-scribble{width:22px;height:22px}.modal-backdrop{place-items:center;overflow:hidden;padding:0}.modal-backdrop.modal-backdrop-scrollable{place-items:start center;overflow-y:auto;padding:calc(10px + env(safe-area-inset-top)) 8px calc(10px + env(safe-area-inset-bottom))}.modal-card{width:min(96vw,560px)}.modal-card-wide{width:min(96vw,560px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.create-room-modal-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.create-room-body{gap:14px}.create-room-section-toggle{padding:15px 16px;min-height:84px;border:1px solid rgba(191,201,225,.92);border-radius:18px;background:#f7fafff0;box-shadow:0 8px 18px #0f172a0a}.icon-grid{gap:10px;padding:2px 22px 6px}.icon-tile{flex:0 0 94px;min-width:94px;min-height:88px;padding:10px 8px 8px;border-radius:18px;box-shadow:0 8px 18px #0f172a0d}.create-room-icon-carousel-arrow{width:26px;height:52px;color:#586c9694;pointer-events:auto}.icon-tile-selected{border-color:#5680fff2;background:linear-gradient(180deg,#edf4fffa,#e3eefffa);box-shadow:0 12px 24px #4361d229,inset 0 0 0 1px #fffc;transform:translateY(-1px)}.icon-tile-selected:after{content:"";position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,#5c72ff,#4aa7ff);box-shadow:0 0 0 3px #ffffffeb}.icon-tile-icon{font-size:16px;margin-bottom:8px}.icon-tile-label{font-size:10px;line-height:1.2;letter-spacing:.04em}.create-room-settings-row{display:grid;grid-template-columns:1fr;gap:12px}.create-room-mobile-panel{padding:14px}.settings-premium-actions{display:grid;grid-template-columns:1fr}.settings-custom-list-row{flex-direction:column;align-items:flex-start}.settings-custom-list-actions{width:100%}.page-lobby .topbar-lobby{position:sticky;min-height:62px;padding-top:12px;padding-bottom:12px;padding-right:58px;display:flex;align-items:center}.page-room .topbar-room{position:sticky;min-height:64px;padding-top:12px;padding-bottom:12px;padding-right:144px;display:flex;align-items:center}.page-room .topbar-room .topbar-left{align-items:center}.page-lobby .mobile-header-menu-btn,.page-room .mobile-header-menu-btn{display:inline-flex;position:absolute;top:50%;right:12px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(118,147,255,.42);background:#0d1845bd;color:#eff4ff;align-items:center;justify-content:center;box-shadow:0 10px 22px #060b216b;z-index:2;transform:translateY(-50%)}.page-lobby .topbar-lobby .topbar-subtitle,.page-room .topbar-room-title .topbar-subtitle{padding-left:6px}.page-room .mobile-header-chat-btn{display:inline-flex;position:absolute;top:50%;right:56px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(118,147,255,.42);background:#0d1845bd;color:#eff4ff;align-items:center;justify-content:center;box-shadow:0 10px 22px #060b216b;z-index:2;padding:0;transform:translateY(-50%)}.page-room .mobile-header-timer{display:inline-flex;position:absolute;top:50%;right:100px;width:36px;height:36px;border-radius:11px;border:1px solid rgba(118,147,255,.42);background:#0d1845bd;align-items:center;justify-content:center;box-shadow:0 10px 22px #060b216b;z-index:2;transform:translateY(-50%);padding:0;pointer-events:none;animation:mobile-header-timer-rise .36s cubic-bezier(.2,.85,.28,1)}.page-room:not(.page-ios-native) .mobile-header-timer{border-color:#7693ff94;background:#eff4fff5;box-shadow:0 10px 20px #22388233}.page-room .mobile-header-timer .clock-face{width:24px;height:24px;border-width:2px}.page-room:not(.page-ios-native) .mobile-header-timer .clock-face{border-color:#bfdbfef5}.page-room .mobile-header-timer .clock-center{width:10px;height:10px}.page-room .mobile-header-timer.mobile-header-timer-alert{border-color:#ef4444a6;background:#fef2f2f5}.page-room .mobile-header-chat-btn i{font-size:15px;line-height:1}.page-room .mobile-header-chat-badge{position:absolute;right:-3px;bottom:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;border:1px solid #ffffff;font-size:10px;font-weight:800;line-height:14px;text-align:center;pointer-events:none}.page-lobby .mobile-header-menu-btn i,.page-room .mobile-header-menu-btn i{font-size:16px;line-height:1}.page-lobby .mobile-header-drawer-backdrop,.page-room .mobile-header-drawer-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a57;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:42;justify-content:flex-start;animation:mobile-header-drawer-backdrop-in .18s ease-out}.page-lobby .mobile-header-drawer-backdrop.mobile-header-drawer-backdrop-closing,.page-room .mobile-header-drawer-backdrop.mobile-header-drawer-backdrop-closing{animation:mobile-header-drawer-backdrop-out .18s ease-in forwards}.page-lobby .mobile-header-drawer,.page-room .mobile-header-drawer{width:min(86vw,320px);height:100%;border-right:1px solid rgba(100,116,139,.6);background:#fffffffa;box-shadow:18px 0 38px #0f172a38,inset -1px 0 #94a3b873;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;animation:mobile-header-drawer-in .18s ease-out forwards}.page-lobby .mobile-header-drawer.mobile-header-drawer-closing,.page-room .mobile-header-drawer.mobile-header-drawer-closing{animation:mobile-header-drawer-out .18s ease-in forwards}.page-room .mobile-header-drawer.mobile-header-drawer-room{grid-template-rows:auto minmax(0,1fr) auto auto}.page-lobby .mobile-header-drawer-head,.page-room .mobile-header-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-lobby .mobile-header-drawer-title,.page-room .mobile-header-drawer-title{font-size:15px;font-weight:700;color:#0f172a}.auto-pan-text{min-width:0;display:block;overflow:hidden;white-space:nowrap}.auto-pan-text-inner{display:inline-block;min-width:max-content;transform:translate(0);will-change:transform}.auto-pan-text[data-overflowing=true] .auto-pan-text-inner{animation:auto-pan-text-swing 8s ease-in-out infinite}@keyframes auto-pan-text-swing{0%,18%{transform:translate(0)}42%,58%{transform:translate(calc(var(--auto-pan-distance, 0px) * -1))}82%,to{transform:translate(0)}}.page-room .mobile-header-drawer-room-title-wrap{min-width:0;display:inline-flex;align-items:center;gap:10px}.page-room .mobile-header-drawer-room-title-icon{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(148,163,184,.4);background:#f8fafcf2;color:#334155;font-size:16px;line-height:1}.page-room .mobile-header-drawer-room-title-icon i{font-size:14px;line-height:1}.page-room .mobile-header-drawer-room-title-text{min-width:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-room .mobile-header-drawer-head-main{min-width:0;display:grid;gap:4px}.page-room .mobile-header-drawer-back{width:fit-content;min-height:28px;padding:0;border:0;color:#64748b;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;background:transparent}.page-lobby .mobile-header-drawer-close,.page-room .mobile-header-drawer-close{width:34px;height:34px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}.page-lobby .mobile-header-drawer-body,.page-room .mobile-header-drawer-body{display:grid;align-content:start;gap:10px;min-height:0;overflow-y:auto}.page-room .mobile-header-drawer-body-players{display:flex;flex-direction:column;overflow:hidden}.page-lobby .mobile-header-drawer-section,.page-room .mobile-header-drawer-section{display:grid;gap:8px;border:1px solid rgba(148,163,184,.44);border-radius:12px;background:#f8fafce6;padding:8px}.page-room .mobile-header-drawer-section-users{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start}.page-lobby .mobile-header-drawer-section-title,.page-room .mobile-header-drawer-section-title{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.4px;padding:0 2px}.page-lobby .mobile-header-drawer-dropdown-list,.page-room .mobile-header-drawer-dropdown-list{display:grid;gap:8px}.page-lobby .mobile-header-drawer-dropdown,.page-room .mobile-header-drawer-dropdown{display:grid;gap:6px}.page-lobby .mobile-header-drawer-dropdown-trigger,.page-room .mobile-header-drawer-dropdown-trigger{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.5);border-radius:12px;background:#f8fafc;color:#0f172a;min-height:40px;padding:8px 10px;font-size:13px;font-weight:700;letter-spacing:.25px;text-transform:uppercase;text-align:left}.page-lobby .mobile-header-drawer-dropdown-trigger-active,.page-room .mobile-header-drawer-dropdown-trigger-active{border-color:#2563eb80;box-shadow:0 0 0 2px #3b82f629;background:#eff6ff}.page-lobby .mobile-header-drawer-dropdown-label,.page-room .mobile-header-drawer-dropdown-label{min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-lobby .mobile-header-drawer-dropdown-label i,.page-room .mobile-header-drawer-dropdown-label i{flex:0 0 auto;font-size:13px;line-height:1;color:#475569}.page-lobby .mobile-header-drawer-dropdown-meta,.page-room .mobile-header-drawer-dropdown-meta{border:1px solid rgba(148,163,184,.32);border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:600;padding:2px 8px;min-width:28px;text-align:center;text-transform:none}.page-lobby .mobile-header-drawer-dropdown-trigger>i,.page-room .mobile-header-drawer-dropdown-trigger>i{color:#64748b;font-size:13px;line-height:1}.page-lobby .mobile-header-drawer-dropdown-body,.page-room .mobile-header-drawer-dropdown-body{display:grid;gap:6px;border:1px solid rgba(148,163,184,.4);border-radius:10px;background:#fffffff5;padding:6px;max-height:180px;overflow-y:auto}.page-lobby .mobile-header-drawer-inline-action,.page-room .mobile-header-drawer-inline-action{min-height:36px;font-size:12px;border-style:dashed}.page-lobby .mobile-header-drawer-room-item,.page-room .mobile-header-drawer-room-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(148,163,184,.42);border-radius:10px;background:#fff;color:#0f172a;min-height:38px;padding:8px 10px;text-align:left}.page-lobby .mobile-header-drawer-room-name-wrap,.page-room .mobile-header-drawer-room-name-wrap{min-width:0;display:inline-flex;align-items:center;gap:8px;flex:1 1 auto}.page-lobby .mobile-header-drawer-room-icon,.page-room .mobile-header-drawer-room-icon{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(148,163,184,.35);background:#f1f5f9f2;color:#334155;font-size:12px;line-height:1}.page-lobby .mobile-header-drawer-room-icon i,.page-room .mobile-header-drawer-room-icon i{font-size:10px;line-height:1}.page-lobby .mobile-header-drawer-room-name,.page-room .mobile-header-drawer-room-name{min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-lobby .mobile-header-drawer-room-protected,.page-room .mobile-header-drawer-room-protected{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#738ab8;font-size:11px}.page-lobby .mobile-header-drawer-room-count,.page-room .mobile-header-drawer-room-count{flex:0 0 auto;font-size:12px;color:#64748b;font-weight:600}.page-lobby .mobile-header-drawer-room-count-content,.page-room .mobile-header-drawer-room-count-content{display:inline-flex;align-items:center;gap:6px}.page-lobby .mobile-header-drawer-user-item,.page-room .mobile-header-drawer-user-item{display:flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.36);border-radius:10px;background:#fff;min-height:36px;padding:6px 10px}.page-lobby .mobile-header-drawer-user-name,.page-room .mobile-header-drawer-user-name{min-width:0;font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.page-lobby .mobile-header-drawer-user-item-name-expanded,.page-room .mobile-header-drawer-user-item-name-expanded{align-items:flex-start}.page-lobby .mobile-header-drawer-user-item-name-expanded .mobile-header-drawer-user-name,.page-room .mobile-header-drawer-user-item-name-expanded .mobile-header-drawer-user-name{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}.page-room .mobile-header-drawer-room-item:disabled{opacity:.52;cursor:default}.page-lobby .mobile-header-drawer-profile .top-user,.page-room .mobile-header-drawer-profile .top-user{width:100%;justify-content:flex-start;border-radius:12px;padding:8px 10px}.page-room .mobile-header-drawer-profile-bottom{margin-top:0}.page-lobby .mobile-header-drawer-profile .top-user-tooltip,.page-room .mobile-header-drawer-profile .top-user-tooltip{display:none}.page-lobby .mobile-header-drawer-action,.page-room .mobile-header-drawer-action{width:100%;justify-content:flex-start;min-height:42px;gap:10px;border-color:#94a3b86b}.page-room .mobile-header-drawer-status{width:fit-content}.page-room .mobile-header-drawer-current-user-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-content:flex-start;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}.page-room .mobile-header-drawer-current-user-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#fff;padding:6px 8px;position:relative;overflow:hidden;isolation:isolate}.page-room .mobile-header-drawer-current-user-row-premium{border-color:#8192e46b;background:linear-gradient(145deg,#5a56f214,#4db8ff1a)}.page-room .mobile-header-drawer-current-user-row-premium .mobile-header-drawer-current-user-name{color:#24376d}.page-room .mobile-header-drawer-current-user-row-correct{background:#dcfce7;border-color:#86efac}.page-room .mobile-header-drawer-current-user-row-drawer{background:#bae6fd;border-color:#7dd3fc}.page-room .mobile-header-drawer-current-user-row-drawer:after{content:"🖌️";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:44px;line-height:1;opacity:.16;pointer-events:none;z-index:0}.page-room .mobile-header-drawer-current-user-row-away{opacity:.55}.page-room .mobile-header-drawer-current-user-level{min-width:24px;height:24px;border-radius:999px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}.page-room .mobile-header-drawer-current-user-level-admin{border-radius:8px;background:linear-gradient(145deg,#ef4444,#b91c1c);box-shadow:inset 0 0 0 1px #fff3}.page-room .mobile-header-drawer-current-user-level-premium{position:relative;overflow:visible;background-image:linear-gradient(118deg,#fff0,#ffffff75 48%,#fff0 58%),linear-gradient(145deg,#5a56f224,#4db8ff29);background-size:230% 100%,100% 100%;border:1px solid rgba(129,146,228,.42);box-shadow:inset 0 0 0 1px #ffffff61;color:#2b3770;animation:premium-badge-shimmer 5.8s ease-in-out infinite;will-change:background-position}.page-room .mobile-header-drawer-current-user-level-premium .badge-premium-corner-icon{width:13px;height:13px;font-size:7px;right:-3px;bottom:-3px}.page-room .mobile-header-drawer-current-user-meta{min-width:0;display:grid;gap:4px;position:relative;z-index:1}.page-room .mobile-header-drawer-current-user-name-row{min-width:0;display:flex;align-items:center;gap:0}.page-room .mobile-header-drawer-current-user-name{min-width:0;width:100%;font-size:15px;font-weight:700;color:#1e293b;cursor:pointer}.page-room .mobile-header-drawer-current-user-name-inner{padding-right:10px}.page-room .mobile-header-drawer-current-user-trailing{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;position:relative;z-index:1}.page-room .mobile-header-drawer-current-user-trophy{flex:0 0 auto;font-size:14px;line-height:1}.page-room .mobile-header-drawer-current-user-away-icon{flex:0 0 auto;color:#64748b;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.page-room .mobile-header-drawer-current-user-title{min-width:0;font-size:12px;line-height:1.2;color:#64748b;font-weight:500}.page-room .mobile-header-drawer-current-user-title-admin{color:#b91c1c;font-weight:600}.page-room .mobile-header-drawer-current-user-title-premium{color:#2928aa;font-weight:500;letter-spacing:.01em}.page-room .mobile-header-drawer-current-user-row-name-expanded{grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start}.page-room .mobile-header-drawer-current-user-row-name-expanded .mobile-header-drawer-current-user-meta{gap:0}.page-room .mobile-header-drawer-current-user-row-name-expanded .mobile-header-drawer-current-user-name{width:100%}.page-room .mobile-header-drawer-current-user-row-name-expanded .mobile-header-drawer-current-user-name .auto-pan-text-inner,.page-room .mobile-header-drawer-current-user-row-name-expanded .mobile-header-drawer-current-user-title .auto-pan-text-inner{animation:none;transform:translate(0)}.page-room .mobile-header-drawer-current-user-score{flex:0 0 auto;white-space:nowrap;font-size:10px;font-weight:700;color:#1e3a8a;background:#bfdbfeb3;border:1px solid rgba(147,197,253,.9);border-radius:999px;padding:2px 7px;position:relative;z-index:1}.page-room .mobile-header-drawer-chat-badge{margin-left:auto;min-width:18px;height:18px;border-radius:999px;padding:0 5px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}.page-room .mobile-header-drawer-more{margin-top:auto}@keyframes mobile-header-timer-rise{0%{opacity:0;transform:translateY(28px) scale(.64);filter:blur(1px)}70%{opacity:1;transform:translateY(-56%) scale(1.06);filter:blur(0)}to{opacity:1;transform:translateY(-50%) scale(1);filter:blur(0)}}.page-room .mobile-header-drawer-leave{border-color:#f871716b;color:#991b1b;background:#fef2f2cc}.page-room .mobile-header-drawer-leave:hover{background:#fee2e2eb}.page-room .mobile-header-drawer-leave .studio-header-icon{width:18px;display:inline-flex;align-items:center;justify-content:center}.messages-mobile-title{font-size:12px;letter-spacing:.2px;text-transform:uppercase;color:#334155;font-weight:800}.mobile-game-chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;z-index:45;display:flex;overflow:hidden;overscroll-behavior:none}.mobile-game-chat-panel{width:100%;height:100%;background:#fffffffa;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.mobile-game-chat-head{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;border-bottom:1px solid var(--border);background:#fffffffa}.mobile-game-chat-close{width:36px;height:36px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}.mobile-game-chat-title{font-size:16px;font-weight:800;color:#0f172a}.mobile-game-chat-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-game-chat-composer{border-top:1px solid var(--border);background:#fffffffa;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.mobile-intermission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;display:flex;align-items:center;justify-content:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(980px 660px at 16% 12%,rgba(97,234,227,.24),transparent 63%),radial-gradient(920px 620px at 88% 82%,rgba(255,115,178,.2),transparent 64%),radial-gradient(820px 560px at 46% 46%,rgba(148,136,255,.2),transparent 68%),linear-gradient(145deg,#4a4fd2,#4b4bc7 32%,#4546bb,#3f3ca7);filter:saturate(1.16);isolation:isolate;overflow:hidden}.mobile-intermission-leave-icon-button{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:999px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;color:#eef4ff!important;border-color:#c2d0f4ad!important;background:#1b24688f!important;box-shadow:0 10px 24px #0e144266;z-index:4}.mobile-intermission-leave-icon-button i{font-size:16px;line-height:1}.canvas-intermission-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;padding:14px;z-index:12}.canvas-intermission-overlay .mobile-intermission-content{width:min(100%,540px);min-height:100%;align-content:center;gap:12px;padding:16px}.mobile-intermission-overlay:before,.mobile-intermission-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.mobile-intermission-overlay:before{background:radial-gradient(circle at 18% 26%,rgba(255,255,255,.08) 0 1px,transparent 2px) 0 0 / 46px 46px,radial-gradient(circle at 78% 68%,rgba(255,255,255,.07) 0 1px,transparent 2px) 0 0 / 54px 54px,radial-gradient(560px 400px at 44% 52%,rgba(255,255,255,.06),transparent 72%);animation:bg-drift-soft 64s ease-in-out infinite alternate;opacity:.72}.mobile-intermission-overlay:after{background:radial-gradient(circle at 58% 36%,rgba(255,255,255,.12),transparent 48%),radial-gradient(480px 340px at 52% 72%,rgba(255,209,84,.1),transparent 74%)}.mobile-intermission-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.mobile-intermission-shape{position:absolute;--mobile-intermission-rotate: 0deg;--mobile-intermission-start-x: -8px;--mobile-intermission-start-y: 8px;--mobile-intermission-end-x: 12px;--mobile-intermission-end-y: -16px;transform-origin:50% 50%;filter:drop-shadow(0 9px 14px rgba(15,21,72,.28));animation:mobile-intermission-float 8.4s ease-in-out infinite alternate;animation-fill-mode:both}.mobile-intermission-shape-plus:before,.mobile-intermission-shape-plus:after{content:"";position:absolute;border-radius:999px;background:currentColor}.mobile-intermission-shape-plus:before{left:0;top:36%;width:100%;height:28%}.mobile-intermission-shape-plus:after{left:36%;top:0;width:28%;height:100%}.mobile-intermission-shape-plus-cyan{left:18%;top:12%;width:72px;height:72px;color:#62eae3;--mobile-intermission-start-x: -18px;--mobile-intermission-start-y: 14px;--mobile-intermission-end-x: 24px;--mobile-intermission-end-y: -28px;animation-duration:7.2s;animation-delay:0s}.mobile-intermission-shape-ring{left:34%;top:57%;width:78px;height:78px;border-radius:999px;border:10px solid #62eae3;color:#62eae3;--mobile-intermission-start-x: 18px;--mobile-intermission-start-y: 18px;--mobile-intermission-end-x: -20px;--mobile-intermission-end-y: -24px;animation-duration:9.2s;animation-delay:1s}.mobile-intermission-shape-plus-yellow{left:12%;bottom:23%;width:66px;height:66px;color:#f2d460;--mobile-intermission-start-x: -14px;--mobile-intermission-start-y: 18px;--mobile-intermission-end-x: 20px;--mobile-intermission-end-y: -22px;animation-duration:8.8s;animation-delay:1.7s}.mobile-intermission-shape-triangle{right:12%;bottom:10%;width:84px;height:80px;background:#67d8ec;clip-path:polygon(50% 0,0 100%,100% 100%);--mobile-intermission-rotate: -5deg;--mobile-intermission-start-x: 16px;--mobile-intermission-start-y: 14px;--mobile-intermission-end-x: -24px;--mobile-intermission-end-y: -20px;animation-duration:9.8s;animation-delay:2.2s}.mobile-intermission-shape-dot{right:9%;top:10%;width:18px;height:18px;border-radius:999px;background:#e7f0ffd1;--mobile-intermission-start-x: -10px;--mobile-intermission-start-y: 10px;--mobile-intermission-end-x: 16px;--mobile-intermission-end-y: -18px;animation-duration:6.3s;animation-delay:2.9s}.mobile-intermission-content{position:relative;z-index:2;width:min(90vw,420px);padding:12px 10px calc(120px + env(safe-area-inset-bottom));display:grid;justify-items:center;gap:10px;text-align:center}.mobile-intermission-bottom-actions{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:3;display:grid;gap:10px}.mobile-intermission-brand-mark{width:100%;display:flex;justify-content:center;align-items:center;padding:6px 0 8px}.mobile-intermission-brand-mark .brand-scribble{width:clamp(40px,12vw,50px);height:clamp(40px,12vw,50px);color:#dff1ff;filter:drop-shadow(0 8px 16px rgba(20,24,78,.34))}.mobile-intermission-debug-label{color:#dfeaffe0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mobile-intermission-headline{color:#f8fbff;font-size:clamp(28px,7.8vw,42px);font-weight:850;line-height:1.05;text-align:center;letter-spacing:.015em;text-shadow:0 6px 18px rgba(20,24,78,.38)}.mobile-intermission-headline-wipe-in{animation:mobile-intermission-wipe-in .3s cubic-bezier(.2,.86,.25,1)}.mobile-intermission-headline-wipe-out{animation:mobile-intermission-wipe-out .17s ease-in forwards}.mobile-intermission-countdown{color:#e8f2ff;font-size:clamp(22px,6.5vw,34px);font-weight:760;letter-spacing:.03em;text-shadow:0 10px 22px rgba(20,24,78,.4)}.mobile-intermission-ready-button{width:100%;min-height:44px;border-radius:999px;font-size:14px;box-shadow:0 14px 34px #0d18455c}.mobile-intermission-ready-meta{color:#e6eeffeb;text-align:center;font-size:12px;font-weight:650}.mobile-intermission-lobby-button{min-height:32px;border-radius:999px;padding:5px 12px;font-size:12px;color:#eaf0ff;border-color:#c2d0f49e;background:#1b246861}.mobile-intermission-open-chat-button{min-height:52px;width:100%;border-radius:16px;padding:10px 14px;font-size:16px;font-weight:700;color:#eff4ff;border-color:#c2d0f49e;background:#1f308275}.mobile-intermission-bottom-actions .mobile-intermission-ready-button{min-height:52px;border-radius:16px;font-size:16px}@keyframes mobile-intermission-float{0%{transform:translate3d(var(--mobile-intermission-start-x),var(--mobile-intermission-start-y),0) rotate(calc(var(--mobile-intermission-rotate) - 5deg));opacity:.66}to{transform:translate3d(var(--mobile-intermission-end-x),var(--mobile-intermission-end-y),0) rotate(calc(var(--mobile-intermission-rotate) + 5deg));opacity:1}}@keyframes mobile-intermission-wipe-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(6px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}@keyframes mobile-intermission-wipe-out{0%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}to{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(-4px)}}.page-lobby .lobby-mobile-section-title{font-size:14px;font-weight:700;color:#0f172a}.page-lobby .mobile-header-drawer-signout{border-color:#f871716b;color:#991b1b;background:#fef2f2cc}.page-lobby .mobile-header-drawer-premium{margin-top:8px;margin-bottom:8px;justify-content:center}.page-lobby .mobile-header-drawer-signout:hover{background:#fee2e2eb}@keyframes mobile-header-drawer-in{0%{transform:translate(-18px);opacity:.25}to{transform:translate(0);opacity:1}}@keyframes mobile-header-drawer-out{0%{transform:translate(0);opacity:1}to{transform:translate(-18px);opacity:.25}}@keyframes mobile-header-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-header-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}.page-ios-native{--ios-native-header-offset: calc(80px + env(safe-area-inset-top)) }.page-ios-native .ios-native-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;min-height:54px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;padding-left:12px;background:#f8fafcf2;border-bottom:1px solid rgba(148,163,184,.35);box-shadow:0 10px 28px #0f172a24;-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);z-index:46}.page-ios-native.page-lobby .ios-native-header{padding-right:58px}.page-ios-native.page-room .ios-native-header{padding-right:154px}.page-ios-native .ios-native-header .topbar-left{flex:1 1 auto;min-width:0;align-items:center;gap:8px}.page-ios-native.page-room .ios-native-header .topbar-room-title{flex:1 1 auto;min-width:0}.page-ios-native.page-room .ios-native-header .topbar-room-title .topbar-subtitle{max-width:100%;overflow:hidden;text-overflow:ellipsis}.page-ios-native.page-lobby .ios-native-menu-btn,.page-ios-native.page-room .ios-native-menu-btn{top:calc(8px + env(safe-area-inset-top));right:12px;transform:none}.page-ios-native.page-room .ios-native-chat-btn{top:calc(8px + env(safe-area-inset-top));right:56px;transform:none}.page-ios-native.page-room .ios-native-timer{top:calc(9px + env(safe-area-inset-top));right:100px;transform:none}.page-ios-native.page-lobby main.lobby-mobile{padding-top:var(--ios-native-header-offset);padding-bottom:0;min-height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset));height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset))}.page-ios-native.page-lobby .lobby-mobile-panel .scroll{padding-bottom:calc(10px + max(env(safe-area-inset-bottom),8px))}.page-ios-native.page-room main.grid,.page-ios-native.page-room main.grid.mobile-drawer-focus,.page-ios-native.page-room main.grid.mobile-guesser-view{padding-top:var(--ios-native-header-offset);padding-bottom:calc(8px + env(safe-area-inset-bottom))}.page-ios-native .ios-native-drawer-backdrop{z-index:140;background:#0f172a6b;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}.page-ios-native .ios-native-drawer{width:min(86vw,336px);max-width:336px;height:100%;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#f8fafcfc;border-right:1px solid rgba(148,163,184,.58);border-top-right-radius:18px;border-bottom-right-radius:18px;box-shadow:24px 0 46px #0f172a3d,inset -1px 0 #94a3b866;animation:ios-native-drawer-in .2s cubic-bezier(.2,.9,.22,1);position:relative;z-index:141}@keyframes ios-native-drawer-in{0%{transform:translate(-26px);opacity:.16}to{transform:translate(0);opacity:1}}.brand{font-size:17px}.topbar-subtitle{font-size:1.15rem}.page-room .topbar-room-title .topbar-subtitle{font-size:1.25em}.top-actions{width:100%;flex-wrap:wrap;overflow-x:visible;overflow-y:visible;gap:8px;padding-bottom:0}.top-actions>*{flex:0 1 auto}.top-actions .ghost,.top-actions .report-inbox-button{font-size:13px;padding:7px 10px}.top-user{padding-right:10px}.top-user-name{max-width:90px}main.grid.lobby-desktop{display:none}main.lobby-mobile{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column;gap:10px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.page-ios-native.page-lobby main.lobby-mobile{padding-bottom:0;min-height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset));height:calc(var(--ios-native-vv-height, 100dvh) - var(--ios-native-header-offset))}.lobby-mobile .panel{min-height:0}.lobby-mobile .scroll{max-height:none}.page-room main.grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(160px,34svh);gap:8px;padding:8px;overflow:hidden}.page-room main.grid.mobile-drawer-focus{grid-template-rows:minmax(0,1fr);padding-bottom:calc(8px + env(safe-area-inset-bottom))}.page-room main.grid.mobile-guesser-view{grid-template-rows:minmax(220px,52svh) minmax(200px,1fr);grid-template-areas:"canvas" "messages";align-content:stretch;align-items:stretch}.page-room .users-panel{display:none}.page-room .canvas-wrap{order:1;min-height:0;min-width:0;width:100%}.page-room main.grid.mobile-guesser-view>.canvas-wrap{grid-row:1;grid-area:canvas;align-self:stretch}.page-room main.grid.mobile-guesser-view>.messages{grid-row:2;grid-area:messages;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;align-content:stretch}.page-room .toolbar{padding:8px 10px;gap:8px}.page-room .toolbar-primary{min-height:34px;gap:8px}.page-room .word-track{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.page-room .word-track::-webkit-scrollbar{display:none}.page-room .word-cells{flex-wrap:nowrap}.page-room .canvas-stage{place-items:start center;align-content:start;padding:8px;overflow:hidden}.page-room .canvas-waiting-overlay{padding:12px;font-size:16px}.page-room .canvas-waiting-overlay-with-ad{padding:12px 12px 110px}.page-room .canvas-waiting-overlay-banner,.page-room .canvas-transition-ad{bottom:10px;width:calc(100% - 20px)}.page-room .canvas-mobile-centered-timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;align-content:center;gap:8px;pointer-events:none;text-align:center;padding:18px}.page-room .canvas-mobile-centered-timer-planning{top:0;right:0;bottom:0;left:0;padding:12px}.page-room .canvas-selection-status-card{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;width:min(94%,560px);max-width:min(94%,560px);padding:16px 20px;border-radius:22px;border:1px solid rgba(147,197,253,.34);background:radial-gradient(circle at top left,rgba(191,219,254,.46),transparent 38%),radial-gradient(circle at bottom right,rgba(196,181,253,.26),transparent 34%),#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 44px #0f172a29;overflow:hidden}.page-room .canvas-selection-status-card-mobile{gap:8px}.page-room .canvas-selection-status-orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page-room .canvas-selection-status-orbit-dot{position:absolute;width:14px;height:14px;border-radius:999px;opacity:.7}.page-room .canvas-selection-status-orbit-dot-a{top:20%;left:16%;background:#fbbf24b8;animation:selection-orbit-a 3.8s ease-in-out infinite}.page-room .canvas-selection-status-orbit-dot-b{top:28%;right:18%;background:#60a5faa8;animation:selection-orbit-b 4.2s ease-in-out infinite}.page-room .canvas-selection-status-orbit-dot-c{bottom:18%;left:22%;background:#a78bfa85;animation:selection-orbit-c 4.6s ease-in-out infinite}.page-room .canvas-selection-status-icon{position:relative;z-index:1;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#2563eb;background:#dbeafeeb;box-shadow:inset 0 0 0 1px #60a5fa66;font-size:20px}.page-room .canvas-mobile-centered-timer-label-selecting{position:relative;z-index:1;font-size:clamp(18px,3.8vw,28px);color:#1e293b;max-width:min(92%,320px)}.page-room .canvas-mobile-centered-timer-seconds-selecting{position:relative;z-index:1;font-size:18px;color:#2563eb;background:#dbeafee0;border:1px solid rgba(147,197,253,.92);border-radius:999px;padding:4px 10px}@keyframes selection-orbit-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-12px,0) scale(1.12)}}@keyframes selection-orbit-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-14px,14px,0) scale(.92)}}@keyframes selection-orbit-c{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(12px,-10px,0) scale(1.08)}}.page-room .canvas-mobile-centered-timer .clock-face{width:46px;height:46px}.page-room .canvas-mobile-centered-timer .clock-center{width:16px;height:16px}.page-room .canvas-planning-spinner-mobile{width:46px;height:46px;border-width:3px}.page-room .canvas-mobile-centered-timer-label{font-size:28px;line-height:1.05;font-weight:900;color:#334155;letter-spacing:.01em;text-wrap:balance;max-width:min(92%,360px)}.page-room .canvas-mobile-centered-timer-label-planning{font-size:clamp(17px,3.6vw,26px);line-height:1.1;width:100%;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip}.page-room .canvas-mobile-centered-timer-label-planning.canvas-planning-label-compact{font-size:clamp(15px,3.1vw,22px)}.page-room .canvas-mobile-centered-timer-label-planning.canvas-planning-label-tight{font-size:clamp(13px,2.7vw,18px)}.page-room .canvas-mobile-centered-timer-seconds{font-size:32px;line-height:1;font-weight:900;color:#1e3a8a;letter-spacing:.01em}.page-room .canvas-mobile-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:4px 10px 8px;border-top:1px solid rgba(148,163,184,.24);background:#f8fafcb8}.page-room .canvas-mobile-meta-shell{position:relative;display:grid;min-height:0;overflow:hidden}.page-room .canvas-mobile-meta-base{grid-area:1 / 1;transition:opacity .22s ease}.page-room .canvas-mobile-meta-base-muted{opacity:.16}.page-room .canvas-mobile-meta-alert{grid-area:1 / 1;justify-content:stretch;overflow:hidden;z-index:1}.page-room .canvas-mobile-meta-alert-success{background:linear-gradient(135deg,#dcfce7fa,#bbf7d0f5);border-top-color:#4ade806b}.page-room .canvas-mobile-meta-alert-info{background:linear-gradient(135deg,#fef3c7fa,#fde68af5);border-top-color:#f59e0b6b}.page-room .canvas-mobile-meta-alert-enter,.page-room .canvas-mobile-meta-alert-visible,.page-room .canvas-mobile-meta-alert-exit{transition:transform .24s ease,opacity .24s ease}.page-room .canvas-mobile-meta-alert-enter{transform:translate(108%);opacity:0}.page-room .canvas-mobile-meta-alert-visible{transform:translate(0);opacity:1}.page-room .canvas-mobile-meta-alert-exit{transform:translate(-108%);opacity:0}.page-room .canvas-mobile-meta-alert-item{min-width:0;width:100%;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:0;text-transform:none}.page-room .canvas-mobile-meta-alert-success .canvas-mobile-meta-alert-item{color:#166534}.page-room .canvas-mobile-meta-alert-info .canvas-mobile-meta-alert-item{color:#92400e}.page-room .canvas-mobile-meta-alert-icon{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;line-height:1}.page-room .canvas-mobile-meta-alert-success .canvas-mobile-meta-alert-icon{background:#22c55e24;color:#15803d}.page-room .canvas-mobile-meta-alert-info .canvas-mobile-meta-alert-icon{background:#f59e0b24;color:#b45309}.page-room .canvas-mobile-meta-alert-text{min-width:0;flex:1 1 auto}.page-room .canvas-mobile-meta-alert-success .canvas-mobile-meta-alert-text{color:#166534}.page-room .canvas-mobile-meta-alert-info .canvas-mobile-meta-alert-text{color:#92400e}.page-room .canvas-mobile-meta-item{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.page-room .canvas-mobile-meta-round{color:#334155}.page-room .canvas-mobile-meta-artist{margin-left:auto;justify-content:flex-end}.page-room .canvas-mobile-meta-label{color:#64748b}.page-room .canvas-mobile-meta-value{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e3a8a;font-weight:800;text-transform:none;letter-spacing:0;font-size:13px}.page-room .canvas-mobile-meta .canvas-artist-you{font-size:10px;padding:1px 6px}.page-room .messages{order:2;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.page-room .messages>.messages-header{grid-row:1}.page-room .messages>.scroll{grid-row:2;min-height:0}.page-room .messages>.composer{grid-row:3;align-self:end}.page-room main.grid.mobile-guesser-view>.messages{align-content:stretch}.page-room .messages-waiting-state .messages-waiting-overlay{position:absolute;z-index:7;left:8px;right:8px;top:54px;bottom:8px;display:grid;place-items:center;pointer-events:none}.page-room .messages-waiting-overlay-content{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;text-align:center;width:min(92%,460px);max-width:100%}.page-room .messages-waiting-state .messages-waiting-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#f1f5f947;border:1px solid rgba(148,163,184,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.page-room .messages-waiting-open-chat{pointer-events:auto;width:100%;max-width:100%;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;position:relative;overflow:hidden;isolation:isolate;color:#f8fbff;border:1px solid rgba(132,142,232,.64);background:linear-gradient(115deg,#4f57c9,#5f83d8 56%,#6da6de);box-shadow:0 12px 28px #5a78d64d,inset 0 1px #ffffff47;animation:auth-cta-fade-in .44s ease-out both;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.page-room .messages-waiting-open-chat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#fff0 33%,#ffffff14 44%,#ffffff4d,#ffffff14 56%,#fff0 67%);transform:translate(-135%);animation:auth-cta-glimmer 5.64s ease-out infinite;animation-delay:.52s}.page-room .messages-waiting-open-chat i{font-size:13px;line-height:1}.page-room .messages-waiting-caption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:start;gap:8px;color:#2f3f57;font-size:clamp(11px,3.2vw,13px);font-weight:700;line-height:1.3;white-space:normal;width:100%;padding:8px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#ffffffb8;text-shadow:0 1px 0 rgba(255,255,255,.72);text-align:left}.page-room .messages-waiting-caption i{display:inline-block;color:#4f57c9;font-size:14px;line-height:1}.page-room .messages-waiting-caption span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty}.page-room .messages-header{padding:8px 10px;gap:8px}.page-room .messages .tabs{gap:6px}.page-room .messages .tab{font-size:11px;padding:7px 9px}.page-room .mode-indicator{margin:6px 10px 0;padding:8px 10px;gap:8px}.page-room .mode-indicator-title{font-size:16px}.page-room .mode-indicator-text,.page-room .mode-helper{display:none}.page-room .messages .scroll{padding:6px 8px;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page-room .messages .scroll.messages-scroll-bottom{display:flex;flex-direction:column}.page-room .messages .scroll.messages-scroll-bottom:before{content:"";flex:1 0 12px;min-height:0}.page-room .messages .scroll.messages-scroll-bottom .message-rows{width:100%;flex:0 0 auto}.page-room .composer{padding:4px 8px;gap:6px}.page-room .chat-input{align-items:center;gap:6px}.page-room .chat-input input{min-width:0;min-height:36px;height:36px;padding:6px 10px;font-size:16px}.page-room .chat-input .primary{min-height:36px;height:36px;padding:0 12px;border-radius:11px}.page-room .chat-input .primary.chat-send-button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:999px;gap:0}.page-room .chat-send-button .chat-send-label{display:none}.page-room .chat-send-button .chat-send-icon{display:inline-block;font-size:14px;line-height:1;transform:translate(1px)}.page-room main.grid.mobile-guesser-view .composer{padding:6px 8px;gap:8px}.page-room main.grid.mobile-guesser-view .chat-input{gap:8px}.page-room main.grid.mobile-guesser-view .chat-input input{min-height:42px;height:42px;padding:8px 12px;font-size:16px}.page-room main.grid.mobile-guesser-view .chat-input .primary{min-height:42px;height:42px;min-width:82px;padding:0 14px;border-radius:12px;font-size:17px}.page-room main.grid.mobile-guesser-view .chat-input .primary.chat-send-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:999px}.page-room .scroll-mobile-users .player{padding-top:7px;padding-bottom:7px}.page-auth{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-flow{overflow-y:hidden;-webkit-overflow-scrolling:auto}.page-auth main.grid.single.single-center{width:100%;max-width:none;min-height:100svh;padding:0;align-content:stretch;align-items:stretch;justify-items:stretch}body.native-ios-app .page-auth.page-ios-preauth main.grid.single.single-center{padding-top:0}.page-auth .panel.auth{max-width:none;min-height:100svh;min-height:100dvh;border-radius:0;border:0;box-shadow:none;background:#f8fafffa}body.native-ios-app .ios-page-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:#f1f5fff5;border-bottom:1px solid rgba(148,163,184,.36);box-shadow:0 10px 28px #0f172a24;-webkit-backdrop-filter:blur(12px) saturate(1.18);backdrop-filter:blur(12px) saturate(1.18);z-index:52}body.native-ios-app .ios-page-brand{display:inline-flex;align-items:center;gap:8px;color:#0f172a;text-decoration:none;font-size:20px;font-weight:800;line-height:1}body.native-ios-app .ios-page-brand .brand-scribble{width:20px;height:20px}body.native-ios-app .ios-page-menu-btn{display:inline-flex;width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:#ffffffeb;color:#1e293b;align-items:center;justify-content:center;padding:0;box-shadow:0 8px 20px #0f172a1f}body.native-ios-app .legal-ios-menu-btn{flex:0 0 auto}body.native-ios-app .ios-page-menu-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:flex-start}body.native-ios-app .ios-page-menu-drawer{width:min(86vw,320px);height:100%;background:#f8fafcfc;border-right:1px solid rgba(148,163,184,.56);box-shadow:18px 0 40px #0f172a38;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));animation:ios-native-drawer-in .19s cubic-bezier(.2,.9,.22,1)}body.native-ios-app .ios-page-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px}body.native-ios-app .ios-page-menu-title{font-size:15px;font-weight:800;color:#0f172a}body.native-ios-app .ios-page-menu-close{width:34px;height:34px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}body.native-ios-app .ios-page-menu-list{display:grid;align-content:start;gap:8px;overflow-y:auto}body.native-ios-app .ios-page-menu-link{width:100%;display:inline-flex;align-items:center;min-height:42px;border:1px solid rgba(148,163,184,.42);border-radius:12px;background:#fff;color:#0f172a;text-decoration:none;text-align:left;padding:0 12px;font-size:14px;font-weight:700}.page-auth .auth-card{min-height:100svh;min-height:100dvh;border-radius:0;box-shadow:none;grid-template-columns:1fr;grid-template-rows:auto 1fr}.page-auth .auth-card.auth-card-flow .auth-hero{padding:14px 20px 12px;gap:6px;justify-content:center}.page-auth .auth-card.auth-card-flow .auth-brand{flex:0 0 100%;display:flex;justify-content:center;font-size:0;line-height:0;letter-spacing:0}.page-auth .auth-card.auth-card-flow .auth-brand .brand-scribble{width:72px;height:72px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:40px;line-height:1;color:#0f1b3d;border:1px solid rgba(148,163,184,.38);background:linear-gradient(145deg,#fffffff5,#ddebffeb);box-shadow:0 10px 24px #2563eb29,inset 0 1px #ffffffe6}.page-auth .auth-card.auth-card-flow .auth-subtitle{display:none}.page-auth .auth-card.auth-card-flow .auth-status{margin-top:0;margin-left:auto;margin-right:auto}.page-auth .auth-card.auth-card-flow .auth-bullets,.page-auth .auth-card.auth-card-flow .auth-beta-note,.page-auth .auth-card.auth-card-flow .auth-contact-note,.page-auth .auth-card.auth-card-flow .auth-build-tag{display:none}.page-auth .auth-hero{border-right:none;border-bottom:1px solid var(--border);padding:20px 20px 14px;display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;gap:8px}body.native-ios-app .page-auth.page-ios-preauth .auth-hero{padding-top:calc(20px + env(safe-area-inset-top))}body.native-ios-app .page-auth.page-ios-preauth .auth-card:not(.auth-card-flow) .auth-hero{padding-bottom:30px}body.native-ios-app .page-auth.page-ios-preauth .auth-card.auth-card-flow .auth-hero{padding-top:calc(14px + env(safe-area-inset-top))}body.native-ios-app .page-auth.page-ios-preauth .auth-card:not(.auth-card-flow) .auth-build-tag{order:7;flex:1 1 auto;margin-top:12px;max-width:none}body.native-ios-app .page-auth.page-ios-preauth .auth-card:not(.auth-card-flow) .auth-status{top:auto;right:20px;bottom:12px}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-hero{padding-bottom:16px}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-beta-note{margin-top:6px;padding:7px 9px;line-height:1.3}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-contact-note{margin-top:6px}.page-auth .auth-brand{order:1;flex:0 1 auto;font-size:56px;line-height:1}.page-auth .auth-status{order:2;flex:0 0 auto;margin-top:2px}.page-auth .auth-card:not(.auth-card-flow) .auth-hero{position:relative}.page-auth .auth-card:not(.auth-card-flow) .auth-status{position:absolute;top:14px;right:20px;margin:0}.page-auth .auth-subtitle{order:3;flex:0 0 100%;text-align:left;font-size:13px;margin-top:-4px}.page-auth .auth-bullets{order:4;flex:0 0 100%;display:none}.page-auth .auth-beta-note{order:5;flex:0 0 100%;margin-top:10px;font-size:11px;padding:8px 10px;max-width:none}.page-auth .auth-contact-note{order:6;flex:0 0 100%;margin-top:8px;font-size:11px;max-width:none}.page-auth .auth-form{width:100%;margin:0;padding:16px 20px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;background:#fffffff2}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-form.auth-form-choose{padding-top:14px;padding-bottom:calc(18px + max(env(safe-area-inset-bottom),12px));gap:12px}.page-auth .auth-form .field-label{font-size:12px}.page-auth .auth-choice-card{background:transparent;border:0;box-shadow:none;padding:0}.page-auth .auth-choice-title{margin-bottom:12px}.page-auth .auth-choice-heading{display:block;margin:0 0 2px;font-size:24px}.page-auth .auth-choice-heading.auth-choice-heading-cycle{display:inline-flex;align-items:center;justify-content:center}.page-auth .auth-choice-subtitle{font-size:13px;font-weight:400;line-height:1.35}.page-auth .auth-flow-heading{margin-bottom:4px}.page-auth .auth-flow-title{font-size:18px;line-height:1.25}.page-auth .auth-flow-subtitle{font-size:14px;line-height:1.35}.page-auth .auth-choice-grid,body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-choice-grid{margin-top:20px;gap:14px}.page-auth .auth-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.page-auth .auth-form input,.page-auth .chat-input input,.page-auth .composer input{min-height:46px;font-size:16px}.page-auth .legal{font-size:11px;line-height:1.35}.page-auth .auth-legal-footer{margin-top:16px;padding-top:0;text-align:left;max-width:none;margin-left:0;margin-right:0}.page-auth .auth-form-choose .auth-legal-footer{margin-top:auto;padding-top:12px}body.native-ios-app .page-auth.page-ios-preauth.page-auth-mode-choose .auth-form-choose .auth-legal-footer{margin-top:auto;padding-top:12px;font-size:10px;line-height:1.3}.page-auth .auth-form:not(.auth-form-choose) .auth-legal-footer{margin-top:12px}.page-auth .auth-form button.primary,.page-auth .auth-form button.ghost{min-height:52px;padding-top:14px;padding-bottom:14px}.page-auth.page-auth-mode-choose .bg-login .bg-layer,.page-auth.page-auth-mode-flow .bg-login .bg-layer{background:radial-gradient(980px 660px at 16% 12%,rgba(97,234,227,.24),transparent 63%),radial-gradient(920px 620px at 88% 82%,rgba(255,115,178,.2),transparent 64%),radial-gradient(820px 560px at 46% 46%,rgba(148,136,255,.2),transparent 68%),linear-gradient(145deg,#4a4fd2,#4b4bc7 32%,#4546bb,#3f3ca7);filter:saturate(1.16)}.page-auth.page-auth-mode-choose .bg-login .bg-layer:before,.page-auth.page-auth-mode-flow .bg-login .bg-layer:before{background:radial-gradient(circle at 18% 26%,rgba(255,255,255,.19) 0 1px,transparent 2px) 0 0 / 30px 30px,radial-gradient(circle at 78% 68%,rgba(255,255,255,.18) 0 1px,transparent 2px) 0 0 / 34px 34px,radial-gradient(560px 400px at 44% 52%,rgba(255,255,255,.12),transparent 72%);animation-duration:64s}.page-auth.page-auth-mode-choose .bg-login .bg-layer:after,.page-auth.page-auth-mode-flow .bg-login .bg-layer:after{background:radial-gradient(circle at 58% 36%,rgba(255,255,255,.12),transparent 48%),radial-gradient(480px 340px at 52% 72%,rgba(255,209,84,.1),transparent 74%)}.page-auth.page-auth-mode-choose .bg-login .bg-motif,.page-auth.page-auth-mode-flow .bg-login .bg-motif{opacity:.9;filter:drop-shadow(0 7px 12px rgba(15,21,72,.26))}.page-auth.page-auth-mode-choose .panel.auth,.page-auth.page-auth-mode-choose .auth-card,.page-auth.page-auth-mode-choose .auth-choice-card,.page-auth.page-auth-mode-flow .panel.auth,.page-auth.page-auth-mode-flow .auth-card,.page-auth.page-auth-mode-flow .auth-choice-card{background:transparent;border:0;box-shadow:none}.page-auth.page-auth-mode-choose .auth-card{grid-template-rows:minmax(224px,44svh) minmax(0,1fr);transition:grid-template-rows .34s cubic-bezier(.2,.9,.22,1)}.page-auth.page-auth-mode-choose .auth-hero,.page-auth.page-auth-mode-flow .auth-hero{border-bottom:0;background:transparent;justify-content:center;align-content:center;text-align:center;row-gap:12px;padding:calc(22px + env(safe-area-inset-top)) 20px 16px;position:relative;isolation:isolate;overflow:hidden}.page-auth.page-auth-mode-choose .auth-hero:before,.page-auth.page-auth-mode-flow .auth-hero:before{content:"";position:absolute;width:min(92vw,440px);height:min(56svh,312px);left:50%;top:52%;transform:translate(-50%,-50%);border-radius:999px;border:2px dotted rgba(223,234,255,.32);animation:bg-orbit-dots 30s linear infinite;z-index:0}.page-auth.page-auth-mode-choose .auth-hero:after,.page-auth.page-auth-mode-flow .auth-hero:after{content:"";position:absolute;width:min(112vw,540px);height:min(62svh,340px);left:50%;top:56%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:999px;border:1px solid rgba(232,239,255,.24);z-index:0}.page-auth.page-auth-mode-choose .auth-hero>*,.page-auth.page-auth-mode-flow .auth-hero>*{position:relative;z-index:1}.page-auth.page-auth-mode-choose .auth-brand,.page-auth.page-auth-mode-flow .auth-brand{display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;font-size:clamp(46px,11.6vw,62px);color:#f9fcff;text-shadow:0 5px 18px rgba(20,24,78,.38);letter-spacing:.15px;background:none;border:0;box-shadow:none;border-radius:0;min-width:0;min-height:0}.page-auth.page-auth-mode-choose .auth-brand .brand-scribble,.page-auth.page-auth-mode-flow .auth-brand .brand-scribble{color:#ddf0ff;width:.88em;height:.88em;border-radius:0;border:0;background:none;box-shadow:none}.page-auth.page-auth-mode-choose .auth-subtitle,.page-auth.page-auth-mode-flow .auth-subtitle{width:100%;margin-top:0;font-size:clamp(16px,4.4vw,20px);line-height:1.22;color:#eef4fff0;text-align:center}.page-auth.page-auth-mode-choose .auth-status,.page-auth.page-auth-mode-choose .auth-bullets,.page-auth.page-auth-mode-choose .auth-beta-note,.page-auth.page-auth-mode-choose .auth-contact-note,.page-auth.page-auth-mode-choose .auth-build-tag,.page-auth.page-auth-mode-flow .auth-status,.page-auth.page-auth-mode-flow .auth-bullets,.page-auth.page-auth-mode-flow .auth-beta-note,.page-auth.page-auth-mode-flow .auth-contact-note,.page-auth.page-auth-mode-flow .auth-build-tag{display:none}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose,.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow{width:100%;background:linear-gradient(180deg,#f9fbfff7,#fffffffa);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -16px 36px #10154238;padding:16px 20px calc(16px + max(env(safe-area-inset-bottom),12px));gap:10px;transition:transform .34s cubic-bezier(.2,.9,.22,1);transform:translateY(0)}.page-auth.page-auth-mode-choose .auth-form.auth-form-choose:before,.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow:before{content:"";display:block;width:44px;height:4px;border-radius:999px;background:#adbae2db;margin:0 auto 4px;flex:0 0 auto}.page-auth.page-auth-mode-choose .auth-choice-card{width:min(100%,420px);margin:0 auto}.page-auth.page-auth-mode-choose .auth-choice-title{margin-bottom:8px;text-align:center}.page-auth.page-auth-mode-choose .auth-choice-heading{margin-bottom:5px;font-size:clamp(32px,9.2vw,40px);color:#202d62;font-weight:650}.page-auth.page-auth-mode-choose .auth-choice-subtitle{font-size:14px;line-height:1.36;color:#5a678f}.page-auth.page-auth-mode-choose .auth-choice-grid{margin-top:16px;gap:10px}.page-auth.page-auth-mode-choose button.auth-choice-cycle-btn{min-height:52px;border-radius:999px;font-size:18px;font-weight:700;padding-top:12px;padding-bottom:12px;border-color:#9dabe46b;background:#ffffffe6;color:#2c386b;box-shadow:inset 0 1px #ffffffb8,0 6px 14px #313d781f}.page-auth.page-auth-mode-choose button.auth-choice-cycle-btn.auth-cta-animated{background:linear-gradient(115deg,#6058f4,#6f6bff 52%,#53bdff);border-color:transparent;color:#f8fbff;box-shadow:0 12px 28px #4851c657,inset 0 1px #ffffff47}.page-auth.page-auth-mode-choose button.auth-choice-cycle-btn.auth-cta-animated:after{opacity:1}.page-auth.page-auth-mode-choose .auth-form-choose .auth-legal-footer{margin-top:auto;padding-top:14px;text-align:center;color:#6a759b;font-size:11px;line-height:1.32}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow{grid-template-rows:minmax(184px,34svh) minmax(0,1fr);transition:grid-template-rows .34s cubic-bezier(.2,.9,.22,1)}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-hero{border-bottom:0;background:transparent;justify-content:center;align-content:center;text-align:center;row-gap:12px;padding:calc(28px + env(safe-area-inset-top)) 20px 16px;position:relative;isolation:isolate;overflow:visible}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-hero:before{content:"";position:absolute;width:min(92vw,440px);height:min(56svh,312px);left:50%;top:52%;transform:translate(-50%,-50%);border-radius:999px;border:2px dotted rgba(223,234,255,.32);animation:bg-orbit-dots 30s linear infinite;z-index:0}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-hero:after{content:"";position:absolute;width:min(112vw,540px);height:min(62svh,340px);left:50%;top:56%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:999px;border:1px solid rgba(232,239,255,.24);z-index:0}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-brand{display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;font-size:clamp(46px,11.6vw,62px);line-height:1.04;letter-spacing:.15px;color:#f9fcff;text-shadow:0 5px 18px rgba(20,24,78,.38)}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-brand .brand-scribble{width:.88em;height:.88em;transform:translateY(2px);border-radius:0;border:0;background:none;box-shadow:none;color:#ddf0ff}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-subtitle{display:block;width:100%;margin-top:0;font-size:clamp(16px,4.4vw,20px);line-height:1.22;color:#eef4fff0;text-align:center}.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-status,.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-bullets,.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-beta-note,.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-contact-note,.page-auth.page-auth-mode-flow .auth-card.auth-card-flow .auth-build-tag{display:none}.page-auth.page-auth-mode-flow .auth-form.auth-form-mode-flow{align-content:start;justify-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:none;margin-top:-22px;min-height:calc(100% + 22px);gap:16px;padding-top:18px;padding-bottom:calc(32px + max(env(safe-area-inset-bottom),14px))}.page-auth.page-auth-mode-flow .auth-flow-pane{animation:auth-sheet-flow-pane-in .26s cubic-bezier(.2,.9,.22,1) .13s both}.page-auth.page-auth-mode-flow .auth-flow-heading{margin-bottom:2px}.page-auth.page-auth-mode-flow .auth-flow-title{font-size:clamp(24px,7.2vw,32px);color:#202d62}.page-auth.page-auth-mode-flow .auth-flow-subtitle{margin-top:4px;font-size:14px;line-height:1.35;color:#5a678f}.page-auth.page-auth-mode-flow .auth-flow-note{margin-top:-2px;color:#5c6790;font-size:12px;line-height:1.38}.page-auth.page-auth-mode-flow .auth-flow-pane-guest{display:grid;gap:20px}.page-auth.page-auth-mode-flow .auth-flow-pane-guest .auth-flow-heading{margin-bottom:2px}.page-auth.page-auth-mode-flow .auth-flow-pane-guest .auth-flow-subtitle{margin-top:10px;line-height:1.56}.page-auth.page-auth-mode-flow .auth-flow-pane-guest .auth-flow-note{margin-top:4px;line-height:1.6}.page-auth.page-auth-mode-flow .auth-flow-pane-guest .row{margin-top:12px}.page-auth.page-auth-mode-flow .auth-flow-pane-guest .auth-back-row{margin-top:10px}.page-auth.page-auth-mode-flow .auth-flow-pane-guest+.auth-legal-footer,.page-auth.page-auth-mode-flow .auth-flow-pane-guest~.auth-legal-footer{margin-top:18px}.page-auth.page-auth-mode-flow .auth-legal-footer{margin-top:auto;padding-top:12px;text-align:center;color:#6a759b;font-size:11px;line-height:1.3}.toolbar{gap:8px}.toolbar-primary{grid-template-columns:1fr;gap:8px;min-height:unset}.toolbar-center{position:static;transform:none;justify-content:flex-start}.toolbar-right{justify-self:start}.drawer-tools-toggle{display:inline-flex;align-items:center;justify-content:center}.drawer-controls-overlay{padding:8px}.drawer-controls-overlay-panel .drawer-controls{flex-direction:column;align-items:stretch}.drawer-controls-overlay-panel .brush-tools,.drawer-controls-overlay-panel .tool-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drawer-controls-overlay-panel .brush-tools .ghost,.drawer-controls-overlay-panel .tool-buttons .ghost{width:100%}.drawer-controls-overlay-panel .tool-size{justify-content:space-between}.drawer-controls-overlay-panel .tool-size input{flex:1;min-width:0}.drawer-controls-overlay-panel .color-swatches{flex-wrap:wrap}.word-track{width:100%}.canvas-artist-banner{top:10px;left:10px;padding:6px 10px;gap:6px}.canvas-timer-floating-center{top:calc(50% + 30px);transform:translate3d(-50%,-50%,0) scale(1.2)}.canvas-timer-status{font-size:14px}.canvas-artist-name{font-size:13px}main.grid.single{padding:8px}.topics-grid{grid-template-columns:1fr}}