@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap";.of-brand-wrap{display:inline-flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;z-index:99999!important;position:relative!important}.of-hamburger-btn{display:inline-flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:36px!important;height:36px!important;background:#fff!important;border:2px solid #20202b!important;border-radius:10px!important;cursor:pointer!important;box-shadow:2px 2px #20202b!important;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,border-color .2s ease!important;margin-right:8px!important;flex:0 0 36px!important;position:relative!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;padding:0!important;z-index:99999!important;pointer-events:auto!important}.of-hamburger-btn:hover{transform:translateY(-1px)!important;box-shadow:3px 3px #20202b!important}.of-hamburger-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}.of-hamburger-bar{display:block!important;width:17px!important;height:2.2px!important;background:#20202b!important;border-radius:2px!important;transition:transform .2s ease,opacity .2s ease,background .2s ease!important;pointer-events:none!important}.of-hamburger-badge{position:absolute!important;top:-3px!important;right:-3px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#20c98a!important;border:2px solid #fff!important;box-shadow:0 0 0 2px #20c98a66!important;pointer-events:none!important}:root[data-theme=dark] .of-hamburger-btn,html[data-theme=dark] .of-hamburger-btn,body[data-theme=dark] .of-hamburger-btn,[data-theme=dark] .of-hamburger-btn{background:#1e202d!important;border:2px solid #4a4c59!important;box-shadow:2px 2px #00000080!important}:root[data-theme=dark] .of-hamburger-btn:hover,html[data-theme=dark] .of-hamburger-btn:hover,body[data-theme=dark] .of-hamburger-btn:hover,[data-theme=dark] .of-hamburger-btn:hover{box-shadow:3px 3px #000000a6!important}:root[data-theme=dark] .of-hamburger-btn:active,html[data-theme=dark] .of-hamburger-btn:active,body[data-theme=dark] .of-hamburger-btn:active,[data-theme=dark] .of-hamburger-btn:active{box-shadow:1px 1px #00000080!important}:root[data-theme=dark] .of-hamburger-bar,html[data-theme=dark] .of-hamburger-bar,body[data-theme=dark] .of-hamburger-bar,[data-theme=dark] .of-hamburger-bar{background:#f5f2ff!important}:root[data-theme=dark] .of-hamburger-badge,html[data-theme=dark] .of-hamburger-badge,body[data-theme=dark] .of-hamburger-badge,[data-theme=dark] .of-hamburger-badge{border-color:#1e202d!important}.of-sidebar-overlay{position:fixed;inset:0;background:#1011188c;z-index:100000000!important;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.of-sidebar-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.of-sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:min(340px,86vw);background:#fffdf9;color:var(--ink, #20202b);border-right:3px solid var(--ink, #20202b);box-shadow:10px 0 35px #00000040;z-index:100000001!important;transform:translate(-105%);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;font-family:Plus Jakarta Sans,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}.of-sidebar-panel.is-open{transform:translate(0)}.of-sidebar-panel.is-open.is-settled{transform:none!important;will-change:auto!important}:root[data-theme=dark] .of-sidebar-panel{background:#11121d!important;color:#f1f3f9!important;border-right-color:#272a3f!important;box-shadow:6px 0 30px #00000073!important}.of-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#faf4e9;border-bottom:2px solid var(--ink, #20202b);flex:0 0 auto}:root[data-theme=dark] .of-sidebar-header{background:#1d1f2c;border-bottom-color:#383a48}.of-sidebar-header-right{display:flex;align-items:center;gap:10px}.of-sidebar-header-right .theme-toggle{display:inline-flex!important;flex:0 0 auto;transform:scale(.92);margin:0}.of-game-header .theme-toggle,.of-game-right .theme-toggle,.of-game-controls-bottom .theme-toggle,.bp-actions .theme-toggle,.tr-of-right .theme-toggle,.sg-header-right-fixed .theme-toggle,.wr-of-header .theme-toggle,#gfTheme,#btTheme{display:none!important}.of-sidebar-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font-weight:750;font-size:18px;letter-spacing:-.5px;line-height:1}.of-sidebar-brand img{width:28px;height:28px;border:none!important;border-radius:0!important;object-fit:contain;display:block}.of-sidebar-brand span{font-family:"Baloo 2",system-ui,sans-serif;font-weight:900;letter-spacing:-.5px}.of-sidebar-brand span b{color:#ff4f91}.of-sidebar-close{background:#fff;border:1.5px solid var(--ink, #20202b);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:13px;font-weight:900;cursor:pointer;box-shadow:1.5px 1.5px 0 var(--ink, #20202b);transition:transform .1s ease;color:inherit}.of-sidebar-close:hover{transform:scale(1.08)}:root[data-theme=dark] .of-sidebar-close{background:#272a3a;border-color:#4a4c59;box-shadow:1.5px 1.5px #0006}.of-sidebar-body{flex:1 1 auto;overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch}.of-side-profile-card{background:#fff;border:2px solid var(--ink, #20202b);border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:3px 3px #20202b1f}:root[data-theme=dark] .of-side-profile-card{background:#1f212f;border-color:#383a48;box-shadow:3px 3px #00000059}.of-side-user-row{display:flex;align-items:center;gap:10px}.of-side-avatar-wrap{position:relative;width:44px;height:44px;flex:0 0 44px}.of-side-avatar-img{width:100%;height:100%;border-radius:50%;border:1.5px solid var(--ink, #20202b);background:#ffd9e8;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.of-side-avatar-badge{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--ink, #20202b);display:grid;place-items:center;font-size:9px}.of-side-user-meta{flex:1 1 auto;min-width:0}.of-side-user-name{font-size:14px;font-weight:750;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.of-side-user-tag{font-size:10px;font-weight:800;font-family:monospace;color:#7657ff;background:#7657ff1a;padding:1px 6px;border-radius:5px;display:inline-block;cursor:pointer}:root[data-theme=dark] .of-side-user-tag{color:#c4b5fd;background:#a78bfa26}.of-side-xp-wrap{margin-top:8px}.of-side-xp-meta{display:flex;justify-content:space-between;font-size:9px;font-weight:900;margin-bottom:3px;color:var(--muted, #64748b)}.of-side-xp-track{width:100%;height:6px;background:#e2e8f0;border:1px solid var(--ink, #20202b);border-radius:999px;overflow:hidden}:root[data-theme=dark] .of-side-xp-track{background:#292c3c;border-color:#4a4c59}.of-side-xp-fill{height:100%;background:linear-gradient(90deg,#ff4f91,#7657ff);border-radius:999px;transition:width .4s ease}.of-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.of-side-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;background:#f1ebd9;border:1.5px solid var(--ink, #20202b);border-radius:9px;font-size:11px;font-weight:750;cursor:pointer;color:inherit;transition:transform .1s ease;font-family:inherit}.of-side-action-btn:hover{transform:translateY(-1px)}.of-side-action-btn.is-active{background:#7657ff;color:#fff;border-color:var(--ink, #20202b)}:root[data-theme=dark] .of-side-action-btn{background:#272a3a;border-color:#4a4c59}:root[data-theme=dark] .of-side-action-btn.is-active{background:#7657ff;color:#fff}.of-side-online-pill{background:#20c98a;color:#fff;border-radius:999px;padding:0 5px;font-size:9px;font-weight:750}.of-side-guest-card{background:#fff;border:2px solid var(--ink, #20202b);border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:3px 3px #20202b1f;text-align:center}:root[data-theme=dark] .of-side-guest-card{background:#1f212f;border-color:#383a48}.of-side-guest-title{font-size:13px;font-weight:750;margin:0 0 4px}.of-side-guest-desc{font-size:11px;color:var(--muted, #64748b);margin:0 0 10px}.of-side-signin-btn{display:block;width:100%;background:#7657ff;color:#fff;border:1.5px solid var(--ink, #20202b);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer;box-shadow:2px 2px 0 var(--ink, #20202b);font-family:inherit}.of-side-social-view{background:#fff;border:2px solid var(--ink, #20202b);border-radius:14px;padding:12px;margin-bottom:14px;box-shadow:2px 2px #20202b1a}:root[data-theme=dark] .of-side-social-view{background:#1d1f2c;border-color:#383a48}.of-side-view-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:750;color:#7657ff}.of-side-view-close button{background:none;border:none;font-size:11px;font-weight:900;color:var(--muted, #64748b);cursor:pointer}.of-side-section-title{font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:var(--muted, #64748b);margin:14px 4px 6px}:root[data-theme=dark] .of-side-section-title{color:#8b8ea2}.of-side-nav-list{display:flex;flex-direction:column;gap:3px}.of-side-nav-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:transparent;border:1.5px solid transparent;border-radius:10px;font-size:12px;font-weight:900;color:inherit;text-decoration:none;cursor:pointer;transition:all .12s ease;font-family:inherit}.of-side-nav-item:hover{background:#f1ebd9;border-color:var(--ink, #20202b);transform:translate(2px)}.of-side-nav-item.is-active{background:#fff;border-color:var(--ink, #20202b);box-shadow:2px 2px 0 var(--ink, #20202b)}:root[data-theme=dark] .of-side-nav-item:hover{background:#242738;border-color:#4a4c59}:root[data-theme=dark] .of-side-nav-item.is-active{background:#282b3d;border-color:#4a4c59;box-shadow:2px 2px #0006}.of-side-nav-left{display:flex;align-items:center;gap:9px}.of-side-nav-icon{font-size:15px;width:20px;text-align:center}.of-side-nav-badge{font-size:9px;font-weight:750;padding:1px 6px;border-radius:999px;background:#7657ff1f;color:#7657ff}:root[data-theme=dark] .of-side-nav-badge{background:#a78bfa2e;color:#c4b5fd}.of-side-subgames{display:flex;flex-direction:column;gap:3px;padding-left:24px;margin-top:2px;margin-bottom:6px}.of-side-subgame-link{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:6px 10px;border-radius:8px;font-family:Plus Jakarta Sans,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important;font-weight:700!important;color:var(--muted, #64748b);text-decoration:none;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .12s ease;line-height:1.35}.of-side-subgame-link:hover{color:var(--ink, #20202b);background:#0000000d}.of-side-subgame-link.is-current{color:#ff4f91;font-weight:750}:root[data-theme=dark] .of-side-subgame-link{color:#a0a3b8}:root[data-theme=dark] .of-side-subgame-link:hover{color:#fff;background:#ffffff0f}:root[data-theme=dark] .of-side-subgame-link.is-current{color:#ff4f91}.of-sidebar-footer{padding:10px 12px max(16px,calc(12px + env(safe-area-inset-bottom,0px)));position:sticky!important;bottom:0!important;margin-top:auto!important;z-index:20!important;border-top:2px solid var(--ink, #20202b);background:#faf4e9;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto}:root[data-theme=dark] .of-sidebar-footer{background:#1a1c28;border-top-color:#383a48}.of-sidebar-discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#5865f2;color:#fff;border:2px solid var(--ink, #20202b);border-radius:999px;padding:0 12px;height:36px;box-sizing:border-box;font-size:12px;font-weight:800;text-decoration:none;box-shadow:2px 2px 0 var(--ink, #20202b);flex:1 1 auto;transition:transform .12s ease,box-shadow .12s ease}.of-sidebar-discord-btn:hover{transform:translateY(-1px);box-shadow:3px 3px 0 var(--ink, #20202b)}.of-sidebar-discord-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink, #20202b)}.of-sidebar-settings-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;box-sizing:border-box!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)!important;color:#334155!important;border:2px solid var(--ink, #20202b)!important;box-shadow:2px 2px 0 var(--ink, #20202b)!important;border-radius:999px!important;padding:0!important;cursor:pointer!important;transition:transform .12s ease,box-shadow .12s ease!important;flex:0 0 36px!important}.of-sidebar-settings-btn:hover{transform:translateY(-1px)!important;box-shadow:3px 3px 0 var(--ink, #20202b)!important}.of-sidebar-settings-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px 0 var(--ink, #20202b)!important}:root[data-theme=dark] .of-sidebar-settings-btn{background:linear-gradient(135deg,#475569,#334155,#1e293b)!important;color:#e2e8f0!important;border-color:#383a48!important;box-shadow:2px 2px #000!important}.of-sidebar-settings-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.of-invite-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fffdf9;color:var(--ink, #20202b);border:3px solid var(--ink, #20202b);border-radius:20px;padding:14px 18px;box-shadow:0 10px 30px #00000040,4px 4px 0 var(--ink, #20202b);z-index:10000001!important;width:min(420px,92vw);animation:ofToastSlideUp .35s cubic-bezier(.16,1,.3,1);font-family:inherit}:root[data-theme=dark] .of-invite-toast{background:#1f212d;color:#f5f2ff;border-color:#7657ff;box-shadow:0 10px 32px #0009,4px 4px #7657ff}@keyframes ofToastSlideUp{0%{opacity:0;transform:translate(-50%,20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.of-invite-toast-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.of-invite-toast-avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink, #20202b);background:#ffd9e8;object-fit:cover;flex:0 0 44px}.of-invite-toast-text{flex:1 1 auto;min-width:0}.of-invite-toast-title{font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:#ff4f91}.of-invite-toast-desc{font-size:12px;margin-top:2px;line-height:1.35}.of-invite-toast-actions{display:flex;gap:8px}.of-invite-toast-join{flex:1;background:#20c98a;color:#fff;border:2px solid var(--ink, #20202b);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:750;cursor:pointer;box-shadow:2px 2px 0 var(--ink, #20202b);font-family:inherit}.of-invite-toast-dismiss{background:#f1f5f9;color:#64748b;border:2px solid var(--ink, #20202b);border-radius:12px;padding:8px 14px;font-size:12px;font-weight:900;cursor:pointer;font-family:inherit}:root[data-theme=dark] .of-invite-toast-dismiss{background:#2e3142;color:#cbd5e1;border-color:#4a4c59}.of-auth-modal-backdrop{position:fixed;inset:0;background:#101118a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000000!important;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.of-auth-modal-backdrop.is-open{opacity:1;visibility:visible}.of-auth-card{width:min(420px,92vw);background:#fffdf9;color:var(--ink, #20202b);border:3px solid var(--ink, #20202b);border-radius:20px;padding:22px;box-shadow:6px 6px 0 var(--ink, #20202b);font-family:inherit;position:relative;max-height:92vh;overflow-y:auto}:root[data-theme=dark] .of-auth-card{background:#1b1d28;color:#f5f2ff;border-color:#3e4152;box-shadow:6px 6px #00000080}.of-auth-card h2{font-size:20px;font-weight:750;margin:0 0 6px}.of-auth-card p{font-size:12px;color:var(--muted, #64748b);margin:0 0 16px;line-height:1.4}.of-google-auth-section{margin-bottom:14px}.of-google-btn-mount{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px}.of-google-btn-mount iframe{margin:0 auto!important}.of-google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#3c4043;border:2px solid var(--ink, #20202b);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:750;cursor:pointer;box-shadow:2px 2px 0 var(--ink, #20202b);transition:transform .1s ease;font-family:inherit}:root[data-theme=dark] .of-google-signin-btn{background:#252837;color:#f5f2ff;border-color:#4a4c59}.of-auth-divider{display:flex;align-items:center;text-align:center;margin:14px 0;font-size:11px;font-weight:900;color:var(--muted, #94a3b8)}.of-auth-divider:before,.of-auth-divider:after{content:"";flex:1;border-bottom:1.5px solid #e2e8f0}.of-auth-divider:before{margin-right:10px}.of-auth-divider:after{margin-left:10px}:root[data-theme=dark] .of-auth-divider:before,:root[data-theme=dark] .of-auth-divider:after{border-color:#383a48}.of-auth-label{display:block;font-size:11px;font-weight:750;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.of-auth-input{width:100%;box-sizing:border-box;background:#f8fafc;border:2px solid var(--ink, #20202b);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:900;color:inherit;margin-bottom:14px;outline:none}:root[data-theme=dark] .of-auth-input{background:#151620;border-color:#4a4c59}.of-avatar-picker-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.of-random-avatar-btn{background:none;border:none;color:#7657ff;font-size:11px;font-weight:750;cursor:pointer;padding:0;text-decoration:underline}.of-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.of-avatar-choice{width:100%;aspect-ratio:1;border-radius:12px;border:2px solid transparent;background:#f1f5f9;cursor:pointer;transition:transform .12s ease,border-color .12s ease;object-fit:cover}.of-avatar-choice:hover{transform:scale(1.08)}.of-avatar-choice.is-selected{border-color:#7657ff;box-shadow:0 0 0 2px #7657ff;transform:scale(1.06)}:root[data-theme=dark] .of-avatar-choice{background:#1b1d28}.of-auth-submit{width:100%;background:#7657ff;color:#fff;border:2px solid var(--ink, #20202b);border-radius:12px;padding:12px;font-size:14px;font-weight:750;cursor:pointer;box-shadow:3px 3px 0 var(--ink, #20202b);transition:transform .1s ease;font-family:inherit}.of-auth-submit:active{transform:translate(2px,2px)}.of-auth-close{display:block;width:100%;background:transparent;border:none;color:var(--muted, #64748b);font-size:12px;font-weight:900;padding:10px;cursor:pointer;margin-top:6px}.of-friend-card{display:flex;align-items:center;gap:10px;background:#f8f6f0;border:1.5px solid var(--ink, #20202b);border-radius:11px;padding:8px 10px;margin-bottom:6px}:root[data-theme=dark] .of-friend-card{background:#191b26;border-color:#383a48}.of-friend-avatar-wrap{position:relative;width:32px;height:32px;flex:0 0 32px}.of-friend-avatar{width:100%;height:100%;border-radius:50%;border:1.5px solid var(--ink, #20202b);background:#ffd9e8;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.of-friend-status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:#94a3b8;border:1.5px solid #fff}.of-friend-status-dot.online{background:#20c98a}.of-friend-info{flex:1 1 auto;min-width:0}.of-friend-name-row{display:flex;align-items:center;gap:5px}.of-friend-name{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-friend-lvl{font-size:8px;font-weight:900;background:var(--yellow, #ffe16d);color:#20202b;border-radius:999px;padding:0 4px}.of-friend-activity{font-size:11px;color:#334155;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.of-invite-btn{background:#ff4f91;color:#fff;border:1.5px solid var(--ink, #20202b);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:750;cursor:pointer;box-shadow:1px 1px 0 var(--ink, #20202b)}.of-join-btn{background:#20c98a;color:#fff;border:1.5px solid var(--ink, #20202b);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:750;text-decoration:none;box-shadow:1px 1px 0 var(--ink, #20202b)}.of-avatar-choice-google{position:relative;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.of-avatar-choice-google img{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}.of-google-avatar-icon{position:absolute;bottom:2px;right:2px;width:15px;height:15px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059;pointer-events:none}.of-restore-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface, #ffffff);border:1.5px solid var(--border, #e2e8f0);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;color:var(--ink, #1e293b);cursor:pointer;margin-top:4px;margin-bottom:8px;transition:all .15s ease}.of-restore-google-btn:hover{background:#f8fafc;border-color:#7657ff}.of-restore-google-btn.is-active{border-color:#20c98a;background:#20c98a14;color:#10b981}:root[data-theme=dark] .of-restore-google-btn{background:#1e1d2b;border-color:#323042;color:#f5f3ff}:root[data-theme=dark] .of-restore-google-btn:hover{background:#252336;border-color:#9d8cff}:root[data-theme=dark] .of-restore-google-btn.is-active{border-color:#20c98a;background:#20c98a26;color:#34d399}.of-side-profile-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#f1ebd9;color:#20202b;border:1.5px solid #20202b;border-radius:999px;font-size:11px;font-weight:900;cursor:pointer;margin-left:auto;flex-shrink:0;transition:all .15s ease;font-family:inherit}.of-side-profile-edit-btn:hover,.of-side-profile-edit-btn.is-active{background:#7657ff!important;color:#fff!important;border-color:#7657ff!important}:root[data-theme=dark] .of-side-profile-edit-btn{background:#7657ff24!important;color:#c4b5fd!important;border-color:#a78bfa59!important}:root[data-theme=dark] .of-side-profile-edit-btn:hover,:root[data-theme=dark] .of-side-profile-edit-btn.is-active{background:#7657ff!important;color:#fff!important;border-color:#7657ff!important}.of-friends-tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#ebe6d8;padding:3px;border-radius:10px;margin-bottom:10px}:root[data-theme=dark] .of-friends-tab-bar{background:#141524!important;border:1px solid #272a3f!important}.of-friends-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:900;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease;font-family:inherit}:root[data-theme=dark] .of-friends-tab-btn{color:#8b8ea4}.of-friends-tab-btn.is-active{background:#fff;color:#20202b;box-shadow:0 1px 3px #0000001a}:root[data-theme=dark] .of-friends-tab-btn.is-active{background:#25283f!important;color:#fff!important;box-shadow:0 2px 6px #00000059!important}.of-tab-dot.online{width:7px;height:7px;border-radius:50%;background:#20c98a;display:inline-block}.of-friend-actions{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.of-unfriend-btn{width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;display:grid;place-items:center;font-size:11px;font-weight:900;cursor:pointer;transition:all .15s ease;padding:0}.of-unfriend-btn:hover{color:#dc2626;background:#fee2e2;border-color:#ef4444}:root[data-theme=dark] .of-unfriend-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8}:root[data-theme=dark] .of-unfriend-btn:hover{color:#f87171;background:#ef44442e;border-color:#ef4444}.of-friends-empty{font-size:11px;color:#64748b;text-align:center;padding:14px 6px}:root[data-theme=dark] .of-friends-empty{color:#8b8ea4}.of-friend-activity.is-hub{color:#047857!important;font-weight:800}.of-friend-activity.is-browsing{color:#b45309!important;font-weight:800}.of-friend-activity.is-lobby{color:#0284c7!important;font-weight:900}.of-friend-activity.is-playing{color:#6d28d9!important;font-weight:900}.of-friend-activity.is-offline{color:#64748b!important;font-weight:700}:root[data-theme=dark] .of-friend-activity{color:#94a3b8}:root[data-theme=dark] .of-friend-activity.is-hub{color:#34d399!important}:root[data-theme=dark] .of-friend-activity.is-browsing{color:#fbbf24!important}:root[data-theme=dark] .of-friend-activity.is-lobby{color:#38bdf8!important}:root[data-theme=dark] .of-friend-activity.is-playing{color:#c4b5fd!important}:root[data-theme=dark] .of-friend-activity.is-offline{color:#64748b!important}.of-add-input{flex:1 1 auto;min-width:0;padding:7px 11px;font-size:12px;font-weight:700;border-radius:8px;border:1.5px solid #20202b;background:#fff;color:#20202b;outline:none;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.of-add-input:focus{border-color:#7657ff;box-shadow:0 0 0 2px #7657ff33}:root[data-theme=dark] .of-add-input{background:#171829;border-color:#2f324d;color:#fff}:root[data-theme=dark] .of-add-input:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa40}.of-active-room-pill{background:#7657ff1a;border:1px dashed #7657ff;border-radius:10px;padding:8px 10px;margin-bottom:10px;font-size:11px}:root[data-theme=dark] .of-active-room-pill{background:#7657ff26;border-color:#a78bfa80}.of-stats-rank-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#7657ff1f,#ff4f911a);border:1.5px solid #20202b;border-radius:12px;padding:10px 12px;margin-bottom:10px}:root[data-theme=dark] .of-stats-rank-banner{background:linear-gradient(135deg,#7657ff2e,#ff4f9124)!important;border:1px solid #363953!important}.of-stats-rank-icon{font-size:24px}.of-stats-rank-title{font-size:13px;font-weight:750;color:#7657ff}:root[data-theme=dark] .of-stats-rank-title{color:#c4b5fd}.of-stats-rank-sub{font-size:10px;font-weight:800;color:#64748b}:root[data-theme=dark] .of-stats-rank-sub{color:#9499b3}.of-stats-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.of-stat-metric-card{background:#f8f6f0;border:1.5px solid #20202b;border-radius:10px;padding:8px 10px;text-align:center}:root[data-theme=dark] .of-stat-metric-card{background:#171829!important;border:1px solid #2a2d42!important}.of-stat-metric-value{font-size:18px;font-weight:750;line-height:1.1;margin-bottom:2px}.of-stat-metric-value.value-purple{color:#7657ff}.of-stat-metric-value.value-green{color:#20c98a}.of-stat-metric-value.value-orange{color:#f97316}.of-stat-metric-value.value-cyan{color:#06b6d4}:root[data-theme=dark] .of-stat-metric-value.value-purple{color:#a78bfa}:root[data-theme=dark] .of-stat-metric-value.value-green{color:#34d399}:root[data-theme=dark] .of-stat-metric-value.value-orange{color:#fb923c}:root[data-theme=dark] .of-stat-metric-value.value-cyan{color:#38bdf8}.of-stat-metric-label{font-size:9px;font-weight:900;letter-spacing:.5px;color:#64748b}:root[data-theme=dark] .of-stat-metric-label{color:#8589a3}.of-stats-breakdown-title{font-size:10px;font-weight:750;letter-spacing:.8px;color:#64748b;margin-bottom:6px}:root[data-theme=dark] .of-stats-breakdown-title{color:#8b8ea4}.of-game-stat-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#f8f6f0;border:1px solid #20202b;border-radius:8px;margin-bottom:4px}:root[data-theme=dark] .of-game-stat-row{background:#171829!important;border:1px solid #2a2d42!important}.of-game-stat-name{font-size:11px;font-weight:900}.of-game-stat-meta{display:flex;align-items:center;gap:4px}.of-game-stat-badge{font-size:9px;font-weight:900;padding:1px 6px;border-radius:6px}.of-game-stat-badge.matches{background:#7657ff1a;color:#7657ff}:root[data-theme=dark] .of-game-stat-badge.matches{background:#a78bfa26;color:#c4b5fd}.of-game-stat-badge.wins{background:#20c98a1a;color:#10b981}:root[data-theme=dark] .of-game-stat-badge.wins{background:#34d39926;color:#34d399}.of-game-stat-badge.rate{background:#06b6d41a;color:#06b6d4}:root[data-theme=dark] .of-game-stat-badge.rate{background:#38bdf826;color:#38bdf8}@media(min-width:768px){.of-sidebar-panel{width:390px!important;max-width:390px!important;border-right:2.5px solid var(--ink, #20202b)!important;box-shadow:12px 0 45px #00000052!important;-webkit-font-smoothing:subpixel-antialiased!important;-moz-osx-font-smoothing:auto!important;text-rendering:optimizeLegibility!important}:root[data-theme=dark] .of-sidebar-panel{border-right-color:#313448!important;box-shadow:12px 0 50px #0009!important}.of-sidebar-header{padding:16px 18px!important}.of-sidebar-brand span{font-size:21px!important;letter-spacing:-.3px!important}.of-sidebar-brand img{width:32px!important;height:32px!important}.of-sidebar-close{width:32px!important;height:32px!important;font-size:15px!important}.of-sidebar-body{padding:16px 18px!important}.of-side-profile-card{padding:15px 16px!important;border-radius:16px!important;margin-bottom:16px!important;border-width:2px!important}.of-side-user-row{gap:12px!important}.of-side-avatar-wrap{width:52px!important;height:52px!important;flex:0 0 52px!important}.of-side-avatar-badge{width:20px!important;height:20px!important;font-size:10px!important;bottom:-2px!important;right:-2px!important}.of-side-user-name{font-size:16px!important;font-weight:750!important;letter-spacing:-.2px!important;line-height:1.25!important}.of-side-user-tag{font-size:12px!important;padding:2.5px 8px!important;border-radius:6px!important;margin-top:3px!important}.of-side-profile-edit-btn{font-size:12px!important;padding:4px 12px!important;font-weight:900!important}.of-side-xp-wrap{margin-top:11px!important}.of-side-xp-meta{font-size:11.5px!important;font-weight:900!important;margin-bottom:4px!important}.of-side-xp-track{height:8px!important;border-radius:999px!important}.of-side-actions{gap:8px!important;margin-top:12px!important}.of-side-action-btn{font-size:13px!important;padding:9px 14px!important;border-radius:10px!important;font-weight:750!important}.of-side-online-pill{font-size:10.5px!important;padding:2px 7px!important}.of-side-guest-card{padding:16px!important;border-radius:16px!important}.of-side-guest-title{font-size:15px!important}.of-side-guest-desc{font-size:12.5px!important}.of-side-signin-btn{font-size:13.5px!important;padding:10px 16px!important}.of-side-social-view{padding:15px 16px!important;border-radius:16px!important;margin-bottom:16px!important}.of-side-view-close{font-size:13px!important;margin-bottom:12px!important}.of-side-view-close button{font-size:13px!important;font-weight:900!important}.of-friend-card{padding:11px 14px!important;border-radius:12px!important;margin-bottom:8px!important;gap:12px!important}.of-friend-avatar-wrap{width:44px!important;height:44px!important;flex:0 0 44px!important}.of-friend-status-dot{width:12px!important;height:12px!important;border-width:2px!important}.of-friend-name{font-size:14.5px!important;font-weight:750!important}.of-friend-lvl{font-size:10px!important;padding:1px 6px!important}.of-friend-activity{font-size:12.5px!important;font-weight:700!important;line-height:1.35!important;margin-top:3px!important}.of-invite-btn,.of-join-btn{font-size:12px!important;padding:6px 14px!important;font-weight:750!important}.of-side-section-title{font-size:11px!important;font-weight:750!important;letter-spacing:1.2px!important;margin:18px 4px 8px!important}.of-side-nav-item{font-size:14px!important;padding:10px 14px!important;border-radius:11px!important}.of-side-nav-icon{font-size:18px!important}.of-stats-rank-banner{padding:14px 16px!important;border-radius:14px!important}.of-stats-rank-icon{font-size:32px!important}.of-stats-rank-title{font-size:16px!important}.of-stats-rank-sub{font-size:12.5px!important}.of-stat-metric-card{padding:12px 10px!important;border-radius:12px!important}.of-stat-metric-val{font-size:20px!important}.of-stat-metric-lbl{font-size:11px!important}}.of-sidebar-panel,.of-sidebar-panel input,.of-sidebar-panel button,.of-sidebar-panel a,.of-modal-backdrop,.of-modal-backdrop input,.of-modal-backdrop button,.of-settings-card,.of-settings-card *{font-family:Plus Jakarta Sans,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:-.15px}.of-sidebar-footer-left{display:flex;align-items:center;gap:8px}.of-sidebar-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--ink, #20202b);border:1.5px solid var(--ink, #20202b);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:1.5px 1.5px 0 var(--ink, #20202b);transition:transform .12s ease,background .15s ease,box-shadow .12s ease}.of-sidebar-settings-btn:hover{transform:translateY(-1px);background:#f1f5f9;box-shadow:2px 2px 0 var(--ink, #20202b)}.of-sidebar-settings-btn:active{transform:translate(1px,1px);box-shadow:none}:root[data-theme=dark] .of-sidebar-settings-btn{background:#272a3a;color:#f1f3f9;border-color:#4a4c59;box-shadow:1.5px 1.5px #0006}:root[data-theme=dark] .of-sidebar-settings-btn:hover{background:#323547}.of-side-privacy-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe;border-radius:999px;padding:2px 8px;margin-top:4px}:root[data-theme=dark] .of-side-privacy-badge{background:#581c8744;color:#d8b4fe;border-color:#7e22ce}.of-modal-backdrop{position:fixed;inset:0;background:#0f1117a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000000!important;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .22s ease}.of-modal-backdrop.is-open{opacity:1;pointer-events:auto}.of-settings-card{background:#fff;color:var(--ink, #20202b);border:2px solid var(--ink, #20202b);border-radius:22px;width:100%;max-width:440px;box-shadow:0 20px 40px #00000040,5px 5px 0 var(--ink, #20202b);display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px) scale(.97);transition:transform .24s cubic-bezier(.16,1,.3,1)}.of-modal-backdrop.is-open .of-settings-card{transform:translateY(0) scale(1)}:root[data-theme=dark] .of-settings-card{background:#181926;color:#f1f3f9;border-color:#3b3e54;box-shadow:0 20px 40px #00000080,5px 5px #3b3e54}.of-settings-header{padding:16px 20px;background:#faf4e9;border-bottom:2px solid var(--ink, #20202b);display:flex;align-items:center;justify-content:space-between}:root[data-theme=dark] .of-settings-header{background:#202234;border-bottom-color:#3b3e54}.of-settings-title-wrap{display:flex;align-items:center;gap:12px}.of-settings-icon{font-size:24px;display:flex;align-items:center;justify-content:center}.of-settings-title-wrap h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.3px}.of-settings-title-wrap p{margin:2px 0 0;font-size:11px;color:#64748b;font-weight:500}:root[data-theme=dark] .of-settings-title-wrap p{color:#94a3b8}.of-modal-close{background:#fff;border:1.5px solid var(--ink, #20202b);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:13px;font-weight:800;cursor:pointer;color:var(--ink, #20202b);box-shadow:1.5px 1.5px 0 var(--ink, #20202b);transition:transform .12s ease}.of-modal-close:hover{transform:scale(1.08)}:root[data-theme=dark] .of-modal-close{background:#272a3a;border-color:#4a4c59;color:#f1f3f9;box-shadow:1.5px 1.5px #0006}.of-settings-body{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.of-settings-section{display:flex;flex-direction:column;gap:10px}.of-settings-sec-title{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#64748b}:root[data-theme=dark] .of-settings-sec-title{color:#94a3b8}.of-setting-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#faf9f6;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 16px;transition:border-color .15s ease}:root[data-theme=dark] .of-setting-item{background:#212335;border-color:#33364c}.of-setting-item.is-disabled{opacity:.65}.of-setting-info{flex:1}.of-setting-label-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.of-setting-emoji{font-size:16px}.of-setting-label{font-size:14px;font-weight:700}.of-setting-desc{margin:0;font-size:12px;line-height:1.45;color:#64748b;font-weight:500}:root[data-theme=dark] .of-setting-desc{color:#94a3b8}.of-future-tag{font-size:9px;font-weight:700;padding:2px 6px;background:#e2e8f0;color:#475569;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}:root[data-theme=dark] .of-future-tag{background:#33364c;color:#94a3b8}.of-toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex:0 0 48px;margin-top:2px}.of-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.25s cubic-bezier(.16,1,.3,1);border-radius:999px;border:1.5px solid var(--ink, #20202b)}.of-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.25s cubic-bezier(.16,1,.3,1);border-radius:50%;border:1.5px solid var(--ink, #20202b);box-shadow:0 1px 3px #0003}.of-toggle-switch input:checked+.of-toggle-slider{background-color:#7657ff}:root[data-theme=dark] .of-toggle-slider{background-color:#33364c;border-color:#4a4d66}:root[data-theme=dark] .of-toggle-slider:before{border-color:#4a4d66}:root[data-theme=dark] .of-toggle-switch input:checked+.of-toggle-slider{background-color:#7657ff}.of-setting-status-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:11px;line-height:1.4;border:1.5px solid transparent}.of-setting-status-banner strong{display:block;font-size:12px;margin-bottom:1px}.of-setting-status-banner p{margin:0}.of-setting-status-banner.is-online{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}:root[data-theme=dark] .of-setting-status-banner.is-online{background:#064e3b33;border-color:#047857;color:#6ee7b7}.of-setting-status-banner.is-invisible{background:#f5f3ff;border-color:#ddd6fe;color:#5b21b6}:root[data-theme=dark] .of-setting-status-banner.is-invisible{background:#4c1d9533;border-color:#6d28d9;color:#c4b5fd}.banner-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.banner-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.banner-dot.invisible{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}.of-settings-footer{padding:14px 20px;border-top:2px solid var(--ink, #20202b);background:#faf4e9;display:flex;justify-content:flex-end}:root[data-theme=dark] .of-settings-footer{background:#202234;border-top-color:#3b3e54}.of-settings-save-btn{background:#7657ff;color:#fff;border:2px solid var(--ink, #20202b);border-radius:12px;padding:9px 24px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--ink, #20202b);transition:transform .12s ease}.of-settings-save-btn:hover{transform:translateY(-1px)}.of-settings-save-btn:active{transform:translate(1px,1px);box-shadow:none}.of-logout-modal-backdrop{position:fixed;inset:0;background:#0a0b10bf;display:flex;align-items:center;justify-content:center;z-index:100000010!important;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;padding:20px}.of-logout-modal-backdrop.is-open{opacity:1;visibility:visible}.of-logout-modal-card{background:#1c1d27;border:1px solid rgba(255,255,255,.12);border-radius:20px;max-width:340px;width:100%;padding:24px 20px;text-align:center;box-shadow:0 16px 48px #0009;transform:scale(.92);transition:transform .2s cubic-bezier(.16,1,.3,1)}.of-logout-modal-backdrop.is-open .of-logout-modal-card{transform:scale(1)}.of-logout-modal-icon{font-size:32px;margin-bottom:12px}.of-logout-modal-title{margin:0 0 8px;font-size:19px;font-weight:700;color:#fff}.of-logout-modal-sub{margin:0 0 20px;font-size:14px;color:#9e9ea7;line-height:1.45}.of-logout-modal-actions{display:flex;gap:10px}.of-logout-btn-cancel,.of-logout-btn-confirm{flex:1;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s ease}.of-logout-btn-cancel{background:#2a2b38;color:#fff}.of-logout-btn-cancel:hover{background:#37384a}.of-logout-btn-confirm{background:#ef4444;color:#fff}.of-logout-btn-confirm:hover{background:#dc2626}.of-community-screen{background:#0d0e15;color:#fff;z-index:1000}.of-community-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0d0e15f2;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.of-community-title-wrap{display:flex;flex-direction:column}.of-community-title{font-size:20px;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px}.of-community-sub{font-size:11px;color:#9e9ea7;font-weight:600}.of-community-new-btn{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 16px #a855f766;transition:transform .15s ease,box-shadow .15s ease}.of-community-new-btn:active{transform:scale(.95)}.of-feed-filters{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;background:#11121c;border-bottom:1px solid rgba(255,255,255,.05)}.of-feed-filters::-webkit-scrollbar{display:none}.of-feed-pill{flex-shrink:0;padding:6px 14px;border-radius:20px;background:#ffffff12;color:#9e9ea7;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .15s ease}.of-feed-pill.active{background:#fff;color:#0d0e15;border-color:#fff;box-shadow:0 2px 10px #fff3}.of-feed-container{padding:14px 16px 90px;display:flex;flex-direction:column;gap:14px}.of-talk-card{border-radius:24px;padding:18px 20px;color:#fff;box-shadow:0 10px 30px #00000059;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;border:1px solid rgba(255,255,255,.14)}.of-talk-card:active{transform:scale(.985)}.of-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.of-card-author-left{display:flex;align-items:center;gap:12px}.of-card-avatar{width:44px;height:44px;border-radius:14px;border:2px solid rgba(255,255,255,.3);object-fit:cover;background:#0000004d;flex-shrink:0}.of-card-author-meta{display:flex;flex-direction:column}.of-card-author-name{font-size:15px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.of-card-author-mood{font-size:11.5px;color:#ffffffc7;font-weight:600}.of-card-more-btn{background:transparent;border:none;color:#ffffffbf;font-size:18px;padding:4px;cursor:pointer}.of-card-content{font-size:16px;font-weight:600;line-height:1.5;color:#fff;word-break:break-word;margin-bottom:14px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.of-card-image{width:100%;max-height:240px;border-radius:16px;object-fit:cover;margin-bottom:14px;border:1px solid rgba(255,255,255,.15)}.of-card-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.of-card-action-btn{background:transparent;border:none;color:#ffffffe6;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 6px;border-radius:8px;transition:transform .12s ease}.of-card-action-btn:active{transform:scale(.9)}.of-card-action-btn.is-liked{color:#ff3b69}.of-post-detail-screen{background:#000;color:#fff;position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column}.of-post-detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#11121c;border-bottom:1px solid rgba(255,255,255,.08)}.of-post-detail-back{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px}.of-post-detail-body{flex:1;overflow-y:auto;padding:16px 16px 90px}.of-post-comments-header{margin:24px 0 12px;text-align:center}.of-post-comments-title{font-size:17px;font-weight:800;color:#fff}.of-post-comments-sub{font-size:13px;color:#9e9ea7}.of-comment-item{display:flex;gap:12px;margin-bottom:14px}.of-comment-avatar{width:36px;height:36px;border-radius:12px;flex-shrink:0}.of-comment-bubble{background:#1a1b26;border-radius:16px;padding:10px 14px;flex:1;border:1px solid rgba(255,255,255,.06)}.of-comment-author{font-size:13px;font-weight:800;color:#a855f7;margin-bottom:3px}.of-comment-text{font-size:14px;color:#eee;line-height:1.4}.of-post-input-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#11121c;border-top:1px solid rgba(255,255,255,.08);position:sticky;bottom:0}.of-post-comment-input{flex:1;background:#202232;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:10px 18px;color:#fff;font-size:14px;outline:none}.of-user-profile-modal{position:fixed;inset:0;z-index:20000000!important;background:#090a10;color:#fff;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.of-profile-cover-banner{height:180px;width:100%;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0}.of-profile-cover-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#090a10)}.of-profile-nav-top{position:absolute;top:14px;left:14px;right:14px;z-index:10;display:flex;justify-content:space-between;align-items:center}.of-profile-nav-btn{background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;backdrop-filter:blur(8px)}.of-profile-main-body{padding:0 20px 90px;margin-top:-50px;position:relative;z-index:5}.of-profile-hero-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:12px}.of-profile-large-avatar{width:92px;height:92px;border-radius:26px;border:3px solid #fff;box-shadow:0 10px 24px #0009;object-fit:cover;background:#111;flex-shrink:0}.of-profile-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.of-profile-badge-pill{font-size:11px;font-weight:800;padding:3px 10px;border-radius:12px;color:#fff;display:inline-flex;align-items:center;gap:4px}.of-badge-mood{background:linear-gradient(135deg,#a855f7,#ec4899)}.of-badge-hero{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.of-badge-level{background:#202235;border:1px solid rgba(255,255,255,.15)}.of-profile-stats-bar{display:flex;gap:28px;margin:16px 0}.of-profile-stat-box{display:flex;flex-direction:column}.of-profile-stat-val{font-size:20px;font-weight:800;color:#fff}.of-profile-stat-lbl{font-size:12px;color:#9e9ea7;font-weight:700}.of-profile-name-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 4px}.of-profile-bio-text{font-size:14.5px;color:#d1d5db;line-height:1.45;margin-bottom:20px}.of-vibe-section-title{font-size:17px;font-weight:800;color:#fff;margin:20px 0 10px}.of-vibe-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.of-vibe-neon-pill{background:#d4e839;color:#0b0c10;font-size:12px;font-weight:900;padding:6px 14px;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 10px #d4e8394d;text-transform:uppercase}.of-profile-actions-footer{display:flex;gap:12px;margin-top:20px;position:sticky;bottom:16px;z-index:20}.of-profile-msg-btn{flex:1;background:#22c55e;color:#052e16;border:none;border-radius:16px;padding:14px;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #22c55e66;transition:transform .15s ease}.of-profile-follow-btn{flex:1;background:#a855f7;color:#fff;border:none;border-radius:16px;padding:14px;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #a855f766;transition:transform .15s ease}.of-profile-msg-btn:active,.of-profile-follow-btn:active{transform:scale(.96)}.of-dm-bubble-wrap{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}.of-dm-bubble-wrap.is-me{justify-content:flex-end}.of-dm-bubble{max-width:78%;padding:10px 14px 6px;border-radius:18px;position:relative;font-size:14.5px;line-height:1.4;word-break:break-word}.of-dm-bubble-wrap.is-me .of-dm-bubble{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #7c3aed4d;border:1px solid rgba(255,255,255,.15)}.of-dm-bubble-wrap.is-friend .of-dm-bubble{background:#1f202e;color:#e2e8f0;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px #00000040}.of-dm-meta-row{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:11px;color:#ffffffa6}.of-dm-tick{font-size:12px;font-weight:800;letter-spacing:-2px}.of-dm-tick.seen{color:#06b6d4;text-shadow:0 0 6px rgba(6,182,212,.8)}.of-dm-typing-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#1f202e;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-size:12px;color:#06b6d4;font-weight:700;margin-bottom:8px}.of-typing-dot{width:5px;height:5px;background:#06b6d4;border-radius:50%;animation:ofBounce 1.2s infinite ease-in-out}@keyframes ofBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.of-dm-audio-pill{display:flex;align-items:center;gap:10px;padding:4px 0}.of-dm-audio-btn{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.of-dm-waveform{display:flex;align-items:center;gap:2px;height:18px}.of-wave-bar{width:2.5px;background:#fff9;border-radius:2px}.of-dm-reactions-bar{display:flex;gap:4px;margin-top:-6px;margin-bottom:6px}.of-dm-bubble-wrap.is-me .of-dm-reactions-bar{justify-content:flex-end}.of-reaction-badge{background:#181926;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2px 6px;font-size:11px;display:inline-flex;align-items:center;box-shadow:0 2px 6px #0000004d}.of-category-pills-bar{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;background:#0d0e15fa;border-bottom:1px solid rgba(255,255,255,.06)}.of-category-pills-bar::-webkit-scrollbar{display:none}.of-cat-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#94a3b8;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .15s ease}.of-cat-pill.is-active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border-color:#ffffff4d;box-shadow:0 4px 12px #a855f759}.of-talk-compose-modal{position:fixed;inset:0;z-index:1400;background:#000000bf;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.of-talk-compose-card{width:100%;max-width:440px;border-radius:24px;padding:20px;color:#fff;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.2);transition:background .25s ease}.of-talk-compose-top{display:flex;justify-content:space-between;align-items:center}.of-talk-mood-row{display:flex;align-items:center;gap:8px}.of-talk-mood-select{background:#00000059;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700;outline:none}.of-talk-compose-input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px;color:#fff;font-size:15px;font-weight:600;line-height:1.5;resize:none;outline:none;box-sizing:border-box}.of-talk-compose-input::placeholder{color:#fff9}.of-talk-gradient-picker{display:flex;gap:10px;align-items:center}.of-talk-grad-opt{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease}.of-talk-grad-opt.is-selected{transform:scale(1.2);border-color:#fff;box-shadow:0 0 10px #fff9}.of-talk-publish-btn{width:100%;background:#fff;color:#0f172a;border:none;border-radius:16px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #0000004d;margin-top:10px;transition:transform .15s ease}.of-talk-publish-btn:active{transform:scale(.97)}.of-post-detail-screen{background:#090a10;color:#fff;z-index:1200;display:flex;flex-direction:column}.of-post-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0d0e15f2;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.of-detail-back-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.of-talk-empty-comments{text-align:center;padding:40px 20px;color:#94a3b8}.of-talk-empty-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px}.of-talk-empty-sub{font-size:13px;color:#94a3b8;margin-bottom:12px}.of-talk-point-down{font-size:32px;animation:ofPointBounce 1.5s infinite}@keyframes ofPointBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.of-comments-stream{padding:0 20px 80px;display:flex;flex-direction:column;gap:14px}.of-comment-bubble-row{display:flex;align-items:flex-start;gap:12px}.of-comment-content-wrap{background:#1a1b26;border-radius:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);flex:1}.of-comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.of-comment-time{font-size:11px;color:#64748b}.of-comment-input-strap{position:fixed;bottom:0;left:0;right:0;background:#11121c;padding:12px 16px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);z-index:1250}.of-comment-input{flex:1;background:transparent!important;border:none!important;border-radius:0!important;padding:6px 4px!important;font-size:14.5px!important;outline:none!important;box-shadow:none!important}.of-comment-send-btn{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.of-dm-voice-btn{background:#27273a;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.of-dm-voice-btn:active{transform:scale(.9);background:#7c3aed;color:#fff}.of-dm-audio-bubble{display:flex;align-items:center;gap:10px;padding:4px 2px;min-width:170px}.of-dm-audio-play-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}.of-dm-audio-wave{display:flex;align-items:center;gap:3px;height:22px;flex:1}.of-dm-audio-wave span{width:3px;background:#ffffffd9;border-radius:2px}.of-dm-audio-duration{font-size:11px;color:#ffffffb3;font-family:monospace}.of-dm-react-trigger{background:none;border:none;color:#fff6;font-size:12px;cursor:pointer;padding:0 2px;margin-left:2px}.of-dm-reaction-badge{position:absolute;bottom:-10px;min-width:23px;height:23px;border-radius:999px;padding:0 5px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.of-dm-react-opt{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 6px;transition:transform .15s ease}.of-dm-react-opt:active{transform:scale(1.3)}.of-typing-dot{width:5px;height:5px;background:#38bdf8;border-radius:50%;animation:ofTypingBounce 1.2s infinite ease-in-out}.of-typing-dot:nth-child(2){animation-delay:.2s}.of-typing-dot:nth-child(3){animation-delay:.4s}@keyframes ofTypingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.of-delete-msg-sheet{position:fixed;inset:0;z-index:25000000!important;display:flex;align-items:flex-end;justify-content:center;animation:ofFadeIn .15s ease-out}.of-delete-msg-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.of-delete-msg-card{position:relative;z-index:2;width:100%;max-width:440px;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:20px 20px calc(var(--app-safe-bottom, 16px) + 20px);box-shadow:0 -4px 24px #00000040;animation:ofSlideUp .2s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .of-delete-msg-card{background:#181926;color:#fff}.of-delete-msg-title{font-size:17px;font-weight:800;text-align:center;margin-bottom:6px}.of-delete-msg-preview{font-size:13px;color:#64748b;text-align:center;margin-bottom:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}:root[data-theme=dark] .of-delete-msg-preview{color:#94a3b8}.of-delete-msg-actions{display:flex;flex-direction:column;gap:10px}.of-delete-opt{width:100%;padding:14px 16px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;background:#f1f5f9;color:#0f172a;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}:root[data-theme=dark] .of-delete-opt{background:#232538;color:#f8fafc}.of-delete-opt:active{transform:scale(.98)}.of-delete-opt.danger{background:#fee2e2;color:#dc2626}:root[data-theme=dark] .of-delete-opt.danger{background:#dc26262e;color:#f87171}.of-delete-opt.cancel{background:transparent;color:#64748b;font-weight:600}:root[data-theme=dark] .of-delete-opt.cancel{color:#94a3b8}.of-bio-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.of-bio-input{width:100%;padding:12px 14px;border-radius:14px;border:2px solid #20202b;background:#fbf7ee;color:#20202b;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;resize:none;outline:none;line-height:1.4;box-sizing:border-box}:root[data-theme=dark] .of-bio-input{background:#181926;border-color:#35384f;color:#fff}.of-bio-input:focus{border-color:#ff5c93}.of-bio-footer{display:flex;align-items:center;justify-content:space-between}.of-bio-counter{font-size:12px;font-weight:700;color:#8b8796}:root[data-theme=dark] .of-bio-counter{color:#7b7f96}.of-user-bio-badge{font-size:12.5px;color:#555361;font-weight:700;line-height:1.35;margin-top:6px;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=dark] .of-user-bio-badge{color:#b0adbe}@keyframes ofFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ofSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.of-side-req-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 10px!important;background:#0000000a!important;border:1.5px solid rgba(0,0,0,.09)!important;border-radius:10px!important;margin-bottom:6px!important}:root[data-theme=dark] .of-side-req-item{background:#ffffff0d!important;border-color:#ffffff1f!important}.of-side-req-name{font-size:12px!important;font-weight:800!important;color:var(--ink, #1f2029)!important}:root[data-theme=dark] .of-side-req-name{color:#f1f3f9!important}.of-side-accept-btn{background:#20c98a!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:3px 9px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;transition:transform .15s ease,background .15s ease!important}.of-side-accept-btn:hover{background:#1bb37a!important;transform:scale(1.04)!important}.of-side-decline-btn{background:#ef44441f!important;color:#ef4444!important;border:1.5px solid rgba(239,68,68,.28)!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:transform .15s ease,background .15s ease!important}.of-side-decline-btn:hover{background:#ef444438!important;transform:scale(1.04)!important}:root[data-theme=dark] .of-side-decline-btn{background:#ef444433!important;color:#fca5a5!important;border-color:#ef444466!important}.of-sidebar-profile-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:#ffd84d!important;color:#20202b!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;border-radius:999px!important;padding:0 14px!important;height:36px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;transition:transform .12s ease,box-shadow .12s ease!important;text-decoration:none!important;flex:1 1 auto!important}.of-sidebar-profile-btn:hover{transform:translateY(-1px)!important;box-shadow:3px 3px #20202b!important}.of-sidebar-profile-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}:root[data-theme=dark] .of-sidebar-profile-btn{background:#ffd84d!important;color:#0f1017!important;border-color:#20202b!important;box-shadow:2px 2px #000!important}.of-sidebar-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px 12px!important}body.is-dedicated-game .of-app-dock,.of-app-dock.dock-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}*,*:before,*:after{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}:root{--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-dock-h: 58px}body.of-screen-open{overflow:hidden!important;touch-action:pan-y!important}body.of-screen-open #root,body.of-screen-open main,body.of-screen-open .hub-page,body.of-screen-open .games-section,body.of-screen-open .oc-grid{pointer-events:none!important;user-select:none!important}@media(max-width:768px){body.of-screen-open #root,body.of-screen-open main,body.of-screen-open .hub-page,body.of-screen-open .games-section,body.of-screen-open .oc-grid{visibility:hidden!important}}@media(min-width:769px){body.has-mobile-dock .hub-main,body.has-mobile-dock main{padding-bottom:40px!important}.of-app-dock{position:fixed!important;transform:translateY(-50%)!important;inset:50% 24px auto auto!important;width:76px!important;height:auto!important;padding:14px 8px!important;border-radius:42px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:#fffffff5!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:2.5px solid #20202b!important;box-shadow:4px 4px #20202b,0 14px 36px #0000001f!important;z-index:20000000!important;transition:right .28s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,opacity .2s ease!important;user-select:none!important;-webkit-user-select:none!important}body.of-right-drawer-open .of-app-dock,body:has(#ofFriendsScreen.is-open) .of-app-dock,body:has(#ofProfileScreen.is-open) .of-app-dock,body:has(#ofNotificationsScreen.is-open) .of-app-dock{right:480px!important}:root[data-theme=dark] .of-app-dock{background:#161722f5!important;border-color:#36394f!important;box-shadow:4px 4px #0f1018,0 16px 40px #0009!important}.of-app-dock .of-dock-tab{width:60px!important;height:60px!important;padding:0!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:2px solid transparent!important;cursor:pointer!important;color:#4b5563!important;font-family:"Baloo 2",Nunito,sans-serif!important;position:relative!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important}:root[data-theme=dark] .of-app-dock .of-dock-tab{color:#94a3b8!important}.of-app-dock .of-dock-tab:hover{background:#0000000d!important;color:#111827!important;transform:scale(1.06)!important}:root[data-theme=dark] .of-app-dock .of-dock-tab:hover{background:#ffffff14!important;color:#fff!important}.of-app-dock .of-dock-tab-icon{width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.of-app-dock .of-dock-tab-icon svg{width:20px!important;height:20px!important;display:block!important;fill:currentColor!important}.of-app-dock .of-dock-tab span:last-child{font-size:10px!important;font-weight:800!important;text-transform:capitalize!important;letter-spacing:.1px!important;line-height:1!important}.of-app-dock .of-dock-tab.active{background:#ff5c93!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;transform:translateY(-1px) scale(1.02)!important}:root[data-theme=dark] .of-app-dock .of-dock-tab.active{background:#ffd84d!important;color:#20202b!important;border:2px solid #20202b!important;box-shadow:2px 2px #000!important}.of-app-dock .of-dock-tab.active .of-dock-tab-icon svg{fill:currentColor!important}.of-app-dock .of-dock-tab.active span:last-child{color:currentColor!important;font-weight:900!important}.of-app-dock .of-dock-tab.active:after{display:none!important}.of-fullscreen-screen.of-community-screen{position:fixed!important;width:100vw!important;max-width:100vw!important;height:100vh!important;inset:0!important;border-left:none!important;box-shadow:none!important;transform:none!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important;background:var(--paper, #fffaf1)!important;z-index:10000000!important;display:flex!important;flex-direction:column!important}.of-fullscreen-screen.of-community-screen.is-open{opacity:1!important;pointer-events:auto!important}.of-community-screen .of-community-header-inner,.of-community-screen .of-category-pills-bar,.of-community-screen .of-community-body{max-width:980px!important;margin:0 auto!important;width:100%!important}.of-community-screen .of-community-header{background:#fffaf1fa!important;border-bottom:2.5px solid #20202b!important;padding:16px 24px!important}:root[data-theme=dark] .of-community-screen .of-community-header{background:#12131bfa!important;border-bottom:2px solid #2c2f42!important}.of-community-screen .of-community-title{font-size:28px!important;font-weight:900!important}.of-community-screen .of-community-sub{font-size:14px!important}.of-community-screen .of-category-pills-bar{padding:14px 20px!important;display:flex!important;gap:10px!important;overflow-x:auto!important}.of-community-screen .of-cat-pill{font-size:13.5px!important;padding:8px 18px!important;border-radius:999px!important}.of-community-screen .of-community-body{flex:1!important;overflow-y:auto!important;padding:24px 20px 110px!important}.of-community-screen .of-talk-cards-stream{display:flex!important;flex-direction:column!important;gap:18px!important}.of-community-screen .of-talk-card{padding:22px 26px!important;border-radius:22px!important}.of-fullscreen-screen.of-profile-screen,.of-fullscreen-screen.of-friends-screen,.of-fullscreen-screen.of-notifications-screen,.of-fullscreen-screen.of-settings-screen{inset:0 0 0 auto!important;width:460px!important;max-width:calc(100vw - 80px)!important;height:100vh!important;border-left:2.5px solid #20202b!important;box-shadow:-15px 0 50px #00000059!important;transform:translate(100%)!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;z-index:10000000!important}.of-fullscreen-screen.of-profile-screen.is-open,.of-fullscreen-screen.of-friends-screen.is-open,.of-fullscreen-screen.of-notifications-screen.is-open,.of-fullscreen-screen.of-settings-screen.is-open{transform:translate(0)!important;opacity:1!important;pointer-events:auto!important}.of-desktop-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000020!important;opacity:0;pointer-events:none;transition:opacity .25s ease}.of-desktop-backdrop.is-active{opacity:1;pointer-events:auto}}@media(max-width:768px){body.has-mobile-dock{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.has-mobile-dock .hub-main,body.has-mobile-dock main{padding-bottom:calc(var(--app-dock-h) + var(--app-safe-bottom) + 24px)!important}.of-app-dock{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:calc(var(--app-dock-h, 58px) + var(--app-safe-bottom, 0px))!important;padding:2px 16px var(--app-safe-bottom, 0px)!important;z-index:20000000!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;background:#fff!important;border-top:2px solid #20202b!important;box-shadow:0 -4px 20px #00000014!important;transition:transform .22s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease!important;user-select:none!important;-webkit-user-select:none!important;transform:none}:root[data-theme=dark] .of-app-dock{background:#151622!important;border-top:2px solid #2c2f42!important;box-shadow:0 -6px 24px #00000073!important}.of-app-dock.dock-hidden,body.is-dedicated-game .of-app-dock{display:none!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(120%)!important}.of-dock-tab{position:relative;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;color:#6f6b78;font-family:Nunito,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.2px;transition:color .15s ease,transform .12s ease;outline:none;padding:2px 0;touch-action:manipulation}:root[data-theme=dark] .of-dock-tab{color:#928fa0}.of-dock-tab-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.of-dock-tab-icon svg{width:20px;height:20px;fill:currentColor;stroke:none;pointer-events:none}.of-dock-tab:active{transform:scale(.92)}.of-dock-tab.active{color:#20202b}:root[data-theme=dark] .of-dock-tab.active{color:#fff}.of-dock-tab.active .of-dock-tab-icon{transform:translateY(-2px);color:#ff5c93}:root[data-theme=dark] .of-dock-tab.active .of-dock-tab-icon{color:#ffd84d}.of-dock-tab.active:after{content:"";position:absolute;bottom:2px;width:16px;height:3px;background:#ff5c93;border-radius:99px}:root[data-theme=dark] .of-dock-tab.active:after{background:#ffd84d}}.of-fullscreen-screen{position:fixed;inset:0;z-index:10000000!important;background:#fffaf1;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .18s ease;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y!important}@media(max-width:768px){.of-fullscreen-screen{bottom:calc(var(--app-dock-h) + var(--app-safe-bottom))!important}.of-fullscreen-screen:has(.of-dm-header),body.of-in-dm .of-fullscreen-screen{bottom:0!important}}:root[data-theme=dark] .of-fullscreen-screen{background:#12131b}.of-community-screen{background:var(--paper, #fffaf1)!important;color:#20202b!important}.of-community-screen .of-screen-body,.of-community-screen .of-community-body{background:var(--paper, #fffaf1)!important}:root[data-theme=dark] .of-community-screen,:root[data-theme=dark] .of-community-screen .of-screen-body,:root[data-theme=dark] .of-community-screen .of-community-body{background:#12131b!important;color:#f5f2ff!important}.of-fullscreen-screen.is-open{opacity:1;pointer-events:auto!important;transform:translateY(0)}.of-screen-header{flex-shrink:0;padding:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 14px) 20px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--paper, #fffaf1);border-bottom:1px solid rgba(0,0,0,.07);z-index:10;transition:background .2s ease,border-color .2s ease}:root[data-theme=dark] .of-screen-header{background:#12131b;border-bottom-color:#ffffff14}.of-screen-title{font-family:"Baloo 2",cursive,sans-serif;font-size:23px;font-weight:800;color:#1e293b;letter-spacing:-.3px;margin:0}:root[data-theme=dark] .of-screen-title{color:#fff}.of-screen-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#0000000d;color:#1e293b;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;box-shadow:none;cursor:pointer;transition:transform .15s ease,background .15s ease}:root[data-theme=dark] .of-screen-close-btn{background:#ffffff14;border-color:#ffffff1f;color:#fff;box-shadow:none}.of-screen-close-btn:active{transform:scale(.92);background:#0000001a}:root[data-theme=dark] .of-screen-close-btn:active{background:#ffffff29}.of-screen-body{flex:1;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:18px 20px calc(var(--app-safe-bottom) + 32px);overscroll-behavior:contain;touch-action:pan-y!important}.of-card{background:#fff;border:2px solid #20202b;border-radius:20px;padding:16px;box-shadow:3px 3px #20202b;margin-bottom:20px}:root[data-theme=dark] .of-card{background:#1c1d29;border-color:#2e3146;box-shadow:3px 3px #00000080}.of-sec-title{font-family:"Baloo 2",cursive,sans-serif;font-size:13px;font-weight:800;color:#6f6b78;text-transform:uppercase;letter-spacing:1px;margin:18px 0 8px}:root[data-theme=dark] .of-sec-title{color:#a39eb2}.of-card-user{display:flex;align-items:center;gap:16px}.of-avatar-wrap{position:relative;width:68px;height:68px;flex-shrink:0;border-radius:50%;overflow:hidden}.of-avatar-img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;border:2px solid #20202b;background:#ffd84d;object-fit:cover!important;display:block!important}:root[data-theme=dark] .of-avatar-img{border-color:#3e425a}.of-online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#10b981;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 6px #10b981}.of-user-details{flex:1;min-width:0}.of-user-name{font-family:"Baloo 2",cursive,sans-serif;font-size:22px;font-weight:800;color:#20202b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=dark] .of-user-name{color:#fff}.of-user-tag-row{display:flex;align-items:center;gap:6px;margin-top:4px}.of-user-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#6f6b78;background:#f1ebd9;padding:3px 8px;border-radius:8px;cursor:pointer}:root[data-theme=dark] .of-user-tag{background:#252737;color:#a39eb2}.of-user-tier{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#d97706;background:#fef3c7;border:1px solid #fde68a;padding:2px 8px;border-radius:6px;margin-top:6px;text-transform:uppercase}:root[data-theme=dark] .of-user-tier{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.of-rename-row{display:flex;gap:8px;margin-bottom:20px}.of-rename-input{flex:1;background:#fff;border:2px solid #20202b;border-radius:14px;padding:10px 14px;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;color:#20202b;box-shadow:2px 2px #20202b;outline:none}:root[data-theme=dark] .of-rename-input{background:#1c1d29;border-color:#2e3146;color:#fff;box-shadow:2px 2px #0006}.of-rename-btn{background:#ffd84d;color:#20202b;border:2px solid #20202b;border-radius:14px;padding:10px 18px;font-family:"Baloo 2",cursive,sans-serif;font-weight:800;font-size:14px;box-shadow:2px 2px #20202b;cursor:pointer;transition:transform .12s ease}:root[data-theme=dark] .of-rename-btn{background:#ffd84d;color:#20202b;border-color:#35384f}.of-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.of-avatar-item{position:relative;aspect-ratio:1;border:2px solid #20202b;border-radius:16px;background:#fff;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #20202b;transition:transform .12s ease,border-color .12s ease}:root[data-theme=dark] .of-avatar-item{background:#1c1d29;border-color:#2e3146;box-shadow:2px 2px #0006}.of-avatar-item:active{transform:scale(.92)}.of-avatar-item img{width:100%;height:100%;border-radius:10px;object-fit:cover}.of-avatar-item.is-selected{border-color:#ff5c93!important;border-width:2.5px!important;transform:scale(1.04);box-shadow:2px 4px #ff5c93!important}.of-avatar-item.is-selected:after{content:"✓";position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ff5c93;color:#fff;border-radius:50%;border:1.5px solid white;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.of-settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1.5px solid #e9dfd1}:root[data-theme=dark] .of-settings-item{border-bottom-color:#2e3146}.of-settings-item:last-child{border-bottom:none;padding-bottom:0}.of-settings-item:first-child{padding-top:0}.of-settings-left{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:#20202b}:root[data-theme=dark] .of-settings-left{color:#fff}.of-settings-icon{font-size:18px}.of-toggle{position:relative;display:inline-block;width:48px;height:26px}.of-toggle input{opacity:0;width:0;height:0}.of-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;border:2px solid #20202b;border-radius:999px;transition:.2s}:root[data-theme=dark] .of-slider{background-color:#2c2f42;border-color:#40445e}.of-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;top:50%;transform:translateY(-50%);background-color:#fff;border:1.5px solid #20202b;border-radius:50%;transition:.2s cubic-bezier(.34,1.56,.64,1)}.of-toggle input:checked+.of-slider{background-color:#ff5c93;border-color:#20202b}:root[data-theme=dark] .of-toggle input:checked+.of-slider{border-color:#40445e}.of-toggle input:checked+.of-slider:before{transform:translate(20px,-50%)}.of-sub-nav{display:flex;gap:8px;margin-bottom:16px;background:#0000000d;padding:4px;border-radius:14px}:root[data-theme=dark] .of-sub-nav{background:#ffffff0f}.of-sub-nav-btn{flex:1;padding:10px;border:none;background:transparent;border-radius:10px;font-family:"Baloo 2",cursive,sans-serif;font-size:15px;font-weight:800;color:#6f6b78;cursor:pointer;transition:all .15s ease}:root[data-theme=dark] .of-sub-nav-btn{color:#a39eb2}.of-sub-nav-btn.is-active{background:#fff;color:#20202b;box-shadow:0 2px 8px #00000014}:root[data-theme=dark] .of-sub-nav-btn.is-active{background:#1c1d29;color:#fff;box-shadow:0 2px 10px #0006}.of-search-box-row{position:relative;margin-bottom:18px}.of-search-box-input{width:100%;background:#fff;border:2px solid #20202b;border-radius:16px;padding:12px 40px 12px 16px;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;color:#20202b;box-shadow:2px 2px #20202b;outline:none}:root[data-theme=dark] .of-search-box-input{background:#1c1d29;border-color:#2e3146;color:#fff;box-shadow:2px 2px #0006}.of-search-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#6f6b78;pointer-events:none}.of-friend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:2px solid #20202b;border-radius:16px;box-shadow:2.5px 2.5px #20202b;margin-bottom:10px}:root[data-theme=dark] .of-friend-item{background:#1c1d29;border-color:#2e3146;box-shadow:2.5px 2.5px #0006}.of-friend-item-left{display:flex;align-items:center;gap:12px}.of-friend-avatar-wrap{position:relative;width:44px;height:44px}.of-friend-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #20202b;background:#ffd84d;object-fit:cover}:root[data-theme=dark] .of-friend-avatar{border-color:#3e425a}.of-friend-info{display:flex;flex-direction:column}.of-friend-name{font-family:"Baloo 2",cursive,sans-serif;font-size:16px;font-weight:800;color:#20202b;margin:0}:root[data-theme=dark] .of-friend-name{color:#fff}.of-friend-handle{font-size:11px;font-weight:700;color:#6f6b78}:root[data-theme=dark] .of-friend-handle{color:#a39eb2}.of-friend-status{font-size:12px;font-weight:800;color:#10b981;margin-top:2px}.of-friend-status.offline{color:#a39eb2}.of-friend-actions{display:flex;gap:6px}.of-friend-action-btn{padding:6px 12px;border:2px solid #20202b;border-radius:10px;font-family:"Baloo 2",cursive,sans-serif;font-size:12px;font-weight:800;background:#fff;color:#20202b;cursor:pointer;box-shadow:1.5px 1.5px #20202b}:root[data-theme=dark] .of-friend-action-btn{background:#252737;border-color:#35384f;color:#fff}.of-friend-action-btn.primary{background:#ff5c93;color:#fff}.of-friend-action-btn.primary:active{transform:translate(1px,1px)}.of-groups-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.of-create-group-pill{background:#ffd84d;color:#20202b;border:2px solid #20202b;border-radius:999px;padding:6px 14px;font-family:"Baloo 2",cursive,sans-serif;font-size:13px;font-weight:800;box-shadow:2px 2px #20202b;cursor:pointer;display:inline-flex;align-items:center;gap:6px}:root[data-theme=dark] .of-create-group-pill{border-color:#35384f}.of-create-group-pill:active{transform:translate(1px,1px)}.of-group-card{background:#fff;border:2px solid #20202b;border-radius:18px;padding:14px 16px;box-shadow:3px 3px #20202b;margin-bottom:12px;cursor:pointer;transition:transform .12s ease}:root[data-theme=dark] .of-group-card{background:#1c1d29;border-color:#2e3146;box-shadow:3px 3px #0006}.of-group-card:active{transform:scale(.98)}.of-group-card-top{display:flex;align-items:center;gap:12px}.of-group-icon-badge{width:44px;height:44px;border-radius:14px;border:2px solid #20202b;background:#ffd84d;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:2px 2px #20202b}.of-group-card-info{flex:1}.of-group-title{font-family:"Baloo 2",cursive,sans-serif;font-size:17px;font-weight:800;color:#20202b;margin:0 0 2px}:root[data-theme=dark] .of-group-title{color:#fff}.of-group-meta{font-size:12px;font-weight:800;color:#6f6b78;display:flex;gap:8px}:root[data-theme=dark] .of-group-meta{color:#a39eb2}.of-group-desc{font-size:13px;color:#6f6b78;margin:8px 0 0;line-height:1.4}:root[data-theme=dark] .of-group-desc{color:#928fa0}.of-group-form-wrap{display:flex;flex-direction:column;gap:14px}.of-form-input{width:100%;background:#fff;border:2px solid #20202b;border-radius:14px;padding:10px 14px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;color:#20202b;box-shadow:2px 2px #20202b;outline:none}:root[data-theme=dark] .of-form-input{background:#1c1d29;border-color:#2e3146;color:#fff}.of-group-icon-choices{display:flex;gap:8px;flex-wrap:wrap}.of-group-icon-opt{width:42px;height:42px;border-radius:12px;border:2px solid #20202b;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;box-shadow:2px 2px #20202b}:root[data-theme=dark] .of-group-icon-opt{background:#252737;border-color:#35384f}.of-group-icon-opt.is-selected{border-color:#ff5c93!important;background:#ffe4ec;transform:scale(1.08)}:root[data-theme=dark] .of-group-icon-opt.is-selected{background:#3e273b;border-color:#ff5c93!important}.of-member-checkbox-list{max-height:160px;overflow-y:auto;border:2px solid #20202b;border-radius:14px;background:#fff;padding:8px}:root[data-theme=dark] .of-member-checkbox-list{background:#1c1d29;border-color:#2e3146}.of-member-check-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #e9dfd1}:root[data-theme=dark] .of-member-check-row{border-bottom-color:#2e3146}.of-member-check-row:last-child{border-bottom:none}.of-group-detail-header{text-align:center;padding:14px;background:#fff;border:2px solid #20202b;border-radius:20px;box-shadow:3px 3px #20202b;margin-bottom:16px}:root[data-theme=dark] .of-group-detail-header{background:#1c1d29;border-color:#2e3146}.of-admin-badge{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#d97706;border:1px solid #fde68a;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:900;text-transform:uppercase}:root[data-theme=dark] .of-admin-badge{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.of-group-admin-actions{display:flex;gap:8px;margin-top:14px;justify-content:center}.of-btn-primary{background:#ff5c93;color:#fff;border:2px solid #20202b;border-radius:12px;padding:10px 16px;font-family:"Baloo 2",cursive,sans-serif;font-size:14px;font-weight:800;box-shadow:2px 2px #20202b;cursor:pointer}.of-btn-secondary{background:#fff;color:#20202b;border:2px solid #20202b;border-radius:12px;padding:10px 16px;font-family:"Baloo 2",cursive,sans-serif;font-size:14px;font-weight:800;box-shadow:2px 2px #20202b;cursor:pointer}:root[data-theme=dark] .of-btn-secondary{background:#252737;border-color:#35384f;color:#fff}.of-btn-danger{background:#ef4444;color:#fff;border:2px solid #20202b;border-radius:12px;padding:10px 16px;font-family:"Baloo 2",cursive,sans-serif;font-size:14px;font-weight:800;box-shadow:2px 2px #20202b;cursor:pointer}.of-top-progress-bar{position:fixed;top:0;left:0;height:3.5px;width:0%;background:linear-gradient(90deg,#ff5c93,#ffd84d,#38bdf8);z-index:999999999!important;transition:width .16s ease-out,opacity .2s ease;box-shadow:0 0 10px #ff5c93cc,0 0 5px #ffd84d99;pointer-events:none}.of-empty-state-box{background:#fff;border:2px solid #20202b;border-radius:20px;box-shadow:3px 3px #20202b;padding:32px 20px;text-align:center;margin:16px 0}:root[data-theme=dark] .of-empty-state-box{background:#191b28;border-color:#2e3146;box-shadow:3px 3px #0009}.of-empty-state-icon{font-size:42px;margin-bottom:12px;display:block}.of-empty-state-title{font-family:Dela Gothic One,sans-serif;font-size:18px;margin:0 0 8px;color:#20202b}:root[data-theme=dark] .of-empty-state-title{color:#fff}.of-empty-state-desc{font-size:13.5px;color:#6a6676;line-height:1.5;margin:0 auto 18px;max-width:320px;font-weight:700}:root[data-theme=dark] .of-empty-state-desc{color:#a4a1b5}.of-my-tag-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff4ea;border:2px solid #20202b;border-radius:99px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:2px 2px #20202b;transition:transform .1s ease}:root[data-theme=dark] .of-my-tag-pill{background:#232536;border-color:#3b3e56;color:#fff;box-shadow:2px 2px #0009}.of-my-tag-pill:active{transform:translate(1px,1px);box-shadow:1px 1px #20202b}.of-dm-header{padding:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px) 16px 12px!important;background:var(--paper, #fffaf1)!important;border-bottom:1px solid rgba(0,0,0,.07)!important}:root[data-theme=dark] .of-dm-header{background:#12131b!important;border-bottom-color:#ffffff14!important}.of-dm-header-left{display:flex;align-items:center;gap:12px}.of-dm-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:1px solid rgba(0,0,0,.08);border-radius:50%;font-size:17px;font-weight:800;cursor:pointer;box-shadow:none;color:#1e293b;transition:transform .15s ease,background .15s ease}:root[data-theme=dark] .of-dm-back-btn{background:#ffffff14;border-color:#ffffff1f;color:#fff;box-shadow:none}.of-dm-back-btn:active{transform:scale(.92);background:#0000001a}:root[data-theme=dark] .of-dm-back-btn:active{background:#ffffff29}.of-dm-header-avatar-wrap{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid #ffffff;background:#fff;box-shadow:0 2px 6px #00000014;overflow:visible;flex-shrink:0}:root[data-theme=dark] .of-dm-header-avatar-wrap{border-color:#242738;box-shadow:0 2px 6px #0000004d}.of-dm-header-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.of-dm-header-meta{display:flex;flex-direction:column}.of-dm-header-name{font-weight:900;font-size:15px;color:#20202b;line-height:1.2}:root[data-theme=dark] .of-dm-header-name{color:#fff}.of-dm-header-status{font-size:11px;font-weight:700;color:#6a6676}:root[data-theme=dark] .of-dm-header-status{color:#a4a1b5}.of-dm-body{display:flex;flex-direction:column;padding:16px 16px 80px!important;background:#fffaf1}:root[data-theme=dark] .of-dm-body{background:#12131b}.of-dm-message-stream{display:flex;flex-direction:column;gap:12px;flex:1}.of-dm-start-card{text-align:center;padding:30px 16px;margin:auto 0 10px}.of-dm-start-avatar{width:64px;height:64px;border-radius:50%;border:2.5px solid #20202b;background:#fff;margin:0 auto 10px}.of-dm-start-title{font-family:Dela Gothic One,sans-serif;font-size:16px;color:#20202b;margin-bottom:6px}:root[data-theme=dark] .of-dm-start-title{color:#fff}.of-dm-start-sub{font-size:13px;color:#7d798a;font-weight:700}.of-dm-bubble-wrap{display:flex;align-items:flex-end;gap:8px;max-width:82%;position:relative}.of-dm-bubble-wrap.is-me{align-self:flex-end;flex-direction:row-reverse}.of-dm-bubble-wrap.is-friend{align-self:flex-start}.of-dm-bubble-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-bottom:2px;box-shadow:0 1px 3px #0000001a}.of-dm-bubble{position:relative;padding:8px 12px 6px;border-radius:16px;box-shadow:0 1px 2px #00000014;word-break:break-word;cursor:pointer;transition:transform .1s ease,filter .1s ease}.of-dm-bubble:active{transform:scale(.985);filter:brightness(.96)}.of-dm-bubble-wrap.is-me .of-dm-bubble{background:#128c7e;color:#fff;border-bottom-right-radius:4px}:root[data-theme=dark] .of-dm-bubble-wrap.is-me .of-dm-bubble{background:#005c4b;color:#e9edef}.of-dm-bubble-wrap.is-friend .of-dm-bubble{background:#fff;color:#111b21;border-bottom-left-radius:4px;border:1px solid rgba(0,0,0,.06)}:root[data-theme=dark] .of-dm-bubble-wrap.is-friend .of-dm-bubble{background:#202c33;color:#e9edef;border-color:#ffffff0d}.of-dm-bubble-text{font-size:14.5px;line-height:1.42;font-weight:500;margin-right:4px}.of-dm-bubble.is-deleted .of-dm-bubble-text{font-style:italic;opacity:.7}.of-dm-meta-row{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;float:right;margin-left:10px}.of-dm-bubble-time{font-size:10.5px;opacity:.7;font-weight:600}.of-dm-tick{font-size:11px;opacity:.7;letter-spacing:-1.5px}.of-dm-tick.seen{color:#53bdeb;opacity:1}.of-dm-input-strap{position:fixed;bottom:0;left:0;right:0;padding:8px 12px calc(var(--app-safe-bottom, 10px) + 8px);background:#fff;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:8px;z-index:10000002!important}:root[data-theme=dark] .of-dm-input-strap{background:#1f2c34;border-color:#ffffff14}.of-dm-text-input{flex:1;height:42px;padding:0 16px;background:#f0f2f5;border:1px solid rgba(0,0,0,.08);border-radius:24px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;color:#111b21;outline:none}:root[data-theme=dark] .of-dm-text-input{background:#2a3942;border-color:transparent;color:#e9edef}.of-dm-text-input:focus{border-color:#00a884}.of-dm-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:#00a884;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00a8844d;transition:transform .1s ease}.of-dm-send-btn:active{transform:scale(.92)}:root[data-theme=dark] .of-dm-send-btn{box-shadow:2px 2px #0009}.of-dm-send-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #20202b}.of-group-search-wrap{margin-bottom:10px}.of-group-friend-search-input{height:40px!important;font-size:13.5px!important;padding:0 14px!important;border-radius:10px!important}.of-member-checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:4px}.of-member-check-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#fbf7ee;border:2px solid #20202b;border-radius:12px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease}:root[data-theme=dark] .of-member-check-row{background:#181926;border-color:#2c2f42}.of-member-check-row:active{background:#f1ebd9}:root[data-theme=dark] .of-member-check-row:active{background:#202235}.of-member-check-row-left{display:flex;align-items:center;gap:10px}.of-member-check-avatar{width:32px;height:32px;border-radius:50%;border:1.5px solid #20202b;flex-shrink:0}.of-member-check-meta{display:flex;flex-direction:column}.of-member-check-name{font-weight:800;font-size:13.5px;color:#20202b;line-height:1.2}:root[data-theme=dark] .of-member-check-name{color:#fff}.of-member-check-handle{font-size:11px;color:#7d798a;font-weight:700}:root[data-theme=dark] .of-member-check-handle{color:#a4a1b5}.of-member-checkbox{width:20px;height:20px;accent-color:#ff5c93;cursor:pointer;margin:0;outline:none;border-radius:4px}body.of-sidebar-open .of-app-dock{transform:translateY(120%)!important;pointer-events:none!important}.of-dm-bubble-wrap,.of-dm-bubble,.of-dm-bubble-text,.of-dm-bubble-media,.of-dm-meta-row,.of-dm-bubble-time{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.of-dm-bubble{position:relative;padding:10px 14px 8px;border-radius:18px;max-width:100%;box-shadow:0 4px 14px #00000040;word-break:break-word;cursor:pointer;transition:transform .1s ease,filter .1s ease}.of-dm-bubble-wrap.is-me .of-dm-bubble{background:linear-gradient(135deg,#0ea5e940,#06b6d461)!important;border:1px solid rgba(6,182,212,.55)!important;color:#f0fdfa!important;border-bottom-right-radius:4px!important;box-shadow:0 4px 16px #06b6d438!important}:root[data-theme=dark] .of-dm-bubble-wrap.is-me .of-dm-bubble{background:linear-gradient(135deg,#0891b259,#0d948873)!important;border:1px solid rgba(34,211,238,.5)!important;color:#fff!important}.of-dm-bubble-wrap.is-friend .of-dm-bubble{background:linear-gradient(135deg,#1e1b4bbf,#312e81a6)!important;border:1px solid rgba(129,140,248,.35)!important;color:#f8fafc!important;border-bottom-left-radius:4px!important;box-shadow:0 4px 16px #00000059!important}:root[data-theme=dark] .of-dm-bubble-wrap.is-friend .of-dm-bubble{background:linear-gradient(135deg,#181826e6,#1e1b4bd9)!important;border:1px solid rgba(167,139,250,.3)!important;color:#f8fafc!important}.of-dm-call-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:99px;border:none;background:#10b981;color:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #10b98147;transition:transform .12s ease,opacity .15s ease}.of-dm-call-btn:active{transform:scale(.94);opacity:.9}.of-dm-gif-btn{background:#ffffff14;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-weight:900;font-size:11.5px;letter-spacing:.5px;padding:8px 12px;border-radius:10px;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .1s ease}.of-dm-gif-btn:active{transform:scale(.92);background:#38bdf833}.of-gif-drawer{position:absolute;bottom:calc(var(--app-safe-bottom, 16px) + 64px);left:50%!important;right:auto!important;transform:translate(-50%) translateZ(0)!important;-webkit-transform:translateX(-50%) translateZ(0)!important;width:calc(100% - 24px)!important;max-width:580px!important;max-height:400px;background:#0f172a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1.5px solid #334155;border-radius:20px;box-shadow:0 16px 40px #000000d9;display:flex;flex-direction:column;z-index:10000008!important;overflow:hidden}.of-gif-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.1)}.of-gif-drawer-title{font-size:13px;font-weight:800;color:#38bdf8}.of-gif-close-btn{background:transparent;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px}.of-gif-search-bar{padding:8px 12px;background:#0f172a;border-bottom:1px solid #1e293b}.of-gif-search-input{width:100%;box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:8px 14px;color:#fff;font-family:Nunito,sans-serif;font-size:13px;outline:none}.of-gif-categories-bar{display:flex;gap:6px;padding:6px 12px;overflow-x:auto;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:none}.of-gif-categories-bar::-webkit-scrollbar{display:none}.of-gif-cat-chip{padding:4px 10px;border-radius:99px;background:#1e293b;color:#94a3b8;font-size:11px;font-weight:700;border:none;cursor:pointer;white-space:nowrap}.of-gif-cat-chip.is-active{background:#38bdf8;color:#0f172a;font-weight:800}.of-gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;overflow-y:auto;max-height:220px}.of-gif-item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16 / 10;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#1e293b}.of-gif-item img{width:100%;height:100%;object-fit:cover;display:block}.of-dm-bubble-media{margin-bottom:4px}.of-dm-gif-img{max-width:220px;max-height:170px;border-radius:12px;display:block;object-fit:cover}.of-dm-edit-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#0ea5e926;border-top:1px solid rgba(14,165,233,.3);font-size:12px;color:#38bdf8}.of-dm-edit-cancel-btn{background:transparent;border:none;color:#f87171;font-size:12px;font-weight:700;cursor:pointer}.of-dm-edited-tag{font-size:10px;opacity:.65;font-style:italic;margin-right:3px}.of-msg-actions-sheet{position:fixed!important;inset:0!important;z-index:100000300!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important}.of-msg-sheet-backdrop{position:absolute!important;inset:0!important;background:#000000a6!important;backdrop-filter:blur(4px)!important}.of-msg-sheet-card{position:relative!important;z-index:25000001!important;background:#111827!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;border-top:1px solid rgba(255,255,255,.15)!important;padding:16px 16px calc(var(--app-safe-bottom, 16px) + 24px)!important;box-shadow:0 -10px 30px #000c!important;animation:ofSheetSlideUp .22s cubic-bezier(.16,1,.3,1)!important;width:100%!important;max-width:440px!important;box-sizing:border-box!important;margin:0 auto!important}.of-user-profile-modal{position:fixed!important;inset:0!important;z-index:100000350!important;background:#0f1017!important;color:#fff!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;animation:ofSheetSlideUp .25s cubic-bezier(.16,1,.3,1)!important}.of-talk-compose-modal{position:fixed!important;inset:0!important;z-index:30000000!important;background:#000000bf!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;animation:ofFadeIn .2s ease!important}@keyframes ofSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.of-msg-reactions-row{display:flex;justify-content:space-around;padding:8px 10px;background:#ffffff0d;border-radius:16px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08)}.of-msg-react-btn{background:transparent;border:none;font-size:26px;cursor:pointer;padding:6px;transition:transform .12s ease}.of-msg-react-btn:active{transform:scale(1.35)}.of-msg-actions-list{display:flex;flex-direction:column;gap:8px}.of-msg-action-item{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#f1f5f9;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:background .12s ease}.of-msg-action-item:active{background:#ffffff1f}.of-msg-action-item.danger{color:#f87171;border-color:#ef444440;background:#ef444414}.of-msg-action-item.cancel{text-align:center;color:#94a3b8;margin-top:4px}.of-copied-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0f172af2;color:#38bdf8;padding:8px 16px;border-radius:99px;border:1px solid rgba(56,189,248,.4);font-size:12.5px;font-weight:800;z-index:10000;box-shadow:0 4px 14px #00000080}.of-call-incoming-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.of-call-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,#1e1b4b,#09090b);opacity:.96}.of-call-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:24px}.of-call-pulse-wrap{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.of-call-avatar{width:90px;height:90px;border-radius:50%;border:3px solid #10b981;box-shadow:0 0 25px #10b98199;position:relative;z-index:2;background:#1e1b4b}.of-call-radar-ring{position:absolute;inset:-15px;border-radius:50%;border:2px solid rgba(16,185,129,.4);animation:ofCallRadar 2s cubic-bezier(.215,.61,.355,1) infinite}.of-call-radar-ring.ring-2{inset:-30px;animation-delay:.5s}.of-call-radar-ring.ring-3{inset:-45px;animation-delay:1s}@keyframes ofCallRadar{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.4);opacity:0}}.of-call-name{font-size:24px;font-weight:900;color:#fff;margin-bottom:6px;letter-spacing:-.5px}.of-call-type-badge{font-size:14px;font-weight:700;color:#34d399;margin-bottom:40px}.of-call-actions-row{display:flex;align-items:center;gap:40px}.of-call-act-btn{display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;height:72px;border-radius:50%;border:none;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #0006;transition:transform .12s ease}.of-call-act-btn:active{transform:scale(.92)}.of-call-act-btn.decline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 18px #ef444466}.of-call-act-btn.accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 22px #10b98199;animation:ofAcceptPulse 1.4s infinite}@keyframes ofAcceptPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.of-call-active-bar{position:fixed;top:10px;left:12px;right:12px;z-index:9999;background:#0f172af0;backdrop-filter:none;border:1px solid rgba(16,185,129,.4);border-radius:16px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #00000080;animation:ofCallBarSlide .2s ease}@keyframes ofCallBarSlide{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.of-call-active-left{display:flex;align-items:center;gap:10px}.of-call-live-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:ofPulseDot 1.2s infinite}.of-call-active-name{font-size:13.5px;font-weight:800;color:#f8fafc}.of-call-active-timer{font-size:11.5px;font-weight:700;color:#34d399}.of-call-active-controls{display:flex;align-items:center;gap:10px}.of-call-ctrl-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;color:#fff}.of-call-ctrl-btn.hangup{background:#ef444433;border-color:#ef444466}.of-call-incoming-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:99999999!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#09090ff0!important;backdrop-filter:blur(12px)!important}.of-gif-grid{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important}.of-community-screen .of-community-header{background:#fffaf1f5!important;border-bottom:2.5px solid #20202b!important;backdrop-filter:none!important}.of-community-screen .of-community-title{font-family:"Baloo 2",Nunito,sans-serif!important;font-size:24px!important;font-weight:900!important;color:#20202b!important;-webkit-text-fill-color:initial!important;background:none!important;letter-spacing:-.5px!important}.of-community-screen .of-community-sub{color:#6f6b78!important;font-weight:700!important;font-size:12px!important}.of-community-screen .of-community-new-btn{background:#ff5c93!important;color:#fff!important;border:2.5px solid #20202b!important;box-shadow:3px 3px #20202b!important;border-radius:999px!important;font-family:"Baloo 2",sans-serif!important;font-weight:800!important;font-size:14px!important;padding:8px 18px!important;transition:transform .1s ease,box-shadow .1s ease!important}.of-community-screen .of-community-new-btn:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #20202b!important}.of-community-screen .of-community-header{flex:0 0 auto!important;flex-shrink:0!important;position:relative!important;z-index:20!important;background:#fffaf1fa!important;border-bottom:2.5px solid #20202b!important;padding:14px 18px!important}.of-community-screen .of-category-pills-bar{flex:0 0 auto!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;background:#fffaf1!important;border-bottom:2px solid #e9dfd1!important;padding:10px 14px!important;width:100%!important;position:relative!important;z-index:15!important;scrollbar-width:none!important}.of-community-screen .of-category-pills-bar::-webkit-scrollbar{display:none!important}.of-community-screen .of-cat-pill{flex:0 0 auto!important;flex-shrink:0!important;white-space:nowrap!important;background:#fff!important;color:#20202b!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;border-radius:999px!important;font-weight:800!important;font-size:13px!important;padding:7px 16px!important;cursor:pointer!important;transition:transform .1s ease,background .15s ease!important}.of-community-screen .of-cat-pill:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}.of-community-screen .of-cat-pill.is-active{background:#ffd84d!important;color:#20202b!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;font-weight:900!important}.of-community-screen .of-talk-card{border-radius:20px!important;border:2.5px solid #20202b!important;box-shadow:4px 4px #20202b!important;margin-bottom:14px!important}:root[data-theme=dark] .of-community-screen .of-community-header{background:#12131bf5!important;border-bottom:2px solid #2c2f42!important}:root[data-theme=dark] .of-community-screen .of-community-title{color:#f5f2ff!important}:root[data-theme=dark] .of-community-screen .of-community-sub{color:#aaa6b8!important}:root[data-theme=dark] .of-community-screen .of-community-new-btn{background:#ff5c93!important;color:#fff!important;border:2px solid rgba(255,255,255,.25)!important;box-shadow:3px 3px #00000080!important}:root[data-theme=dark] .of-community-screen .of-category-pills-bar{background:#12131b!important;border-bottom:1px solid #242633!important}:root[data-theme=dark] .of-community-screen .of-cat-pill{background:#1b1d28!important;color:#d8d4e4!important;border:2px solid #3a3c49!important;box-shadow:none!important}:root[data-theme=dark] .of-community-screen .of-cat-pill.is-active{background:#ffd84d!important;color:#20202b!important;border:2px solid #ffd84d!important;box-shadow:2px 2px #000!important}:root[data-theme=dark] .of-community-screen .of-talk-card{border:2px solid #3a3c49!important;box-shadow:4px 4px #00000080!important}.of-compose-cat-bar{display:flex;gap:8px;overflow-x:auto;padding:6px 2px;scrollbar-width:none}.of-compose-cat-bar::-webkit-scrollbar{display:none}.of-compose-cat-chip{padding:6px 12px;border-radius:999px;background:#ffffff29;color:#fff;font-size:12px;font-weight:800;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;white-space:nowrap;transition:all .15s ease}.of-compose-cat-chip.is-active{background:#ffd84d!important;color:#1a1a24!important;border-color:#ffd84d!important;box-shadow:0 4px 12px #ffd84d66}.of-user-profile-modal{position:fixed!important;inset:0!important;z-index:100000350!important;background:var(--paper, #fffaf1)!important;color:var(--ink, #20202b)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}:root[data-theme=dark] .of-user-profile-modal{background:#12131b!important;color:#f5f2ff!important}.of-user-profile-dialog{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(min-width:769px){.of-user-profile-modal{background:#0f1017b8!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;align-items:center!important;justify-content:center!important;padding:24px!important;cursor:pointer}:root[data-theme=dark] .of-user-profile-modal{background:#08090dcc!important}.of-user-profile-dialog{width:100%!important;max-width:560px!important;max-height:88vh!important;border-radius:28px!important;border:3px solid #20202b!important;box-shadow:6px 6px #20202b,0 24px 60px #0006!important;background:var(--paper, #fffaf1)!important;cursor:default;animation:ofProfileModalPop .22s cubic-bezier(.16,1,.3,1)!important}:root[data-theme=dark] .of-user-profile-dialog{background:#141520!important;border-color:#2c2f42!important;box-shadow:6px 6px #000,0 24px 60px #000000b3!important}}@keyframes ofProfileModalPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.of-profile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--app-safe-top, 12px) + 8px) 16px 12px;background:var(--paper, #fffaf1);border-bottom:2px solid #e9dfd1;flex-shrink:0}:root[data-theme=dark] .of-profile-top-bar{background:#181a24;border-bottom-color:#2c2f42}.of-profile-btn-back{background:transparent;border:none;font-size:15px;font-weight:800;color:#ff5c93;cursor:pointer;padding:4px 8px}.of-profile-bar-title{font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:800}.of-profile-btn-close{background:#e2e8f0;border:none;color:#334155;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}:root[data-theme=dark] .of-profile-btn-close{background:#252836;color:#cbd5e1}.of-profile-scroll-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:16px 16px 85px!important;display:flex;flex-direction:column;gap:14px}.of-profile-card-hero{background:#fff;border:2.5px solid #20202b;box-shadow:4px 4px #20202b;border-radius:24px;padding:24px 18px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}:root[data-theme=dark] .of-profile-card-hero{background:#1b1d28;border:2px solid #3a3c49;box-shadow:4px 4px #0006}.of-profile-avatar-container{position:relative;width:96px;height:96px;margin-bottom:12px}.of-profile-avatar-round{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3.5px solid #ffd84d;box-shadow:0 4px 14px #00000026}.of-profile-level-badge{position:absolute;bottom:0;right:-4px;background:#7c5cff;color:#fff;font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;border:2px solid #ffffff}.of-profile-player-name{font-family:"Baloo 2",sans-serif;font-size:24px;font-weight:800;margin:0 0 2px;letter-spacing:-.4px}.of-profile-player-handle{font-size:13px;color:#6f6b78;font-weight:700;margin-bottom:16px}:root[data-theme=dark] .of-profile-player-handle{color:#94a3b8}.of-status-online{color:#10b981;font-weight:800}.of-profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.of-profile-stat-card{background:#fffdf8;border:2px solid #20202b;border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center}:root[data-theme=dark] .of-profile-stat-card{background:#141620;border-color:#333647}.of-stat-val{font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:900;color:#ff5c93}.of-stat-lbl{font-size:11px;font-weight:700;color:#6f6b78}:root[data-theme=dark] .of-stat-lbl{color:#94a3b8}.of-profile-section-card{background:#fff;border:2px solid #20202b;box-shadow:3px 3px #20202b;border-radius:20px;padding:16px}:root[data-theme=dark] .of-profile-section-card{background:#1b1d28;border-color:#3a3c49;box-shadow:3px 3px #0006}.of-section-card-title{font-size:11px;font-weight:900;letter-spacing:.8px;color:#7c5cff;display:block;margin-bottom:8px}.of-profile-about-text{font-size:14px;line-height:1.5;color:#20202b;margin:0;font-style:italic}:root[data-theme=dark] .of-profile-about-text{color:#e2e8f0}.of-vibe-chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.of-vibe-chip-badge{background:#ffd84d;color:#20202b;border:1.5px solid #20202b;box-shadow:2px 2px #20202b;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}:root[data-theme=dark] .of-vibe-chip-badge{background:#252836;color:#ffd84d;border-color:#ffd84d;box-shadow:2px 2px #00000080}.of-profile-floating-footer{position:absolute;bottom:0;left:0;right:0;padding:12px 14px max(14px,env(safe-area-inset-bottom));background:#fffaf1fa;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:2.5px solid #20202b;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:10;box-sizing:border-box}:root[data-theme=dark] .of-profile-floating-footer{background:#12131bfa;border-top-color:#2c2f42}.of-btn-profile-friend{flex:0 0 46px!important;width:46px!important;height:46px!important;background:#7657ff!important;color:#fff!important;border:2.5px solid #20202b!important;box-shadow:2.5px 2.5px #20202b!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;transition:transform .1s ease,box-shadow .1s ease,background .15s ease!important;flex-shrink:0!important}.of-btn-profile-friend:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #20202b!important}.of-btn-profile-friend.is-friend{background:#ef4444!important;color:#fff!important}.of-btn-profile-friend.is-pending{background:#64748b!important;color:#fff!important;cursor:default!important}.of-btn-profile-dm{flex:1 1 0!important;height:46px!important;background:#ff5c93!important;color:#fff!important;border:2.5px solid #20202b!important;box-shadow:2.5px 2.5px #20202b!important;border-radius:14px!important;padding:0 8px!important;font-family:"Baloo 2",sans-serif!important;font-size:13.5px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;transition:transform .1s ease,box-shadow .1s ease!important}.of-btn-profile-dm:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #20202b!important}.of-btn-profile-call{flex:1 1 0!important;height:46px!important;background:#10b981!important;color:#fff!important;border:2.5px solid #20202b!important;box-shadow:2.5px 2.5px #20202b!important;border-radius:14px!important;padding:0 8px!important;font-family:"Baloo 2",sans-serif!important;font-size:13.5px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;transition:transform .1s ease,box-shadow .1s ease!important}.of-btn-profile-call:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #20202b!important}.of-gif-spinner{width:22px;height:22px;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:ofGifSpin .7s linear infinite}@keyframes ofGifSpin{to{transform:rotate(360deg)}}.of-gif-item-title{display:none!important}.of-call-pill{position:fixed!important;top:max(10px,env(safe-area-inset-top,10px))!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 24px)!important;max-width:410px!important;background:#000!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:9999px!important;padding:6px 10px 6px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;z-index:1000000000!important;box-shadow:0 14px 44px #000000bf,0 2px 10px #00000080,inset 0 1px #ffffff26!important;animation:ofPillSlideDown .3s cubic-bezier(.16,1,.3,1)!important;user-select:none!important;-webkit-user-select:none!important;box-sizing:border-box!important}@keyframes ofPillSlideDown{0%{opacity:0;transform:translate(-50%,-24px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.of-call-pill-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}.of-call-pill-avatar-wrap{position:relative!important;width:40px!important;height:40px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.of-call-pill-avatar{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;background:#181926!important;border:1.5px solid rgba(255,255,255,.22)!important;position:relative!important;z-index:2!important}.of-call-pill-pulse-ring{position:absolute!important;inset:-3px!important;border-radius:50%!important;border:2px solid #22c55e!important;animation:ofPillRingPulse 1.4s ease-out infinite!important;z-index:1!important;pointer-events:none!important}.of-call-pill-pulse-ring.outgoing{border-color:#38bdf8!important}@keyframes ofPillRingPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.4);opacity:0}}.of-call-pill-live-dot{position:absolute!important;bottom:0!important;right:0!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#10b981!important;border:2px solid #000000!important;z-index:3!important;box-shadow:0 0 6px #10b981!important;animation:ofDotPulse 1.8s infinite!important}@keyframes ofDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.of-call-pill-info{display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.15!important;min-width:0!important;overflow:hidden!important}.of-call-pill-subtitle{font-size:10.5px!important;font-weight:800!important;color:#94a3b8!important;letter-spacing:.3px!important;text-transform:uppercase!important;white-space:nowrap!important}.of-call-pill-name{font-size:14.5px!important;font-weight:900!important;color:#fff!important;font-family:Nunito,"Baloo 2",sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:1px!important}.of-call-pill-timer{font-size:12px!important;font-weight:800!important;color:#34d399!important;font-family:monospace,sans-serif!important;letter-spacing:.5px!important}.of-call-pill-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.of-call-pill-btn{width:38px!important;height:38px!important;border-radius:50%!important;border:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .12s ease,filter .15s ease!important;box-shadow:0 4px 12px #0006!important}.of-call-pill-btn:active{transform:scale(.9)!important}.of-call-pill-btn.decline{background:#ef4444!important;color:#fff!important;box-shadow:0 4px 14px #ef444473!important}.of-call-pill-btn.accept{background:#22c55e!important;color:#fff!important;box-shadow:0 4px 14px #22c55e73!important}.of-call-pill-ctrl-btn{width:34px!important;height:34px!important;border-radius:50%!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .12s ease,background .15s ease,border-color .15s ease!important}.of-call-pill-ctrl-btn:active{transform:scale(.9)!important}.of-call-pill-ctrl-btn.mute.is-muted{background:#ef44444d!important;border-color:#ef4444!important;color:#f87171!important}.of-call-pill-ctrl-btn.hangup{background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 2px 10px #ef444473!important;color:#fff!important}.of-call-incoming-overlay{display:none!important}.of-call-mini-avatar{width:36px!important;height:36px!important;border-radius:50%!important;border:2px solid #10b981!important;object-fit:cover!important;background:#1e1b4b!important}.of-call-active-name{font-size:14px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.2px!important}.of-call-active-timer{font-size:12px!important;font-weight:700!important;color:#34d399!important}.of-call-active-controls{display:flex!important;align-items:center!important;gap:10px!important}.of-call-ctrl-btn{background:#ffffff1f!important;border:1.5px solid rgba(255,255,255,.25)!important;border-radius:50%!important;width:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;cursor:pointer!important;color:#fff!important;transition:transform .15s ease!important}.of-call-ctrl-btn:active{transform:scale(.9)!important}.of-call-ctrl-btn.hangup{background:#ef4444!important;border-color:#f87171!important;box-shadow:0 0 12px #ef444480!important}.of-call-ctrl-btn.route{background:#ffffff29!important;border-color:#ffffff59!important}.of-call-toast{position:fixed!important;top:calc(max(12px,env(safe-area-inset-top,12px)) + 65px)!important;left:50%!important;transform:translate(-50%)!important;z-index:1000000000!important;background:#0f172af2!important;color:#fff!important;border:1px solid #10b981!important;border-radius:9999px!important;padding:6px 16px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 8px 24px #0009!important;pointer-events:none!important;animation:ofToastFade 1.6s ease forwards!important}@keyframes ofToastFade{0%{opacity:0;transform:translate(-50%,-8px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.of-community-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;max-width:680px!important;margin:0 auto!important;width:100%!important}.of-community-header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}.of-community-back-pill{height:38px!important;padding:0 16px!important;border-radius:999px!important;border:2px solid #20202b!important;background:#fff!important;color:#20202b!important;font-family:Nunito,sans-serif!important;font-size:13px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:2px 2px #20202b!important;cursor:pointer!important;transition:transform .12s ease!important;white-space:nowrap!important}:root[data-theme=dark] .of-community-back-pill{background:#1f202f!important;border-color:#35384f!important;color:#fff!important;box-shadow:2px 2px #0009!important}.of-community-back-pill:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}.of-community-screen .of-category-pills-bar,.of-community-screen .of-community-body,.of-community-screen .of-talk-cards-stream{max-width:680px!important;margin:0 auto!important;width:100%!important}.of-community-screen .of-talk-card{max-width:680px!important;width:100%!important;margin:0 auto 14px!important}.of-post-detail-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0d0e15!important;z-index:100000200!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.of-post-detail-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:calc(var(--app-safe-top, env(safe-area-inset-top, 0px)) + 12px) 18px 12px!important;background:var(--paper, #fffaf1)!important;border-bottom:1px solid rgba(0,0,0,.07)!important;flex-shrink:0!important;max-width:680px!important;width:100%!important;margin:0 auto!important;transition:background .2s ease,border-color .2s ease!important}:root[data-theme=dark] .of-post-detail-header{background:#12131e!important;border-bottom-color:#ffffff14!important}.of-detail-back-btn{width:36px!important;height:36px!important;border-radius:50%!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important;color:#1e293b!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:18px!important;transition:transform .15s ease,background .15s ease!important}:root[data-theme=dark] .of-detail-back-btn{background:#ffffff14!important;border-color:#ffffff1f!important;color:#fff!important}.of-detail-back-btn:active{transform:scale(.92)!important}.of-detail-header-user{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;margin-left:8px!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;transition:opacity .15s ease,transform .15s ease!important}.of-detail-header-user:hover{opacity:.85!important}.of-detail-header-user:active{transform:scale(.97)!important}.of-detail-header-avatar{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;border:1.5px solid rgba(255,255,255,.2)!important}.of-detail-header-meta{display:flex!important;flex-direction:column!important;line-height:1.25!important}.of-detail-author-name{font-size:15px!important;font-weight:800!important;color:#fff!important;font-family:Nunito,sans-serif!important}.of-detail-author-time{font-size:11.5px!important;color:#94a3b8!important;font-weight:600!important}.of-detail-more-btn{width:36px!important;height:36px!important;border-radius:50%!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;transition:transform .15s ease,background .15s ease!important}:root[data-theme=dark] .of-detail-more-btn{background:#ffffff14!important;border-color:#ffffff1f!important;color:#cbd5e1!important}.of-detail-more-btn:active{transform:scale(.92)!important}.of-detail-scroll-area{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:18px 18px calc(var(--app-safe-bottom) + 80px)!important;max-width:680px!important;width:100%!important;margin:0 auto!important;overscroll-behavior:contain!important}.of-detail-content-wrap{display:flex!important;flex-direction:column!important}.of-detail-card{border-radius:22px!important;padding:22px 24px!important;color:#fff!important;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f!important;border:1px solid rgba(255,255,255,.18)!important;margin-bottom:14px!important}.of-detail-card-text{font-size:17px!important;font-weight:600!important;line-height:1.55!important;word-break:break-word!important;white-space:pre-wrap!important}.of-detail-post-image{max-width:100%!important;border-radius:14px!important;margin-top:12px!important;display:block!important}.of-detail-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 4px 16px!important;border-bottom:1px solid #1e202f!important;margin-bottom:16px!important}.of-detail-action-left{display:flex!important;align-items:center!important;gap:12px!important}.of-detail-comments-count{font-size:14px!important;font-weight:800!important;color:#e2e8f0!important;font-family:Nunito,sans-serif!important}.of-detail-sort-label{font-size:13px!important;font-weight:700!important;color:#64748b!important}.of-detail-action-right{display:flex!important;align-items:center!important;gap:10px!important}.of-detail-gift-btn,.of-detail-like-btn{height:38px!important;padding:0 14px!important;border-radius:999px!important;background:#1a1b27!important;border:1px solid #2a2c3d!important;color:#fff!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:13.5px!important;font-weight:800!important;cursor:pointer!important;transition:transform .12s ease,background .15s ease!important}.of-detail-gift-btn:active,.of-detail-like-btn:active{transform:scale(.96)!important}.of-detail-like-btn.is-liked{background:#ff5c932e!important;border-color:#ff5c93!important;color:#ff5c93!important}.of-detail-comments-stream{display:flex!important;flex-direction:column!important;gap:16px!important}.of-comment-row{display:flex!important;align-items:flex-start!important;gap:12px!important}.of-comment-avatar{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}.of-comment-bubble-box{flex:1!important;display:flex!important;flex-direction:column!important;gap:4px!important}.of-comment-head{display:flex!important;align-items:center!important;gap:8px!important}.of-comment-author-name{font-size:13px!important;font-weight:800!important;color:#c4b5fd!important;font-family:Nunito,sans-serif!important;cursor:pointer!important}.of-comment-timestamp{font-size:11px!important;color:#64748b!important;font-weight:600!important}.of-comment-message{font-size:14px!important;line-height:1.45!important;color:#f1f5f9!important;word-break:break-word!important}.of-comment-inline-gif{max-width:200px!important;max-height:160px!important;border-radius:12px!important;display:block!important;margin-top:4px!important;object-fit:cover!important}.of-comment-footer-row{display:flex!important;align-items:center!important;gap:12px!important;margin-top:2px!important}.of-comment-reply-action,.of-comment-more-action{background:transparent!important;border:none!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;padding:0!important}.of-comment-reply-action:hover{color:#cbd5e1!important}.of-comment-heart-btn{background:transparent!important;border:none!important;color:#64748b!important;font-size:15px!important;cursor:pointer!important;padding:4px!important}.of-comment-heart-btn.is-liked{color:#ff5c93!important}.of-comment-input-strap{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#10111a!important;border-top:1px solid #1e202f!important;padding:10px 16px calc(var(--app-safe-bottom) + 10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important}.of-comment-input-pill{display:flex!important;align-items:center!important;flex:1!important;max-width:680px!important;background:#181926!important;border:1.5px solid #282a3c!important;border-radius:999px!important;padding:4px 6px 4px 16px!important;gap:8px!important}.of-comment-input{flex:1!important;background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-family:Nunito,sans-serif!important;font-size:14px!important;font-weight:600!important}.of-comment-gif-btn{background:#25283a!important;border:none!important;border-radius:6px!important;color:#94a3b8!important;font-size:11px!important;font-weight:900!important;padding:4px 8px!important;cursor:pointer!important;transition:background .15s ease,color .15s ease!important}.of-comment-gif-btn:hover{background:#33374f!important;color:#fff!important}.of-comment-send-btn{width:38px!important;height:38px!important;border-radius:50%!important;background:#ff5c93!important;border:2px solid #20202b!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin-left:8px!important;box-shadow:2px 2px #20202b!important;transition:transform .12s ease!important;flex-shrink:0!important}.of-comment-send-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}.of-comment-actions-sheet{position:fixed!important;inset:0!important;z-index:100000300!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.of-comment-sheet-backdrop{position:absolute!important;inset:0!important;background:#000000a6!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.of-comment-sheet-card{position:relative!important;z-index:100000301!important;background:#111827!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;border-top:1px solid rgba(255,255,255,.15)!important;padding:14px 16px calc(var(--app-safe-bottom, 16px) + 20px)!important;box-shadow:0 -10px 30px #000c!important;animation:ofSheetSlideUp .22s cubic-bezier(.16,1,.3,1)!important}.of-comment-sheet-handle{width:36px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 14px}.of-comment-actions-list{display:flex;flex-direction:column;gap:8px}.of-comment-action-item{width:100%;padding:13px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#1a202c;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s,transform .1s}.of-comment-action-item:active{transform:scale(.98)}.of-comment-action-item.danger{background:#ef444426;border-color:#ef444466;color:#f87171}.of-comment-action-item.cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#94a3b8;margin-top:4px}.of-comment-deleted{font-style:italic!important;color:#94a3b8!important;font-size:13px!important;padding:2px 0!important}.of-vibes-selector-wrap{background:var(--paper, #fffaf1);border:2px solid #20202b;border-radius:20px;padding:16px;box-shadow:3px 3px #20202b;margin-bottom:24px}:root[data-theme=dark] .of-vibes-selector-wrap{background:#171822;border-color:#2c2f42;box-shadow:3px 3px #000}.of-vibes-subtitle{font-size:13px;font-weight:800;color:var(--ink, #20202b);opacity:.85;margin-bottom:8px}:root[data-theme=dark] .of-vibes-subtitle{color:#f1f5f9}.of-vibes-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.of-vibe-select-chip{background:#0000000a;color:var(--ink, #20202b);border:2px solid #20202b;box-shadow:2px 2px #20202b;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;user-select:none}:root[data-theme=dark] .of-vibe-select-chip{background:#1e202e;border-color:#3b3f58;color:#cbd5e1;box-shadow:2px 2px #000}.of-vibe-select-chip:active{transform:scale(.95)}.of-vibe-select-chip.is-selected{background:#ffd84d!important;color:#20202b!important;border-color:#20202b!important;box-shadow:2px 2px #20202b!important;transform:translateY(-1px)}:root[data-theme=dark] .of-vibe-select-chip.is-selected{background:#ffd84d!important;color:#12131b!important;border-color:#ffd84d!important;box-shadow:2px 2px #000c!important}.of-vibes-counter{font-size:12px;font-weight:800;color:#7657ff;margin-left:8px}:root[data-theme=dark] .of-vibes-counter{color:#a78bfa}.of-community-body{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;touch-action:pan-y!important;padding:16px 14px 110px!important}.of-talk-cards-stream{min-height:100%!important;width:100%!important}.of-community-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:680px!important;margin:0 auto!important}.of-community-header-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}.of-comm-hamburger{margin:0!important;flex-shrink:0!important}.of-community-title-wrap{min-width:0!important;flex:1!important}.of-community-title{font-size:20px!important;font-weight:900!important;line-height:1.15!important;margin:0!important;white-space:nowrap!important;overflow:visible!important;flex-shrink:0!important}.of-community-sub{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;color:#6f6b78!important;font-weight:700!important}:root[data-theme=dark] .of-community-sub{color:#aaa6b8!important}.of-community-header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.of-community-screen .of-community-new-btn{background:#ff5c93!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;border-radius:999px!important;font-family:"Baloo 2",sans-serif!important;font-weight:900!important;font-size:12.5px!important;padding:6px 14px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;cursor:pointer!important;transition:transform .1s ease,box-shadow .1s ease!important}.of-community-screen .of-community-new-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #20202b!important}:root[data-theme=dark] .of-community-screen .of-community-new-btn{background:#ff5c93!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.25)!important;box-shadow:2px 2px #00000080!important}.of-comment-block{display:flex;flex-direction:column}.of-replying-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#161722fa;border-top:1.5px solid #2d3047;border-bottom:1.5px solid #2d3047;color:#f1f5f9;font-size:13px;z-index:10;animation:ofSlideUp .18s ease-out}:root[data-theme=light] .of-replying-banner{background:#fff8eb;border-top:2px solid #20202b;border-bottom:2px solid #20202b;color:#20202b}.of-replying-info{display:flex;align-items:center;gap:8px;min-width:0}.of-replying-curve{font-size:16px;font-weight:900;color:#a78bfa}.of-replying-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-replying-txt strong{color:#38bdf8;font-weight:800}:root[data-theme=light] .of-replying-txt strong{color:#0284c7}.of-replying-cancel-btn{background:#ffffff1a;border:none;color:#94a3b8;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.of-replying-cancel-btn:hover{background:#ef444433;color:#ef4444}:root[data-theme=light] .of-replying-cancel-btn{background:#00000014;color:#475569}.of-thread-toggle-row{margin-top:4px;padding-left:48px}.of-thread-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:#38bdf81a;border:1.5px solid rgba(56,189,248,.25);color:#38bdf8;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease;user-select:none;-webkit-tap-highlight-color:transparent}.of-thread-toggle-btn:active{transform:scale(.96)}.of-thread-toggle-btn.is-expanded{background:#38bdf82e;border-color:#38bdf873}:root[data-theme=light] .of-thread-toggle-btn{background:#e0f2fe;border-color:#0284c759;color:#0284c7}.of-thread-curve{font-size:13px;font-weight:900}.of-thread-count{font-weight:800}.of-thread-dot{opacity:.5}.of-thread-time{font-size:11px;opacity:.85}.of-thread-arrow{font-size:11px;font-weight:900;margin-left:2px}.of-thread-replies-list{margin-top:8px;margin-left:24px;padding-left:14px;border-left:2px dashed rgba(56,189,248,.35);display:flex;flex-direction:column;gap:10px;animation:ofFadeIn .2s ease-out}:root[data-theme=light] .of-thread-replies-list{border-left-color:#0284c759}.of-reply-row{display:flex;align-items:flex-start;gap:8px;position:relative}.of-reply-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;border:1.5px solid #20202b}:root[data-theme=dark] .of-reply-avatar{border-color:#3b3e5b}.of-reply-bubble-box{flex:1;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 12px}:root[data-theme=light] .of-reply-bubble-box{background:#fff;border:1.5px solid #20202b;box-shadow:2px 2px #20202b}.of-reply-to-chip{font-size:11px;font-weight:800;color:#ff5c93;background:#ff5c931f;padding:1px 6px;border-radius:6px;margin-left:4px}:root[data-theme=light] .of-reply-to-chip{background:#ff5c9326;color:#e11d48}.of-notifications-screen{background:var(--paper, #fffaf1)!important;color:#20202b!important}:root[data-theme=dark] .of-notifications-screen{background:#11121d!important;color:#f1f3f9!important}.of-notif-header-wrap{min-width:0;flex:1}.of-notif-header-actions{display:flex;align-items:center;gap:10px}.of-notif-mark-read-btn{background:#20c98a26;color:#059669;border:1.5px solid rgba(5,150,105,.35);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease}.of-notif-mark-read-btn:hover{background:#20c98a40;transform:scale(1.03)}:root[data-theme=dark] .of-notif-mark-read-btn{background:#20c98a33;color:#34d399;border-color:#34d39966}.of-notif-filters-bar{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;border-bottom:1.5px solid rgba(0,0,0,.08);scrollbar-width:none;background:#00000005;flex-shrink:0}.of-notif-filters-bar::-webkit-scrollbar{display:none}:root[data-theme=dark] .of-notif-filters-bar{background:#ffffff05;border-bottom-color:#ffffff14}.of-notif-filter-chip{flex:0 0 auto;background:#fff;border:1.5px solid #20202b;box-shadow:1.5px 1.5px #20202b;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;color:#20202b;cursor:pointer;white-space:nowrap;transition:transform .1s ease,background .15s ease}.of-notif-filter-chip.is-active{background:#ffd84d!important;color:#20202b!important;box-shadow:2px 2px #20202b!important}:root[data-theme=dark] .of-notif-filter-chip{background:#1b1d2a;color:#d1d5db;border-color:#2d3047;box-shadow:none}:root[data-theme=dark] .of-notif-filter-chip.is-active{background:#ffd84d!important;color:#0f1017!important;border-color:#ffd84d!important;box-shadow:2px 2px #000!important}.of-notif-body{padding:14px 16px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important}.of-notifs-list{display:flex;flex-direction:column;gap:8px}.of-notif-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;border:2px solid #20202b;box-shadow:3px 3px #20202b;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s ease;position:relative;user-select:none}.of-notif-card:hover{transform:translateY(-1px);box-shadow:4px 4px #20202b}.of-notif-card.is-unread{background:#fffdf5;border-color:#ff5c93}:root[data-theme=dark] .of-notif-card{background:#181926;border-color:#2e3148;box-shadow:2px 2px #0006}:root[data-theme=dark] .of-notif-card.is-unread{background:#1d1c2e;border-color:#ff5c93}.of-notif-avatar-wrap{position:relative;width:42px;height:42px;flex-shrink:0}.of-notif-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #20202b}:root[data-theme=dark] .of-notif-avatar{border-color:#3b3e5b}.of-notif-type-pill{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid;display:inline-flex;align-items:center;justify-content:center;font-size:10px}:root[data-theme=dark] .of-notif-type-pill{background:#1a1b28}.of-notif-card-center{flex:1;min-width:0}.of-notif-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.of-notif-title{font-size:13px;font-weight:900;color:#20202b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=dark] .of-notif-title{color:#f1f3f9}.of-notif-time{font-size:11px;color:#94a3b8;font-weight:700;flex-shrink:0}.of-notif-msg{font-size:12.5px;color:#4b5563;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-theme=dark] .of-notif-msg{color:#cbd5e1}.of-notif-card-right{flex-shrink:0;display:flex;align-items:center}.of-notif-unread-dot{width:9px;height:9px;border-radius:50%;background:#ff5c93;box-shadow:0 0 8px #ff5c93cc}.of-notif-empty-state{text-align:center;padding:60px 20px}.of-notif-empty-icon{font-size:48px;margin-bottom:12px}.of-notif-empty-title{font-size:18px;font-weight:900;margin-bottom:6px;color:#20202b}:root[data-theme=dark] .of-notif-empty-title{color:#f1f3f9}.of-notif-empty-sub{font-size:13px;color:#64748b;max-width:320px;margin:0 auto;line-height:1.45}:root[data-theme=dark] .of-notif-empty-sub{color:#94a3b8}.of-notif-clear-all-btn{background:none;border:none;color:#94a3b8;font-size:12px;font-weight:800;cursor:pointer;text-decoration:underline;padding:8px 12px;transition:color .15s}.of-notif-clear-all-btn:hover{color:#ef4444}.of-dock-badge{position:absolute;top:-3px;right:-5px;background:#ff4f91;color:#fff;font-size:10px;font-weight:900;padding:1px 5px;border-radius:999px;border:1.5px solid #20202b;line-height:1.2}:root[data-theme=dark] .of-dock-badge{border-color:#0d0e15}.of-dock-tab-icon{position:relative!important}.of-dock-badge{position:absolute!important;top:-4px!important;right:-8px!important;background:#ff4f91!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:1px 5px!important;border-radius:999px!important;border:1.5px solid #20202b!important;line-height:1.2!important;pointer-events:none!important;z-index:5!important}:root[data-theme=dark] .of-dock-badge{border-color:#0d0e15!important}@media(min-width:769px){.of-community-screen .of-category-pills-bar,.of-community-screen .of-community-body,.of-community-screen .of-talk-cards-stream,.of-community-screen .of-talk-card,.of-post-detail-header,.of-detail-scroll-area,.of-comment-input-pill{max-width:920px!important;width:100%!important}.of-community-screen .of-category-pills-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;padding:14px 20px!important}}.of-post-detail-screen{background:var(--paper, #fffaf1)!important;color:#20202b!important}.of-post-detail-header{background:var(--paper, #fffaf1)!important;border-bottom:1px solid rgba(0,0,0,.07)!important}.of-detail-back-btn{color:#1e293b!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important}.of-detail-author-name{color:#1e293b!important}.of-detail-author-time{color:#64748b!important}.of-detail-more-btn{color:#64748b!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important}.of-detail-action-row{border-bottom:1px solid rgba(0,0,0,.06)!important}.of-detail-comments-count{color:#1e293b!important;font-weight:800!important;font-size:14px!important}.of-detail-sort-label{color:#64748b!important}.of-detail-gift-btn,.of-detail-like-btn{height:36px!important;padding:0 16px!important;border-radius:999px!important;background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;color:#1e293b!important;font-weight:700!important;font-size:13.5px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;transition:all .15s ease!important}.of-detail-like-btn.is-liked{background:#ff4b72!important;border-color:#ff4b72!important;color:#fff!important;box-shadow:0 3px 12px #ff4b7259!important}.of-comment-author-name{color:#6d28d9!important}.of-comment-message{color:#1e293b!important}.of-comment-reply-action,.of-comment-more-action{color:#64748b!important}.of-comment-reply-action:hover{color:#0f172a!important}.of-comment-heart-btn{background:transparent!important;border:none!important;color:#94a3b8!important;font-size:14px!important;cursor:pointer!important;padding:4px 6px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border-radius:999px!important;transition:transform .12s ease!important}.of-comment-heart-btn:active{transform:scale(.9)!important}.of-comment-heart-btn.is-liked{color:#ff4f91!important}.of-comment-heart-count{font-size:11.5px!important;font-weight:800!important;color:#ff4f91!important;line-height:1!important}.of-comment-input-strap{background:#fff!important;border-top:2px solid #20202b!important}.of-comment-input-pill{background:#f8fafc!important;border:2px solid #20202b!important}.of-comment-input{color:#0f172a!important}.of-comment-gif-btn{background:#e2e8f0!important;color:#1e293b!important}.of-reply-bar{background:#f1f5f9!important;border-top:1.5px solid #cbd5e1!important;color:#334155!important}.of-thread-toggle-btn{color:#64748b!important}.of-thread-toggle-btn:hover{color:#6d28d9!important}.of-nested-replies-stream{border-left-color:#0000001f!important}:root[data-theme=dark] .of-post-detail-screen{background:#0d0e15!important;color:#f1f3f9!important}:root[data-theme=dark] .of-post-detail-header{background:#12131e!important;border-bottom:1px solid rgba(255,255,255,.08)!important}:root[data-theme=dark] .of-detail-back-btn{color:#fff!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important}:root[data-theme=dark] .of-detail-author-name{color:#fff!important}:root[data-theme=dark] .of-detail-more-btn{color:#cbd5e1!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important}:root[data-theme=dark] .of-detail-action-row{border-bottom:1px solid rgba(255,255,255,.08)!important}:root[data-theme=dark] .of-detail-comments-count{color:#f1f5f9!important;font-weight:800!important}:root[data-theme=dark] .of-detail-gift-btn,:root[data-theme=dark] .of-detail-like-btn{height:36px!important;padding:0 16px!important;border-radius:999px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;color:#fff!important;font-weight:700!important;font-size:13.5px!important}:root[data-theme=dark] .of-detail-like-btn.is-liked{background:#ff4b72!important;border-color:#ff4b72!important;color:#fff!important;box-shadow:0 3px 12px #ff4b7259!important}:root[data-theme=dark] .of-comment-author-name{color:#c4b5fd!important}:root[data-theme=dark] .of-comment-message{color:#f1f5f9!important}:root[data-theme=dark] .of-comment-reply-action,:root[data-theme=dark] .of-comment-more-action{color:#64748b!important}:root[data-theme=dark] .of-comment-reply-action:hover{color:#cbd5e1!important}:root[data-theme=dark] .of-comment-input-strap{background:#10111a!important;border-top:1px solid #1e202f!important}:root[data-theme=dark] .of-comment-input-pill{background:#181926!important;border:1.5px solid #282a3c!important}:root[data-theme=dark] .of-comment-gif-btn{background:#25283a!important;color:#fff!important}:root[data-theme=dark] .of-reply-bar{background:#161826!important;border-top:1px solid #25283c!important;color:#94a3b8!important}:root[data-theme=dark] .of-thread-toggle-btn{color:#717592!important}:root[data-theme=dark] .of-thread-toggle-btn:hover{color:#ffd84d!important}:root[data-theme=dark] .of-nested-replies-stream{border-left-color:#ffffff14!important}.of-detail-scroll-area,.of-community-body,.of-post-detail-screen,.of-notif-body,.of-notif-filters-bar{scrollbar-width:none!important;-ms-overflow-style:none!important}.of-detail-scroll-area::-webkit-scrollbar,.of-community-body::-webkit-scrollbar,.of-post-detail-screen::-webkit-scrollbar,.of-notif-body::-webkit-scrollbar,.of-notif-filters-bar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.of-confirm-modal-overlay{position:fixed!important;inset:0!important;z-index:100000500!important;background:#0a0b10b8!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;animation:ofConfirmFadeIn .2s cubic-bezier(.16,1,.3,1)!important}.of-confirm-modal-overlay.closing{animation:ofConfirmFadeOut .18s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes ofConfirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ofConfirmFadeOut{0%{opacity:1}to{opacity:0}}.of-confirm-modal-card{width:100%!important;max-width:380px!important;background:#fff!important;color:#20202b!important;border:3px solid #20202b!important;border-radius:26px!important;padding:26px 22px 22px!important;box-shadow:4px 6px #20202b!important;text-align:center!important;transform-origin:center!important;animation:ofConfirmPopIn .22s cubic-bezier(.34,1.56,.64,1)!important}:root[data-theme=dark] .of-confirm-modal-card{background:#181924!important;color:#f5f2ff!important;border:3px solid #36384d!important;box-shadow:0 16px 40px #0009!important}@keyframes ofConfirmPopIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.of-confirm-modal-icon{font-size:34px!important;margin:0 auto 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:62px!important;height:62px!important;border-radius:20px!important;background:#f1edfc!important;border:2px solid #20202b!important}:root[data-theme=dark] .of-confirm-modal-icon{background:#252636!important;border-color:#3e4158!important}.of-confirm-modal-title{font-size:19px!important;font-weight:800!important;margin:0 0 8px!important;line-height:1.3!important;color:inherit!important}.of-confirm-modal-msg{font-size:14px!important;color:#64748b!important;margin:0 0 20px!important;line-height:1.45!important}:root[data-theme=dark] .of-confirm-modal-msg{color:#a3a6ba!important}.of-confirm-modal-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}.of-confirm-modal-btn{font-family:inherit!important;font-size:14px!important;font-weight:800!important;border-radius:14px!important;padding:11px 18px!important;cursor:pointer!important;transition:transform .15s ease,filter .15s ease!important;user-select:none!important}.of-confirm-modal-btn:active{transform:scale(.96)!important}.of-confirm-modal-btn.cancel{background:transparent!important;border:2px solid transparent!important;color:#64748b!important}:root[data-theme=dark] .of-confirm-modal-btn.cancel{color:#94a3b8!important}.of-confirm-modal-btn.cancel:hover{background:#0000000d!important}:root[data-theme=dark] .of-confirm-modal-btn.cancel:hover{background:#ffffff0f!important}.of-confirm-modal-btn.primary{background:#7657ff!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important}.of-confirm-modal-btn.danger{background:#ff476e!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important}:root[data-theme=dark] .of-confirm-modal-btn.danger{border-color:#ff476e!important;box-shadow:0 4px 14px #ff476e66!important}.of-app-toast{position:fixed!important;bottom:85px!important;left:50%!important;transform:translate(-50%)!important;background:#20202b!important;color:#fff!important;border:2px solid #7657ff!important;border-radius:999px!important;padding:10px 20px!important;font-size:13px!important;font-weight:800!important;z-index:200000000!important;box-shadow:0 6px 20px #00000059!important;pointer-events:none!important;animation:ofToastSlideUp .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;align-items:center!important;gap:8px!important;max-width:90vw!important;text-align:center!important}:root[data-theme=light] .of-app-toast{background:#20202b!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:2px 4px #20202b,0 8px 24px #00000026!important}.of-app-toast.hiding{animation:ofToastSlideDown .22s ease forwards!important}@keyframes ofToastSlideUp{0%{opacity:0;transform:translate(-50%,15px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ofToastSlideDown{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,15px) scale(.95)}}.of-settings-logout-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 18px!important;background:#fee2e2!important;color:#dc2626!important;border:2px solid #ef4444!important;border-radius:14px!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;transition:transform .12s ease,filter .12s ease!important;box-shadow:2px 2px #ef444459!important}.of-settings-logout-btn:hover{background:#fecaca!important;transform:translateY(-1px)!important}.of-settings-logout-btn:active{transform:translate(1px,1px)!important;box-shadow:none!important}:root[data-theme=dark] .of-settings-logout-btn{background:#ef444424!important;color:#f87171!important;border-color:#ef4444!important;box-shadow:0 4px 14px #ef444440!important}.of-fullscreen-screen.of-community-screen{z-index:10000000!important}.of-fullscreen-screen.of-profile-screen,.of-fullscreen-screen.of-friends-screen,.of-fullscreen-screen.of-notifications-screen,.of-fullscreen-screen.of-settings-screen{z-index:10000050!important}.of-pull-refresh-indicator{display:flex!important;align-items:center!important;justify-content:center!important;height:0px;overflow:hidden!important;opacity:0;transition:height .22s cubic-bezier(.16,1,.3,1),opacity .2s ease!important;pointer-events:none!important;width:100%!important;margin-bottom:4px!important}.of-pull-refresh-indicator.is-pulling{transition:none!important}.of-pull-refresh-indicator.is-refreshing{height:48px!important;opacity:1!important}.of-pull-refresh-inner{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 14px!important;background:#fff!important;border:2px solid #20202b!important;border-radius:999px!important;box-shadow:2px 2px #20202b!important;font-size:12px!important;font-weight:800!important;color:#20202b!important}:root[data-theme=dark] .of-pull-refresh-inner{background:#1e1f2b!important;border-color:#3b3d52!important;box-shadow:0 4px 14px #0006!important;color:#f5f2ff!important}.of-pull-refresh-spinner{display:flex!important;align-items:center!important;justify-content:center!important;color:#7657ff!important;transition:transform .08s linear!important}.of-pull-refresh-indicator.is-refreshing .of-pull-refresh-spinner{animation:ofCommSpin .75s linear infinite!important}@keyframes ofCommSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.of-restore-google-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important;border-radius:12px!important;padding:9px 12px!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;color:#20202b!important;cursor:pointer!important;margin-top:4px!important;margin-bottom:12px!important;transition:transform .12s ease,box-shadow .12s ease!important}.of-restore-google-btn:active{transform:scale(.98)!important}.of-restore-google-btn.is-active{border-color:#10b981!important;background:#10b9811a!important;color:#059669!important}:root[data-theme=dark] .of-restore-google-btn{background:#1e1d2b!important;border-color:#3b3d52!important;box-shadow:0 4px 12px #00000059!important;color:#f5f2ff!important}:root[data-theme=dark] .of-restore-google-btn.is-active{border-color:#10b981!important;background:#10b9812e!important;color:#34d399!important}body.of-comm-open #root,body:has(#ofCommunityScreen.is-open) #root{visibility:hidden!important;pointer-events:none!important}.of-dm-message-stream{display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important;width:100%!important;padding:12px 14px 24px!important;box-sizing:border-box!important}.of-dm-bubble-wrap{display:flex!important;width:100%!important;gap:8px!important;position:relative!important;box-sizing:border-box!important}.of-dm-bubble-wrap.is-me{justify-content:flex-end!important}.of-dm-bubble-wrap.is-friend{justify-content:flex-start!important}.of-dm-bubble-wrap.is-me .of-dm-bubble{background:linear-gradient(135deg,#7657ff,#9945ff)!important;color:#fff!important;border-radius:18px 18px 4px!important;border:none!important;box-shadow:0 2px 8px #7657ff40!important;max-width:78%!important;margin-left:auto!important}.of-dm-bubble-wrap.is-me .of-dm-bubble-time{color:#ffffffbf!important}.of-dm-bubble-wrap.is-friend .of-dm-bubble{background:#f1f3f8!important;color:#1a1b26!important;border-radius:18px 18px 18px 4px!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 1px 3px #0000000d!important;max-width:78%!important}:root[data-theme=dark] .of-dm-bubble-wrap.is-friend .of-dm-bubble{background:#242738!important;color:#f1f5f9!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 6px #0000004d!important}.of-dm-bubble-avatar{width:32px!important;height:32px!important;border-radius:50%!important;flex-shrink:0!important;margin-bottom:2px!important;border:1.5px solid #20202b!important}.of-pinned-badge{display:inline-flex;align-items:center;margin-left:6px;font-size:13px;line-height:1}.of-friend-action-sheet{position:fixed!important;inset:0!important;z-index:100000080!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.of-friend-sheet-backdrop{position:absolute!important;inset:0!important;background:#0a0b1099!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.of-friend-sheet-card{position:relative!important;z-index:2!important;background:#fff!important;border-top:3px solid #20202b!important;border-radius:24px 24px 0 0!important;padding:16px 20px 32px!important;box-shadow:0 -8px 30px #0003!important;animation:ofSheetSlideUp .22s cubic-bezier(.16,1,.3,1)!important}.of-friend-sheet-handle{width:44px;height:5px;background:#d1d5db;border-radius:99px;margin:0 auto 16px}:root[data-theme=dark] .of-friend-sheet-handle{background:#474d6b}.of-friend-sheet-user-row{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px solid #e5e7eb;margin-bottom:14px}:root[data-theme=dark] .of-friend-sheet-user-row{border-bottom-color:#272a3e}.of-friend-sheet-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #20202b;flex-shrink:0}.of-friend-sheet-name{font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:900;color:#111827}:root[data-theme=dark] .of-friend-sheet-name{color:#f1f5f9}.of-friend-sheet-sub{font-size:13px;color:#64748b;font-weight:700}.of-friend-sheet-actions{display:flex;flex-direction:column;gap:8px}.of-friend-sheet-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border-radius:14px;border:2px solid #20202b;background:#f8fafc;color:#111827;font-family:"Baloo 2",sans-serif;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:2px 2px #20202b}.of-friend-sheet-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #20202b}:root[data-theme=dark] .of-friend-sheet-btn{background:#202230;color:#f1f5f9;border-color:#383c56;box-shadow:2px 2px #0d0e14}.of-friend-sheet-btn.danger{color:#ef4444!important}.of-friend-sheet-btn.cancel{background:transparent!important;border:none!important;box-shadow:none!important;color:#94a3b8!important;margin-top:4px}.of-friends-screen .of-friend-action-sheet,.of-friend-action-sheet{position:absolute!important;inset:0!important;z-index:100000080!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;overflow:hidden!important;border-radius:0!important}.of-friend-sheet-backdrop{position:absolute!important;inset:0!important;background:#0a0b10a6!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.of-friend-sheet-card{position:relative!important;z-index:2!important;background:#fff!important;border-top:3px solid #20202b!important;border-radius:20px 20px 0 0!important;padding:16px 20px 28px!important;box-shadow:0 -8px 30px #00000040!important;animation:ofSheetSlideUp .2s cubic-bezier(.16,1,.3,1)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}:root[data-theme=dark] .of-friend-sheet-card{background:#171822!important;border-top-color:#31354c!important}.of-dm-bubble{position:relative!important;box-sizing:border-box!important;word-break:break-word!important;cursor:pointer!important;overflow:hidden!important}.of-dm-bubble-media{width:100%!important;max-width:100%!important;border-radius:12px!important;overflow:hidden!important;margin-bottom:4px!important;display:flex!important;justify-content:center!important;align-items:center!important}.of-dm-gif-img{width:100%!important;max-width:220px!important;max-height:180px!important;height:auto!important;border-radius:12px!important;display:block!important;object-fit:cover!important;margin:0 auto!important}.of-dm-bubble-wrap.is-me .of-dm-bubble,.of-dm-bubble-wrap.is-friend .of-dm-bubble{padding:6px 10px!important}.of-dm-bubble-time{font-size:10.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.2px!important}.of-dm-bubble-wrap.is-me .of-dm-bubble-time{color:#ffffffd9!important;opacity:1!important}.of-dm-bubble-wrap.is-friend .of-dm-bubble-time{color:#475569!important;opacity:.95!important}:root[data-theme=dark] .of-dm-bubble-wrap.is-friend .of-dm-bubble-time{color:#94a3b8!important;opacity:.9!important}#ofDmTypingIndicator{position:absolute!important;bottom:calc(var(--app-safe-bottom, 10px) + 54px)!important;left:14px!important;z-index:10000003!important;pointer-events:none!important;padding:0!important;margin:0!important}@media(min-width:769px){#ofDmTypingIndicator{position:absolute!important;bottom:56px!important;left:20px!important}}.of-dm-typing-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;background:#fffffff5!important;border:1.5px solid #20202b!important;border-radius:20px!important;font-size:12px!important;color:#0891b2!important;font-weight:800!important;box-shadow:2px 2px #20202b!important;margin:0!important}#ofDmTypingIndicator{position:absolute!important;bottom:calc(var(--app-safe-bottom, 10px) + 64px)!important;left:16px!important;z-index:10000003!important;pointer-events:none!important;padding:0!important;margin:0!important}@media(min-width:769px){#ofDmTypingIndicator{position:absolute!important;bottom:66px!important;left:20px!important}}.of-dm-typing-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;font-size:12.5px!important;font-weight:800!important;color:#06b6d4!important;margin:0!important;letter-spacing:.1px!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}:root:not([data-theme=dark]) .of-dm-typing-pill{color:#0891b2!important;background:transparent!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.of-desktop-backdrop{z-index:10000020!important}#ofDmTypingIndicator,#ofGroupTypingIndicator{position:absolute!important;bottom:calc(var(--app-safe-bottom, 10px) + 60px)!important;left:16px!important;z-index:10000003!important;pointer-events:none!important;padding:0!important;margin:0!important;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}@media(min-width:769px){#ofDmTypingIndicator,#ofGroupTypingIndicator{position:absolute!important;bottom:62px!important;left:20px!important}}.of-dm-typing-pill,:root[data-theme=dark] .of-dm-typing-pill,:root:not([data-theme=dark]) .of-dm-typing-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0!important;margin:0!important;background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;font-size:12.5px!important;font-weight:800!important;color:#06b6d4!important;letter-spacing:.1px!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}:root:not([data-theme=dark]) .of-dm-typing-pill{color:#0891b2!important;background:transparent!important;background-color:transparent!important;text-shadow:none!important}.of-dm-typing-pill span:first-child{font-size:12.5px!important;font-weight:800!important;color:inherit!important}.of-dm-typing-pill .of-typing-dot{display:inline-block!important;width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important;background:#06b6d4!important;background-color:#06b6d4!important;border-radius:50%!important;margin:0 1.5px!important;opacity:.8!important;animation:ofBounceDot 1.2s infinite ease-in-out!important}:root:not([data-theme=dark]) .of-dm-typing-pill .of-typing-dot{background:#0891b2!important;background-color:#0891b2!important}.of-dm-typing-pill .of-typing-dot:nth-child(2){animation-delay:.15s!important}.of-dm-typing-pill .of-typing-dot:nth-child(3){animation-delay:.3s!important}.of-dm-typing-pill .of-typing-dot:nth-child(4){animation-delay:.45s!important}@keyframes ofBounceDot{0%,80%,to{transform:scale(.3);opacity:.3}40%{transform:scale(1.15);opacity:1}}.of-dm-bubble{overflow:visible!important}.of-dm-bubble-media{overflow:hidden!important;border-radius:12px!important}.of-dm-bubble-wrap.has-reaction,.of-dm-bubble-wrap:has(.of-dm-reaction-badge){margin-bottom:16px!important}.of-dm-bubble.has-reaction,.of-dm-bubble:has(.of-dm-reaction-badge){padding-bottom:15px!important;min-width:95px!important}.of-dm-reaction-badge{position:absolute!important;bottom:-10px!important;min-width:23px!important;height:23px!important;border-radius:999px!important;padding:0 5px!important;font-size:13px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;pointer-events:auto!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;animation:ofReactionPop .2s cubic-bezier(.175,.885,.32,1.275)!important;transition:transform .15s ease,background .2s ease!important}.of-dm-reaction-badge:active{transform:scale(.9)!important}.of-dm-bubble-wrap.is-friend .of-dm-reaction-badge{left:10px!important;right:auto!important}.of-dm-bubble-wrap.is-me .of-dm-reaction-badge{right:10px!important;left:auto!important}:root:not([data-theme=dark]) .of-dm-reaction-badge,html:not([data-theme=dark]) .of-dm-reaction-badge,body:not([data-theme=dark]) .of-dm-reaction-badge{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 1px 4px #0000001a,0 2px 6px #0000000d!important}:root[data-theme=dark] .of-dm-reaction-badge,html[data-theme=dark] .of-dm-reaction-badge,body[data-theme=dark] .of-dm-reaction-badge{background:#262626!important;border:1px solid #3c3c3c!important;box-shadow:0 2px 6px #00000080!important}@keyframes ofReactionPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.of-comment-input-strap{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#10111a!important;border-top:1px solid #1e202f!important;padding:8px 14px calc(var(--app-safe-bottom) + 8px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;z-index:100!important}:root:not([data-theme=dark]) .of-comment-input-strap,html:not([data-theme=dark]) .of-comment-input-strap,body:not([data-theme=dark]) .of-comment-input-strap{background:#fff8eb!important;border-top:2px solid #20202b!important}.of-comment-input-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:680px!important;margin:0 auto!important}.of-comment-input-pill{display:flex!important;align-items:center!important;flex:1!important;background:#181926!important;border:1.5px solid #282a3c!important;border-radius:999px!important;padding:4px 6px 4px 14px!important;gap:6px!important;min-height:44px!important;box-sizing:border-box!important}:root:not([data-theme=dark]) .of-comment-input-pill,html:not([data-theme=dark]) .of-comment-input-pill,body:not([data-theme=dark]) .of-comment-input-pill{background:#fff!important;border:2px solid #20202b!important;box-shadow:2px 2px #20202b!important}.of-comment-input-pill .of-comment-input,.of-comment-input{flex:1!important;background:transparent!important;border:none!important;outline:none!important;border-radius:0!important;padding:6px 4px!important;font-size:14.5px!important;box-shadow:none!important}:root:not([data-theme=dark]) .of-comment-input{color:#20202b!important}:root[data-theme=dark] .of-comment-input{color:#fff!important}.of-comment-cancel-reply-btn{background:#94a3b833!important;border:none!important;color:#94a3b8!important;width:24px!important;height:24px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;padding:0!important;margin-right:2px!important;flex-shrink:0!important}.of-comment-cancel-reply-btn:hover{background:#ef444440!important;color:#ef4444!important}.of-replying-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:680px!important;margin:0 auto 6px!important;padding:6px 12px!important;background:#1c1d2c!important;border:1px solid #2f3248!important;border-radius:12px!important;font-size:13px!important;color:#f1f5f9!important;box-sizing:border-box!important}.of-replying-cancel-btn{background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;font-size:12px!important;font-weight:700!important;border-radius:8px!important;padding:3px 8px!important;cursor:pointer!important}@media(min-width:769px){.of-community-screen .of-community-body{padding:16px 20px 100px!important}.of-community-screen .of-talk-cards-stream{gap:12px!important}.of-community-screen .of-talk-card{margin:0 auto!important;padding:16px 22px!important;box-sizing:border-box!important}.of-card-header{margin-bottom:8px!important}.of-card-content{margin-bottom:10px!important;line-height:1.45!important}.of-card-footer{padding-top:8px!important}}.of-talk-cards-stream,.of-community-screen .of-talk-cards-stream{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}.of-talk-card,.of-community-screen .of-talk-card{margin:0 auto!important;width:100%!important}@media(max-width:768px){.of-community-screen .of-talk-cards-stream{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}.of-community-screen .of-community-body{padding:14px 14px 110px!important}}.of-replying-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:680px!important;margin:0 auto 6px!important;padding:6px 14px!important;background:#1c1d2c!important;border:1.5px solid #2f3248!important;border-radius:999px!important;font-size:13px!important;color:#f1f5f9!important;box-sizing:border-box!important;position:relative!important}.of-replying-banner.is-hidden,.of-replying-banner[style*="display: none"]{display:none!important}:root:not([data-theme=dark]) .of-replying-banner,html:not([data-theme=dark]) .of-replying-banner,body:not([data-theme=dark]) .of-replying-banner{background:#fff!important;border:1.5px solid #20202b!important;color:#20202b!important}.of-replying-cancel-btn{background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;font-size:12px!important;font-weight:700!important;border-radius:999px!important;padding:3px 12px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;height:26px!important;width:auto!important;min-width:60px!important;flex-shrink:0!important;box-sizing:border-box!important;transition:background .15s ease,transform .1s ease!important}.of-replying-cancel-btn:hover{background:#ef444438!important}.of-replying-cancel-btn:active{transform:scale(.95)!important}.of-mention-popup{position:absolute!important;bottom:calc(100% + 6px)!important;left:8px!important;right:8px!important;max-width:380px!important;background:#141522!important;border:1.5px solid #282b3d!important;border-radius:14px!important;box-shadow:0 12px 36px #000000a6!important;overflow:hidden!important;z-index:99999999!important;animation:ofFadeIn .15s ease-out!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.of-mention-popup.is-hidden{display:none!important}.of-mention-list{display:flex!important;flex-direction:column!important;max-height:210px!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;padding:4px 0!important}.of-mention-item{display:flex!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;cursor:pointer!important;touch-action:pan-y!important;transition:background .12s ease!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.of-mention-item:last-child{border-bottom:none!important}.of-mention-item:hover,.of-mention-item.is-selected{background:#38bdf833!important}.of-mention-avatar{width:34px!important;height:34px!important;border-radius:10px!important;object-fit:cover!important;flex-shrink:0!important;border:1px solid rgba(255,255,255,.2)!important}.of-mention-meta{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.25!important}.of-mention-name{font-size:13.5px!important;font-weight:800!important;color:#f8fafc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html[data-theme=light] .of-talk-compose-modal .of-mention-popup,:root[data-theme=light] .of-talk-compose-modal .of-mention-popup{background:#fff!important;border:2px solid #20202b!important;box-shadow:0 8px 24px #0003!important}html[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-name,:root[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-name{color:#1e293b!important}html[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-handle,:root[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-handle{color:#64748b!important}html[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-item,:root[data-theme=light] .of-talk-compose-modal .of-mention-popup .of-mention-item{border-bottom:1px solid #f1f5f9!important}.of-mention-handle{font-size:11.5px!important;font-weight:600!important;color:#94a3b8!important}:root:not([data-theme=dark]) .of-mention-handle{color:#64748b!important}.of-mention-tag{color:#38bdf8!important;font-weight:800!important;cursor:pointer!important;border-radius:4px!important;padding:0 3px!important;display:inline-block!important;transition:background .12s ease,transform .1s ease!important}:root:not([data-theme=dark]) .of-mention-tag{color:#0284c7!important}.of-mention-tag:hover{background:#38bdf82e!important;text-decoration:underline!important}.of-mention-tag:active{transform:scale(.96)!important}.of-comm-search-icon-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #20202b;background:#fff;color:#20202b;box-shadow:2px 2px #20202b;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0}:root[data-theme=dark] .of-comm-search-icon-btn{background:#181926;border-color:#2e3247;color:#f8fafc;box-shadow:2px 2px #0f1017}.of-comm-search-icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #20202b}.of-comm-search-screen{position:fixed;inset:0;z-index:10000080;background:#fdf6ec;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate(100%);transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s ease}:root[data-theme=dark] .of-comm-search-screen{background:#0f1017;color:#f8fafc}.of-comm-search-screen.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.of-comm-search-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:2px solid #20202b;background:#fff}:root[data-theme=dark] .of-comm-search-header{background:#141522;border-bottom-color:#282b3d}.of-comm-search-back-btn{width:36px;height:36px;border-radius:50%;border:2px solid #20202b;background:#fff;color:#20202b;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #20202b;cursor:pointer;flex-shrink:0}:root[data-theme=dark] .of-comm-search-back-btn{background:#1e2030;border-color:#2e3247;color:#f8fafc;box-shadow:2px 2px #000}.of-comm-search-input-box{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;background:#f1f5f9;border:2px solid #20202b;border-radius:99px;box-shadow:2px 2px #20202b}:root[data-theme=dark] .of-comm-search-input-box{background:#1a1b28;border-color:#2e3247;box-shadow:2px 2px #000}.of-comm-search-input-icon{color:#64748b;flex-shrink:0}.of-comm-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13.5px;font-weight:700;color:#0f172a}:root[data-theme=dark] .of-comm-search-input{color:#f8fafc}.of-comm-search-clear-btn{border:none;background:transparent;font-size:13px;font-weight:800;color:#94a3b8;cursor:pointer;padding:4px}.of-comm-search-tabs{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.08)}:root[data-theme=dark] .of-comm-search-tabs{border-bottom-color:#ffffff14}.of-comm-search-tab{padding:6px 14px;border-radius:99px;border:1.5px solid #20202b;background:transparent;font-size:12px;font-weight:800;color:#64748b;cursor:pointer;transition:all .12s ease}.of-comm-search-tab.is-active{background:#ff5c93;color:#fff;border-color:#20202b;box-shadow:2px 2px #20202b}:root[data-theme=dark] .of-comm-search-tab{border-color:#2e3247;color:#94a3b8}:root[data-theme=dark] .of-comm-search-tab.is-active{background:#ff5c93;color:#fff;border-color:#ff5c93;box-shadow:2px 2px #000}.of-comm-search-body{flex:1;overflow-y:auto;padding:12px 14px 40px;-webkit-overflow-scrolling:touch}.of-comm-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.of-comm-recent-title{font-size:13px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.of-comm-recent-clear{background:transparent;border:none;font-size:12px;font-weight:800;color:#ff5c93;cursor:pointer}.of-comm-recent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1.5px solid #20202b;border-radius:12px;box-shadow:2px 2px #20202b;margin-bottom:8px;cursor:pointer;transition:transform .1s ease}:root[data-theme=dark] .of-comm-recent-item{background:#141522;border-color:#282b3d;box-shadow:2px 2px #000}.of-comm-recent-item:active{transform:scale(.98)}.of-comm-recent-left{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}.of-comm-recent-del{border:none;background:transparent;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px}.of-search-profile-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:2px solid #20202b;border-radius:14px;box-shadow:2px 2px #20202b;margin-bottom:8px;cursor:pointer}:root[data-theme=dark] .of-search-profile-card{background:#141522;border-color:#282b3d;box-shadow:2px 2px #000}.of-search-profile-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #20202b;background:#cbd5e1;object-fit:cover}.of-search-profile-name{font-size:14px;font-weight:900}.of-search-profile-handle{font-size:11.5px;font-weight:700;color:#64748b}.of-community-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.of-community-stat-card{background:#fff;border:2px solid #20202b;border-radius:14px;padding:12px;box-shadow:3px 3px #20202b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .1s ease}:root[data-theme=dark] .of-community-stat-card{background:#141522;border-color:#282b3d;box-shadow:3px 3px #000}.of-community-stat-card:active{transform:translate(1px,1px)}.of-community-stat-val{font-size:22px;font-weight:900;color:#ff5c93;line-height:1.1;margin-bottom:2px}.of-community-stat-lbl{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}:root[data-theme=dark] .of-community-stat-lbl{color:#94a3b8}.of-blocked-users-modal{position:fixed;inset:0;z-index:10000100!important;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.of-blocked-users-card{width:100%;max-width:440px;max-height:80vh;background:#fff;border:3px solid #20202b;border-radius:18px;box-shadow:6px 6px #20202b;display:flex;flex-direction:column;overflow:hidden}:root[data-theme=dark] .of-blocked-users-card{background:#141522;border-color:#282b3d;box-shadow:6px 6px #000;color:#f8fafc}.of-blocked-users-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid #20202b}:root[data-theme=dark] .of-blocked-users-header{border-bottom-color:#282b3d}.of-blocked-users-body{padding:14px 16px;overflow-y:auto;flex:1}.of-blocked-user-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}:root[data-theme=dark] .of-blocked-user-row{border-bottom-color:#ffffff0f}.of-blocked-user-left{display:flex;align-items:center;gap:10px}.of-blocked-user-avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid #20202b}.of-unblock-btn{padding:5px 12px;background:#ff5c93;color:#fff;border:1.5px solid #20202b;border-radius:99px;font-size:11.5px;font-weight:800;box-shadow:1.5px 1.5px #20202b;cursor:pointer}.of-dm-blocked-banner{padding:12px 16px;background:#ef44441f;border-top:2px solid #ef4444;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:800;color:#ef4444}.of-dm-unblock-pill{padding:4px 12px;background:#ef4444;color:#fff;border:none;border-radius:99px;font-size:11.5px;font-weight:800;cursor:pointer}.of-my-posts-screen{position:fixed;inset:0;z-index:100000100!important;background:#fdf6ec;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate(100%);transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s ease}:root[data-theme=dark] .of-my-posts-screen{background:#0f1017;color:#f8fafc}.of-my-posts-screen.is-open{opacity:1;pointer-events:auto;transform:translate(0)}@media(max-width:600px){.of-community-screen .of-community-header-inner{gap:8px!important}.of-community-screen .of-community-new-btn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.of-community-screen .of-community-new-btn .of-new-post-text{display:none!important}.of-community-screen .of-community-new-btn .of-new-post-icon{font-size:22px!important;font-weight:900!important;line-height:1!important;display:inline-block!important;margin-top:-2px!important}.of-comm-search-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important}}body:has(#ofMyPostsScreen.is-open) .of-app-dock,body:has(#ofPostDetailModal.is-open) .of-app-dock,body:has(#ofCommunitySearchScreen.is-open) .of-app-dock{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.of-my-posts-screen .of-screen-body,.of-my-posts-screen .of-screen-header>div{max-width:760px!important;margin:0 auto!important;width:100%!important}.of-my-posts-screen .of-talk-cards-stream{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px 0 60px!important}.of-detail-more-btn{background:transparent!important;border:none!important;color:#94a3b8!important;font-size:22px!important;font-weight:900!important;cursor:pointer!important;padding:8px 14px!important;min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;z-index:20!important;user-select:none!important}.of-comm-search-input{flex:1!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:8px 4px!important;font-size:14px!important;font-weight:700!important;color:#0f172a!important;height:auto!important;margin:0!important}:root[data-theme=dark] .of-comm-search-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#f8fafc!important}.of-comm-search-back-btn{touch-action:manipulation!important;pointer-events:auto!important;z-index:10!important}.of-username-input-wrapper{flex:1;display:flex;align-items:center;background:#fff;border:2px solid #20202b;border-radius:14px;box-shadow:2px 2px #20202b;padding:0 12px;min-width:0;transition:border-color .15s ease}:root[data-theme=dark] .of-username-input-wrapper{background:#1c1d29;border-color:#2e3146;box-shadow:2px 2px #0006}.of-username-input-wrapper:focus-within{border-color:#7657ff}.of-username-input{flex:1!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:10px 4px 10px 0!important;min-width:0!important;font-family:Nunito,sans-serif!important;font-weight:800!important;font-size:15px!important;color:#20202b!important;margin:0!important;height:auto!important}:root[data-theme=dark] .of-username-input{color:#fff!important;background:transparent!important}.of-username-tag-badge{font-family:Nunito,sans-serif;font-weight:900;font-size:13.5px;color:#7657ff;background:#7657ff1f;padding:4px 8px;border-radius:8px;letter-spacing:.5px;user-select:none;flex-shrink:0;margin-left:6px;border:1px solid rgba(118,87,255,.25)}:root[data-theme=dark] .of-username-tag-badge{color:#a78bfa;background:#a78bfa26;border-color:#a78bfa4d}.of-empty-create-btn{background:#ff5c93!important;color:#fff!important;border:2px solid #20202b!important;box-shadow:3px 3px #20202b!important;border-radius:999px!important;font-family:"Baloo 2",sans-serif!important;font-weight:800!important;font-size:15px!important;padding:12px 28px!important;width:auto!important;min-width:190px!important;max-width:260px!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin:14px auto 0!important;transition:transform .12s ease!important;box-sizing:border-box!important;white-space:nowrap!important}.of-empty-create-btn:active{transform:translate(2px,2px)!important;box-shadow:1px 1px #20202b!important}:root[data-theme=dark] .of-empty-create-btn{border-color:#ffffff40!important;box-shadow:3px 3px #00000080!important}.of-guest-locked-view{padding:40px 16px;display:flex;justify-content:center;align-items:center;min-height:380px}.of-guest-locked-card{background:#fff;border:2px solid #20202b;border-radius:20px;box-shadow:4px 4px #20202b;padding:32px 24px;max-width:420px;width:100%;text-align:center;box-sizing:border-box}:root[data-theme=dark] .of-guest-locked-card{background:#181926;border-color:#2c2e42;box-shadow:4px 4px #000}.of-guest-locked-badge{display:inline-block;background:#7657ff1f;color:#7657ff;border:1px solid rgba(118,87,255,.25);font-size:11px;font-weight:900;letter-spacing:.8px;padding:4px 10px;border-radius:8px;margin-bottom:14px}:root[data-theme=dark] .of-guest-locked-badge{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}.of-guest-locked-emoji{font-size:44px;margin-bottom:10px}.of-guest-locked-title{font-size:18px;font-weight:900;color:#1e293b;margin:0 0 10px}:root[data-theme=dark] .of-guest-locked-title{color:#f8fafc}.of-guest-locked-sub{font-size:13.5px;color:#64748b;line-height:1.5;margin:0 0 24px}:root[data-theme=dark] .of-guest-locked-sub{color:#94a3b8}.of-guest-login-btn{background:#fff;color:#1f2937;border:2px solid #20202b;border-radius:999px;box-shadow:2px 2px #20202b;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;width:100%;box-sizing:border-box;transition:transform .12s ease}.of-guest-login-btn:active{transform:translate(2px,2px);box-shadow:0 0 #20202b}:root[data-theme=dark] .of-guest-login-btn{background:#242638;color:#fff;border-color:#3b3e59;box-shadow:2px 2px #00000080}.of-guest-locked-footer{font-size:12px;font-weight:700;color:#8b5cf6;margin-top:16px}.of-guest-google-modal-backdrop{position:fixed;inset:0;z-index:10000099;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.of-guest-google-modal-card{background:#fff;border:2.5px solid #20202b;border-radius:20px;box-shadow:4px 4px #20202b;padding:28px 22px;max-width:360px;width:100%;text-align:center;box-sizing:border-box}:root[data-theme=dark] .of-guest-google-modal-card{background:#181926;border-color:#2c2e42;box-shadow:4px 4px #000;color:#f8fafc}.of-guest-cancel-btn{background:transparent;border:none;color:#94a3b8;font-weight:700;font-size:13.5px;cursor:pointer;padding:8px}.of-comm-search-clear-btn{border:none!important;background:#94a3b840!important;border-radius:50%!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font-size:13px!important;font-weight:900!important;color:#64748b!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation!important;pointer-events:auto!important;padding:0!important;flex-shrink:0!important;margin-left:6px!important}:root[data-theme=dark] .of-comm-search-clear-btn{background:#ffffff26!important;color:#cbd5e1!important}.of-update-modal-overlay{position:fixed;inset:0;z-index:100000;background:#0b0c10e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.of-update-modal-card{width:100%;max-width:360px;background:#181924;border:2px solid #2d3047;border-radius:24px;padding:28px 22px;box-shadow:0 16px 40px #000000a6;text-align:center;color:#fff;animation:ofPopIn .25s cubic-bezier(.16,1,.3,1)}@keyframes ofPopIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.of-update-modal-badge{display:inline-block;padding:5px 14px;background:linear-gradient(135deg,#ff5c93,#7657ff);color:#fff;border-radius:99px;font-size:11px;font-weight:800;margin-bottom:16px;letter-spacing:.5px}.of-update-modal-icon{font-size:46px;margin-bottom:10px;display:inline-block}.of-update-modal-title{font-size:19px;font-weight:900;margin:0 0 6px;color:#fff}.of-update-modal-desc{font-size:12.5px;color:#94a3b8;margin:0 0 20px;line-height:1.4}.of-update-track{width:100%;height:12px;background:#25283b;border-radius:99px;overflow:hidden;border:1px solid #363a56;margin-bottom:10px}.of-update-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff5c93,#7657ff,#00f2fe);border-radius:99px;transition:width .2s ease}.of-update-stats{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:10px;font-weight:800}.of-update-status{font-size:11.5px;color:#94a3b8;font-weight:600;margin-bottom:18px;min-height:18px}.of-update-cancel-btn{background:#25283b;color:#cbd5e0;border:1px solid #363a56;padding:8px 24px;border-radius:99px;font-weight:800;font-size:12.5px;cursor:pointer;transition:all .15s}.of-update-cancel-btn:active{background:#363a56;transform:scale(.97)}.of-modal-overlay{position:fixed!important;inset:0!important;z-index:10000099!important;background:#0a0a12c7!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)!important}.of-modal-overlay.is-open{opacity:1!important;pointer-events:auto!important}.of-call-option{transition:all .15s ease!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.of-call-option:active{transform:scale(.98)!important}@keyframes ofCommentNewFlash{0%{background-color:#ff4d8d40;transform:translateY(-4px)}to{background-color:transparent;transform:translateY(0)}}.of-comment-block.is-just-posted{animation:ofCommentNewFlash 1.6s cubic-bezier(.16,1,.3,1) forwards}.of-group-sys-pill{display:flex;align-items:center;justify-content:center;margin:12px auto;max-width:90%;text-align:center;pointer-events:none}.of-group-sys-pill span{display:inline-block;background:#00000073;color:#cbd5e1;font-size:11.5px;font-weight:600;padding:5px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 6px #0000004d;backdrop-filter:blur(4px);line-height:1.35}:root:not([data-theme=dark]) .of-group-sys-pill span{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.of-group-sender-name{font-size:11.5px;font-weight:800;letter-spacing:.2px;margin-bottom:2px;display:block}.of-group-msg-delete-btn{background:none;border:none;color:#fff6;font-size:11px;cursor:pointer;padding:2px 4px;margin-left:6px;border-radius:4px;opacity:.6;transition:opacity .15s ease,color .15s ease}.of-group-msg-delete-btn:hover,.of-group-msg-delete-btn:active{opacity:1;color:#f87171}:root:not([data-theme=dark]) .of-group-msg-delete-btn{color:#00000059}:root:not([data-theme=dark]) .of-group-msg-delete-btn:hover{color:#ef4444}.of-group-info-modal-backdrop{position:fixed!important;inset:0!important;background:#000000bf!important;backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:50000000!important;padding:16px!important;box-sizing:border-box!important}.of-group-info-modal-card{background:#181d2c;border:1px solid rgba(255,255,255,.16);border-radius:24px;width:100%;max-width:400px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #000000d9;color:#f8fafc;font-family:Inter,sans-serif;box-sizing:border-box}:root:not([data-theme=dark]) .of-group-info-modal-card{background:#fff;border-color:#e2e8f0;color:#0f172a}.of-group-info-scroll{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.of-group-role-badge-admin{background:#eab3082e;color:#eab308;border:1px solid rgba(234,179,8,.35);font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:9999px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:3px}.of-group-role-badge-member{background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.12);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:9999px}:root:not([data-theme=dark]) .of-group-role-badge-member{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.of-squads-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px}.of-squads-title-group{display:flex;align-items:center;gap:8px}.of-squads-header-title{font-size:13px;font-weight:800;letter-spacing:.6px;color:#64748b;text-transform:uppercase}.of-squads-header-badge{background:#3b82f6;color:#fff;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px}.of-squads-new-pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff!important;border:none;font-size:13px;font-weight:800;padding:8px 16px;border-radius:999px;cursor:pointer;box-shadow:0 4px 12px #ec489959;transition:transform .15s ease}.of-squads-new-pill:active{transform:scale(.96)}.of-squads-list{display:flex;flex-direction:column;gap:12px}.of-squad-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:2px solid #20202b!important;border-radius:16px!important;padding:12px 14px!important;box-shadow:2.5px 2.5px #20202b!important;margin-bottom:10px;cursor:pointer;transition:transform .12s ease,background-color .15s ease,box-shadow .12s ease;user-select:none}.of-squad-card:hover{border-color:#20202b!important}.of-squad-card:active{transform:translate(1.5px,1.5px)!important;box-shadow:1px 1px #20202b!important}:root[data-theme=dark] .of-squad-card{background:#1c1d29!important;border-color:#2e3146!important;box-shadow:2.5px 2.5px #0006!important}:root[data-theme=dark] .of-squad-card:hover{border-color:#2e3146!important}:root[data-theme=dark] .of-squad-card:active{box-shadow:1px 1px #0006!important}.of-squad-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.of-squad-avatar-box{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#ffd84d,#f59e0b);border-radius:12px;border:2px solid #20202b;display:flex;align-items:center;justify-content:center;box-shadow:1.5px 1.5px #20202b;overflow:hidden;flex-shrink:0}:root[data-theme=dark] .of-squad-avatar-box{border-color:#2e3146;box-shadow:1.5px 1.5px #0006}.of-squad-icon{font-size:26px;line-height:1}.of-squad-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.of-squad-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.of-squad-name{margin:0;font-size:16px;font-weight:800;color:#0f172a}:root[data-theme=dark] .of-squad-name{color:#f8fafc}.of-squad-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#64748b}:root[data-theme=dark] .of-squad-meta-row{color:#94a3b8}.of-squad-preview{margin:2px 0 0;font-size:12.5px;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=dark] .of-squad-preview{color:#cbd5e1}.of-squad-chat-pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff4b72,#e11d48);color:#fff!important;border:none;font-size:12.5px;font-weight:800;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 4px 12px #e11d484d;white-space:nowrap}.of-squads-empty-box{background:#fff;border:1.5px dashed #cbd5e1;border-radius:20px;padding:40px 20px;text-align:center;margin-top:20px}:root[data-theme=dark] .of-squads-empty-box{background:#181b26;border-color:#ffffff26}.of-squads-empty-icon{font-size:54px;margin-bottom:12px}.of-squads-empty-title{margin:0 0 8px;font-size:18px;font-weight:800;color:#0f172a}:root[data-theme=dark] .of-squads-empty-title{color:#f8fafc}.of-squads-empty-desc{margin:0 auto 20px;max-width:300px;font-size:13px;line-height:1.5;color:#64748b}:root[data-theme=dark] .of-squads-empty-desc{color:#94a3b8}.of-squads-create-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff!important;border:none;font-size:14px;font-weight:800;padding:12px 24px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px #6366f159}.of-role-tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.3px}.of-role-tag-owner{background:#eab30829;color:#eab308;border:1px solid rgba(234,179,8,.4)}.of-role-tag-admin{background:#06b6d429;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.of-role-tag-member{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.of-group-info-modal-backdrop{position:fixed!important;inset:0!important;background:#0f172a73!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:50000000!important;padding:16px!important;box-sizing:border-box!important}:root[data-theme=dark] .of-group-info-modal-backdrop{background:#000000c7!important}.of-group-info-modal-card{background:#fff!important;border:2px solid #20202b!important;border-radius:24px!important;width:100%!important;max-width:410px!important;max-height:88vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 20px 48px #0000002e,4px 4px #20202b!important;color:#1e293b!important;font-family:Inter,system-ui,sans-serif!important;box-sizing:border-box!important}:root[data-theme=dark] .of-group-info-modal-card{background:#181a24!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 25px 60px #000000e6!important;color:#f8fafc!important}.of-group-modal-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:2px solid #f1ece4!important;background:#fff!important}:root[data-theme=dark] .of-group-modal-topbar{border-bottom:1px solid rgba(255,255,255,.1)!important;background:#181a24!important}.of-group-modal-topbar-title{display:flex!important;align-items:center!important;gap:8px!important;font-size:16px!important;font-weight:800!important;color:#1e293b!important}:root[data-theme=dark] .of-group-modal-topbar-title{color:#fff!important}.of-group-modal-close-btn{background:#f1ece4!important;border:none!important;color:#475569!important;width:32px!important;height:32px!important;border-radius:50%!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.of-group-modal-close-btn:hover{background:#e2d9cd!important;color:#0f172a!important}:root[data-theme=dark] .of-group-modal-close-btn{background:#ffffff14!important;color:#94a3b8!important}:root[data-theme=dark] .of-group-modal-close-btn:hover{background:#ffffff2e!important;color:#fff!important}.of-group-info-scroll{flex:1!important;overflow-y:auto!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:16px!important}.of-group-modal-hero{text-align:center!important;padding:6px 0 12px!important}.of-group-modal-icon-wrap{position:relative!important;width:84px!important;height:84px!important;border-radius:24px!important;background:#ffd84d!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px #f59e0b59!important;margin:0 auto 12px!important;overflow:visible!important}.of-group-modal-icon{font-size:38px!important;line-height:1!important}.of-group-modal-name{margin:0 0 6px!important;font-size:22px!important;font-weight:800!important;color:#0f172a!important}:root[data-theme=dark] .of-group-modal-name{color:#fff!important}.of-group-modal-desc{margin:0 0 10px!important;font-size:13px!important;line-height:1.45!important;color:#64748b!important}:root[data-theme=dark] .of-group-modal-desc{color:#cbd5e1!important}.of-group-modal-founder{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;color:#64748b!important;margin-bottom:10px!important}.of-group-modal-founder strong{color:#d97706!important}:root[data-theme=dark] .of-group-modal-founder{color:#94a3b8!important}:root[data-theme=dark] .of-group-modal-founder strong{color:#fbbf24!important}.of-group-modal-badge-wrap{margin-top:4px!important}.of-badge-owner{background:#fef3c7!important;color:#b45309!important;border:1.5px solid #fde68a!important;font-size:11px!important;font-weight:800!important;padding:4px 12px!important;border-radius:999px!important;letter-spacing:.5px!important}:root[data-theme=dark] .of-badge-owner{background:#eab30833!important;color:#facc15!important;border-color:#eab30873!important}.of-badge-admin{background:#e0f2fe!important;color:#0284c7!important;border:1.5px solid #bae6fd!important;font-size:11px!important;font-weight:800!important;padding:4px 12px!important;border-radius:999px!important;letter-spacing:.5px!important}:root[data-theme=dark] .of-badge-admin{background:#06b6d433!important;color:#22d3ee!important;border-color:#06b6d473!important}.of-badge-member{background:#f1ece4!important;color:#64748b!important;border:1.5px solid #e2d9cd!important;font-size:11px!important;font-weight:700!important;padding:4px 12px!important;border-radius:999px!important}:root[data-theme=dark] .of-badge-member{background:#ffffff14!important;color:#cbd5e1!important;border-color:#ffffff26!important}.of-group-add-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;color:#fff!important;border:none!important;padding:13px!important;font-size:14px!important;font-weight:800!important;border-radius:14px!important;cursor:pointer!important;box-shadow:0 4px 16px #ec489959!important;transition:transform .15s ease!important}.of-group-add-btn:active{transform:scale(.98)!important}.of-group-members-section{display:flex!important;flex-direction:column!important;gap:10px!important}.of-group-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:12px!important;font-weight:800!important;letter-spacing:.6px!important;color:#64748b!important;text-transform:uppercase!important}:root[data-theme=dark] .of-group-section-title{color:#94a3b8!important}.of-group-member-count-pill{background:#f1ece4!important;color:#475569!important;padding:1px 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}:root[data-theme=dark] .of-group-member-count-pill{background:#ffffff1a!important;color:#fff!important}.of-group-members-list{display:flex!important;flex-direction:column!important;gap:8px!important}.of-group-member-card{display:flex!important;flex-direction:column!important;gap:8px!important;background:#fbf8f3!important;border:1.5px solid #ece4d8!important;padding:12px 14px!important;border-radius:16px!important;box-sizing:border-box!important;transition:all .15s ease!important}.of-group-member-card.is-owner-card{border-color:#fcd34d!important;background:#fffbeb!important}:root[data-theme=dark] .of-group-member-card{background:#ffffff0d!important;border-color:#ffffff17!important}:root[data-theme=dark] .of-group-member-card.is-owner-card{border-color:#eab30847!important;background:#eab3080d!important}.of-group-member-main-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.of-group-member-identity{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}.of-group-member-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;background:#ffd84d!important;border:1.5px solid #20202b!important;object-fit:cover!important}:root[data-theme=dark] .of-group-member-avatar{border-color:#ffffff2e!important}.of-group-member-meta{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.of-group-member-name-row{display:flex!important;align-items:center!important;gap:6px!important}.of-group-member-name{font-size:14px!important;font-weight:800!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:root[data-theme=dark] .of-group-member-name{color:#fff!important}.of-group-you-pill{font-size:10.5px!important;color:#64748b!important;font-weight:700!important}:root[data-theme=dark] .of-group-you-pill{color:#94a3b8!important}.of-group-member-handle{font-size:11.5px!important;color:#64748b!important;font-weight:600!important}:root[data-theme=dark] .of-group-member-handle{color:#94a3b8!important}.of-group-member-badge-wrap{flex-shrink:0!important;margin-left:8px!important}.of-group-member-actions-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding-top:8px!important;border-top:1px solid #ebe4d8!important;width:100%!important}:root[data-theme=dark] .of-group-member-actions-row{border-top:1px solid rgba(255,255,255,.06)!important}.of-btn-action{font-family:"Baloo 2",cursive,sans-serif!important;font-size:11.5px!important;font-weight:800!important;padding:6px 12px!important;border-radius:9px!important;cursor:pointer!important;white-space:nowrap!important;transition:transform .12s ease!important}.of-btn-action:active{transform:scale(.95)!important}.of-btn-action.of-btn-promote{background:#fffbeb!important;color:#b45309!important;border:1.5px solid #fde68a!important}:root[data-theme=dark] .of-btn-action.of-btn-promote{background:#eab30826!important;color:#fbbf24!important;border:1px solid rgba(234,179,8,.35)!important}.of-btn-action.of-btn-demote{background:#f1f5f9!important;color:#475569!important;border:1.5px solid #cbd5e1!important}:root[data-theme=dark] .of-btn-action.of-btn-demote{background:#94a3b826!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.35)!important}.of-btn-action.of-btn-kick{background:#fef2f2!important;color:#dc2626!important;border:1.5px solid #fecaca!important}:root[data-theme=dark] .of-btn-action.of-btn-kick{background:#ef444429!important;color:#f87171!important;border:1px solid rgba(239,68,68,.35)!important}.of-group-danger-zone{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:8px!important;padding-top:14px!important;border-top:2px solid #f1ece4!important}:root[data-theme=dark] .of-group-danger-zone{border-top:1px solid rgba(255,255,255,.1)!important}.of-danger-btn-del{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#fef2f2!important;color:#dc2626!important;border:2px solid #fca5a5!important;padding:12px!important;font-size:13.5px!important;font-weight:800!important;border-radius:14px!important;cursor:pointer!important}:root[data-theme=dark] .of-danger-btn-del{background:#ef44442e!important;color:#ef4444!important;border-color:#ef444466!important}.of-warning-btn-leave{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#fffbeb!important;color:#b45309!important;border:2px solid #fde68a!important;padding:12px!important;font-size:13.5px!important;font-weight:800!important;border-radius:14px!important;cursor:pointer!important}:root[data-theme=dark] .of-warning-btn-leave{background:#f59e0b2e!important;color:#fbbf24!important;border-color:#f59e0b66!important}.of-subtle-btn-report{background:none!important;border:none!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}:root[data-theme=dark] .of-subtle-btn-report{color:#94a3b8!important}.of-squad-avatar-img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important}.of-group-modal-avatar-img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:24px!important}.of-group-avatar-edit-badge{position:absolute!important;bottom:-4px!important;right:-4px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#181a24!important;border:2px solid #ff5c93!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;cursor:pointer!important;box-shadow:0 4px 10px #0006!important;transition:transform .12s ease!important;z-index:10!important}.of-group-avatar-edit-badge:active{transform:scale(.92)!important}.of-add-friends-modal-card{background:#fff!important;border:2px solid #20202b!important;border-radius:24px!important;width:100%!important;max-width:410px!important;max-height:86vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 20px 48px #0000002e,4px 4px #20202b!important;color:#1e293b!important;font-family:Inter,system-ui,sans-serif!important;box-sizing:border-box!important}:root[data-theme=dark] .of-add-friends-modal-card{background:#181a24!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 25px 60px #000000e6!important;color:#f8fafc!important}.of-add-friends-search-box{position:relative!important;width:100%!important;display:flex!important;align-items:center!important}.of-add-friends-search-input{width:100%!important;height:44px!important;padding:0 42px 0 16px!important;border-radius:14px!important;border:2px solid #e5dcce!important;background:#f5efe6!important;color:#1e293b!important;font-size:14px!important;font-weight:700!important;outline:none!important;transition:border-color .15s ease!important;box-sizing:border-box!important}.of-add-friends-search-input:focus{border-color:#ff5c93!important;background:#fff!important}:root[data-theme=dark] .of-add-friends-search-input{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#fff!important}:root[data-theme=dark] .of-add-friends-search-input:focus{border-color:#ff5c93!important;background:#ffffff17!important}.of-add-friends-search-icon{position:absolute!important;right:14px!important;pointer-events:none!important;font-size:16px!important;opacity:.6!important}.of-add-friend-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 14px!important;background:#fbf8f3!important;border:2px solid #ebe4d8!important;border-radius:16px!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important;transition:all .16s cubic-bezier(.16,1,.3,1)!important;margin-bottom:8px!important}.of-add-friend-item:hover{background:#f5ede1!important;border-color:#dfd2bf!important}.of-add-friend-item.is-selected{background:#fdf2f8!important;border-color:#ff5c93!important;box-shadow:0 2px 10px #ff5c9338!important}:root[data-theme=dark] .of-add-friend-item{background:#ffffff0a!important;border-color:#ffffff14!important}:root[data-theme=dark] .of-add-friend-item:hover{background:#ffffff14!important}:root[data-theme=dark] .of-add-friend-item.is-selected{background:#ff5c9324!important;border-color:#ff5c93!important;box-shadow:0 2px 12px #ff5c9347!important}.of-add-friend-item-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.of-add-friend-avatar{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;background:#ffd84d!important;border:2px solid #20202b!important;object-fit:cover!important}:root[data-theme=dark] .of-add-friend-avatar{border-color:#ffffff2e!important}.of-add-friend-meta{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.of-add-friend-name{font-size:14.5px!important;font-weight:800!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}:root[data-theme=dark] .of-add-friend-name{color:#fff!important}.of-add-friend-handle{font-size:12px!important;color:#64748b!important;font-weight:600!important}:root[data-theme=dark] .of-add-friend-handle{color:#94a3b8!important}.of-custom-check-box{width:24px!important;height:24px!important;min-width:24px!important;border-radius:8px!important;border:2px solid #cbd5e1!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .16s ease!important}:root[data-theme=dark] .of-custom-check-box{border-color:#ffffff40!important;background:#ffffff0d!important}.of-custom-check-box.is-checked{background:linear-gradient(135deg,#ff5c93,#8b5cf6)!important;border-color:transparent!important;box-shadow:0 2px 8px #ff5c9366!important}.of-custom-check-icon{color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1!important;opacity:0!important;transform:scale(.6)!important;transition:all .16s cubic-bezier(.16,1,.3,1)!important}.of-custom-check-box.is-checked .of-custom-check-icon{opacity:1!important;transform:scale(1)!important}.of-add-friends-footer{padding:14px 18px!important;border-top:2px solid #f1ece4!important;background:#fff!important;display:flex!important;gap:10px!important}:root[data-theme=dark] .of-add-friends-footer{border-top:1px solid rgba(255,255,255,.08)!important;background:#181a24!important}.of-add-friends-submit-btn{width:100%!important;padding:13px 20px!important;border-radius:14px!important;border:none!important;background:linear-gradient(135deg,#ff5c93,#8b5cf6)!important;color:#fff!important;font-size:14.5px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 4px 14px #ff5c9359!important;transition:all .15s ease!important}.of-add-friends-submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;background:#94a3b8!important}#ofImageCropperModal{z-index:2147483647!important}.of-app-confirm-backdrop{position:fixed!important;inset:0!important;background:#000000bf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;padding:20px!important;opacity:0;pointer-events:none;transition:opacity .18s ease!important;box-sizing:border-box!important}.of-app-confirm-backdrop.is-visible{opacity:1!important;pointer-events:auto!important}.of-app-confirm-card{width:100%!important;max-width:340px!important;background:#181a24!important;border:1.5px solid rgba(255,255,255,.14)!important;border-radius:22px!important;padding:24px 20px 18px!important;box-shadow:0 20px 48px #000000b3,0 0 0 1px #ffffff0d!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;transform:scale(.92)!important;transition:transform .18s cubic-bezier(.16,1,.3,1)!important;box-sizing:border-box!important}:root:not([data-theme=dark]) .of-app-confirm-card{background:#fff!important;border:2px solid #20202b!important;box-shadow:0 20px 48px #00000026,4px 4px #20202b!important}.of-app-confirm-backdrop.is-visible .of-app-confirm-card{transform:scale(1)!important}.of-app-confirm-icon-wrap{width:52px!important;height:52px!important;border-radius:50%!important;background:#eab30826!important;border:1px solid rgba(234,179,8,.35)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:26px!important;margin-bottom:14px!important}.of-app-confirm-icon-wrap.is-danger{background:#ef444429!important;border-color:#ef444461!important}.of-app-confirm-title{margin:0 0 8px!important;font-family:"Baloo 2",cursive,sans-serif!important;font-size:19px!important;font-weight:800!important;color:#fff!important;line-height:1.25!important}:root:not([data-theme=dark]) .of-app-confirm-title{color:#1e1e24!important}.of-app-confirm-message{margin:0 0 20px!important;font-size:13.5px!important;color:#94a3b8!important;line-height:1.45!important;font-weight:500!important}:root:not([data-theme=dark]) .of-app-confirm-message{color:#64748b!important}.of-app-confirm-actions{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.of-app-confirm-btn{flex:1!important;padding:12px 16px!important;border-radius:14px!important;font-family:"Baloo 2",cursive,sans-serif!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important;transition:transform .12s ease,opacity .12s ease!important;border:none!important}.of-app-confirm-btn:active{transform:scale(.96)!important}.of-app-confirm-cancel{background:#ffffff14!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.12)!important}:root:not([data-theme=dark]) .of-app-confirm-cancel{background:#f1ece4!important;color:#1e1e24!important;border:2px solid #20202b!important}.of-app-confirm-ok{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;color:#fff!important;box-shadow:0 4px 14px #7c3aed59!important}.of-app-confirm-ok.is-danger{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 4px 14px #ef444459!important}.of-group-desc-wrap{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:4px 0 8px!important;flex-wrap:wrap!important}.of-group-desc-edit-btn{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#94a3b8!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;padding:3px 10px!important;cursor:pointer!important;transition:all .15s ease!important}.of-group-desc-edit-btn:hover{background:#ffffff2e!important;color:#fff!important}:root:not([data-theme=dark]) .of-group-desc-edit-btn{background:#f1ece4!important;border-color:#cbd5e1!important;color:#475569!important}.of-group-desc-edit-box{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin:6px 0 10px!important}.of-group-desc-input{width:100%!important;box-sizing:border-box!important;background:#0000004d!important;border:1.5px solid rgba(255,255,255,.18)!important;border-radius:12px!important;color:#f8fafc!important;font-family:inherit!important;font-size:13px!important;padding:10px 12px!important;resize:none!important;min-height:60px!important;outline:none!important}:root:not([data-theme=dark]) .of-group-desc-input{background:#f8fafc!important;border-color:#cbd5e1!important;color:#1e1e24!important}.of-group-desc-input:focus{border-color:#a855f7!important}.of-group-desc-edit-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}.of-group-desc-btn{padding:6px 14px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;border-radius:8px!important;cursor:pointer!important;border:none!important}.of-group-desc-cancel{background:#ffffff14!important;color:#94a3b8!important}:root:not([data-theme=dark]) .of-group-desc-cancel{background:#e2e8f0!important;color:#475569!important}.of-group-desc-save{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important}.of-group-reply-bar-wrap{position:fixed!important;bottom:60px!important;left:0!important;right:0!important;background:#181a24!important;border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:1px solid rgba(0,0,0,.2)!important;padding:8px 16px!important;display:none!important;align-items:center!important;gap:10px!important;z-index:40!important;box-sizing:border-box!important}.of-group-reply-bar-wrap.is-active{display:flex!important}:root:not([data-theme=dark]) .of-group-reply-bar-wrap{background:#fff!important;border-top:2px solid #20202b!important}:root:not([data-theme=dark]) .of-group-reply-bar-wrap.is-active{display:flex!important}.of-group-reply-line{width:4px!important;height:36px!important;border-radius:4px!important;background:linear-gradient(180deg,#ec4899,#8b5cf6)!important;flex-shrink:0!important}.of-group-reply-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.of-group-reply-target{font-size:12px!important;font-weight:800!important;color:#a855f7!important}:root:not([data-theme=dark]) .of-group-reply-target{color:#7c3aed!important}.of-group-reply-snippet{font-size:12.5px!important;color:#cbd5e1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:90%!important}:root:not([data-theme=dark]) .of-group-reply-snippet{color:#475569!important}.of-group-reply-close{background:#ffffff14!important;border:none!important;color:#94a3b8!important;width:28px!important;height:28px!important;border-radius:50%!important;font-size:14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}:root:not([data-theme=dark]) .of-group-reply-close{background:#f1ece4!important;color:#1e1e24!important}.of-group-quote-box{background:#0000002e!important;border-left:3px solid #a855f7!important;border-radius:6px!important;padding:6px 10px!important;margin-bottom:6px!important;cursor:pointer!important;text-align:left!important}:root[data-theme=dark] .of-group-quote-box{background:#ffffff14!important;border-left-color:#c084fc!important}.is-me .of-group-quote-box{background:#00000029!important;border-left-color:#fff!important}.of-group-quote-sender{font-size:11px!important;font-weight:800!important;color:#a855f7!important;margin-bottom:2px!important}:root[data-theme=dark] .of-group-quote-sender{color:#d8b4fe!important}.is-me .of-group-quote-sender{color:#fef08a!important}.of-group-quote-text{font-size:12px!important;color:inherit!important;opacity:.88!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:240px!important}@keyframes ofFlashHighlight{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.35);box-shadow:0 0 16px #a855f799}to{transform:scale(1);filter:brightness(1)}}.of-flash-highlight{animation:ofFlashHighlight .9s cubic-bezier(.16,1,.3,1)!important}.of-dm-bubble-media{min-height:120px}.of-squad-card .of-friend-item-left{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;overflow:hidden!important}.of-squad-card .of-friend-info{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;overflow:hidden!important}.of-squad-preview{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.of-squad-card .of-friend-actions{flex-shrink:0!important;margin-left:10px!important}.of-dm-bubble-wrap.is-deleted .of-dm-bubble{opacity:.75!important;font-style:italic!important}.of-dm-bubble-deleted .of-dm-bubble-text{font-style:italic!important;color:#94a3b8!important}:root:not([data-theme=dark]) .of-dm-bubble-deleted .of-dm-bubble-text{color:#64748b!important}.of-dm-bubble-wrap.is-deleted .of-dm-bubble,.of-dm-bubble.is-deleted,.of-dm-bubble-deleted{background:#ffffff12!important;border:1.5px dashed rgba(255,255,255,.22)!important;box-shadow:none!important;opacity:.9!important;font-style:italic!important}.of-dm-bubble-wrap.is-me .of-dm-bubble.of-dm-bubble-deleted,.of-dm-bubble-wrap.is-me.is-deleted .of-dm-bubble{background:#ffffff14!important;border:1.5px dashed rgba(255,255,255,.22)!important;box-shadow:none!important}.of-dm-bubble-deleted .of-dm-bubble-text{font-style:italic!important;color:#cbd5e1!important;display:flex!important;align-items:center!important;gap:6px!important;user-select:none!important}.of-dm-bubble-deleted .of-dm-bubble-time{color:#94a3b8!important}:root:not([data-theme=dark]) .of-dm-bubble-wrap.is-deleted .of-dm-bubble,:root:not([data-theme=dark]) .of-dm-bubble.is-deleted,:root:not([data-theme=dark]) .of-dm-bubble-deleted,:root:not([data-theme=dark]) .of-dm-bubble-wrap.is-me .of-dm-bubble.of-dm-bubble-deleted,:root:not([data-theme=dark]) .of-dm-bubble-wrap.is-me.is-deleted .of-dm-bubble{background:#f1f5f9!important;border:1.5px dashed #cbd5e1!important;box-shadow:none!important;color:#334155!important}:root:not([data-theme=dark]) .of-dm-bubble-deleted .of-dm-bubble-text{color:#334155!important;font-weight:500!important}:root:not([data-theme=dark]) .of-dm-bubble-deleted .of-dm-bubble-time{color:#64748b!important}.of-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.of-toggle-switch input{opacity:0;width:0;height:0}.of-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#475569;transition:.25s ease;border-radius:24px}.of-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000004d}.of-toggle-switch input:checked+.of-toggle-slider{background:linear-gradient(135deg,#10b981,#059669)!important}.of-toggle-switch input:checked+.of-toggle-slider:before{transform:translate(20px)}:root:not([data-theme=dark]) .of-toggle-slider{background-color:#cbd5e1}.of-friend-action-sheet{align-items:center!important}.of-friend-sheet-card{width:100%!important;max-width:440px!important;box-sizing:border-box!important;margin:0 auto!important}.of-squad-setting-card{margin:12px 0 16px;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box}.of-squad-setting-title{font-size:13.5px;font-weight:700;color:#f8fafc}.of-squad-setting-sub{font-size:11.5px;color:#94a3b8;line-height:1.4}.of-squad-admin-only-badge{font-size:10px;background:#ffffff1a;padding:1px 6px;border-radius:6px;color:#94a3b8}.of-group-add-btn-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);color:#94a3b8;font-size:13px;font-weight:700;cursor:not-allowed;opacity:.8;user-select:none}:root:not([data-theme=dark]) .of-squad-setting-card{background:#f1f5f9!important;border-color:#cbd5e1!important}:root:not([data-theme=dark]) .of-squad-setting-title{color:#0f172a!important}:root:not([data-theme=dark]) .of-squad-setting-sub{color:#475569!important}:root:not([data-theme=dark]) .of-squad-admin-only-badge{background:#e2e8f0!important;color:#475569!important}:root:not([data-theme=dark]) .of-group-modal-founder{color:#475569!important}:root:not([data-theme=dark]) .of-group-modal-desc{color:#334155!important}:root:not([data-theme=dark]) .of-group-add-btn-locked{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important}.of-group-sender-avatar,.of-group-sender-name,.of-dm-sender-avatar,.of-dm-start-avatar{cursor:pointer!important;transition:transform .15s ease,opacity .15s ease}.of-group-sender-avatar:hover,.of-dm-sender-avatar:hover,.of-dm-start-avatar:hover{transform:scale(1.08);opacity:.9}.of-group-sender-name:hover{text-decoration:underline}.of-friend-item.of-friend-dm-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 14px!important;min-height:64px!important;box-sizing:border-box!important;cursor:pointer;transition:transform .15s ease,background-color .15s ease;overflow:hidden!important}.of-friend-item.of-friend-dm-row:active{transform:scale(.985)}.of-friend-item.of-friend-dm-row.is-pinned{border-color:#eab30873!important}.of-friend-item.of-friend-dm-row .of-friend-item-left{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}.of-friend-item.of-friend-dm-row .of-friend-info{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}.of-friend-item.of-friend-dm-row .of-friend-name-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important}.of-friend-item.of-friend-dm-row .of-friend-name{font-size:14.5px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;flex:1 1 auto!important}.of-friend-item.of-friend-dm-row .of-friend-time{font-size:11px!important;font-weight:700!important;color:#64748b!important;white-space:nowrap!important;flex-shrink:0!important;margin-left:auto!important}:root[data-theme=dark] .of-friend-item.of-friend-dm-row .of-friend-time{color:#94a3b8!important}.of-friend-item.of-friend-dm-row .of-friend-time.is-unread{color:#22c55e!important;font-weight:800!important}.of-friend-item.of-friend-dm-row .of-friend-preview-row{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;overflow:hidden!important;margin-top:2px!important}.of-friend-item.of-friend-dm-row .of-friend-preview{font-size:12.5px!important;color:#64748b!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}:root[data-theme=dark] .of-friend-item.of-friend-dm-row .of-friend-preview{color:#94a3b8!important}.of-friend-item.of-friend-dm-row .of-friend-preview.is-unread{color:#0f172a!important;font-weight:700!important}:root[data-theme=dark] .of-friend-item.of-friend-dm-row .of-friend-preview.is-unread{color:#f8fafc!important}.of-friend-item.of-friend-dm-row .of-friend-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;margin-left:8px!important}.of-unread-count-badge{background:#22c55e!important;color:#fff!important;font-size:11px!important;font-weight:800!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px #22c55e73!important;line-height:1!important;flex-shrink:0!important}.of-friend-avatar-wrap{position:relative!important;width:44px!important;height:44px!important;flex-shrink:0!important}.of-online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 6px #22c55e99;z-index:2}:root[data-theme=dark] .of-online-dot{border-color:#1c1d29}.of-comment-input-row{position:relative!important}.of-comment-input-row .of-mention-popup{position:absolute!important;bottom:calc(100% + 8px)!important;left:0!important;right:auto!important;width:min(380px,92vw)!important;max-width:380px!important}.of-comment-input-strap .of-mention-popup{left:50%!important;transform:translate(-50%)!important;right:auto!important;max-width:420px!important;width:min(380px,calc(100vw - 32px))!important}html[data-theme=dark] .of-mention-popup,:root[data-theme=dark] .of-mention-popup{background:#141522!important;border:1.5px solid #282b3d!important;box-shadow:0 12px 36px #000000bf!important;color:#f8fafc!important}html[data-theme=dark] .of-mention-popup .of-mention-item,:root[data-theme=dark] .of-mention-popup .of-mention-item{border-bottom:1px solid rgba(255,255,255,.08)!important}html[data-theme=dark] .of-mention-popup .of-mention-item:hover,html[data-theme=dark] .of-mention-popup .of-mention-item.is-selected,:root[data-theme=dark] .of-mention-popup .of-mention-item:hover,:root[data-theme=dark] .of-mention-popup .of-mention-item.is-selected{background:#38bdf833!important}html[data-theme=dark] .of-mention-popup .of-mention-name,:root[data-theme=dark] .of-mention-popup .of-mention-name{color:#f8fafc!important}html[data-theme=dark] .of-mention-popup .of-mention-handle,:root[data-theme=dark] .of-mention-popup .of-mention-handle{color:#94a3b8!important}html[data-theme=dark] .of-mention-popup .of-mention-avatar,:root[data-theme=dark] .of-mention-popup .of-mention-avatar{border:1px solid rgba(255,255,255,.2)!important}html[data-theme=light] .of-mention-popup,:root[data-theme=light] .of-mention-popup{background:#fff!important;border:2px solid #20202b!important;box-shadow:3px 3px #20202b,0 10px 30px #00000026!important;color:#1e293b!important}html[data-theme=light] .of-mention-popup .of-mention-item,:root[data-theme=light] .of-mention-popup .of-mention-item{border-bottom:1px solid #f1f5f9!important}html[data-theme=light] .of-mention-popup .of-mention-item:hover,html[data-theme=light] .of-mention-popup .of-mention-item.is-selected,:root[data-theme=light] .of-mention-popup .of-mention-item:hover,:root[data-theme=light] .of-mention-popup .of-mention-item.is-selected{background:#f1f5f9!important}html[data-theme=light] .of-mention-popup .of-mention-name,:root[data-theme=light] .of-mention-popup .of-mention-name{color:#0f172a!important;font-weight:800!important}html[data-theme=light] .of-mention-popup .of-mention-handle,:root[data-theme=light] .of-mention-popup .of-mention-handle{color:#64748b!important}html[data-theme=light] .of-mention-popup .of-mention-avatar,:root[data-theme=light] .of-mention-popup .of-mention-avatar{border:1.5px solid #20202b!important}*,*:before,*:after{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}img,a{-webkit-user-drag:none!important}:root{--ink: #20202b;--muted: #6f6b78;--paper: #fffaf1;--pink: #ff5c93;--purple: #7c5cff;--yellow: #ffd84d;--orange: #ff8b4d;--mint: #72dfc0;--blue: #65b9ff;--line: #e9dfd1;--border: #2b2b36;--card: #ffffff;--surface: #fffdf8;--purple-soft: #eeeaff;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;min-height:100vh;background:var(--paper);overflow-x:clip}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.bg-shape{position:fixed;border-radius:50%;filter:blur(1px);z-index:-1;opacity:.55}.bg-shape.one{width:320px;height:320px;background:#ffe4ec;top:-100px;right:-70px}.bg-shape.two{width:280px;height:280px;background:#e3ddff;bottom:-100px;left:-80px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:2px solid rgba(32,32,43,.07);background:#fffaf1d1;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font-family:"Baloo 2";font-size:25px;font-weight:800;letter-spacing:-.5px}.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--yellow);border-radius:12px;margin-right:8px;transform:rotate(-7deg)}.room-pill{background:#fff;border:2px solid var(--ink);padding:7px 13px;border-radius:999px;font-size:12px;letter-spacing:1.5px;font-weight:800}.room-pill strong{color:var(--purple);font-size:15px;letter-spacing:2px;margin-left:5px}main{width:min(1100px,92vw);margin:0 auto;padding:54px 0 90px}.hero{max-width:820px;margin:50px auto 0;text-align:center}.sticker{display:inline-block;padding:8px 14px;background:var(--yellow);border:2px solid var(--ink);border-radius:9px;font-size:12px;font-weight:900;letter-spacing:1.4px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}h1,h2,h3{font-family:"Baloo 2";margin-top:0}.hero h1{font-size:clamp(48px,8vw,88px);line-height:.86;letter-spacing:-3px;margin:34px 0 24px}.hero h1 span{color:var(--pink);text-shadow:4px 4px 0 #ffd1df}.hero-copy{font-size:18px;line-height:1.55;color:var(--muted);max-width:660px;margin:0 auto}.home-actions{display:flex;gap:14px;justify-content:center;margin:35px 0;flex-wrap:wrap}.btn{border:2px solid var(--ink);border-radius:16px;padding:14px 20px;font-weight:900;font-size:15px;box-shadow:4px 4px 0 var(--ink);transition:.14s transform,.14s box-shadow}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn.primary{background:var(--pink);color:#fff}.btn.secondary{background:#fff}.btn.dark{background:var(--ink);color:#fff}.btn.orange{background:var(--orange);color:#fff}.btn.full{width:100%}.game-how{width:min(1100px,92vw);margin:46px auto 0}.game-how-head{margin:0 0 18px}.game-how-head .eyebrow{margin-bottom:8px}.game-how-head h2{margin:0;font-family:"Baloo 2";font-size:clamp(30px,4vw,36px);line-height:1.05;letter-spacing:-1px}.game-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.game-how-card{min-width:0;min-height:136px;padding:18px;background:var(--card, #fff);border:2px solid var(--ink, #2b2b36);border-radius:18px;display:flex;flex-direction:column;justify-content:flex-start}.game-how-card b{display:block;color:var(--pink, #ff4f91);font-size:12px;line-height:1;letter-spacing:1px;margin-bottom:9px}.game-how-card strong{display:block;font-size:16px;line-height:1.2;margin-bottom:8px}.game-how-card p{margin:0;color:var(--muted, #77727d);font-size:13px;line-height:1.45}@media(max-width:900px){.game-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.game-how{width:min(92vw,510px);margin-top:34px}.game-how-grid{grid-template-columns:1fr;gap:10px}.game-how-card{min-height:0}}.mini-rules{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:28px;row-gap:9px;width:100%;margin:20px auto 0;padding:0 8px;color:var(--muted);font-size:13px;line-height:1.3;text-align:center}.mini-rules>div{display:flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap}.mini-rules b{color:var(--purple);margin-right:6px;flex:0 0 auto}@media(max-width:600px){.mini-rules{column-gap:18px;row-gap:8px;margin-top:18px;padding:0 2px}}.card,.speech-card,.vote-panel,.results-card{background:#fff;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 8px #20202b1f}.narrow{width:min(510px,100%);margin:20px auto;padding:34px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--purple);margin-bottom:8px}.narrow h2{font-size:42px;margin-bottom:0}.muted{color:var(--muted);line-height:1.5}label{display:block;margin:22px 0 7px;font-size:12px;font-weight:900;letter-spacing:.7px}input,textarea,select{width:100%;border:2px solid #d9d0c3;background:#fffdf8;border-radius:13px;padding:13px 14px;outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #eee9ff}textarea{min-height:145px;resize:vertical;line-height:1.5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.link-btn{display:block;margin:20px auto 0;border:0;background:transparent;color:var(--muted);font-weight:800}.error{background:#ffe2e6;border:2px solid #ff8aa0;border-radius:11px;padding:10px 12px;margin:14px 0;font-size:13px;font-weight:800}.success{margin-top:12px;color:#087d60;font-size:13px;font-weight:800}.game-shell{max-width:980px;margin:0 auto}.lobby-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:20px}.main-card,.players-card{padding:30px}.code-display{font-family:"Baloo 2";font-size:72px;line-height:1;font-weight:900;letter-spacing:8px;text-align:center;color:var(--purple);margin:18px 0 2px}.center{text-align:center}.rule-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.rule-row span{background:#f5f0ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}hr{border:0;border-top:2px dashed var(--line);margin:25px 0}.players-card h3{margin:0;font-size:26px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head>span{background:var(--yellow);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.player-list{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;max-height:420px;overflow:auto}.player{display:flex;align-items:center;gap:10px;padding:9px;border-radius:14px;background:#fff9ed}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:900;color:var(--ink)}.a0{background:#ffbfd4}.a1{background:#c9c1ff}.a2{background:#ffe17c}.a3{background:#a9e9d4}.a4{background:#a9d9ff}.a5{background:#ffc19d}.player div:nth-child(2){flex:1}.player small{display:block;color:var(--purple);font-size:9px;font-weight:900;letter-spacing:1px}.status{font-size:9px;font-weight:900;color:#aaa}.status.ready{color:#0e9a78}.hint{display:block;text-align:center;color:var(--muted);margin-top:10px;font-size:11px}.waiting{background:#f7f4ef;border-radius:13px;padding:13px;text-align:center;color:var(--muted);font-size:13px;font-weight:800}.waiting.big{margin-top:18px}.game-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-bottom:18px}.round-badge,.turn-count{font-size:11px;font-weight:900;letter-spacing:1px;white-space:nowrap}.turn-progress{height:9px;background:#eee8de;border-radius:999px;overflow:hidden}.turn-progress span{display:block;height:100%;background:var(--mint);border-radius:999px;transition:width .4s}.speech-card{padding:32px;max-width:820px;margin:0 auto}.speech-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.speaker-tag{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--purple)}.timer{font-family:"Baloo 2";font-size:46px;line-height:1;font-weight:900;color:var(--ink);background:#fff0a8;border:2px solid var(--ink);border-radius:15px;padding:5px 13px;min-width:120px;text-align:center;transition:background .25s ease,transform .2s ease,color .25s ease}.timer.danger{color:#fff}.timer.critical{animation:globalTimerPulse .8s ease-in-out infinite}.timer.countdown-5{background:#ffe49b}.timer.countdown-4{background:#ffd27f}.timer.countdown-3{background:#ffba91}.timer.countdown-2{background:#ff929e}.timer.countdown-1{background:#ff5f7e}@keyframes globalTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.statement-box{background:#f4efff;border:2px dashed #b7aaff;border-radius:20px;padding:25px}.tiny-label{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#8375cf;margin-bottom:10px}.statement-text{font-family:"Baloo 2";font-size:clamp(27px,4vw,42px);line-height:1.08;font-weight:800}.coach{text-align:center;color:var(--muted);max-width:650px;margin:22px auto;line-height:1.5}.listener-tip{text-align:center;margin-top:22px;color:var(--muted);font-size:13px}.vote-panel{max-width:820px;margin:18px auto 0;padding:28px;text-align:center}.vote-panel h2{font-size:38px;margin:0}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.vote{border:2px solid var(--ink);border-radius:18px;padding:18px;font-weight:900;font-size:18px;box-shadow:4px 4px 0 var(--ink)}.vote span{display:block;font-size:11px;margin-top:4px;opacity:.65}.vote.yes{background:var(--mint)}.vote.no{background:#ffbdc9}.vote-count{margin-top:15px;font-size:11px;color:var(--muted);font-weight:800}.voted{margin-top:18px;background:#e0f8f0;padding:14px;border-radius:12px;color:#087d60;font-weight:900}.results-card{max-width:720px;margin:0 auto;padding:36px}.results-card h1{font-size:50px;margin:0 0 20px}.round-summary{display:grid;gap:8px;margin-bottom:25px}.score-event{display:flex;justify-content:space-between;padding:12px 15px;border-radius:12px;background:#fff9ed}.score-event span{font-weight:900;color:var(--purple)}.leaderboard{display:grid;gap:8px;margin:10px 0 25px}.leader-row{display:grid;grid-template-columns:34px 30px 1fr auto;align-items:center;padding:12px 13px;background:#f7f4ef;border-radius:13px}.leader-row.top{background:#fff0a7}.leader-row em{font-style:normal;font-weight:900}.final{text-align:center}.final h1 span{color:var(--pink)}.confetti{font-size:25px;letter-spacing:6px;margin-bottom:8px}.winner-score{font-family:"Baloo 2";font-size:90px;line-height:.9;font-weight:900;color:var(--pink);margin:15px 0 25px}.winner-score small{display:block;font-family:Nunito;color:var(--ink);font-size:11px;letter-spacing:2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:20;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:800;box-shadow:4px 4px #00000026}@media(max-width:760px){.topbar{padding:0 4vw}main{width:92vw;padding-top:30px}.hero{margin-top:25px}.hero h1{letter-spacing:-2px}.lobby-grid{grid-template-columns:1fr}.game-top{grid-template-columns:1fr auto}.turn-progress{grid-column:1 / -1;grid-row:2}.speech-card{padding:22px}.vote-buttons{grid-template-columns:1fr}.results-card{padding:25px}.results-card h1{font-size:40px}.two-col{grid-template-columns:1fr}.code-display{font-size:54px}}.scoreboard{position:fixed;top:92px;right:22px;width:245px;z-index:4;background:#fffffff0;border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px #20202b1f;overflow:hidden}.scoreboard-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--yellow);border-bottom:2px solid var(--ink);font-size:10px;font-weight:900;letter-spacing:1px}.scoreboard-head strong{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px 8px;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20c98a;margin-right:5px;box-shadow:0 0 0 3px #20c98a26}.scoreboard-list{padding:8px;max-height:55vh;overflow:auto}.score-player{display:grid;grid-template-columns:20px 32px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:7px 5px;border-radius:11px}.score-player.me{background:#f2edff}.score-player .rank{font-size:10px;font-weight:900;color:#999;text-align:center}.score-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900}.score-name{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-name small{color:var(--purple);font-size:8px;letter-spacing:.5px}.score-player>b{font-size:13px}@media(min-width:1100px){body:has(.scoreboard) main{padding-right:275px}.hero{max-width:820px}}@media(max-width:1050px){.scoreboard{position:relative;top:auto;right:auto;width:min(980px,92vw);margin:18px auto 0;z-index:3}.scoreboard-list{display:flex;gap:6px;max-height:none;overflow-x:auto}.score-player{min-width:145px;background:#fff9ed}.scoreboard+main{padding-top:25px}}@media(max-width:560px){.score-player{min-width:125px;grid-template-columns:18px 28px minmax(0,1fr) auto auto}.score-avatar{width:28px;height:28px}.score-name{font-size:11px}}.vote-deadline{display:inline-block;margin:8px 0 12px;padding:7px 11px;border:2px solid var(--ink);border-radius:999px;background:#fff0a8;font-size:10px;font-weight:900;letter-spacing:.7px}.voting-timer{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(360px,100%);margin:0 auto 16px;padding:10px 14px;border:2px solid var(--ink);border-radius:14px;background:#fff0a8;box-shadow:3px 3px #20202b1f}.voting-timer span{font-size:10px;font-weight:900;letter-spacing:.8px}.voting-timer strong{font-size:24px;line-height:1}.voting-timer.danger{color:var(--ink)}.voting-timer.critical{animation:globalTimerPulse .8s ease-in-out infinite}.voting-timer.countdown-5{background:#ffe49b}.voting-timer.countdown-4{background:#ffd27f}.voting-timer.countdown-3{background:#ffba91}.voting-timer.countdown-2{background:#ff929e}.voting-timer.countdown-1{background:#ff5f7e;color:#fff}.hub-page{min-height:100vh;background:radial-gradient(circle at 8% 8%,rgba(255,217,92,.45),transparent 22%),radial-gradient(circle at 92% 20%,rgba(190,174,255,.42),transparent 25%),#fff8ec;color:var(--ink)}.hub-nav{width:min(1180px,92vw);margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between}.hub-brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.hub-brand-full-logo{display:block;width:220px;height:auto;max-width:55vw}.hub-brand-name{font-family:"Baloo 2",system-ui,sans-serif;font-size:31px;line-height:1;font-weight:900;letter-spacing:-1.3px}.hub-nav-pill,.game-count{border:2px solid var(--ink);border-radius:999px;padding:8px 12px;background:#fff;font-size:9px;font-weight:1000;letter-spacing:1px}.hub-main{width:min(1180px,92vw);margin:0 auto;padding:16px 0 40px}.hub-hero{max-width:680px;padding:10px 0 16px}.hub-sticker{display:inline-block;transform:rotate(-2deg);padding:5px 10px;border:1.5px solid var(--ink);border-radius:8px;background:#ffb6c8;box-shadow:2px 2px 0 var(--ink);font-size:10px;font-weight:1000;letter-spacing:.5px}.hub-hero h1{font-size:clamp(32px,4.2vw,48px);line-height:.98;letter-spacing:-2px;margin:10px 0 8px}.hub-hero h1 span{color:var(--purple)}.hub-hero p{max-width:560px;font-size:15px;line-height:1.45;color:#66636c;margin:0}.games-section{padding-top:4px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{background:#fff;border:2px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:7px 7px #20202b1f;transition:transform .18s ease,box-shadow .18s ease}.game-card:not(.coming){cursor:pointer}.game-card:not(.coming):hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:10px 11px #20202b24}.card-art{height:215px;position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}.convince-art{background:#cfc4ff}.art-emoji{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:105px;height:105px;border-radius:28px;display:grid;place-items:center;font-size:58px;background:#ffe06a;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.art-bubble{position:absolute;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:9px 13px;font-weight:1000;font-size:11px;box-shadow:3px 3px 0 var(--ink)}.bubble-one{left:18px;top:25px;transform:rotate(-8deg)}.bubble-two{right:22px;bottom:25px;transform:rotate(8deg)}.coming-art{background:#ffe8a9;display:grid;place-items:center}.coming-art.alt{background:#bdeedb}.big-question{font-size:100px;font-weight:1000;line-height:1;transform:rotate(-8deg);text-shadow:6px 6px 0 #fff}.floating-shape{position:absolute;font-size:34px;font-weight:1000}.shape-a{top:24px;left:25px;transform:rotate(15deg)}.shape-b{right:28px;bottom:24px;transform:rotate(-18deg)}.shape-c{top:28px;right:28px}.shape-d{bottom:25px;left:25px}.game-card-body{padding:18px}.game-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.game-tag,.players-tag{font-size:9px;font-weight:1000;letter-spacing:.7px}.game-tag{color:#77737d}.players-tag{padding:5px 8px;border:1.5px solid var(--ink);border-radius:999px;background:#fff8ec}.game-card h3{font-size:27px;letter-spacing:-1.2px;margin:12px 0 6px}.game-card p{min-height:50px;color:#6c6870;line-height:1.45;margin:0 0 16px;font-size:13px}.game-card .btn{margin-top:2px}.game-card.coming{opacity:.86}.hub-footer-note{margin-top:35px;padding:17px 20px;border:2px dashed #a9a4b0;border-radius:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#77737d;font-size:12px}.hub-footer-note span:first-child{font-size:18px}.hub-legal-links{margin-left:auto;display:flex;gap:14px;align-items:center}.hub-legal-links a{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}.hub-legal-links a:hover{opacity:.72}@media(max-width:560px){.hub-legal-links{width:100%;margin-left:0;gap:16px}}.game-brand{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}@media(max-width:800px){.games-grid{grid-template-columns:1fr}.hub-nav-pill{display:none}.hub-hero h1{letter-spacing:-2.5px}.card-art{height:190px}}.how-section{margin-top:58px;padding-top:34px;border-top:2px solid rgba(32,32,43,.1)}.how-title{margin-bottom:18px}.how-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.how-step{position:relative;min-height:170px;padding:17px;background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:5px 5px #20202b1a}.step-number{position:absolute;top:13px;right:14px;font-size:9px;font-weight:1000;color:#8b8590;letter-spacing:1px}.step-icon{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:13px;background:#fff0a7;font-size:23px;box-shadow:3px 3px 0 var(--ink)}.how-step:nth-child(2) .step-icon{background:#d8ceff}.how-step:nth-child(3) .step-icon{background:#bcefdc}.how-step:nth-child(4) .step-icon{background:#ffb9cf}.how-step h3{margin:28px 0 4px;font-size:19px;letter-spacing:-.5px}.how-step p{margin:0;color:#77737d;font-size:11px;line-height:1.4}@media(max-width:800px){.how-steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.how-steps{grid-template-columns:1fr}.how-step{min-height:auto}}.draw-duel-card .draw-art{background:linear-gradient(135deg,#c9f4df,#d8ceff);position:relative;overflow:hidden}.draw-art .art-emoji{transform:rotate(-8deg)}.draw-art .bubble-one{background:#fff3a9;transform:rotate(5deg)}.draw-art .bubble-two{background:#ffb6cc;transform:rotate(-6deg)}.dots-card .dots-art{background:linear-gradient(135deg,#ffe5a9,#e4d8ff);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.dots-art .art-emoji{font-size:34px;letter-spacing:9px;font-weight:1000;transform:rotate(-7deg)}.dots-art .bubble-one{background:#c7f0dd;transform:rotate(5deg)}.dots-art .bubble-two{background:#ffb6cc;transform:rotate(-6deg)}:root[data-theme=dark]{color-scheme:dark;scrollbar-color:rgba(255,255,255,.22) #12131b;--ink:#f5f2ff;--border:#3c3f4c;--card:#1b1d28;--surface:#20222e;--purple-soft:#30294a;--muted:#aaa6b8;--paper:#12131b;--line:#343541;--pink:#ff5c93;--purple:#987fff;--yellow:#ffd84d;--orange:#ff8b4d;--mint:#72dfc0;--blue:#65b9ff}:root[data-theme=dark] body{background:#12131b;color:var(--ink)}:root[data-theme=dark] ::-webkit-scrollbar{width:9px;height:9px}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#12131b}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px;border:2px solid #12131b}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff61}:root[data-theme=dark] ::-webkit-scrollbar-corner{background:#12131b}:root[data-theme=dark] .hub-page{background:radial-gradient(circle at 8% 8%,rgba(255,216,77,.1),transparent 22%),radial-gradient(circle at 92% 20%,rgba(152,127,255,.14),transparent 25%),#12131b;color:var(--ink)}:root[data-theme=dark] .hub-nav-pill,:root[data-theme=dark] .game-count,:root[data-theme=dark] .game-card,:root[data-theme=dark] .card,:root[data-theme=dark] .topbar,:root[data-theme=dark] .scoreboard,:root[data-theme=dark] .room-pill,:root[data-theme=dark] .speech-card,:root[data-theme=dark] .players-card,:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:#1b1d28;color:var(--ink);border-color:#3a3c49}:root[data-theme=dark] .game-card p,:root[data-theme=dark] .hub-hero p,:root[data-theme=dark] .muted,:root[data-theme=dark] .hint,:root[data-theme=dark] .listener-tip{color:#aaa6b8}:root[data-theme=dark] .game-card-body,:root[data-theme=dark] .how-step{color:var(--ink)}:root[data-theme=dark] .game-tag,:root[data-theme=dark] .players-tag{color:#d8d4e4}:root[data-theme=dark] .score-player.me{background:#30294a}:root[data-theme=dark] .score-avatar{color:#15151b}:root[data-theme=dark] .scoreboard-list{scrollbar-color:#555 #1b1d28}:root[data-theme=dark] .scoreboard-head{color:#20202b}.theme-toggle{--toggle-w:86px;--toggle-h:44px;--thumb:36px;position:relative;width:var(--toggle-w);height:var(--toggle-h);padding:3px;border:2px solid #252330;border-radius:999px;background:#e8edf3;color:#252330;display:flex;align-items:center;justify-content:space-between;overflow:hidden;cursor:pointer;box-shadow:inset 0 2px 5px #181f2d1f,inset 0 -2px 3px #ffffffe6,0 2px #25233014;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-toggle .theme-icon{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;opacity:.28;transition:opacity .2s ease,transform .2s ease}.theme-toggle .theme-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .theme-moon svg path:first-child{fill:currentColor;stroke:currentColor}.theme-toggle .theme-thumb{position:absolute;z-index:2;left:3px;top:3px;width:var(--thumb);height:var(--thumb);border-radius:50%;background:linear-gradient(145deg,#ffcf3f,#ff9414);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 3px 7px #31394b47,inset 0 1px 1px #ffffffb3;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s ease}.theme-toggle.is-light .theme-sun{opacity:1;color:#fff}.theme-toggle.is-light .theme-moon{color:#697386}.theme-toggle.is-dark{background:#1d2744;border-color:#111a32;box-shadow:inset 0 2px 6px #00000059,inset 0 -2px 3px #4d5b8947,0 2px #0000002e}.theme-toggle.is-dark .theme-thumb{transform:translate(40px);background:linear-gradient(145deg,#69a7ff,#426ee7);border-color:#fffc}.theme-toggle.is-dark .theme-sun{color:#aeb8cb}.theme-toggle.is-dark .theme-moon{opacity:1;color:#fff}.theme-toggle:focus-visible{outline:3px solid rgba(118,87,255,.32);outline-offset:3px}.hub-nav-actions,.topbar-actions{display:flex;align-items:center;gap:10px}.restart-corner{border:2px solid var(--ink);border-radius:999px;padding:8px 11px;background:#fff;color:var(--ink);font-size:10px;font-weight:1000;letter-spacing:.4px;box-shadow:3px 3px #20202b1f}:root[data-theme=dark] .restart-corner{background:#252733}@media(max-width:560px){.hub-nav-actions,.topbar-actions{gap:6px}.restart-corner{padding:7px 8px;font-size:9px}.topbar{padding:0 3vw}}.of-game-header{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:74px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:8px max(4vw,calc((100% - 1180px)/2))!important;z-index:1000!important;background:#fffaf1f0!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:2px solid rgba(32,32,43,.08)!important;box-shadow:0 4px 16px #20202b0a!important;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease!important}:root[data-theme=dark] .of-game-header{background:#12131bf0!important;border-bottom:2px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 16px #00000059!important}.of-game-brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);min-width:0}.of-game-logo{width:56px;height:40px;display:grid;place-items:center;flex:0 0 auto}.of-game-logo img{width:100%;height:100%;object-fit:contain;display:block;transform:translateY(-5px)}.of-game-name{font-family:"Baloo 2",system-ui,sans-serif;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.2px;white-space:nowrap}.of-game-name span{color:#20a7f2}.of-game-name b{color:var(--ink);font-weight:900}.of-game-right{display:flex;align-items:center;gap:9px;min-width:0}.of-game-title-chip{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:11px;background:var(--yellow);color:var(--ink);padding:8px 11px;font-size:10px;font-weight:1000;letter-spacing:1px;white-space:nowrap;box-shadow:3px 3px 0 var(--ink)}.of-game-back{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);padding:8px 11px;font-size:9px;font-weight:1000;letter-spacing:.6px;text-decoration:none;white-space:nowrap}:root[data-theme=dark] .of-game-brand,.of-game-name b{color:var(--ink)}:root[data-theme=dark] .of-game-back{background:#252733;color:var(--ink);border-color:#454754}:root[data-theme=dark] .of-game-title-chip{background:var(--yellow);color:#20202b;border-color:#454754;box-shadow:3px 3px #0d0e14}@media(max-width:768px){.of-game-header{position:sticky!important;top:0!important;left:0!important;right:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;overflow:visible!important;gap:3px!important;z-index:1000!important;background:#fffaf1f2!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:2px solid rgba(32,32,43,.08)!important;box-shadow:0 2px 10px #20202b0f!important}:root[data-theme=dark] .of-game-header{background:#12131bf2!important;border-bottom:2px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 10px #0006!important}.of-game-brand{display:flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}.of-game-logo{width:28px!important;height:21px!important;flex:0 0 28px!important}.of-game-logo img{transform:translateY(-2px)!important}.of-game-name{font-size:13px!important;letter-spacing:-.4px!important;white-space:nowrap!important;display:inline-block!important}.of-game-right,.of-game-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;flex-wrap:nowrap!important;flex:0 0 auto!important;width:auto!important}.of-game-controls,.of-game-controls-top,.of-game-controls-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px!important;width:auto!important}.of-game-title-chip{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;padding:2.5px 5px!important;font-size:7.5px!important;border-radius:6px!important;box-shadow:2px 2px #0006!important;white-space:nowrap!important;letter-spacing:.3px!important}.of-game-back,#headerHomeLink,.restart-corner,#exitGame,#exit,#exitJeopardy,#exitWho,#hubBack{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;padding:2.5px 5px!important;font-size:7.5px!important;border-radius:999px!important;box-shadow:2px 2px #0000004d!important;white-space:nowrap!important;letter-spacing:.2px!important}.of-game-back.hs-hidden,.of-game-back[hidden],.of-game-back.hidden,#leaveRoomBtn.hs-hidden{display:none!important}.room-pill{padding:2.5px 5px!important;font-size:7.5px!important;border-radius:999px!important;white-space:nowrap!important;display:inline-flex!important;width:auto!important;flex:0 0 auto!important}.room-pill strong,.room-pill b{font-size:8px!important}.theme-toggle,.db-theme-toggle{--toggle-w: 52px !important;--toggle-h: 28px !important;--thumb: 22px !important;--knob: 22px !important;--tw: 52px !important;--th: 28px !important;width:52px!important;min-width:52px!important;max-width:52px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:2px!important;border:2px solid #252330!important;border-radius:999px!important;flex:0 0 52px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important}.theme-thumb,.db-theme-knob{width:22px!important;height:22px!important;left:2px!important;top:1px!important;border-radius:50%!important;border:1.5px solid rgba(255,255,255,.95)!important;box-shadow:0 2px 5px #31394b40!important}.theme-toggle.is-dark .theme-thumb,.db-theme-toggle.is-dark .db-theme-knob{transform:translate(24px)!important}.theme-toggle .theme-icon,.db-theme-toggle .db-theme-icon{width:22px!important;height:22px!important}.theme-toggle .theme-icon svg,.db-theme-toggle .db-theme-icon svg{width:12px!important;height:12px!important}}.topbar{display:none}.of-game-header .theme-toggle,.of-game-header .room-pill{flex:0 0 auto}:root[data-theme=dark] .of-game-name b{color:#f5f2ff}:root[data-theme=dark] .of-game-back{background:#252733;color:#f5f2ff;border-color:#454754}:root[data-theme=dark] .how-step{background:#1b1d28;color:#f5f2ff;border-color:#454754;box-shadow:5px 5px #0003}:root[data-theme=dark] .how-step h3{color:#f5f2ff}:root[data-theme=dark] .how-step p{color:#aaa6b8}:root[data-theme=dark] .step-number{color:#b9b5c8}:root[data-theme=dark] .players-tag{background:#252733;color:#f5f2ff;border-color:#5a5d6c}:root[data-theme=dark] .game-tag{color:#c7c2d3}.db-phone .db-gamebar{padding-top:76px}.db-phone .db-timer{position:fixed;top:82px;right:12px;min-width:74px;padding:8px 10px;font-size:22px;z-index:60}.db-phone .db-score{position:relative!important;top:auto!important;right:auto!important;width:min(100%,420px)!important;margin:10px auto 14px!important;z-index:15}.db-phone .db-board-shell{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:8px 0 24px;margin-top:8px;min-height:0}.db-phone .db-board-wrap{transform:none!important;flex:0 0 auto}.db-phone .db-turn-note{margin-top:8px}:root[data-theme=dark] .score-player{background:#242733;color:#f5f2ff}:root[data-theme=dark] .score-player.me{background:#382f59;color:#fff}:root[data-theme=dark] .score-player .rank{color:#c3bfd0}:root[data-theme=dark] .score-name{color:#f5f2ff}:root[data-theme=dark] .score-name small{color:#b9a8ff}:root[data-theme=dark] .score-player>b{color:#fff}:root[data-theme=dark] .scoreboard-list{background:#1b1d28}:root[data-theme=dark] .scoreboard-head strong{background:#f5f2ff;color:#20212a;border-color:#555865}:root[data-theme=dark] .timer,:root[data-theme=dark] .voting-timer{color:#fff;border-color:#596070;box-shadow:3px 3px #00000047}:root[data-theme=dark] .timer:not(.countdown-1):not(.countdown-2):not(.countdown-3):not(.countdown-4):not(.countdown-5),:root[data-theme=dark] .voting-timer:not(.countdown-1):not(.countdown-2):not(.countdown-3):not(.countdown-4):not(.countdown-5){background:#343846}:root[data-theme=dark] .timer.countdown-5,:root[data-theme=dark] .voting-timer.countdown-5{background:#a06e1d;color:#fff}:root[data-theme=dark] .timer.countdown-4,:root[data-theme=dark] .voting-timer.countdown-4{background:#a76019;color:#fff}:root[data-theme=dark] .timer.countdown-3,:root[data-theme=dark] .voting-timer.countdown-3{background:#a84d40;color:#fff}:root[data-theme=dark] .timer.countdown-2,:root[data-theme=dark] .voting-timer.countdown-2{background:#a23d52;color:#fff}:root[data-theme=dark] .timer.countdown-1,:root[data-theme=dark] .voting-timer.countdown-1{background:#cf385d;color:#fff}.theme-toggle{flex:0 0 auto;pointer-events:auto}.theme-toggle:focus-visible{outline:3px solid rgba(119,85,238,.35);outline-offset:2px}:root[data-theme=dark] .player{background:#252733;color:#f5f2ff;border:1px solid #454754}:root[data-theme=dark] .player div:nth-child(2){color:#f5f2ff}:root[data-theme=dark] .player small{color:#b9a8ff}:root[data-theme=dark] .players-card h3,:root[data-theme=dark] .card-head,:root[data-theme=dark] .main-card{color:#f5f2ff}:root[data-theme=dark] .waiting{background:#252733;color:#d7d3df;border:1px solid #454754}:root[data-theme=dark] .hint,:root[data-theme=dark] .muted,:root[data-theme=dark] .coach,:root[data-theme=dark] .listener-tip,:root[data-theme=dark] .vote-count{color:#b9b5c8}:root[data-theme=dark] .rule-row span{background:#292338;color:#eeeaff}:root[data-theme=dark] .score-event{background:#252733;color:#f5f2ff}:root[data-theme=dark] .score-event span{color:#b9a8ff}:root[data-theme=dark] .leader-row{background:#252733;color:#f5f2ff}:root[data-theme=dark] .leader-row.top{background:#3a3420;color:#fff}:root[data-theme=dark] .leader-row em{color:#f5f2ff}:root[data-theme=dark] .statement-box{background:#27213a;border-color:#8e80ff;color:#f8f5ff}:root[data-theme=dark] .statement-text{color:#f8f5ff}:root[data-theme=dark] .tiny-label{color:#c0b6ff}:root[data-theme=dark] .vote{color:#20202b}:root[data-theme=dark] .voted{background:#173d33;color:#8df1cf}:root[data-theme=dark] .vote-deadline{background:#594316;color:#fff;border-color:#777}:root[data-theme=dark] .btn.secondary{background:#252733;color:#f5f2ff;border-color:#454754}:root[data-theme=dark] .btn.dark{background:#f5f2ff;color:#20202b;border-color:#f5f2ff;box-shadow:4px 4px #07080d}:root[data-theme=dark] .btn.dark:disabled{background:#30323d;color:#9b98a6;border-color:#4a4d59;box-shadow:2px 2px #07080d;opacity:1}:root[data-theme=dark] .success{color:#45d7b0}:root[data-theme=dark] .error{background:#4b2631;border-color:#8d4858;color:#ffb6c5}:root[data-theme=dark] .toast{background:#f5f2ff;color:#20202b}:root[data-theme=dark] .turn-progress{background:#343641}:root[data-theme=dark] .vote.no{background:#f58da3}:root[data-theme=dark] .vote.yes{background:#75dcbf}:root[data-theme=dark] .timer,:root[data-theme=dark] .voting-timer{color:#fff}@media(max-width:1050px){:root[data-theme=dark] .score-player{background:#252733;color:#f5f2ff}}.sketchy-card .card-art{background:linear-gradient(135deg,#ffd66d,#ff93b6 55%,#a694ff);position:relative;overflow:hidden}.sketchy-art .art-emoji{font-size:54px;position:relative;z-index:2}.sketchy-page{min-height:calc(100vh - 78px);position:relative;overflow-x:clip;color:var(--ink)}.sketchy-bg{position:fixed;inset:auto;pointer-events:none;filter:blur(2px);opacity:.45;z-index:-1}.sketchy-bg.one{width:280px;height:280px;background:#ffd84d;left:-120px;top:160px;border-radius:50%}.sketchy-bg.two{width:320px;height:320px;background:#987fff;right:-150px;bottom:-100px;border-radius:50%}.sketchy-main{width:min(1180px,92vw);margin:0 auto;padding:10px 0 40px}.sketchy-grid,.sketchy-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.sketchy-card-shell{max-width:620px;margin:40px auto}.sketchy-card-shell h1{font-size:54px;line-height:.95;margin:8px 0 14px}.sketchy-note{font-size:12px;color:#74717e;margin:15px 0 0;text-align:center}.sketchy-stage,.sketchy-side{min-width:0}.sketchy-stage{background:var(--card,#fff);border:2px solid var(--line);border-radius:24px;padding:18px;box-shadow:7px 7px #20202b1a}.sketchy-stage-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.sketchy-stage-top h1{font-size:32px;line-height:1;margin:4px 0 5px}.sketchy-stage-top p{margin:0;color:#77737f;font-size:13px}.sketchy-timer{min-width:84px;text-align:center;padding:11px 12px;border:2px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);font-size:28px;font-weight:1000;box-shadow:4px 4px #20202b1a}.sketchy-timer.danger{background:#ffe6e8;color:#a11f31;border-color:#a11f31}.sketchy-timer.critical{animation:timerPulse .75s ease-in-out infinite}.sketchy-canvas{display:block;width:100%;height:auto;aspect-ratio:1200/760;background:#fff;border:3px solid var(--ink);touch-action:none;cursor:crosshair}:root[data-theme=dark] .sketchy-canvas{background:#181a23;border-color:#5d6170}.sketchy-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;flex-wrap:wrap}.tool-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tool-group>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#807c88;margin-right:2px}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:var(--c);cursor:pointer;box-shadow:0 1px #0000001f}.color-dot.active{border-color:var(--ink);box-shadow:0 0 0 3px #987fff47}.size-btn{width:34px;height:34px;border:2px solid var(--line);border-radius:10px;background:var(--card,#fff);color:var(--ink);font-weight:900;cursor:pointer}.size-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.watching-badge{font-size:12px;font-weight:900;padding:8px 11px;border-radius:999px;background:#f0ecff;color:#5e4ba9}.sketchy-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px}.sketchy-word-card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:15px 16px;box-shadow:5px 5px #20202b1a}.sketchy-word-card span{display:block;color:#7d7885;font-size:10px;font-weight:1000;letter-spacing:1.3px;margin-bottom:6px}.sketchy-word-card strong{display:block;font-size:22px;line-height:1.1}.sketchy-scoreboard{background:#fff;border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:5px 5px #20202b1a}.sketchy-score-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffd84d;color:#20202b;font-size:11px;font-weight:1000;border-bottom:2px solid var(--line)}.sketchy-score-head span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5b72;box-shadow:0 0 0 4px #ff5b7229;margin-right:7px}.sketchy-score-row{display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);font-size:12px}.sketchy-score-row:last-child{border-bottom:none}.sketchy-score-row.me{background:#eee8ff}.sketchy-score-row>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:1000}.sketchy-score-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sketchy-score-row small{color:#684fe0;font-size:8px;margin-left:3px}.sketchy-score-row>b{font-size:14px}.sketchy-vote-strip{margin-top:10px;padding:10px 12px;background:#f5f1ff;border-radius:12px;text-align:center;font-weight:900;color:#5d4fa0}.sketchy-vote-list{background:#fff;border:2px solid var(--line);border-radius:18px;padding:10px;box-shadow:5px 5px #20202b1a}.sketchy-vote-card{width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;text-align:left;border:2px solid transparent;background:transparent;padding:9px;border-radius:12px;cursor:pointer;color:var(--ink)}.sketchy-vote-card:hover{background:#f5f1ff}.sketchy-vote-card.selected{background:#eee8ff;border-color:#8f74ff}.sketchy-vote-card.disabled{opacity:.45;cursor:not-allowed}.sketchy-vote-card i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:1000}.sketchy-vote-card small{font-size:9px;font-weight:900;color:#775ce6}.sketchy-result-card{max-width:760px;margin:25px auto}.sketchy-reveal-list{display:grid;gap:6px;margin:16px 0}.sketchy-reveal-vote{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;padding:10px 12px;background:#f7f6fb;border-radius:10px}.sketchy-big-reveal,.sketchy-word-reveal,.sketchy-guess-card,.sketchy-guess-wait,.sketchy-guess-result,.sketchy-round-result{margin-top:12px;padding:16px;border-radius:16px;border:2px solid var(--line);background:#fff}.sketchy-big-reveal{text-align:center}.sketchy-big-reveal.good{background:#eafcf0;border-color:#65c783}.sketchy-big-reveal.bad{background:#fff0f2;border-color:#ee6a7c}.reveal-label,.sketchy-word-reveal span{font-size:10px;font-weight:1000;letter-spacing:1.2px;color:#7d7885}.sketchy-big-reveal strong,.sketchy-word-reveal strong{display:block;font-size:34px;margin-top:5px}.sketchy-word-reveal{text-align:center;background:#2f2a48;color:#fff;border-color:#2f2a48}.sketchy-word-reveal span{color:inherit;opacity:.8}.sketchy-guess-card h2{margin:6px 0 10px}.sketchy-guess-card input{width:100%;box-sizing:border-box;margin-bottom:10px}.sketchy-guess-result{font-weight:1000;text-align:center}.sketchy-guess-result.correct{background:#eafcf0;color:#176b38;border-color:#65c783}.sketchy-guess-result.incorrect{background:#fff0f2;color:#a32437;border-color:#ee6a7c}.sketchy-round-result{text-align:center;font-weight:1000;font-size:20px}.sketchy-final-card{max-width:700px;margin:30px auto}.sketchy-final-list{display:grid;gap:7px;margin:15px 0}.sketchy-final-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff}.sketchy-final-row.winner{background:#fff4c6;border-color:#e4c14d}.sketchy-winner-text{text-align:center;font-size:18px;font-weight:1000}:root[data-theme=dark] .sketchy-stage,:root[data-theme=dark] .sketchy-word-card,:root[data-theme=dark] .sketchy-scoreboard,:root[data-theme=dark] .sketchy-vote-list,:root[data-theme=dark] .sketchy-result-card,:root[data-theme=dark] .sketchy-big-reveal,:root[data-theme=dark] .sketchy-guess-card,:root[data-theme=dark] .sketchy-guess-wait,:root[data-theme=dark] .sketchy-round-result,:root[data-theme=dark] .sketchy-final-row{background:#1b1d28;color:#f5f2ff;border-color:#464958}:root[data-theme=dark] .sketchy-word-card span,:root[data-theme=dark] .sketchy-stage-top p,:root[data-theme=dark] .sketchy-note,:root[data-theme=dark] .tool-group>span{color:#aaa6b8}:root[data-theme=dark] .sketchy-score-row{border-color:#353846}:root[data-theme=dark] .sketchy-score-row.me{background:#30294a}:root[data-theme=dark] .sketchy-vote-card:hover{background:#282331}:root[data-theme=dark] .sketchy-vote-card.selected{background:#392f5c;border-color:#8f74ff}:root[data-theme=dark] .sketchy-reveal-vote{background:#242632}:root[data-theme=dark] .sketchy-big-reveal.good{background:#173826;border-color:#4a9d6c;color:#f0fff5}:root[data-theme=dark] .sketchy-big-reveal.bad{background:#421f28;border-color:#bc576b;color:#ffe8ec}:root[data-theme=dark] .sketchy-guess-result.correct{background:#173826;color:#a6efbe;border-color:#4a9d6c}:root[data-theme=dark] .sketchy-guess-result.incorrect{background:#421f28;color:#ffb4c0;border-color:#bc576b}:root[data-theme=dark] .sketchy-final-row.winner{background:#3b321d;border-color:#a98c38}.sketchy-big-reveal.bad{color:#5f1825;background:#fff0f2;border-color:#ee6a7c}.sketchy-big-reveal.bad strong{color:#20202b}.sketchy-big-reveal.bad p{color:#5f1825}.sketchy-timer{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}:root[data-theme=dark] .sketchy-timer{background:#2b2f3d;color:#fff;border-color:#6b7184;box-shadow:4px 4px #00000047}:root[data-theme=dark] .sketchy-timer.danger{background:#4b2933;color:#fff0f3;border-color:#e37b91}:root[data-theme=dark] .sketchy-timer.critical{box-shadow:0 0 0 4px #f4708824,4px 4px #00000047}:root[data-theme=dark] .size-btn{background:#272a36;color:#f8f6ff;border-color:#626779}:root[data-theme=dark] .size-btn:hover{background:#313545;color:#fff}:root[data-theme=dark] .size-btn.active{background:#8f74ff;color:#fff;border-color:#b5a4ff;box-shadow:0 0 0 2px #8f74ff38}:root[data-theme=dark] .color-dot.active{border-color:#fff}:root[data-theme=dark] .sketchy-score-row{color:#f6f3ff}:root[data-theme=dark] .sketchy-score-row small{color:#b8a8ff}:root[data-theme=dark] .sketchy-vote-card{color:#f6f3ff}:root[data-theme=dark] .sketchy-vote-card small{color:#b8a8ff}:root[data-theme=dark] .sketchy-round-points>div{color:#f6f3ff;background:#242632}:root[data-theme=dark] .sketchy-round-points b{color:#b6a5ff}@media(max-width:820px){.sketchy-layout,.sketchy-grid{grid-template-columns:1fr}.sketchy-side{position:static;display:grid;grid-template-columns:1fr}.sketchy-stage-top h1{font-size:26px}}@media(max-width:600px){.sketchy-main{width:calc(100% - 24px)}.sketchy-card-shell{margin:20px auto}.sketchy-card-shell h1{font-size:42px}.sketchy-stage{padding:10px;border-radius:18px}.sketchy-stage-top{gap:8px;align-items:stretch}.sketchy-stage-top>div:first-child{min-width:0}.sketchy-stage-top h1{font-size:21px}.sketchy-timer{min-width:78px;min-height:44px;font-size:22px;padding:9px 8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sketchy-canvas{border-width:2px}.sketchy-side{display:flex}.sketchy-score-row{padding:8px}.sketchy-word-card strong{font-size:20px}.sketchy-result-card{padding:14px}.sketchy-result-card h1{font-size:30px;line-height:1.05}.sketchy-big-reveal strong{font-size:28px}.sketchy-word-reveal strong{font-size:32px}.sketchy-guess-card h2{font-size:23px}.sketchy-round-points>div{grid-template-columns:1fr 48px 52px}}@keyframes timerPulse{50%{transform:scale(1.05);box-shadow:0 0 0 5px #ff4b4b24}}.sketchy-secret-card{margin:18px auto;padding:28px 22px;text-align:center;max-width:520px;border:3px solid var(--ink);background:#fff0c7;border-radius:22px;box-shadow:7px 7px #20202b1a}.sketchy-secret-card span{display:block;font-size:11px;font-weight:1000;letter-spacing:1.4px}.sketchy-secret-card strong{display:block;font-size:46px;line-height:1;margin:10px 0}.sketchy-word-screen{text-align:center;max-width:720px;margin:35px auto}.sketchy-word-screen>.sketchy-timer{margin:15px auto}.sketchy-countdown{text-align:center;max-width:680px;margin:60px auto}.sketchy-countdown-number{font-size:120px;line-height:1;font-weight:1000;margin:15px 0;color:#7659e8;text-shadow:4px 4px 0 rgba(118,89,232,.12)}.sketchy-word-mini{font-weight:1000;color:#77737f}.sketchy-round-points{display:grid;gap:6px;margin-top:12px}.sketchy-round-points>div{display:grid;grid-template-columns:1fr 56px 60px;gap:8px;padding:10px 12px;background:#f7f6fb;border-radius:10px}.sketchy-round-points b{color:#7659e8}.sketchy-round-points strong{text-align:right}.sketchy-card-shell .two-col .btn{min-width:0}:root[data-theme=dark] .sketchy-secret-card{background:#3a311f;border-color:#8f7d45}.sketchy-secret-card strong{color:#24212b}:root[data-theme=dark] .sketchy-secret-card span{color:#e8dfc6}.sketchy-secret-card small{color:#7d7885}:root[data-theme=dark] .sketchy-secret-card small{color:#bdb7c8}.sketchy-round-points>div{background:#f7f6fb}:root[data-theme=dark] .sketchy-round-points>div{background:#242632}.sketchy-countdown-number{color:#7659e8}.sketchy-room-code{text-align:center;margin:10px 0 22px;padding:4px 0 2px}.sketchy-room-code span{display:block;font-size:10px;font-weight:1000;letter-spacing:1.5px;color:var(--purple);margin-bottom:2px}.sketchy-room-code strong{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(46px,7vw,72px);line-height:.92;letter-spacing:8px;color:var(--purple);font-weight:1000}.sketchy-room-code small{display:block;margin-top:7px;color:var(--muted);font-size:12px;font-weight:700}:root[data-theme=dark] .sketchy-room-code strong{color:#a58dff}:root[data-theme=dark] .sketchy-room-code small{color:#aaa6b8}@media(max-width:600px){.sketchy-room-code{margin:8px 0 18px}.sketchy-room-code strong{font-size:50px;letter-spacing:5px}}.sketchy-canvas{background:#fff!important;color-scheme:light}.sketchy-result-card>.eyebrow,.sketchy-result-card>h1{text-align:center}.sketchy-result-card>.eyebrow{margin-bottom:8px}.sketchy-big-reveal.bad{background:#7c2435;color:#fff;border-color:#ff7890}.sketchy-big-reveal.bad .reveal-label{color:#ffd9e1}.sketchy-big-reveal.bad strong{color:#fff}.sketchy-big-reveal.bad p{color:#fff0f4}.sketchy-big-reveal.good{background:#0f6242;color:#fff;border-color:#68d09c}.sketchy-big-reveal.good .reveal-label{color:#d6ffea}.sketchy-big-reveal.good strong{color:#fff}.sketchy-big-reveal.good p{color:#ebfff6}.sketchy-word-reveal{color:#fff}.sketchy-word-reveal span{color:#eeeaff}.sketchy-word-reveal strong{color:#fff}.sketchy-word-reveal.crew{color:#eaf5ff}.sketchy-word-reveal.crew span{color:#d7eaff}.sketchy-word-reveal.crew strong{color:#fff}.sketchy-reveal-vote,.sketchy-reveal-vote b,.sketchy-reveal-vote strong,.sketchy-round-result,.sketchy-guess-card h2{color:#20202b}.sketchy-guess-wait{color:#4d4760}.sketchy-guess-result.correct{color:#146b3a;background:#e6fff1}.sketchy-guess-result.incorrect{color:#9d1f34;background:#ffe9ed}.sketchy-word-mini{color:#5f586c}:root[data-theme=dark] .sketchy-stage-top h1,:root[data-theme=dark] .sketchy-result-card>h1,:root[data-theme=dark] .sketchy-result-card>.eyebrow,:root[data-theme=dark] .sketchy-guess-card h2{color:#f7f4ff}:root[data-theme=dark] .sketchy-reveal-vote{background:#242632;color:#f6f3ff}:root[data-theme=dark] .sketchy-reveal-vote b,:root[data-theme=dark] .sketchy-reveal-vote strong{color:#f6f3ff}:root[data-theme=dark] .sketchy-big-reveal.bad{background:#5b2632;color:#fff;border-color:#df6d82}:root[data-theme=dark] .sketchy-big-reveal.bad .reveal-label{color:#ffdbe2}:root[data-theme=dark] .sketchy-big-reveal.bad strong{color:#fff}:root[data-theme=dark] .sketchy-big-reveal.bad p{color:#ffe9ee}:root[data-theme=dark] .sketchy-big-reveal.good{background:#174734;color:#fff;border-color:#56b986}:root[data-theme=dark] .sketchy-big-reveal.good .reveal-label{color:#d8ffe9}:root[data-theme=dark] .sketchy-big-reveal.good strong{color:#fff}:root[data-theme=dark] .sketchy-big-reveal.good p{color:#effff6}:root[data-theme=dark] .sketchy-guess-card,:root[data-theme=dark] .sketchy-guess-wait,:root[data-theme=dark] .sketchy-round-result{background:#1b1d28;color:#f6f3ff;border-color:#464958}:root[data-theme=dark] .sketchy-guess-card h2{color:#f7f4ff}:root[data-theme=dark] .sketchy-guess-wait{color:#e4def5}:root[data-theme=dark] .sketchy-guess-result.correct{background:#114f38;color:#c5ffda;border-color:#50b686}:root[data-theme=dark] .sketchy-guess-result.incorrect{background:#542331;color:#ffc0ca;border-color:#dc7185}:root[data-theme=dark] .sketchy-secret-card strong{color:#fff}:root[data-theme=dark] .sketchy-secret-card small{color:#d2cbdc}:root[data-theme=dark] .sketchy-word-mini{color:#d2c9e5}:root[data-theme=dark] .sketchy-vote-strip{background:#29233a;color:#ded4ff}:root[data-theme=dark] .sketchy-vote-card{color:#f7f4ff}:root[data-theme=dark] .sketchy-vote-card:hover{background:#302a40}:root[data-theme=dark] .sketchy-vote-card.disabled{opacity:.55}:root[data-theme=dark] .sketchy-final-row{color:#f7f4ff}@media(max-width:820px){.sketchy-result-card{max-width:760px}}@media(min-width:821px){.sketchy-result-card>.eyebrow{display:block;text-align:center}.sketchy-result-card>h1{text-align:center}}.sketchy-title-main{color:var(--ink)}.sketchy-title-accent{color:#7659e8}:root[data-theme=dark] .sketchy-title-main{color:#f7f4ff}:root[data-theme=dark] .sketchy-title-accent{color:#8f74ff}.sketchy-word-reveal.crew{background:#eaf5ff;color:#1e3957;border-color:#87bdf3}.sketchy-word-reveal.crew span{color:#476985;opacity:1}.sketchy-word-reveal.crew strong{color:#173a57}:root[data-theme=dark] .sketchy-word-reveal.crew{background:#1c354d;color:#cfe7ff;border-color:#4279a8}:root[data-theme=dark] .sketchy-word-reveal.crew span{color:#d7eaff}:root[data-theme=dark] .sketchy-word-reveal.crew strong{color:#fff}.sketchy-final-card [data-restart-sketchy]{min-height:52px}.card-art:before,.card-art:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.22;pointer-events:none;animation:artFloat 5.5s ease-in-out infinite}.card-art:before{width:90px;height:90px;left:-25px;bottom:-30px;background:#fff}.card-art:after{width:120px;height:120px;right:-35px;top:-40px;background:#fff;animation-delay:-2.2s}.art-scene{position:absolute;left:50%;top:51%;width:152px;height:118px;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;animation:sceneBob 4.8s ease-in-out infinite}.art-scene svg{width:100%;height:100%;display:block;filter:drop-shadow(7px 8px 0 rgba(32,32,43,.14))}.convince-scene{width:118px;height:134px;animation-delay:-.5s}.draw-scene{width:166px;height:124px;animation-delay:-1.2s}.dots-scene{width:184px;height:126px;animation-delay:-2s}.sketchy-scene{width:178px;height:122px;animation-delay:-.8s}.speech-ring{position:absolute;width:148px;height:92px;border:3px dashed rgba(255,255,255,.85);border-radius:50%;transform:rotate(-8deg);animation:ringPulse 3.8s ease-in-out infinite}.art-bubble{z-index:4;transition:transform .2s ease,box-shadow .2s ease;animation:bubbleFloat 4.2s ease-in-out infinite}.bubble-two{animation-delay:-1.6s}.game-card:hover .art-scene{animation-duration:2.7s}.game-card:hover .art-bubble{box-shadow:4px 4px 0 var(--ink)}.convince-art{background:linear-gradient(135deg,#cbbfff,#e0d9ff 55%,#b8a8ff)}.draw-duel-card .draw-art{background:linear-gradient(135deg,#b9f1dc,#c9ddff 55%,#ded5ff)}.sketch-guess-card .draw-art{background:linear-gradient(135deg,#f7c8d8,#d7c9ff 52%,#bde8f5)}.dots-card .dots-art{background:linear-gradient(135deg,#ffe39d,#ffd1d9 52%,#dccbff)}.sketchy-card .sketchy-art{background:linear-gradient(135deg,#ffd978,#ffafc1,#c4b5fd)}.jeopardy-card .jeopardy-art{background:linear-gradient(135deg,#9fd9ff,#c8c2ff 52%,#ffc3d6)}@keyframes sceneBob{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-55%) rotate(2deg)}}@keyframes artFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.04)}}@keyframes bubbleFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes ringPulse{0%,to{transform:rotate(-8deg) scale(.96);opacity:.55}50%{transform:rotate(-3deg) scale(1.03);opacity:.95}}:root[data-theme=dark] .card-art{border-bottom-color:#343541}:root[data-theme=dark] .card-art:before,:root[data-theme=dark] .card-art:after{opacity:.1;background:#fff}:root[data-theme=dark] .convince-art{background:linear-gradient(135deg,#4a4380,#5a4e94 55%,#3e356e)}:root[data-theme=dark] .draw-duel-card .draw-art{background:linear-gradient(135deg,#275b50,#3b5a86 55%,#493d78)}:root[data-theme=dark] .dots-card .dots-art{background:linear-gradient(135deg,#6e5720,#6e4652 52%,#4b4079)}:root[data-theme=dark] .sketchy-card .sketchy-art{background:linear-gradient(135deg,#765f1e,#744555,#53437f)}:root[data-theme=dark] .sketch-guess-card .draw-art{background:linear-gradient(135deg,#694050,#51447d 52%,#315d6d)}:root[data-theme=dark] .jeopardy-card .jeopardy-art{background:linear-gradient(135deg,#315b78,#4b477b 52%,#704454)}@media(prefers-reduced-motion:reduce){.card-art:before,.card-art:after,.art-scene,.art-bubble,.speech-ring{animation:none!important}}.card-art{perspective:700px;overflow:hidden}.card-art:before,.card-art:after{border-radius:42%;opacity:.16;filter:blur(2px);animation:blobDrift 7s ease-in-out infinite}.card-art:before{width:120px;height:86px;left:-35px;bottom:-30px;transform:rotate(-12deg)}.card-art:after{width:150px;height:105px;right:-48px;top:-42px;transform:rotate(18deg);animation-delay:-3s}.art-scene{transform-style:preserve-3d;will-change:transform;animation:sceneFloat 4.8s ease-in-out infinite}.art-scene svg{overflow:visible;filter:drop-shadow(0 12px 8px rgba(32,32,43,.16));will-change:transform}.art-bubble{will-change:transform;animation:bubblePop 3.8s ease-in-out infinite}.game-card:hover .art-scene{animation:sceneHover .9s cubic-bezier(.2,.8,.2,1) both}.game-card:hover .art-bubble{animation:bubbleHover .7s cubic-bezier(.2,.8,.2,1) both}.game-card:active .art-scene{transform:translate(-50%,-48%) scale(.97) rotate(-1deg)}.convince-mic{transform-origin:90px 70px;animation:micTalk 2.4s ease-in-out infinite}.convince-orbit{transform-origin:90px 65px;animation:orbitSpin 8s linear infinite}.convince-spark{transform-origin:36px 32px;animation:sparkTwinkle 2.2s ease-in-out infinite}.convince-spark.spark-2{transform-origin:142px 74px;animation-delay:-1.1s}.convince-art .bubble-one{animation-delay:-.4s}.convince-art .bubble-two{animation-delay:-2.1s}.draw-duel-pal{transform-origin:78px 68px;animation:paletteBounce 3.1s ease-in-out infinite}.draw-duel-brush{transform-origin:121px 68px;animation:brushSketch 2.6s ease-in-out infinite}.draw-duel-splat{animation:splatPulse 2.8s ease-in-out infinite}.dots-zaps path{stroke-dasharray:60 12;animation:currentRun 2.2s linear infinite}.dots-box{transform-origin:90px 62px;animation:boxClaim 2.9s ease-in-out infinite}.dots-spark{animation:sparkTwinkle 1.8s ease-in-out infinite}.sketchy-radar{transform-origin:80px 57px;animation:radarSweep 3.8s ease-in-out infinite}.sketchy-eye{transform-origin:142px 38px;animation:eyePeek 3.2s ease-in-out infinite}.sketchy-spark{animation:sparkTwinkle 2.5s ease-in-out infinite}@keyframes sceneFloat{0%,to{transform:translate(-50%,-50%) rotate(-2deg) translateY(0)}50%{transform:translate(-50%,-54%) rotate(2deg) translateY(-3px)}}@keyframes sceneHover{0%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}to{transform:translate(-50%,-53%) scale(1.08) rotate(2deg)}}@keyframes blobDrift{0%,to{transform:translateZ(0) rotate(-8deg) scale(1)}50%{transform:translate3d(10px,-8px,0) rotate(8deg) scale(1.08)}}@keyframes bubblePop{0%,to{transform:translateY(0) rotate(-6deg) scale(1)}50%{transform:translateY(-7px) rotate(3deg) scale(1.04)}}@keyframes bubbleHover{0%{transform:scale(1)}60%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1.03)}}@keyframes micTalk{0%,to{transform:translateY(0) rotate(-2deg)}18%{transform:translateY(-4px) rotate(2deg)}28%{transform:translateY(0) rotate(-1deg)}38%{transform:translateY(-5px) rotate(2deg)}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkTwinkle{0%,to{opacity:.4;transform:scale(.78) rotate(0)}50%{opacity:1;transform:scale(1.08) rotate(18deg)}}@keyframes paletteBounce{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(4deg) translateY(-6px)}}@keyframes brushSketch{0%,to{transform:rotate(1deg) translate(0)}40%{transform:rotate(-7deg) translate(-3px,-5px)}70%{transform:rotate(5deg) translate(3px,-2px)}}@keyframes splatPulse{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.18);opacity:1}}@keyframes currentRun{0%{stroke-dashoffset:0;opacity:.55}50%{opacity:1}to{stroke-dashoffset:-144;opacity:.55}}@keyframes boxClaim{0%,60%,to{transform:scale(1)}70%{transform:scale(1.09)}82%{transform:scale(.98)}}@keyframes radarSweep{0%,to{transform:rotate(-7deg) scale(1)}45%{transform:rotate(8deg) scale(1.03)}70%{transform:rotate(-2deg) scale(1)}}@keyframes eyePeek{0%,to{transform:translate(0) scale(1)}32%{transform:translate(-5px) scale(1.06)}46%{transform:translate(0) scale(1)}}:root[data-theme=dark] .card-art:before,:root[data-theme=dark] .card-art:after{opacity:.12}@media(prefers-reduced-motion:reduce){.card-art:before,.card-art:after,.art-scene,.art-bubble,.convince-mic,.convince-orbit,.convince-spark,.draw-duel-pal,.draw-duel-brush,.draw-duel-splat,.dots-zaps path,.dots-box,.dots-spark,.sketchy-radar,.sketchy-eye,.sketchy-spark{animation:none!important}}.card-art{isolation:isolate}.duel-canvas.left{animation:canvasLeft 2.6s ease-in-out infinite}.duel-canvas.right{animation:canvasRight 2.6s ease-in-out infinite}.duel-vs{animation:vsBeat 2.1s ease-in-out infinite}.duel-brush-a{animation:brushLeft 2.6s ease-in-out infinite}.duel-brush-b{animation:brushRight 2.6s ease-in-out infinite}.convince-stage{animation:sceneTalk 3.2s ease-in-out infinite}.convince-mic{animation:micTalkRich 2.2s ease-in-out infinite}.convince-orbit{animation:orbitNudge 4.5s ease-in-out infinite}.dots-board{animation:boardPulse 2.8s ease-in-out infinite}.sketchy-desk{animation:detectiveBob 3.2s ease-in-out infinite}.sketchy-radar{animation:detectiveScan 3.4s ease-in-out infinite}.sketchy-eye{animation:eyePeekRich 2.8s ease-in-out infinite}.draw-duel-card .art-scene{width:190px;height:130px}@keyframes sceneTalk{0%,to{transform:translateY(0)}30%{transform:translateY(-4px)}55%{transform:translateY(0)}70%{transform:translateY(-2px)}}@keyframes micTalkRich{0%,to{transform:translateY(0) rotate(-2deg)}20%{transform:translateY(-5px) rotate(3deg)}34%{transform:translateY(1px) rotate(-2deg)}48%{transform:translateY(-4px) rotate(2deg)}}@keyframes orbitNudge{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(4px) rotate(3deg)}}@keyframes canvasLeft{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translate(-4px) rotate(2deg)}}@keyframes canvasRight{0%,to{transform:translate(0) rotate(1deg)}50%{transform:translate(4px) rotate(-2deg)}}@keyframes vsBeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes brushLeft{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-4px,-6px) rotate(-12deg)}}@keyframes brushRight{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px,-5px) rotate(12deg)}}@keyframes boardPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes detectiveBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes detectiveScan{0%,to{transform:rotate(-3deg)}45%{transform:rotate(5deg)}70%{transform:rotate(-1deg)}}@keyframes eyePeekRich{0%,to{transform:translate(0)}40%{transform:translate(-6px)}55%{transform:translate(0)}}:root[data-theme=dark] .game-card h3{color:#f8f6ff}:root[data-theme=dark] .game-card p{color:#cbc6d7}:root[data-theme=dark] .game-tag{color:#d5d0e2}:root[data-theme=dark] .players-tag{background:#252733;color:#fff;border-color:#5a5d6c}:root[data-theme=dark] .game-card-body{background:#1b1d28}@media(prefers-reduced-motion:reduce){.convince-stage,.convince-mic,.convince-orbit,.duel-canvas.left,.duel-canvas.right,.duel-vs,.duel-brush-a,.duel-brush-b,.dots-board,.sketchy-desk,.sketchy-radar,.sketchy-eye{animation:none!important}}:root[data-theme=dark] .game-card{color:#f5f2ff}:root[data-theme=dark] .game-card h3{color:#f5f2ff}:root[data-theme=dark] .game-card p{color:#c8c4d5}:root[data-theme=dark] .game-card .game-tag{color:#ded9eb}:root[data-theme=dark] .game-card .players-tag{background:#252733;color:#f5f2ff;border-color:#666a7b}:root[data-theme=dark] .game-card .art-bubble{background:#252733!important;color:#f5f2ff!important;border-color:#687084!important;box-shadow:3px 3px #00000059}:root[data-theme=dark] .game-card .bubble-one,:root[data-theme=dark] .game-card .bubble-two{color:#f5f2ff!important}:root[data-theme=dark] .game-card .game-card-body{background:#1b1d28;color:#f5f2ff}.discord-nav-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:2px solid var(--ink);border-radius:999px;background:#5865f2;color:#fff;text-decoration:none;font-size:11px;font-weight:1000;box-shadow:3px 3px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.discord-nav-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.discord-glyph{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#fff;color:#5865f2;font-weight:1000;line-height:1;font-size:17px}.discord-promo{margin-top:48px;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:0;overflow:hidden;border:2px solid var(--ink);border-radius:28px;background:#fff;box-shadow:8px 8px #20202b1f;position:relative}.discord-promo-art{min-height:300px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.28),transparent 22%),linear-gradient(135deg,#6554d8,#5865f2 50%,#7c5cff)}.discord-promo-art:before,.discord-promo-art:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.24)}.discord-promo-art:before{width:290px;height:290px;left:-100px;bottom:-150px}.discord-promo-art:after{width:230px;height:230px;right:-90px;top:-120px}.discord-orbit{position:absolute;border:2px dashed rgba(255,255,255,.45);border-radius:50%;width:190px;height:190px}.orbit-one{transform:rotate(18deg)}.orbit-two{width:135px;height:135px;transform:rotate(-28deg);border-style:solid;opacity:.45}.discord-bot{width:118px;height:92px;border-radius:30px 30px 34px 34px;background:#fff;position:relative;z-index:2;border:3px solid #20202b;box-shadow:7px 8px #20202b52;transform:rotate(-3deg)}.discord-bot:before,.discord-bot:after{content:"";position:absolute;width:14px;height:25px;background:#fff;border:3px solid #20202b;border-radius:9px;top:28px}.discord-bot:before{left:-15px;transform:rotate(12deg)}.discord-bot:after{right:-15px;transform:rotate(-12deg)}.bot-eye{position:absolute;top:30px;width:13px;height:13px;border-radius:50%;background:#5865f2}.bot-eye.left{left:30px}.bot-eye.right{right:30px}.bot-mouth{position:absolute;left:43px;top:53px;width:30px;height:10px;border-bottom:3px solid #20202b;border-radius:50%}.discord-spark{position:absolute;color:#fff;font-size:28px;font-weight:1000;z-index:3;animation:discordFloat 2.8s ease-in-out infinite}.spark-one{left:18%;top:23%}.spark-two{right:16%;bottom:18%;animation-delay:-1.2s}.discord-chip{position:absolute;background:#fff;border:2px solid #20202b;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:1000;box-shadow:3px 3px #20202b4d;z-index:3}.chip-one{left:16px;top:22px;transform:rotate(-7deg)}.chip-two{right:14px;bottom:22px;transform:rotate(7deg)}.discord-promo-copy{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.discord-eyebrow{color:#5865f2}.discord-promo-copy h2{font-size:38px;line-height:1;margin:5px 0 12px;letter-spacing:-1.3px}.discord-promo-copy h2 span{color:#5865f2}.discord-promo-copy p{max-width:640px;color:#66636c;line-height:1.55;font-size:14px;margin:0 0 18px}.discord-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.discord-benefits span{padding:7px 10px;border:1.5px solid #ddd6cf;border-radius:999px;background:#fffaf1;font-size:10px;font-weight:900}.discord-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:2px solid var(--ink);border-radius:14px;background:#5865f2;color:#fff;text-decoration:none;font-size:12px;font-weight:1000;box-shadow:4px 4px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.discord-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.discord-cta b{margin-left:4px;font-size:15px}@keyframes discordFloat{50%{transform:translateY(-7px) rotate(5deg)}}:root[data-theme=dark] .discord-promo{background:#1b1d28;border-color:#464958;box-shadow:8px 8px #00000047}:root[data-theme=dark] .discord-promo-copy p{color:#c1bdca}:root[data-theme=dark] .discord-benefits span{background:#252733;border-color:#464958;color:#f5f2ff}:root[data-theme=dark] .discord-nav-btn{border-color:#596070;box-shadow:3px 3px #07080d}:root[data-theme=dark] .discord-cta{border-color:#596070;box-shadow:4px 4px #07080d}:root[data-theme=dark] .discord-bot{box-shadow:7px 8px #0006}@media(max-width:800px){.discord-promo{grid-template-columns:1fr;margin-top:34px}.discord-promo-art{min-height:230px}.discord-promo-copy{padding:28px 24px}.discord-promo-copy h2{font-size:32px}.discord-nav-btn span:last-child{display:none}.discord-nav-btn{padding:8px 10px}}@media(max-width:520px){.discord-promo-art{min-height:205px}.discord-chip{font-size:9px}.discord-promo-copy{padding:24px 18px}.discord-cta{width:100%;justify-content:center}.discord-benefits span{font-size:9px}}@media(max-width:560px){.hub-nav{width:calc(100% - 28px);padding:14px 0 10px;min-height:64px;gap:8px}.hub-brand{min-width:0;flex:1 1 auto}.hub-brand-full-logo{width:185px;max-width:100%}.hub-brand-name{font-size:24px;letter-spacing:-1px;white-space:nowrap}.hub-nav-actions{flex:0 0 auto;gap:5px}.discord-nav-btn{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink)}.discord-nav-btn .discord-glyph{width:25px;height:25px;border-radius:8px}.discord-nav-btn:hover{transform:none;box-shadow:2px 2px 0 var(--ink)}.hub-nav-pill{display:none}}@media(max-width:350px){.hub-nav{width:calc(100% - 20px);padding-top:11px}.hub-brand-name{font-size:22px;letter-spacing:-.9px}.hub-brand-full-logo{width:165px}.discord-nav-btn{width:39px;height:39px}}.j-main{width:min(1200px,92vw);margin:0 auto;padding:34px 0 70px}.j-home-card,.j-panel,.j-score-edit{border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:9px;font-weight:1000;line-height:1;padding:5px 8px;cursor:pointer;box-sizing:border-box}.j-score-edit:hover{transform:translateY(-1px);filter:brightness(1.04)}.j-end-buzzer{margin-top:4px}.j-countdown .j-end-buzzer{display:block;margin:10px auto 0}.j-host-score-editor{margin-top:14px;background:var(--card);border:2px solid var(--border);border-radius:16px;padding:12px;text-align:left}.j-host-score-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.j-host-score-row:last-child{border-bottom:0}.j-host-score-row strong{min-width:0;flex:1}.j-host-score-row b{margin-left:auto}.j-final-card,.j-results-card,.j-editor-home,.j-editor{background:var(--card);border:2px solid var(--border,#2b2b36);border-radius:24px;box-shadow:8px 8px #20202b1a;padding:34px}.j-home-card{max-width:980px;margin:35px auto}.j-eyebrow{color:var(--purple);font-size:11px;font-weight:1000;letter-spacing:2px;text-transform:uppercase}.j-home-card h1{font-size:clamp(48px,7vw,82px);line-height:.92;margin:12px 0 14px;letter-spacing:-4px}.j-home-card h1 span{color:var(--ink)}.j-home-card h1 em{display:block;color:#6f59f6;font-style:normal}.j-home-card>p{color:var(--muted);font-size:17px;max-width:700px;line-height:1.55}.j-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.j-mode-card{text-align:left;background:var(--surface,#f8f5ff);border:2px solid var(--border,#292934);border-radius:20px;padding:20px;box-shadow:5px 5px #20202b1f;cursor:pointer;color:var(--ink);transition:.18s transform,.18s box-shadow}.j-mode-card:hover{transform:translateY(-4px);box-shadow:7px 8px #20202b21}.j-mode-card h2{margin:15px 0 7px;font-size:26px}.j-mode-card p{color:var(--muted);line-height:1.45}.j-mode-card span{font-size:11px;color:var(--purple);font-weight:900}.j-mode-art{height:110px;border-radius:16px;display:grid;place-items:center;font-size:70px;font-family:"Baloo 2",Nunito,Segoe UI,Arial,sans-serif;font-weight:900;font-style:italic;color:#fff}.j-mode-art.classic{background:linear-gradient(135deg,#2639ff,#7c5cff);text-shadow:5px 5px 0 #161725}.j-mode-art.custom{background:linear-gradient(135deg,#ff4f91,#ffb85c);color:#20202b;text-shadow:3px 3px 0 rgba(255,255,255,.7)}.j-home-actions{display:flex;gap:10px;margin-top:20px}.j-how{margin:30px auto;max-width:1100px}.j-how>div:first-child{margin-bottom:18px}.j-how h2{font-size:34px}.j-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.j-how-grid>div{background:var(--card);border:2px solid var(--border,#2b2b36);border-radius:18px;padding:18px}.j-how-grid b{color:var(--pink);font-size:12px}.j-how-grid strong{display:block;margin:8px 0}.j-how-grid p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.j-create{max-width:820px;margin:50px auto}.j-create h1,.j-lobby-head h1,.j-board-top h1,.j-editor-toolbar h1{font-size:52px;line-height:1;margin:10px 0}.j-create>p{color:var(--muted);max-width:680px}.j-create label{display:block;font-weight:900;font-size:12px;margin-top:18px}.j-create input,.j-create select,.j-editor input,.j-editor textarea,.j-final-card textarea{width:100%;box-sizing:border-box;margin-top:7px;background:var(--surface,#fff);color:var(--ink);border:2px solid var(--border,#d8d0c4);border-radius:14px;padding:12px 13px;font:inherit}.j-create select{height:48px}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto}.j-form-actions{display:flex;gap:10px;margin-top:20px}.j-error{margin-top:12px;color:#b52a45;font-weight:900}.j-role{display:flex;gap:10px;margin-top:12px}.j-role .btn{flex:1}.j-lobby-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:25px 0}.j-lobby-head h1 span{color:var(--purple)}.j-lobby-count{background:var(--yellow);border:2px solid var(--ink);border-radius:18px;padding:12px 18px;text-align:center}.j-lobby-count b{font-size:28px;display:block}.j-lobby-count span{font-size:10px;font-weight:900;letter-spacing:1px}.j-lobby-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.j-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.j-section-head h2,.j-section-head h3{margin:0}.j-list{display:grid;gap:8px;margin:12px 0 25px}.j-member{position:relative;z-index:1;display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;padding:10px;border:2px solid var(--border,#ddd7cb);border-radius:14px;background:var(--surface,#fffaf0)}.j-member.offline{opacity:.6}.j-member strong{display:block}.j-member small{display:block;color:var(--purple);font-size:9px;letter-spacing:1px;font-weight:900}.avatar{width:36px;height:36px;border-radius:12px;background:#ff9fc1;display:grid;place-items:center;font-weight:1000;color:#20202b}.avatar.spectator{background:#a9a0ff}.tiny-menu,.mini-btn{border:2px solid var(--border,#2c2c38);background:var(--surface,#fff);color:var(--ink);border-radius:10px;padding:7px 9px;font-weight:900;cursor:pointer}.j-member .tiny-menu{min-width:30px}.pill{padding:6px 10px;border-radius:999px;background:var(--yellow);color:#20202b;font-size:10px;font-weight:1000}.category-editor{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border,#d7d0c6)}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.category-chips span{padding:8px 10px;background:var(--purple-soft,#eeeaff);border-radius:10px;font-weight:900;font-size:12px}.j-host-note{margin:14px 0;padding:12px;background:var(--surface,#f7f3ff);border-radius:12px;color:var(--muted);line-height:1.45;font-size:12px}.j-waiting{padding:50px 15px;text-align:center;color:var(--muted)}.j-board-top{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:30px 0}.j-board-top h1{font-size:34px;max-width:720px}.j-score-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.score-mini{padding:7px 10px;border-radius:999px;background:var(--card);border:2px solid var(--border,#3a3c49);font-size:10px;font-weight:900}.score-mini.me{background:#30294a;color:#fff}.j-board-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.j-col{display:grid;gap:9px}.j-col-head{min-height:74px;background:linear-gradient(145deg,#2a3cff,#6a4eff);color:#fff;border:2px solid #17182b;border-radius:16px;display:grid;place-items:center;text-align:center;padding:10px;font-weight:1000;font-size:clamp(13px,1.5vw,19px);text-shadow:2px 2px 0 rgba(0,0,0,.18)}.j-clue{min-height:92px;border:2px solid #17182b;border-radius:16px;background:linear-gradient(145deg,#2437ff,#4c55d8);color:#ffd35c;font:1000 clamp(28px,4vw,52px) "Baloo 2";cursor:pointer;box-shadow:4px 4px #00000047;transition:.15s transform,.15s filter}.j-clue:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.08)}.j-clue.used{background:var(--surface,#f0eff8);color:var(--muted);box-shadow:none;cursor:default}.j-clue:disabled{opacity:1}.j-turn-note{text-align:center;color:var(--muted);font-size:12px;font-weight:800;margin:14px 0 0}.j-question-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:25px}.j-question-card{background:var(--card);border:2px solid var(--border);border-radius:24px;padding:28px 34px 32px;box-shadow:8px 8px #20202b1a;text-align:center}.j-question-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--purple);font-weight:1000;letter-spacing:1px}.j-question-top span{padding:7px 10px;border:2px solid var(--purple-soft,#eeeaff);border-radius:10px;background:var(--purple-soft,#f3efff)}.j-question-top strong{font-size:22px;background:var(--yellow);color:#20202b;border:2px solid var(--ink);border-radius:12px;padding:6px 12px;box-shadow:3px 3px #20202b1a}.j-question-text{min-height:250px;display:grid;place-items:center;font-size:clamp(28px,4vw,52px);font-weight:1000;line-height:1.05;max-width:850px;margin:auto;padding:18px 10px}.j-countdown{font-size:26px;font-weight:900;color:var(--purple)}.j-countdown b{font-size:64px;color:var(--pink);display:block}.j-buzzer-area{display:grid;place-items:center;gap:12px}.j-buzzer-timer{font-size:44px;font-weight:1000}.j-buzzer-btn{width:min(380px,90%);height:110px;border-radius:26px;border:4px solid #17182b;background:linear-gradient(145deg,#ff4f91,#ff2f73);color:#fff;font:1000 42px "Baloo 2";box-shadow:8px 8px #17182b;cursor:pointer;transition:.08s transform}.j-buzzer-btn:active{transform:translate(5px,5px);box-shadow:3px 3px #17182b}.j-skip-btn{border:2px solid var(--border);border-radius:999px;background:var(--surface);padding:8px 12px;font-weight:900;color:var(--muted);cursor:pointer}.j-skip-btn span{color:var(--purple);margin-left:6px}.buzz-list{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.buzz-list span{padding:6px 9px;background:var(--surface);border:2px solid var(--border);border-radius:999px;font-size:10px;font-weight:900}.j-buzz-order{display:grid;gap:7px;margin-top:10px}.j-buzz-order>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px;font-weight:900}.j-buzz-order b{color:var(--purple);min-width:20px}.j-buzz-order span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-no-buzz{font-size:12px!important;color:var(--muted);font-weight:900;margin:10px 0!important}.j-answer-live{display:grid;gap:15px}.answer-candidate{font-size:22px;font-weight:1000;color:var(--purple)}.host-answer-controls{display:grid;gap:12px}.answer-timer-box{font-size:42px;font-weight:1000}.answer-timer-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.j-judge-answer{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn.danger{background:#b32749;color:#fff}.wait-judge{padding:18px;border-radius:15px;background:var(--surface);color:var(--muted)}.question-result{min-height:90px;display:grid;place-items:center;color:var(--muted);font-weight:900}.question-result strong{font-size:36px;color:var(--purple)}.j-side-panel{display:grid;align-content:start;gap:14px}.j-score-side,.j-host-secret{background:var(--card);border:2px solid var(--border);border-radius:20px;padding:14px}.j-score-row{display:flex;align-items:center;gap:7px;padding:8px;border-radius:12px}.j-score-row>span:first-child{width:20px;text-align:center;flex:0 0 20px}.j-score-row .avatar{flex:0 0 34px}.j-score-row>strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-score-row>b{font-size:13px;min-width:58px;text-align:right}.j-score-row.me{background:var(--purple-soft,#eeeaff);color:var(--ink)}.j-score-row em{color:var(--purple);font-style:normal;font-size:8px}.j-host-secret{background:#fff2c1}.j-host-secret h3{margin:5px 0}.j-host-secret p{font-size:26px;font-weight:1000;margin:6px 0}.j-host-secret.participant{background:linear-gradient(135deg,#f5f0ff,#fff8df);color:var(--ink);border-color:#d8cfff}.j-final-card{max-width:900px;margin:40px auto}.j-final-head{display:flex;justify-content:space-between;align-items:center}.j-final-head strong{background:var(--yellow);color:#20202b;border:2px solid var(--ink);padding:7px 12px;border-radius:13px;font-size:24px}.j-final-card h1{font-size:48px;line-height:1.02}.j-final-card>p{color:var(--muted)}.wager-list{display:grid;gap:8px;margin:20px 0}.wager-row,.final-judge-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px;border:2px solid var(--border);border-radius:14px;background:var(--surface)}.wager-row small,.final-judge-row small{display:block;color:var(--muted);font-size:10px}.wager-row.me{background:#30294a;color:#fff}.wager-input{display:flex;gap:8px}.wager-input input{width:130px}.j-submitted{padding:15px;background:#dff8ef;color:#0e7d60;border-radius:12px;font-weight:1000;text-align:center}.final-judge-row p{margin:7px 0;color:var(--muted);font-size:14px}.j-results-card{max-width:760px;margin:50px auto}.j-results-card h1{font-size:52px}.leaderboard{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:13px;border:2px solid var(--border);border-radius:13px;background:var(--surface)}.leader-row.top{background:#fff0a8}.j-winner{text-align:center;font-size:20px;font-weight:1000;margin:22px 0}.j-editor-home{margin:40px auto;max-width:1100px}.j-editor-top,.j-editor-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px}.editor-list{display:grid;gap:10px;margin-top:24px}.saved-board{display:flex;justify-content:space-between;align-items:center;gap:15px;border:2px solid var(--border);border-radius:16px;padding:15px;background:var(--surface)}.saved-board h2{margin:5px 0}.saved-board p{margin:0;color:var(--muted);font-size:12px}.saved-actions{display:flex;flex-wrap:wrap;gap:6px}.danger-mini{color:#a52a49}.import-box{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--muted);font-size:12px}.file-label{cursor:pointer}.j-editor{margin:40px auto}.j-editor-toolbar h1 input{border:0;padding:0;margin:0;font:inherit;background:transparent}.j-editor-toolbar small{color:#14916d;font-weight:900}.j-editor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.editor-category{border:2px solid var(--border);border-radius:16px;background:var(--surface);padding:10px}.cat-input{font-weight:1000!important}.editor-clues{display:grid;gap:8px;margin-top:8px}.editor-clue{display:grid;gap:5px}.value-tag{font-size:10px;font-weight:1000;color:var(--purple)}.editor-clue textarea{min-height:88px;resize:vertical}.editor-clue input,.cat-input{padding:9px!important;border-radius:10px!important}.editor-final{margin-top:18px;padding-top:18px;border-top:2px dashed var(--border)}.final-grid{display:grid;gap:8px}.final-grid textarea{min-height:110px;resize:vertical}.empty-editor{padding:40px;text-align:center;color:var(--muted);border:2px dashed var(--border);border-radius:16px}:root[data-theme=dark] .j-home-card,:root[data-theme=dark] .j-panel,:root[data-theme=dark] .j-final-card,:root[data-theme=dark] .j-results-card,:root[data-theme=dark] .j-editor-home,:root[data-theme=dark] .j-editor,:root[data-theme=dark] .j-question-card,:root[data-theme=dark] .j-score-side{background:#1b1d28;color:#f5f2ff;border-color:#3c3f4c;box-shadow:8px 8px #0000003d}:root[data-theme=dark] .j-mode-card,:root[data-theme=dark] .j-member,:root[data-theme=dark] .wager-row,:root[data-theme=dark] .final-judge-row,:root[data-theme=dark] .saved-board,:root[data-theme=dark] .editor-category{background:#20222e;color:#f5f2ff;border-color:#424654}:root[data-theme=dark] .j-home-card>p,:root[data-theme=dark] .j-mode-card p,:root[data-theme=dark] .j-how-grid p,:root[data-theme=dark] .j-create>p,:root[data-theme=dark] .j-waiting,:root[data-theme=dark] .j-host-note,:root[data-theme=dark] .j-final-card>p,:root[data-theme=dark] .saved-board p,:root[data-theme=dark] .import-box{color:#bcb7c8}:root[data-theme=dark] .j-create input,:root[data-theme=dark] .j-create select,:root[data-theme=dark] .j-editor input,:root[data-theme=dark] .j-editor textarea,:root[data-theme=dark] .j-final-card textarea{background:#222531;color:#f5f2ff;border-color:#464a58}:root[data-theme=dark] .j-clue.used{background:#252733;color:#868294;border-color:#424654}:root[data-theme=dark] .j-host-secret{background:#2d2920;color:#fff3c8}:root[data-theme=dark] .j-host-secret.participant{background:#20222e;color:#bcb7c8}.j-score-row.me{background:linear-gradient(135deg,#fff0f6,#f3efff);color:var(--ink)}.j-score-row em{color:var(--purple)}.j-buzz-order>div{background:linear-gradient(135deg,#f7f1ff,#fff7ed);border-color:#d8cfff;color:var(--ink)}.j-buzzer-btn{touch-action:manipulation}.jeopardy-card .card-art{position:relative;overflow:hidden}.jeopardy-card .j-scene{position:relative;width:100%;height:150px;display:grid;place-items:center}.j-board-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:78%;transform:rotate(-4deg);filter:drop-shadow(4px 5px 0 rgba(20,20,40,.18))}.j-board-mini span{padding:8px 2px;text-align:center;border-radius:7px;background:#2337ff;color:#ffd35c;border:2px solid #17203e;font:900 10px Nunito}.j-buzzer{position:absolute;right:13%;bottom:13%;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ff4f91;color:#fff;border:3px solid #20202b;box-shadow:3px 3px #20202b;animation:jBuzzPulse 1.5s ease-in-out infinite}.j-spark{position:absolute;color:#fff;font-size:24px;animation:jSpark 2.1s ease-in-out infinite}.js1{left:14%;top:18%}.js2{right:20%;top:17%;animation-delay:.7s}@keyframes jBuzzPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes jSpark{0%,to{opacity:.4;transform:rotate(0) scale(.9)}50%{opacity:1;transform:rotate(18deg) scale(1.2)}}@media(max-width:900px){.j-mode-grid,.j-lobby-grid,.j-question-layout{grid-template-columns:1fr}.j-how-grid{grid-template-columns:1fr 1fr}.j-board-grid{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:6px}.j-col{min-width:120px}.j-board-top{align-items:start;flex-direction:column}.j-score-strip{justify-content:flex-start}.j-editor-grid{grid-template-columns:1fr 1fr}.saved-board{align-items:flex-start;flex-direction:column}.of-game-actions{flex-wrap:wrap;justify-content:flex-end}.j-col-head{font-size:14px}}@media(max-width:560px){.j-main{width:94vw;padding-top:20px}.j-home-card,.j-panel,.j-final-card,.j-results-card,.j-editor-home,.j-editor,.j-question-card{padding:20px;border-radius:20px}.j-home-card h1,.j-create h1,.j-lobby-head h1,.j-editor-toolbar h1{font-size:40px}.j-mode-grid,.j-how-grid{grid-template-columns:1fr}.j-home-actions,.j-form-actions,.j-role{flex-direction:column}.j-lobby-head{align-items:flex-start;flex-direction:column}.j-question-text{min-height:240px;font-size:31px}.j-buzzer-btn{height:95px;font-size:34px}.j-editor-grid{grid-template-columns:1fr}.j-editor-toolbar{align-items:flex-start;flex-direction:column}.j-board-grid{grid-template-columns:repeat(5,125px)}.j-final-card h1{font-size:34px}.wager-row,.final-judge-row{align-items:flex-start;flex-direction:column}.wager-input,.wager-input input{width:100%}}.tiny-menu-wrap{position:relative;z-index:5;display:flex;align-items:center}.j-member.menu-open{z-index:50}.tiny-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:100;display:none;min-width:150px;padding:6px;background:var(--card,#fff);border:2px solid var(--border,#2c2c38);border-radius:12px;box-shadow:5px 5px #20202b24}.tiny-dropdown.open{display:grid;gap:4px}.tiny-dropdown button{border:0;background:transparent;color:var(--ink);padding:9px 10px;text-align:left;font:inherit;font-size:12px;font-weight:900;border-radius:8px;cursor:pointer}.tiny-dropdown button:hover{background:var(--purple-soft,#eeeaff)}.host-member{margin:12px 0 22px}.avatar.host{background:#ffcf4b}.tiny-menu{cursor:pointer;position:relative;z-index:101}.j-role .btn{min-height:52px}.j-role .btn:disabled{opacity:.7;cursor:wait}:root[data-theme=dark] .tiny-dropdown{background:#1f222d;border-color:#474b5a;box-shadow:5px 5px #0000004d}:root[data-theme=dark] .tiny-dropdown button{color:#f5f2ff}.tiny-dropdown button:hover{background:#302b45}.sg-page{min-height:100vh;padding:18px;background:var(--bg,#fffaf1);color:var(--ink,#20202b)}.sg-top{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.sg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:1000}.sg-brand img{width:46px;height:46px;object-fit:contain;border-radius:50%;border:2px solid var(--ink);background:#fff}.sg-brand strong{font-size:24px}.sg-brand strong span{color:#1aa9f2}.sg-title{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:15px;letter-spacing:.8px}.sg-room{border:2px solid var(--ink);border-radius:999px;padding:7px 11px;background:#fff;font-size:10px}.sg-actions{display:flex;align-items:center;gap:8px}.sg-link{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:8px 12px;font-weight:900}.sg-wrap{max-width:1180px;margin:38px auto}.sg-card{background:#fff;border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px #20202b1f}.sg-center{text-align:center;max-width:720px;margin:0 auto;padding:36px}.sg-sticker{display:inline-block;background:#ffb6cc;border:2px solid var(--ink);border-radius:10px;padding:7px 11px;font-size:10px;font-weight:1000;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.sg-center h1{font-size:62px;letter-spacing:-3px;margin:20px 0 10px}.sg-center h2{font-size:40px;margin:18px 0 10px}.sg-sub{color:#77727d;line-height:1.5}.sg-input{width:100%;padding:14px 15px;border:2px solid #ddd7d0;border-radius:12px;margin:8px 0}.sg-row{display:flex;gap:10px}.sg-btn{border:2px solid var(--ink);border-radius:12px;padding:12px 17px;font-weight:1000;background:#f3efff;color:var(--ink)}.sg-btn.primary{background:#ff4f91;color:#fff;box-shadow:4px 4px 0 var(--ink)}.sg-code-big{font-size:46px;font-weight:1000;letter-spacing:8px;margin:18px 0}.sg-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:24px 0}.sg-player{display:flex;align-items:center;gap:8px;padding:12px;border:2px solid #e7e1db;border-radius:15px;background:#fffdf9;text-align:left}.sg-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#7d68e8;color:#fff;font-weight:1000;border:2px solid var(--ink)}.sg-host{font-size:8px;background:#ffe27b;border:1px solid var(--ink);padding:3px 6px;border-radius:999px}.sg-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.sg-settings label{font-size:10px;font-weight:1000;letter-spacing:1px;text-align:left}.sg-settings select{width:100%;margin-top:6px;padding:11px;border:2px solid #ddd7d0;border-radius:10px;background:#fff}.sg-error{color:#df3d64;font-weight:900}.sg-game{max-width:1500px;margin:24px auto}.sg-game-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.sg-round{font-size:10px;font-weight:1000;letter-spacing:1px;color:#7d68e8}.sg-game-top h2{margin:5px 0;font-size:28px}.sg-word{font-weight:1000}.sg-word b{color:#7d68e8}.sg-timer,.sg-choice-timer{background:#fff0a8;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;font-size:30px;font-weight:1000;padding:10px 17px;min-width:70px;text-align:center}.sg-timer.danger,.sg-choice-timer.danger{background:#ff5f7e;color:#fff}.sg-timer.critical,.sg-choice-timer.critical{animation:sgPulse .75s infinite}@keyframes sgPulse{50%{transform:scale(1.08)}}.sg-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:14px}.sg-canvas-card{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:12px;box-shadow:5px 5px #20202b14}.sg-canvas-card canvas{width:100%;display:block;aspect-ratio:10/7;background:#fff;border:2px solid #e6e0d9;border-radius:14px;touch-action:none}.sg-watch{text-align:center;font-size:12px;font-weight:900;color:#77727d;padding:10px}.sg-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.sg-tool{border:2px solid #d9d2ca;background:#fff;border-radius:10px;padding:8px 10px;font-weight:900}.sg-tool.active{background:#efe9ff;border-color:#7d68e8}.sg-colors{display:flex;gap:6px;flex-wrap:wrap}.sg-color{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);padding:0}.sg-color.sel{outline:3px solid #7d68e8;outline-offset:2px}.sg-size{font-size:10px;font-weight:1000}.sg-side{display:flex;flex-direction:column;gap:12px}.sg-scorebox,.sg-chatbox{background:#fff;border:2px solid var(--ink);border-radius:18px;overflow:hidden}.sg-scorebox h3,.sg-chathead{margin:0;padding:11px 13px;background:#ffe27b;border-bottom:2px solid var(--ink);font-size:11px;letter-spacing:1px}.sg-scoreline{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #ece6df;font-weight:900;font-size:12px}.sg-rank{width:26px;height:26px;border-radius:9px;background:#f3efff;border:2px solid #d9d2ca;display:grid;place-items:center;font-size:10px}.sg-scoreline.me .sg-rank{background:#7d68e8;color:#fff;border-color:#7d68e8}.sg-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-player-name em{font-style:normal;color:#7d68e8;font-size:9px;margin-left:4px}.sg-score{font-size:14px;min-width:38px;text-align:right}.sg-scoreline.me{background:#efe9ff}.sg-chathead{display:flex;justify-content:space-between;background:#f0eaff}.sg-chat{height:330px;overflow:auto;padding:10px;font-size:12px;line-height:1.5}.sg-chat>div{margin-bottom:7px}.sg-chat-correct{color:#1aa9f2;font-weight:900;animation:sgPop .25s ease}@keyframes sgPop{50%{transform:scale(1.03)}}.sg-chat-input{display:flex;border-top:2px solid #e6e0d9}.sg-chat-input input{flex:1;border:0;padding:11px;outline:none;background:transparent;color:inherit}.sg-chat-input button{border:0;border-left:2px solid #e6e0d9;padding:0 14px;background:#ff4f91;color:#fff;font-weight:1000}.sg-choose{max-width:900px;margin:40px auto}.sg-choice-timer{margin:12px auto;width:max-content;background:#fff3a9}.sg-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.sg-choice{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:24px 10px;font-size:18px;font-weight:1000;box-shadow:5px 5px #20202b14}.sg-choice:hover{transform:translateY(-2px)}.standalone{margin-top:14px}.sg-score-list{margin:20px 0}.sg-score-list>div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px dashed #e0d8d1;font-weight:1000}:root[data-theme=dark] .sg-page{background:#12131b;color:#f6f2ff}:root[data-theme=dark] .sg-card,:root[data-theme=dark] .sg-canvas-card,:root[data-theme=dark] .sg-scorebox,:root[data-theme=dark] .sg-chatbox,:root[data-theme=dark] .sg-choice,:root[data-theme=dark] .sg-player{background:#1b1d28;border-color:#4a4c59;color:#f6f2ff}:root[data-theme=dark] .sg-sub{color:#b6b3be}:root[data-theme=dark] .sg-room,:root[data-theme=dark] .sg-link,:root[data-theme=dark] .sg-btn:not(.primary),:root[data-theme=dark] .sg-tool,:root[data-theme=dark] .sg-settings select{background:#242632;color:#f6f2ff;border-color:#4a4c59}:root[data-theme=dark] .sg-scoreline{border-color:#343743}:root[data-theme=dark] .sg-scoreline.me{background:#2c2448}:root[data-theme=dark] .sg-chathead{background:#2b2445;border-color:#454754;color:#f6f2ff}:root[data-theme=dark] .sg-chat-input{border-color:#454754}:root[data-theme=dark] .sg-chat-input input{color:#f6f2ff}:root[data-theme=dark] .sg-timer,:root[data-theme=dark] .sg-choice-timer{background:#302a16;color:#fff;border-color:#ffe27b}:root[data-theme=dark] .sg-choice-timer{background:#302a16}:root[data-theme=dark] .sg-avatar{border-color:#fff}.sg-chatbox.standalone{max-width:900px;margin:15px auto}.sg-chatbox.standalone .sg-chat{height:220px}@media(max-width:900px){.sg-top{flex-wrap:wrap}.sg-title{order:3;width:100%;justify-content:center}.sg-layout{grid-template-columns:1fr}.sg-side{display:grid;grid-template-columns:1fr 1fr}.sg-chat{height:220px}.sg-center h1{font-size:46px}.sg-settings,.sg-choices{grid-template-columns:1fr}.sg-game{padding:0 2px}.sg-game-top{align-items:flex-start}.sg-timer{min-width:62px}.sg-tools{gap:6px}.sg-tool{padding:7px 8px;font-size:11px}}@media(max-width:600px){.sg-page{padding:12px}.sg-brand strong{font-size:21px}.sg-brand img{width:40px;height:40px}.sg-actions{margin-left:auto}.sg-side{grid-template-columns:1fr}.sg-scorebox{order:2}.sg-chatbox{order:1}.sg-chat{height:180px}.sg-canvas-card canvas{aspect-ratio:1/1}.sg-code-big{font-size:36px}.sg-center{padding:24px 16px}.sg-game-top{gap:10px}.sg-game-top h2{font-size:20px}.sg-word{font-size:13px}}.sketch-guess-art{position:relative;overflow:hidden;background:linear-gradient(140deg,#cfe8ff,#efe6ff 55%,#ffdff1)}.sg-card-art-scene{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.sg-mini-canvas{width:62%;height:72%;background:#fff;border:4px solid #20202b;border-radius:18px;position:relative;box-shadow:8px 8px #20202b26;transform:rotate(-4deg);animation:sgCardCanvas 3s ease-in-out infinite}.sg-mini-canvas span,.sg-mini-canvas i,.sg-mini-canvas b{position:absolute;display:block;border-radius:999px}.sg-mini-canvas span{width:62%;height:8px;background:#7d68e8;left:16%;top:34%;transform:rotate(-18deg);animation:sgDrawLine 2.5s ease-in-out infinite}.sg-mini-canvas i{width:52%;height:8px;background:#ff5f96;left:25%;top:52%;transform:rotate(18deg);animation:sgDrawLine2 2.4s ease-in-out infinite}.sg-mini-canvas b{width:30px;height:30px;background:#72dfc0;left:44%;top:18%;border:3px solid #20202b}.sg-mini-pencil{position:absolute;right:15%;bottom:13%;font-size:54px;transform:rotate(-34deg);animation:sgPencilFloat 2s ease-in-out infinite}.sg-mini-bubble{position:absolute;left:10%;top:10%;background:#fff3a9;border:3px solid #20202b;border-radius:16px;padding:10px 14px;font-weight:1000;transform:rotate(6deg);animation:sgBubble 2.5s ease-in-out infinite}.sg-mini-star{position:absolute;right:14%;top:12%;font-size:30px;color:#7d68e8;animation:sgStar 1.8s ease-in-out infinite}@keyframes sgCardCanvas{50%{transform:rotate(2deg) translateY(-4px)}}@keyframes sgDrawLine{50%{transform:rotate(-10deg);width:72%}}@keyframes sgDrawLine2{50%{transform:rotate(8deg);width:64%}}@keyframes sgPencilFloat{50%{transform:translateY(-6px) rotate(-24deg)}}@keyframes sgBubble{50%{transform:rotate(2deg) scale(1.03)}}@keyframes sgStar{50%{transform:scale(1.18) rotate(10deg)}}:root[data-theme=dark] .sketch-guess-art{background:linear-gradient(140deg,#1b2a42,#33224d 55%,#4b233b)}.sg-scoreline{position:relative}.sg-kick-inline{border:2px solid #d9d2ca;background:#fff;border-radius:8px;width:28px;height:28px;color:inherit;font-weight:1000;font-size:18px;line-height:1;cursor:pointer}.sg-kick-inline:hover{background:#fff0f4;border-color:#ff4f91}.sg-tools{align-items:center}.sg-toolgroup{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sg-color{box-sizing:border-box}.sg-color[style*="#ffffff"]{background:#fff!important}.sg-size input{vertical-align:middle;min-width:140px}@media(min-width:901px){.sg-canvas-card canvas{min-height:760px;max-height:calc(100vh - 250px);height:auto;aspect-ratio:10/7}.sg-chat{height:380px}.sg-game{padding:0 10px}.sg-layout{grid-template-columns:minmax(0,1fr) 360px}}.bomb-party-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#fff1a9 0,#ffd7e5 28%,#e5ddff 70%,#cfefff)}.bp-card-bomb{position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);border:4px solid #20202b;border-radius:50%;background:radial-gradient(circle at 35% 28%,#5c6373,#252934 45%,#101118 80%);box-shadow:inset -10px -12px #0003,0 12px 24px #20202b33;animation:bpCardFloat 2.8s ease-in-out infinite}.bp-card-core{position:absolute;inset:36px;border-radius:50%;background:radial-gradient(circle,#fff7a7,#ffcf4d 32%,#ff5f7e 62%,#7657ff);box-shadow:0 0 20px #ff5f7ea6;animation:bpCardPulse .8s ease-in-out infinite}.bp-card-fuse{position:absolute;width:35px;height:44px;right:4px;top:-34px;border-top:7px solid #20202b;border-radius:50%;transform:rotate(25deg);z-index:2}.bp-card-fuse:after{content:"✦";position:absolute;right:-12px;top:-14px;color:#ff9f2e;font-size:22px;animation:bpCardSpark .35s steps(2) infinite}.bp-card-letter{position:absolute;background:#fff;border:2px solid #20202b;border-radius:7px;padding:4px 6px;font-size:8px;font-weight:1000;box-shadow:2px 2px #20202b2e}.bp-card-letter.l1{left:-28px;top:20px;transform:rotate(-10deg)}.bp-card-letter.l2{right:-40px;top:45px;transform:rotate(8deg)}.bp-card-letter.l3{left:22px;bottom:-19px;transform:rotate(7deg)}@keyframes bpCardFloat{50%{transform:translate(-50%,-54%) rotate(3deg)}}@keyframes bpCardPulse{50%{transform:scale(1.12);filter:brightness(1.18)}}@keyframes bpCardSpark{50%{transform:scale(1.4) rotate(20deg)}}:root[data-theme=dark] .bomb-party-art{background:radial-gradient(circle at 50% 50%,#5b4815 0,#54283b 30%,#31264d 70%,#183d50)}.bn-topbar{padding:0 5vw;gap:18px}.bn-topbar .brand img{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:7px}.bn-topbar .brand b{color:var(--blue)}.bn-title{font-family:"Baloo 2";font-weight:900;letter-spacing:.8px;font-size:13px;background:#d9f5ff;border:2px solid var(--ink);border-radius:999px;padding:8px 12px;box-shadow:3px 3px 0 var(--ink)}.bn-head-actions{display:flex;align-items:center;gap:10px}.bn-exit{padding:8px 12px;font-size:11px;background:var(--surface)}.bn-main{padding-top:34px}.bn-hero{text-align:center;max-width:900px;margin:30px auto 0}.bn-hero.compact{max-width:600px}.bn-hero h1{font-size:clamp(52px,8vw,84px);margin:25px 0 18px;line-height:.9;letter-spacing:-3px}.bn-hero h1 span{color:var(--blue);text-shadow:4px 4px 0 #d8f2ff}.bn-hero>p{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.55}.bn-form{max-width:520px;margin:28px auto 0}.bn-form input{width:100%;padding:15px 18px;border:2px solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);outline:none;font-weight:800;text-align:center}.bn-form input:focus{box-shadow:0 0 0 4px #65b9ff40}.bn-form .home-actions{margin:16px 0}.bn-error{min-height:20px;color:#d53b62;font-weight:800;font-size:13px}.bn-how{margin-top:50px}.bn-lobby{max-width:1050px;margin:10px auto}.bn-lobby-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.bn-lobby-head h1{font-size:48px;margin:4px 0}.bn-lobby-head p{color:var(--muted);margin:0}.bn-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bn-team-card,.bn-open-seat,.bn-rules,.bn-panel-card{background:var(--card);border:2px solid var(--ink);border-radius:22px;box-shadow:5px 5px #20202b1a}.bn-team-card{padding:18px}.bn-team-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.bn-team-top strong{font-family:"Baloo 2";font-size:22px}.bn-team-top span{font-size:12px;font-weight:900;color:var(--muted)}.bn-player{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.bn-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#d9f5ff;border:2px solid var(--ink);font-weight:1000}.bn-player div{flex:1}.bn-player small{display:block;color:var(--muted);font-size:11px}.bn-vehicle-select{border:2px solid var(--ink);border-radius:11px;padding:8px;background:var(--surface);color:var(--ink);font-weight:800;max-width:150px}.bn-open-seat{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);border-style:dashed}.bn-rules{margin-top:18px;padding:14px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800}.bn-race{max-width:1250px;margin:0 auto}.bn-race-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bn-race-chip{display:inline-block;padding:6px 10px;border:2px solid var(--ink);border-radius:999px;background:#d9f5ff;font-size:11px;font-weight:1000;margin-right:8px}.bn-race-status{font-weight:1000;color:var(--pink)}.bn-driver{min-height:calc(100vh - 180px);display:grid;place-items:center;position:relative}.bn-fog{width:min(100%,1100px);height:min(70vh,680px);min-height:440px;border-radius:30px;background:radial-gradient(circle at 50% 48%,#222533 0,#0d0f18 42%,#05060a);border:3px solid var(--ink);box-shadow:inset 0 0 100px #ffffff08,8px 8px #20202b1f;display:grid;place-items:center;color:#fff;text-align:center;overflow:hidden}.bn-fog:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#ffffff06;filter:blur(30px);animation:bnFogPulse 5s ease-in-out infinite}.bn-fog-text{position:relative;z-index:1}.bn-big-icon{font-size:64px;filter:drop-shadow(0 0 18px rgba(101,185,255,.35))}.bn-fog h1{font-size:clamp(34px,5vw,62px);margin:10px 0 5px;letter-spacing:-2px}.bn-fog p{color:#aab0c1}.bn-driver-hud{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.bn-driver-hud span{padding:8px 12px;border:1px solid #414758;border-radius:999px;background:#161923;color:#dfe5f5;font-size:11px;font-weight:900}.bn-driver-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.bn-voice-note{color:var(--muted);font-size:12px;font-weight:700}.bn-nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.bn-nav-wrap canvas{width:100%;height:auto;display:block;background:#111827;border:3px solid var(--ink);border-radius:24px;box-shadow:7px 7px #20202b1f}.bn-nav-panel{display:grid;gap:12px}.bn-panel-card{padding:18px}.bn-panel-card b{font-size:10px;letter-spacing:1.2px;color:var(--pink)}.bn-panel-card h2{font-size:24px;margin:7px 0}.bn-panel-card p{color:var(--muted);line-height:1.5;margin:0}.bn-results{max-width:700px;margin:40px auto;text-align:center}.bn-results h1{font-size:64px;margin:20px 0 8px}.bn-results p{color:var(--muted)}.bn-results-grid{margin:25px 0;display:grid;gap:10px}.bn-result-row{display:grid;grid-template-columns:45px 1fr 100px;align-items:center;text-align:left;padding:14px 16px;background:var(--card);border:2px solid var(--ink);border-radius:15px}.bn-result-row strong{justify-self:end}.bn-team-card,.bn-open-seat{animation:bnCardIn .35s ease both}.bn-team-card:nth-child(2){animation-delay:.05s}.bn-team-card:nth-child(3){animation-delay:.1s}.bn-team-card:nth-child(4){animation-delay:.15s}.blind-nav-art{background:linear-gradient(135deg,#c9f3ff,#c8c2ff)}.bn-card-maze{position:absolute;inset:0;overflow:hidden}.bn-road{position:absolute;background:#fff;border:4px solid var(--ink);border-radius:18px;box-shadow:5px 5px #20202b1f}.bn-road.r1{width:75%;height:45px;left:10%;top:28%}.bn-road.r2{width:45px;height:60%;left:63%;top:28%}.bn-road.r3{width:52%;height:45px;left:18%;bottom:22%}.bn-car-icon{position:absolute;left:47%;top:39%;font-size:55px;transform:rotate(-8deg);filter:drop-shadow(5px 5px 0 rgba(32,32,43,.18));animation:bnDrive 1.8s ease-in-out infinite}.bn-eye-icon{position:absolute;right:13%;top:16%;font-size:44px;animation:bnFloat 2.4s ease-in-out infinite}.bn-spark-icon{position:absolute;left:15%;bottom:15%;font-size:38px;color:#ff5c93;animation:bnSpin 2.2s linear infinite}.bn-card-maze:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff59;top:10%;left:38%;filter:blur(8px)}@keyframes bnFogPulse{0%,to{transform:scale(.8);opacity:.25}50%{transform:scale(1.15);opacity:.6}}@keyframes bnCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bnDrive{0%,to{transform:translate(-12px) rotate(-8deg)}50%{transform:translate(12px) rotate(4deg)}}@keyframes bnFloat{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes bnSpin{to{transform:rotate(360deg)}}:root[data-theme=dark] .bn-title{background:#20384a;color:#f8f6ff}:root[data-theme=dark] .bn-team-card,:root[data-theme=dark] .bn-open-seat,:root[data-theme=dark] .bn-rules,:root[data-theme=dark] .bn-panel-card,:root[data-theme=dark] .bn-result-row{background:#1b1d28}:root[data-theme=dark] .bn-player{border-color:#353847}:root[data-theme=dark] .bn-avatar{background:#243d4b}:root[data-theme=dark] .bn-vehicle-select{background:#151722;color:#f8f6ff}:root[data-theme=dark] .bn-road{background:#e9e8e2}@media(max-width:800px){.bn-head-actions{gap:6px}.bn-title{font-size:10px;padding:7px 9px}.bn-exit{display:none}.bn-teams{grid-template-columns:1fr}.bn-lobby-head{align-items:flex-start;flex-direction:column}.bn-lobby-head h1{font-size:38px}.bn-nav-wrap{grid-template-columns:1fr}.bn-nav-panel{grid-template-columns:1fr 1fr}.bn-nav-panel .btn{grid-column:1/-1}.bn-driver{min-height:calc(100vh - 155px)}.bn-fog{min-height:420px;height:66vh}.bn-results h1{font-size:48px}.bn-topbar{padding:0 3vw}.bn-topbar .brand span{font-size:20px}.bn-player{align-items:flex-start}.bn-vehicle-select{max-width:125px}.bn-how{margin-top:34px}}@media(max-width:520px){.bn-title{display:none}.bn-nav-panel{grid-template-columns:1fr}.bn-nav-panel .btn{grid-column:auto}.bn-fog{min-height:360px;height:62vh;border-radius:22px}.bn-fog h1{font-size:34px}.bn-big-icon{font-size:52px}.bn-race-head{align-items:flex-start;gap:8px;flex-direction:column}.bn-main{padding-top:20px}.bn-hero h1{font-size:56px}.bn-team-top{align-items:flex-start;flex-direction:column}.bn-result-row{grid-template-columns:36px 1fr 80px}}.bn-of-header{width:min(1180px,92vw)}.bn-of-actions{flex:0 0 auto;min-width:max-content}.bn-of-actions>*{flex:0 0 auto}.bn-of-actions .of-game-title-chip,.bn-of-actions .of-game-back,.bn-of-actions .room-pill{white-space:nowrap}.bn-of-actions .of-game-back{cursor:pointer}@media(max-width:760px){.bn-of-header{width:92vw}.bn-of-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}}.bn-connection{font-size:11px!important;font-weight:900!important;color:var(--muted)!important;margin-top:8px!important}.bn-seat-open{margin-top:8px;padding:10px;border:2px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted);font-size:11px;font-weight:900}.bn-error:empty{display:none}.bn-touch-controls{display:none;user-select:none;-webkit-user-select:none;touch-action:none;gap:10px;justify-content:center;align-items:center;margin:18px auto 0}.bn-touch-controls button{width:58px;height:58px;border:2px solid var(--ink);border-radius:18px;background:var(--card);color:var(--ink);font:900 22px Nunito,sans-serif;box-shadow:4px 4px #20202b29;touch-action:none}.bn-touch-controls button[data-control=brake]{background:#ffcf45}.bn-touch-controls button.is-held{transform:translate(2px,2px);box-shadow:2px 2px #20202b29;background:var(--pink);color:#fff}.bn-driver{padding-bottom:20px}.bn-fog{position:relative}.bn-fog:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 25%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.55) 100%)}.bn-fog-text{z-index:2}:root[data-theme=dark] .bn-seat-open{border-color:#454754}:root[data-theme=dark] .bn-touch-controls button{background:#1b1d28;color:#f5f2ff;border-color:#454754}@media(max-width:760px){.bn-main{padding-top:10px}.bn-lobby{width:92vw}.bn-lobby-head h1{line-height:1;margin-top:7px}.bn-team-card{padding:14px}.bn-team-players{display:grid;gap:4px}.bn-player{gap:9px}.bn-vehicle-select{font-size:11px;min-width:118px}.bn-nav-wrap{gap:12px}.bn-nav-wrap canvas{width:100%;height:auto;min-height:0;border-radius:18px}.bn-nav-panel{grid-template-columns:1fr}.bn-panel-card{padding:14px}.bn-fog{width:100%;height:58vh;min-height:340px;border-radius:22px}.bn-driver{min-height:0;display:block}.bn-driver-controls{margin-top:12px}.bn-touch-controls{display:flex}.bn-race-head{align-items:flex-start;gap:8px;font-size:12px}.bn-race-status{white-space:nowrap}}@media(max-width:430px){.bn-hero h1{font-size:48px}.bn-hero>p{font-size:15px}.bn-touch-controls{gap:7px}.bn-touch-controls button{width:52px;height:52px;border-radius:16px}.bn-fog{height:54vh;min-height:310px}}.bn-team-top>div{display:flex;align-items:center;gap:10px}.bn-team-top small{font-size:10px;color:var(--muted);font-weight:900}.bn-team-card.is-mine{box-shadow:6px 6px #ff4f8b38;border-color:#7657ff}.bn-join-team{width:100%;margin-top:10px;padding:10px 12px}.bn-team-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.bn-you-in{font-size:11px;color:#1d9a75;font-weight:1000}.bn-leave-team{border:0;background:none;color:#d53b62;font:900 11px Nunito,sans-serif;cursor:pointer;padding:6px}.bn-seat-open{margin-top:8px}@media(max-width:760px){.bn-driver{padding-bottom:145px}.bn-touch-controls{position:fixed;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;width:min(100vw,620px);margin:0 auto;padding:10px 16px;box-sizing:border-box;pointer-events:none}.bn-steer-pad{display:flex;align-items:center;gap:7px;pointer-events:auto}.bn-steer-pad button{width:66px;height:66px;border-radius:50%;background:var(--card);font-size:48px;line-height:1;padding:0;border:3px solid var(--ink);box-shadow:4px 4px #20202b38;color:var(--ink);font:1000 28px Nunito,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.bn-pedals{display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.bn-pedals button{width:68px;height:82px;border-radius:18px;font-size:11px;letter-spacing:.6px}.bn-pedals .bn-brake{background:#ff8b9f}.bn-pedals .bn-gas{background:#72dfc0}.bn-touch-controls button.is-held{transform:translate(3px,3px) scale(.97);box-shadow:2px 2px #20202b2e;filter:brightness(.94)}}@media(max-width:430px){.bn-touch-controls{padding-left:10px;padding-right:10px;gap:8px}}.bn-quick-steps{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:4px auto 0;color:var(--muted);font-size:12px;font-weight:800}.bn-quick-steps span{white-space:nowrap}.bn-quick-steps b{color:var(--purple,#7657ff);margin-right:6px}.bn-lobby-room{display:inline-flex;align-items:baseline;gap:10px;padding:8px 14px;margin-bottom:4px;background:var(--yellow);border:2px solid var(--ink);border-radius:13px;box-shadow:4px 4px 0 var(--ink);font-weight:1000;letter-spacing:1px}.bn-lobby-room span{font-size:11px}.bn-lobby-room strong{font-family:"Baloo 2";font-size:24px;letter-spacing:3px}.bn-team-name-form{display:flex;gap:8px;align-items:center;margin:4px 0 10px}.bn-team-name-form input{flex:1;min-width:0;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:800;outline:none}.bn-team-name-form input:focus{border-color:#7657ff;box-shadow:0 0 0 3px #7657ff21}.bn-team-name-form .btn{padding:9px 12px;font-size:12px}.bn-team-settings{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-bottom:4px}.bn-team-settings label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:1000}.bn-ready-note{font-size:10px;color:var(--muted);font-weight:900;text-align:right}.bn-role-select{border:2px solid var(--ink);border-radius:11px;padding:8px;background:var(--surface);color:var(--ink);font-weight:900;min-width:125px}.bn-role-badge{font-size:11px;font-weight:1000;color:var(--muted);white-space:nowrap}.bn-role-badge.is-set{color:var(--ink)}.bn-results-map-wrap{margin:26px 0 20px;text-align:left}.bn-results-map-wrap>.eyebrow{margin:0 0 8px 4px}.bn-results-map-wrap canvas{width:100%;height:auto;display:block;background:#eef0f5;border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px #20202b1f}:root[data-theme=dark] .bn-team-name-form input,:root[data-theme=dark] .bn-role-select{background:#151722;color:#f5f2ff;border-color:#454754}:root[data-theme=dark] .bn-results-map-wrap canvas{background:#151b27}@media(max-width:760px){.bn-quick-steps{gap:8px 14px;font-size:11px}.bn-lobby-room strong{font-size:21px}.bn-team-settings{align-items:flex-start;flex-direction:column}.bn-ready-note{text-align:left}.bn-team-name-form .btn{flex:0 0 auto}.bn-role-select{min-width:115px}.bn-results-map-wrap canvas{border-radius:16px}}.bn-race{max-width:1500px}.bn-nav-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.bn-nav-wrap canvas{width:100%;height:auto;min-height:0;background:#eef0f5;border:4px solid var(--ink);border-radius:24px;box-shadow:8px 8px #20202b24;image-rendering:auto}@media(max-width:800px){.bn-race{max-width:94vw}.bn-nav-wrap{grid-template-columns:1fr}.bn-nav-wrap canvas{min-height:0}}.bn-race{width:min(1700px,calc(100vw - 40px));max-width:none!important;margin-left:auto;margin-right:auto}.bn-nav-wrap{grid-template-columns:minmax(0,1fr) 340px!important;gap:22px!important;width:100%}.bn-nav-wrap canvas{width:100%!important;height:auto!important;aspect-ratio:1860 / 1260;display:block;background:#eef0f5;border:5px solid #172943;border-radius:26px;box-shadow:9px 9px #20202b24;image-rendering:auto}.bn-nav-panel{align-self:stretch;grid-template-rows:auto auto auto}.bn-panel-card{min-height:0}@media(min-width:801px){.bn-nav-wrap canvas{min-height:620px}.bn-nav-panel{max-width:340px}}@media(max-width:800px){.bn-race{width:94vw;max-width:94vw!important}.bn-nav-wrap{grid-template-columns:1fr!important;gap:14px!important}.bn-nav-wrap canvas{min-height:0!important;border-width:4px;border-radius:20px}}@media(max-width:760px){.bn-touch-controls{gap:18px!important;padding:12px 18px!important}.bn-steer-pad{gap:12px!important}.bn-steer-pad button,.bn-pedals button{min-width:78px!important;min-height:78px!important;border:3px solid var(--ink)!important;border-radius:22px!important;box-shadow:5px 5px #20202b38!important;font:1000 30px/1 Nunito,sans-serif!important}.bn-steer-pad button{width:78px!important;height:78px!important;border-radius:50%!important}.bn-pedals{gap:12px!important}.bn-pedals button{width:88px!important;height:92px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:8px!important;line-height:1!important}.bn-pedals button span{display:block!important;white-space:nowrap!important;line-height:1.05!important}.bn-pedals .bn-brake{background:#ff8b9f!important}.bn-pedals .bn-gas{background:#72dfc0!important}}@media(max-width:430px){.bn-touch-controls{gap:10px!important;padding:10px!important}.bn-steer-pad{gap:8px!important}.bn-steer-pad button{width:68px!important;height:68px!important;font-size:42px!important}.bn-pedals{gap:8px!important}.bn-pedals button{width:76px!important;height:84px!important;font-size:23px!important}}@media(max-width:350px){.bn-touch-controls{gap:6px!important;padding-left:6px!important;padding-right:6px!important}.bn-steer-pad{gap:6px!important}.bn-steer-pad button{width:58px!important;height:58px!important;font-size:36px!important}.bn-pedals{gap:6px!important}.bn-pedals button{width:66px!important;height:76px!important;font-size:20px!important}}.bn-race{width:min(1320px,calc(100vw - 48px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}.bn-nav-wrap{grid-template-columns:minmax(0,1fr) 320px!important;gap:20px!important;width:100%!important;align-items:start!important}.bn-nav-wrap canvas{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1860 / 1260!important;display:block!important;box-sizing:border-box!important;border:4px solid #172943!important;border-radius:24px!important;box-shadow:8px 8px #20202b24!important}.bn-header-restart{background:var(--yellow)!important;color:var(--ink)!important}.bn-header-restart:disabled{opacity:.65;cursor:wait}@media(max-width:800px){.bn-race{width:94vw!important;max-width:94vw!important}.bn-nav-wrap{grid-template-columns:1fr!important;gap:14px!important}.bn-nav-wrap canvas{min-height:0!important}}@media(max-width:760px){.bn-touch-controls{gap:12px!important;padding:10px 12px!important}.bn-steer-pad{gap:9px!important}.bn-steer-pad button{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;border-radius:20px!important;font-size:38px!important;line-height:1!important}.bn-pedals{gap:9px!important}.bn-pedals button{width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;border-radius:20px!important;padding:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}.bn-pedals button span{display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important;font:1000 10px/1.05 Nunito,sans-serif!important;letter-spacing:.15px!important}.bn-pedals .bn-brake span{font-size:9.5px!important}}@media(max-width:390px){.bn-touch-controls{gap:8px!important;padding-left:8px!important;padding-right:8px!important}.bn-steer-pad{gap:7px!important}.bn-steer-pad button{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;font-size:34px!important}.bn-pedals{gap:7px!important}.bn-pedals button{width:78px!important;height:80px!important;min-width:78px!important;min-height:80px!important}.bn-pedals button span{font-size:9px!important}}.bn-vehicle-picker{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.bn-vehicle-picker>span:first-child{flex:0 0 auto}.bn-vehicle-preview{display:flex;align-items:center;gap:9px;min-width:0}.bn-vehicle-preview img{width:34px;height:58px;object-fit:contain;display:block;filter:drop-shadow(2px 2px 0 rgba(32,32,43,.12))}.bn-vehicle-select{min-width:138px}@media(max-width:760px){.bn-vehicle-picker{width:100%;justify-content:space-between}.bn-vehicle-preview{flex:1;justify-content:flex-end}.bn-vehicle-preview img{width:30px;height:52px}.bn-vehicle-select{min-width:126px}}.chess-card .chess-art{position:relative;background:radial-gradient(circle at 18% 24%,rgba(255,216,77,.42),transparent 25%),radial-gradient(circle at 82% 72%,rgba(255,92,147,.2),transparent 30%),linear-gradient(135deg,#eeeaff,#fff7ea 52%,#e5f6ff);display:grid;place-items:center;overflow:hidden;isolation:isolate}.chess-match-art{position:relative;width:270px;height:166px;display:grid;place-items:center;transform:rotate(-1.5deg)}.chess-board-scene{width:270px;height:166px;overflow:visible;filter:drop-shadow(7px 8px 0 rgba(32,32,43,.12));z-index:2}.chess-board-shadow{position:absolute;left:50%;bottom:4px;width:188px;height:18px;transform:translate(-50%);border-radius:50%;background:#20202b2e;filter:blur(3px);animation:chessBoardShadow 2.8s ease-in-out infinite}.board-frame{fill:#fffdf7;stroke:#20202b;stroke-width:4}.board-squares rect{width:24px;height:24px;fill:#dcd2ff}.board-squares rect:nth-child(odd){fill:#fff7ea}.board-lines{fill:none;stroke:#20202b;stroke-width:2}.chess-piece{font-family:Georgia,Times New Roman,serif;font-size:43px;font-weight:900;text-anchor:middle;dominant-baseline:middle;paint-order:stroke fill}.white-king{fill:#fff;stroke:#20202b;stroke-width:2.5px;animation:kingBreath 2.5s ease-in-out infinite}.black-queen{fill:#24242f;stroke:#fff;stroke-width:1.5px;animation:queenSlide 3.2s ease-in-out infinite}.white-knight{fill:#fff;stroke:#20202b;stroke-width:2px;animation:knightHop 2.2s ease-in-out infinite}.check-ray{fill:none;stroke:#ff4f91;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 7;animation:rayPulse 1.8s ease-in-out infinite}.check-burst circle{fill:#ffe06a;stroke:#20202b;stroke-width:3;animation:burstPop 1.8s ease-in-out infinite}.check-burst text{font-family:Nunito,sans-serif;font-size:24px;font-weight:1000;fill:#20202b;text-anchor:middle}.chess-match-label{position:absolute;left:16px;bottom:5px;display:flex;align-items:center;gap:7px;z-index:5;transform:rotate(-3deg)}.chess-match-label span,.chess-match-label b{border:3px solid #20202b;border-radius:999px;box-shadow:3px 4px #20202b21;font:1000 10px/1 Nunito,sans-serif;letter-spacing:.7px;padding:7px 10px}.chess-match-label span{background:#ffe06a}.chess-match-label b{background:#fff;color:#7657ff}.chess-spark{position:absolute;font-size:20px;font-weight:1000;color:#20202b;animation:chessSpark 2.4s ease-in-out infinite;z-index:6}.spark-a{left:14px;top:12px;color:#ff4f91;animation-delay:-.4s}.spark-b{right:17px;top:18px;color:#7d68e8;animation-delay:-1.2s;font-size:16px}.spark-c{right:28px;bottom:15px;color:#20a7f2;animation-delay:-1.8s;font-size:13px}.chess-card .art-bubble{z-index:7}.chess-card .bubble-one{top:12px;right:13px;animation:chessBubblePop 3.1s ease-in-out infinite}.chess-card .bubble-two{left:14px;top:19px;animation:chessBubblePop 3.1s ease-in-out infinite reverse}@keyframes kingBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes queenSlide{0%,to{transform:translate(0)}45%{transform:translate(-5px,-4px)}60%{transform:translate(-2px,-1px)}}@keyframes knightHop{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(5px,-8px) rotate(4deg)}62%{transform:translate(10px) rotate(0)}}@keyframes rayPulse{0%,to{opacity:.35;stroke-dashoffset:0}50%{opacity:1;stroke-dashoffset:-20}}@keyframes burstPop{0%,to{transform:scale(.82);transform-origin:211px 49px}50%{transform:scale(1.1);transform-origin:211px 49px}}@keyframes chessBoardShadow{0%,to{transform:translate(-50%) scaleX(.92);opacity:.14}50%{transform:translate(-50%) scaleX(1.06);opacity:.22}}@keyframes chessSpark{0%,to{transform:scale(.7) rotate(0);opacity:.35}50%{transform:scale(1.15) rotate(18deg);opacity:1}}@keyframes chessBubblePop{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -4px;rotate:2deg}}.game-card:hover .chess-board-scene{animation:chessSceneLift .55s ease-out forwards}.game-card:hover .chess-match-art{transform:rotate(-1.5deg) scale(1.025);transition:transform .3s ease}@keyframes chessSceneLift{0%{filter:drop-shadow(7px 8px 0 rgba(32,32,43,.12))}to{filter:drop-shadow(10px 12px 0 rgba(32,32,43,.17))}}@media(max-width:760px){.chess-match-art{transform:scale(.9) rotate(-1.5deg)}.chess-board-scene{width:250px;height:154px}}.legal-page{min-height:100vh;background:var(--bg);color:var(--ink)}.legal-nav{width:min(1180px,92vw);min-height:78px;margin:0 auto;padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.legal-brand{display:block;text-decoration:none;line-height:0}.legal-brand img{display:block;width:220px;height:auto;max-width:55vw}.legal-nav-actions{display:flex;align-items:center;gap:9px}.legal-back{display:inline-flex!important}.legal-main{width:min(920px,92vw);margin:0 auto;padding:38px 0 70px}.legal-hero{max-width:760px;padding:18px 0 28px}.legal-hero h1{margin:12px 0;font-size:clamp(46px,7vw,76px);line-height:.94;letter-spacing:-3px}.legal-hero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.55;margin:0}.legal-updated{margin-top:16px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.4px}.legal-card{background:var(--card);border:2px solid var(--border,#2b2b36);border-radius:24px;box-shadow:7px 7px #20202b1a;padding:34px 38px}.legal-card h2{margin:28px 0 9px;font-family:"Baloo 2",system-ui,sans-serif;font-size:25px;line-height:1.1}.legal-card h2:first-child{margin-top:0}.legal-card p{margin:0 0 13px;color:var(--muted);font-size:14px;line-height:1.72}.legal-card a{color:#6f59f6;font-weight:800;text-decoration:underline;text-underline-offset:3px}.legal-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:25px 2px 0;color:var(--muted);font-size:11px;font-weight:700}.legal-footer a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.legal-nav{width:calc(100% - 28px);padding:12px 0}.legal-brand img{width:185px;max-width:52vw}.legal-back{font-size:8px!important;padding:7px 9px!important}.legal-main{width:calc(100% - 28px);padding:24px 0 45px}.legal-hero h1{font-size:46px;letter-spacing:-2px}.legal-hero p{font-size:15px}.legal-card{padding:25px 21px;border-radius:20px}.legal-card h2{font-size:23px}.legal-card p{font-size:13px;line-height:1.68}.legal-footer{flex-direction:column}}.hub-brand,.legal-brand{display:inline-flex;align-items:center;gap:2px!important}.hub-brand-mark,.legal-brand .hub-brand-mark{width:62px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hub-brand-mark img,.legal-brand .hub-brand-mark img{width:100%;height:100%;object-fit:contain;display:block;transform:translateY(-6px)}.hub-brand-name{font-family:"Baloo 2",system-ui,sans-serif;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.2px;white-space:nowrap;margin-left:-6px!important}.hub-brand-name span{color:#20a7f2}.hub-brand-name strong{color:var(--ink);font-weight:900}:root[data-theme=dark] .hub-brand-name strong{color:#f5f2ff}@media(max-width:620px){.hub-brand-mark,.legal-brand .hub-brand-mark{width:44px;height:32px}.hub-brand-mark img,.legal-brand .hub-brand-mark img{transform:translateY(-3.5px)}.hub-brand-name{font-size:24px;letter-spacing:-.8px;margin-left:-5px!important}}.of-kick-btn,.db-kick,.hp-kick,.wr-kick,.bn-kick,.j-kick,.kick,.tr-kick,.ml-kick,.chess-kick,.sg-kick{margin-left:auto;flex:0 0 auto;border:2px solid #f0ccd5;border-radius:8px;background:#fff1f5;color:#df3d64;font-size:9px;font-weight:1000;line-height:1;padding:5px 8px;cursor:pointer;box-sizing:border-box}.of-kick-btn:hover,.db-kick:hover,.hp-kick:hover,.wr-kick:hover,.bn-kick:hover,.j-kick:hover,.kick:hover,.tr-kick:hover,.ml-kick:hover,.chess-kick:hover,.sg-kick:hover{transform:translateY(-1px)}.wr-score-players{margin-top:8px;padding-top:8px;border-top:2px solid var(--border, #ddd7d0)}.wr-score-players-head{padding:3px 5px 6px;font-size:9px;font-weight:1000;letter-spacing:1px}.wr-score-player{display:flex;align-items:center;gap:6px;padding:6px 5px;border-radius:9px;font-size:10px}.wr-score-player>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--soft, #f5f1ff);font-size:8px;font-weight:1000}.wr-score-player>strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-score-player>small{font-size:8px;font-weight:1000}.bn-race-players{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;border:2px solid var(--ink, #24212d);border-radius:14px;background:var(--surface, #fff)}.bn-race-players-head{font-size:9px;font-weight:1000;letter-spacing:1px;margin-right:2px}.bn-race-player{display:flex;align-items:center;gap:5px;padding:3px 4px 3px 7px;border-radius:999px;background:var(--soft, #f5f1ff);font-size:10px;font-weight:900}.bn-race-player small{font-size:8px;font-weight:1000}.j-score-row .j-kick{margin-left:4px}.score-mini{display:inline-flex;align-items:center;gap:5px}.sketchy-vote-entry{display:flex;align-items:center;gap:8px;min-width:0}.sketchy-vote-entry .sketchy-vote-card{flex:1;min-width:0}.sketchy-vote-entry>.sg-kick{flex:none;margin:0}.sketchy-reveal-layout>.sketchy-result-card{width:100%;min-width:0;max-width:760px;box-sizing:border-box;margin:25px auto}@media(max-width:820px){.sketchy-layout.sketchy-reveal-layout{grid-template-columns:minmax(0,1fr)}.sketchy-reveal-layout>.sketchy-result-card{width:100%;max-width:none;margin:16px 0 0}.sketchy-reveal-layout>.sketchy-side{position:static;display:flex;flex-direction:column;width:100%;margin:0}.sketchy-reveal-layout .sketchy-scoreboard{width:100%;box-sizing:border-box}}.code-box{display:flex;flex-direction:column;align-items:center;gap:10px;margin:10px 0 16px}.copy-link-btn{display:inline-flex;align-items:center;gap:6px;background:#f4efff;color:var(--purple);border:1.5px solid #d4c8ff;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:2px 2px #7657ff26;transition:all .15s ease}.copy-link-btn:hover{background:var(--purple);color:#fff;border-color:var(--purple);transform:translateY(-1px)}.copy-link-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}:root[data-theme=dark] .copy-link-btn{background:#27223a;border-color:#5d4a94;color:#cfc2ff;box-shadow:2px 2px #00000040}:root[data-theme=dark] .copy-link-btn:hover{background:#7657ff;color:#fff}.statement-prompt-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.statement-prompt-header h3{margin:0;font-size:22px}.idea-spark-btn{background:linear-gradient(135deg,#fff0b3,#ffe08a);color:#594200;border:1.5px solid #d4a700;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:1000;cursor:pointer;box-shadow:2px 2px #0000001a;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.idea-spark-btn:hover{transform:translateY(-1px);box-shadow:3px 3px #0000002e}.idea-spark-btn:active{transform:translateY(1px);box-shadow:1px 1px #0000001a}:root[data-theme=dark] .idea-spark-btn{background:linear-gradient(135deg,#443714,#302607);color:#ffe694;border-color:#8c7219}.statement-counter{text-align:right;font-size:10px;font-weight:800;color:var(--muted);margin-top:5px;margin-bottom:8px}.speaker-card.is-active-speaker{border-color:#ff5f96;box-shadow:0 0 0 3px #ff5f9652,8px 8px #20202b24}.speaker-tag.is-you{color:#ff5f96;font-weight:1000;animation:cvSpeakerPulse 1.8s ease-in-out infinite}@keyframes cvSpeakerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.02)}}.author-secret-pill{margin-top:14px;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#fff3d1,#ffe0a3);border:2px dashed #e69d00;color:#664300;padding:8px 14px;border-radius:12px;font-size:12px;animation:cvAuthorGlow 2.5s ease-in-out infinite alternate}:root[data-theme=dark] .author-secret-pill{background:linear-gradient(135deg,#382c0b,#292006);border-color:#b38210;color:#ffe6a3}@keyframes cvAuthorGlow{0%{box-shadow:0 0 #e69d0000}to{box-shadow:0 0 12px #e69d0059}}.host-turn-controls{margin-top:16px;display:flex;justify-content:center}.vote{position:relative;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;user-select:none}.vote:hover{transform:translateY(-2px);filter:brightness(1.04)}.vote:active{transform:translateY(1px)}.vote.selected{outline:3px solid var(--ink);outline-offset:2px;box-shadow:5px 5px 0 var(--ink);transform:translateY(-2px)}.vote-check{display:inline-block;margin-top:6px;background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:1000;letter-spacing:.5px}.vote-feedback{margin-top:12px;color:#087d60;font-weight:900;font-size:12px}:root[data-theme=dark] .vote-feedback{color:#5ae0b5}.vote-progress-bar{height:6px;width:min(280px,90%);margin:10px auto 6px;background:#eee8de;border-radius:999px;overflow:hidden}:root[data-theme=dark] .vote-progress-bar{background:#343641}.vote-progress-fill{height:100%;background:linear-gradient(90deg,#7657ff,#ff5f96);border-radius:999px;transition:width .3s ease}.round-summary-grid{display:grid;gap:14px;margin-bottom:28px}.recap-card{background:#fffdf8;border:2px solid var(--ink);border-radius:18px;padding:16px 18px;box-shadow:4px 4px #20202b14;transition:transform .12s ease}:root[data-theme=dark] .recap-card{background:#202330;border-color:#3f4354;color:#f7f4ff}.recap-card.convinced{border-left:6px solid #16a34a}.recap-card.busted{border-left:6px solid #e11d48}.recap-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.recap-speaker{display:flex;align-items:center;gap:8px}.recap-badge{font-size:9px;font-weight:1000;letter-spacing:.8px;border-radius:6px;padding:3px 7px}.recap-card.convinced .recap-badge{background:#dcfce7;color:#15803d}.recap-card.busted .recap-badge{background:#ffe4e6;color:#be123c}:root[data-theme=dark] .recap-card.convinced .recap-badge{background:#14532d;color:#86efac}:root[data-theme=dark] .recap-card.busted .recap-badge{background:#4c0519;color:#fca5a5}.recap-points{font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:900;line-height:1}.recap-points.pos{color:#16a34a}.recap-points.neg{color:#e11d48}:root[data-theme=dark] .recap-points.pos{color:#4ade80}:root[data-theme=dark] .recap-points.neg{color:#fb7185}.recap-statement{font-family:"Baloo 2",system-ui,sans-serif;font-size:19px;line-height:1.25;font-weight:800;margin:6px 0 12px;color:var(--ink)}:root[data-theme=dark] .recap-statement{color:#fff}.recap-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px dashed rgba(32,32,43,.15);font-size:11px}:root[data-theme=dark] .recap-meta{border-top-color:#ffffff1a}.recap-author span{color:var(--muted);margin-right:4px}.recap-author b{color:var(--purple)}:root[data-theme=dark] .recap-author b{color:#bfa9ff}.recap-votes{display:flex;gap:8px}.yes-pill{background:#dcfce7;color:#166534;padding:3px 8px;border-radius:999px;font-weight:900;font-size:10px}.no-pill{background:#ffe4e6;color:#9f1239;padding:3px 8px;border-radius:999px;font-weight:900;font-size:10px}:root[data-theme=dark] .yes-pill{background:#14532d;color:#bbf7d0}:root[data-theme=dark] .no-pill{background:#4c0519;color:#fecdd3}@media(max-width:600px){.of-game-header{padding:0 6px!important;overflow:hidden!important;max-width:100vw!important;box-sizing:border-box!important}.sb-lobby-code-box,.sg-lobby-code-box,.dd-lobby-code-box,.db-lobby-code-box{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.sb-room-code-badge,.sg-room-code-badge,.dd-room-code-badge,.db-lobby-code{font-size:28px!important;letter-spacing:3px!important;padding:6px 12px!important;flex:1 1 auto!important;min-width:120px!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important}.sb-copy-btns,.sg-copy-btns,.dd-copy-btns,.db-lobby-copy-row{flex:0 0 auto!important;max-width:100%!important}.of-game-back,#headerHomeLink{display:none!important}.of-game-name{font-size:12px!important}.of-game-title-chip{padding:2px 5px!important;font-size:7.5px!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.room-pill{padding:2.5px 5px!important;font-size:7.5px!important}.theme-toggle,.db-theme-toggle{width:44px!important;min-width:44px!important;max-width:44px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:2px!important;flex:0 0 44px!important}.theme-thumb,.db-theme-knob{width:18px!important;height:18px!important}:root[data-theme=dark] .theme-thumb,:root[data-theme=dark] .db-theme-knob{transform:translate(18px)!important}}.tg-board-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}.tg-board-scroll::-webkit-scrollbar{height:6px}.tg-board-scroll::-webkit-scrollbar-thumb{background:var(--border, #ccc);border-radius:999px}.j-clue{user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}.j-clue:active:not(:disabled){transform:translateY(2px);box-shadow:2px 2px #00000040}.tg-countdown-box{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:18px 0 14px}.tg-countdown-ring{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ff4f91,#ffb85c);border:3px solid var(--ink, #20202b);box-shadow:4px 4px 0 var(--ink, #20202b);display:grid;place-items:center;font-size:26px;font-weight:1000;color:#fff;animation:tgPulseRing 1s ease-in-out infinite}@keyframes tgPulseRing{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.tg-countdown-label{margin-top:8px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--purple, #7c5cff);text-transform:uppercase}.j-buzzer-btn.tg-locked-btn{background:#4a4c59!important;color:#a0a3bd!important;border-color:#2b2b36!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.j-buzzer-btn.active{background:linear-gradient(135deg,#ff2a5f,#ff7a00)!important;color:#fff!important;border:4px solid var(--ink, #20202b)!important;box-shadow:0 8px 0 var(--ink, #20202b),0 12px 24px #ff2a5f66!important;animation:tgBuzzerPulse 1.2s ease-in-out infinite;cursor:pointer!important}@keyframes tgBuzzerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.j-buzzer-btn.active:active{transform:translateY(6px)!important;box-shadow:0 2px 0 var(--ink, #20202b)!important}.j-buzzer-btn.buzzed{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:4px solid var(--ink, #20202b)!important;box-shadow:0 4px 0 var(--ink, #20202b)!important;cursor:default!important}.buzz-list span.my-buzz{background:#3b2d69;color:#ffd35c;border:2px solid #ffd35c;font-weight:1000}.tg-podium-wrap{margin:32px auto 24px;max-width:580px;width:100%}.tg-podium-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:flex-end;gap:12px}.tg-podium-col{display:flex;flex-direction:column;align-items:center;text-align:center}.tg-podium-crown{font-size:34px;margin-bottom:-8px;animation:tgCrownBob 2s ease-in-out infinite}@keyframes tgCrownBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tg-podium-medal{font-size:24px;margin-bottom:-4px}.tg-podium-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;border:3px solid var(--ink, #20202b);box-shadow:3px 4px 0 var(--ink, #20202b);margin-bottom:8px}.tg-podium-avatar.gold{background:#ffe269;width:64px;height:64px;font-size:28px;box-shadow:4px 6px 0 var(--ink, #20202b),0 0 20px #ffe26966}.tg-podium-avatar.silver{background:#e2e8f0}.tg-podium-avatar.bronze{background:#fed7aa}.tg-podium-name{font-size:15px;font-weight:800;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink, #20202b)}.tg-podium-score{font-size:13px;font-weight:900;color:var(--purple, #7c5cff);margin:3px 0 10px}.tg-podium-score.gold-score{font-size:15px;color:#d97706}.tg-podium-pillar{width:100%;border:3px solid var(--ink, #20202b);border-radius:16px 16px 6px 6px;display:flex;justify-content:center;align-items:flex-start;padding-top:14px;position:relative;box-shadow:4px 6px 0 var(--ink, #20202b)}.tg-podium-col.first .tg-podium-pillar{height:150px;background:linear-gradient(180deg,#ffe269,#f59e0b)}.tg-podium-col.second .tg-podium-pillar{height:105px;background:linear-gradient(180deg,#f1f5f9,#94a3b8)}.tg-podium-col.third .tg-podium-pillar{height:75px;background:linear-gradient(180deg,#ffedd5,#ea580c)}.tg-podium-pillar.empty{opacity:.3}.tg-podium-rank{width:32px;height:32px;background:#fff;color:var(--ink, #20202b);border:2px solid var(--ink, #20202b);border-radius:50%;font-size:16px;font-weight:1000;display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink, #20202b)}.tg-leaderboard-box{margin:24px 0;background:var(--surface, #f8f6fc);border:2px solid var(--border, #20202b);border-radius:18px;padding:18px}.tg-leaderboard-box h3{margin:0 0 12px;font-size:16px;font-weight:900;color:var(--ink, #20202b)}.tg-leaderboard-list{display:grid;gap:8px}.tg-leader-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card, #fff);border:2px solid var(--border, #20202b);border-radius:14px}.tg-leader-row.top{border-color:#f59e0b;background:#fffdf5}.tg-leader-row.me{background:#f5f3ff;border-color:#7c5cff}.tg-rank-num{font-weight:1000;font-size:14px;min-width:28px}.tg-player-name{flex:1;font-size:15px}.tg-you-badge{font-size:10px;font-style:normal;padding:2px 6px;background:#7c5cff;color:#fff;border-radius:999px;font-weight:900}.tg-player-score{font-size:16px;font-weight:1000;color:var(--purple, #7c5cff)}:root[data-theme=dark] .tg-podium-name{color:#f6f2ff}:root[data-theme=dark] .tg-podium-rank{background:#1b1d28;color:#fff;border-color:#fff}:root[data-theme=dark] .tg-leaderboard-box{background:#181924;border-color:#3b3d4f}:root[data-theme=dark] .tg-leaderboard-box h3{color:#f6f2ff}:root[data-theme=dark] .tg-leader-row{background:#202230;border-color:#3b3d4f;color:#f6f2ff}:root[data-theme=dark] .tg-leader-row.top{background:#2c2718;border-color:#d97706}:root[data-theme=dark] .tg-leader-row.me{background:#2d2348;border-color:#7c5cff}@media(max-width:600px){.tg-board-scroll .j-board-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important}.tg-podium-grid{gap:6px}.tg-podium-avatar{width:44px;height:44px;font-size:20px}.tg-podium-avatar.gold{width:52px;height:52px;font-size:24px}.tg-podium-name{font-size:13px;max-width:90px}.tg-podium-col.first .tg-podium-pillar{height:120px}.tg-podium-col.second .tg-podium-pillar{height:85px}.tg-podium-col.third .tg-podium-pillar{height:60px}}.avatar.has-img,.score-avatar.has-img,.recap-avatar.has-img,.leader-avatar.has-img,.podium-avatar.has-img,.speaker-hero-avatar.has-img,.convince-speaker-avatar.has-img,.convince-profile-avatar.has-img,.jam-avatar.has-img,.jam-auth-avatar.has-img{padding:0!important;overflow:hidden!important;background:transparent!important;border-radius:50%!important}.avatar.has-img img,.score-avatar.has-img img,.recap-avatar.has-img img,.leader-avatar.has-img img,.podium-avatar.has-img img,.speaker-hero-avatar.has-img img,.convince-speaker-avatar.has-img img,.convince-profile-avatar.has-img img,.jam-avatar.has-img img,.jam-auth-avatar.has-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit!important}.score-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;flex-shrink:0}.leader-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;flex-shrink:0;margin:0 4px}.speaker-hero-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--purple);box-shadow:0 2px 8px #6c5ce740;display:grid;place-items:center;flex-shrink:0}.speaker-tag{display:flex!important;align-items:center!important;gap:10px!important}.recap-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;flex-shrink:0}.recap-speaker,.recap-author{display:flex!important;align-items:center!important;gap:8px!important}.convince-auth-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6c5ce714,#ff6b8114);border:2px solid rgba(108,92,231,.25);border-radius:16px;padding:10px 14px;margin:14px 0;box-shadow:0 2px 8px #00000008}.convince-auth-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--purple);flex-shrink:0;background:#f0eaff;display:grid;place-items:center;box-shadow:0 2px 6px #6c5ce733}.convince-auth-avatar img{width:100%;height:100%;object-fit:cover}.convince-auth-avatar .convince-avatar-fallback{font-weight:900;color:var(--purple);font-size:18px}.convince-auth-info{flex:1;text-align:left}.convince-auth-label{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--purple);line-height:1.2}.convince-auth-name{font-size:16px;font-weight:800;color:var(--ink);line-height:1.2}.convince-edit-name-btn{background:#fff;border:1.5px solid #d9d0c3;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer;color:var(--muted);transition:all .2s}.convince-edit-name-btn:hover{border-color:var(--purple);color:var(--purple);background:#f9f7ff}.convince-victory-wrapper{position:relative!important;overflow:hidden!important;text-align:center!important;max-width:760px!important;padding:36px 28px!important}.convince-confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.convince-victory-title{font-family:"Baloo 2",cursive,sans-serif!important;font-size:clamp(30px,5.5vw,46px)!important;font-weight:900!important;margin:8px 0 4px!important;background:linear-gradient(135deg,#f59e0b,#ef4444,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.15}.convince-podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin:36px auto 25px;padding:0 10px;max-width:580px}.podium-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.podium-col.col-1{order:2;z-index:2}.podium-col.col-2{order:1}.podium-col.col-3{order:3}.podium-crown-float{font-size:38px;animation:crownBounce 2.2s ease-in-out infinite;margin-bottom:-6px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.podium-badge{font-size:11px;font-weight:900;letter-spacing:.5px;padding:3px 10px;border-radius:999px;background:#f1f2f6;color:var(--muted);margin-bottom:8px}.podium-badge.gold-badge{background:linear-gradient(135deg,gold,orange);color:#5c3b00;box-shadow:0 2px 8px #ffa5004d}.podium-avatar-wrap{width:68px;height:68px;border-radius:50%;padding:3px;box-shadow:0 8px 20px #0000001f;margin-bottom:8px;position:relative;transition:transform .25s ease}.podium-avatar-wrap:hover{transform:scale(1.08)}.podium-col.col-1 .podium-avatar-wrap{width:86px;height:86px}.gold-glow{background:linear-gradient(135deg,#ffe066,#f59f00);box-shadow:0 0 26px #f59f0080}.silver-glow{background:linear-gradient(135deg,#e9ecef,#adb5bd);box-shadow:0 0 20px #adb5bd73}.bronze-glow{background:linear-gradient(135deg,#f0c39a,#cd7f32);box-shadow:0 0 20px #cd7f3273}.podium-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid white}.podium-name{font-size:14px;font-weight:800;color:var(--ink);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.podium-name.winner-name{font-size:16px;font-weight:900;color:#2d3436}.podium-score{font-size:13px;font-weight:900;color:var(--purple);margin-bottom:10px}.podium-score.gold-score{font-size:15px;color:#b7791f}.podium-score span{font-size:10px;font-weight:700;color:var(--muted)}.podium-pedestal{width:100%;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive,sans-serif;font-weight:900;font-size:30px;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 -4px 14px #00000014,inset 0 2px 4px #fff6}.gold-pedestal{height:130px;background:linear-gradient(180deg,#ffc107,#e0a800);border:2.5px solid #b7791f;border-bottom:none}.silver-pedestal{height:90px;background:linear-gradient(180deg,#ced4da,#adb5bd);border:2.5px solid #868e96;border-bottom:none}.bronze-pedestal{height:65px;background:linear-gradient(180deg,#d4a373,#bc6c25);border:2.5px solid #99582a;border-bottom:none}.convince-lower-leaderboard{margin-top:25px;text-align:left}.convince-gameover-actions{margin-top:28px}@media(max-width:640px){.convince-podium-stage{gap:8px;padding:0}.podium-avatar-wrap{width:52px;height:52px}.podium-col.col-1 .podium-avatar-wrap{width:68px;height:68px}.gold-pedestal{height:100px;font-size:24px}.silver-pedestal{height:70px;font-size:20px}.bronze-pedestal{height:50px;font-size:18px}.podium-name{font-size:12px}.podium-name.winner-name{font-size:13px}}.games-section{padding-top:10px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;flex-wrap:wrap}.section-title-left{flex-shrink:0}.section-title h2{margin:4px 0 0;font-size:28px;letter-spacing:-1px}.hub-search-capsule{position:relative;display:flex;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:4px 6px 4px 18px;box-shadow:0 3px 0 var(--ink);width:380px;max-width:100%;height:44px;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.hub-search-capsule:focus-within{border-color:var(--purple);box-shadow:0 4px 0 var(--ink),0 0 0 3px #7c5cff2e}.hub-search-input{flex:1;min-width:0;border:none!important;background:transparent!important;outline:none!important;font-size:14.5px;font-weight:700;color:var(--ink);padding:0;box-shadow:none!important}.hub-search-input::placeholder{color:#94a3b8;font-weight:600;font-size:14px;transition:opacity .2s ease}.hub-search-clear{background:#e2e8f0;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#475569;cursor:pointer;margin-right:6px;flex-shrink:0;transition:background .15s ease,transform .15s ease}.hub-search-clear:hover{background:#cbd5e1;transform:scale(1.1)}.hub-search-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd84d,#ffc000);border:1.5px solid var(--ink);cursor:pointer;flex-shrink:0;box-shadow:0 1.5px 0 var(--ink);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;padding:0;color:var(--ink)}.hub-search-icon-btn:hover{transform:scale(1.08);box-shadow:0 2.5px 0 var(--ink);background:linear-gradient(135deg,#ffe066,#ffcd1a)}.hub-search-icon-btn:active{transform:scale(.95);box-shadow:0 .5px 0 var(--ink)}.hub-search-icon-btn svg{width:17px;height:17px;stroke:var(--ink)}.hub-filter-row{margin:12px 0 26px;width:100%}.hub-filter-scroll{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 2px 6px}.hub-filter-scroll::-webkit-scrollbar{display:none}.hub-filter-pills{display:flex;align-items:center;gap:8px;width:max-content}.hub-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1.5px solid var(--ink);border-radius:999px;font-size:12.5px;font-weight:800;color:var(--ink);box-shadow:0 2px 0 var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;user-select:none;white-space:nowrap}.hub-pill:hover{transform:translateY(-1.5px);box-shadow:0 3px 0 var(--ink);background:#fdfbf7}.hub-pill.active{background:var(--purple);color:#fff;border-color:var(--ink);box-shadow:0 2.5px 0 var(--ink)}.hub-pill .pill-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:999px;background:#20202b1a;font-size:10.5px;font-weight:900}.hub-pill.active .pill-badge{background:#ffffff40;color:#fff}.hub-no-results{background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:0 4px 0 var(--ink);padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:12px 0 28px;gap:8px}.hub-no-results-icon{font-size:38px;margin-bottom:2px}.hub-no-results h3{margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;color:var(--ink)}.hub-no-results p{margin:0 0 12px;max-width:460px;font-size:14.5px;color:#64748b;line-height:1.5}.hub-btn-roll-empty{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--purple);color:#fff;border:2px solid var(--ink);border-radius:999px;font-family:"Baloo 2",system-ui,sans-serif;font-size:14.5px;font-weight:800;box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hub-btn-roll-empty:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink);background:#6f4ef2}.hub-floating-search-pill{position:fixed;bottom:24px;right:24px;z-index:999;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:2px solid var(--ink);border-radius:999px;font-family:"Baloo 2",system-ui,sans-serif;font-size:13.5px;font-weight:800;color:var(--ink);box-shadow:0 6px 20px #00000026,0 3px 0 var(--ink);cursor:pointer;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.hub-floating-search-pill.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hub-floating-search-pill:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #0003,0 4px 0 var(--ink)}:root[data-theme=dark] .hub-search-capsule{background:#181b26!important;border-color:#fff3!important;box-shadow:0 3px #0009!important}:root[data-theme=dark] .hub-search-capsule:focus-within{border-color:#987fff!important;box-shadow:0 4px #000000b3,0 0 0 3px #987fff33!important}:root[data-theme=dark] .hub-search-input{color:#f1f5f9!important}:root[data-theme=dark] .hub-search-input::placeholder{color:#64748b!important}:root[data-theme=dark] .hub-search-clear{background:#2a2f42!important;color:#cbd5e1!important}:root[data-theme=dark] .hub-search-icon-btn{background:linear-gradient(135deg,#ffd84d,#f59e0b)!important;border-color:#12131b!important;box-shadow:0 1.5px #000!important;color:#12131b!important}:root[data-theme=dark] .hub-search-icon-btn svg{stroke:#12131b!important}:root[data-theme=dark] .hub-pill{background:#181b26!important;border-color:#ffffff2e!important;color:#f1f5f9!important;box-shadow:0 2px #00000080!important}:root[data-theme=dark] .hub-pill:hover{background:#202433!important;border-color:#ffffff4d!important}:root[data-theme=dark] .hub-pill.active{background:#7c5cff!important;color:#fff!important;border-color:#fff6!important}:root[data-theme=dark] .hub-pill .pill-badge{background:#ffffff26!important;color:#f1f5f9!important}:root[data-theme=dark] .hub-no-results{background:#181b26!important;border-color:#fff3!important;box-shadow:0 4px #0009!important}:root[data-theme=dark] .hub-no-results h3{color:#f1f5f9!important}:root[data-theme=dark] .hub-no-results p{color:#94a3b8!important}:root[data-theme=dark] .hub-floating-search-pill{background:#1e2230!important;color:#f1f5f9!important;border-color:#ffffff40!important;box-shadow:0 8px 28px #0009,0 3px #000!important}@media(max-width:768px){.section-title{flex-direction:column;align-items:stretch;gap:12px}.hub-search-capsule{width:100%}.hub-filter-row{margin:8px 0 20px}.hub-floating-search-pill{bottom:18px;right:18px;padding:8px 14px;font-size:13px}}@media(max-width:800px){.hub-main{padding:12px 0 30px!important}.hub-hero{padding:6px 0 12px!important}.hub-hero h1{font-size:clamp(28px,6vw,36px)!important;letter-spacing:-1.5px!important;margin:8px 0 6px!important}.hub-hero p{font-size:13.5px!important;line-height:1.4!important}}@media(max-width:768px){.oc-card svg *,.oc-card .oc-stage *,.oc-stage,.card-art,.card-art *,.game-card,.game-card *,.art-scene,.art-bubble,.speech-ring,.discord-spark,.convince-mic,.convince-orbit,.convince-spark,.draw-duel-pal,.draw-duel-brush,.draw-duel-splat,.dots-zaps path,.dots-box,.dots-spark,.sketchy-radar,.sketchy-eye,.sketchy-spark,.duel-canvas,.duel-vs,.duel-brush-a,.duel-brush-b,.convince-stage,.dots-board,.sketchy-desk,.j-buzzer,.j-spark,.bn-fog:before,.bn-car-icon,.bn-eye-icon,.bn-spark-icon,.chess-board-shadow,.white-king,.black-queen,.white-knight,.check-ray,.check-burst circle,.chess-spark,.chess-card .bubble-one,.chess-card .bubble-two,.tg-pulse-ring,.tg-buzzer-pulse,.tg-crown-bob{animation:none!important;animation-play-state:paused!important;will-change:auto!important}}.of-app-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:2px solid var(--ink, #20202b);border-radius:999px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.2px;box-shadow:3px 3px 0 var(--ink, #20202b);transition:transform .14s ease,box-shadow .14s ease;cursor:pointer;white-space:nowrap}.of-app-nav-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink, #20202b)}.of-app-nav-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink, #20202b)}.of-app-nav-glyph{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#fff;color:#059669}.of-app-nav-tag{background:#ffffff40;padding:1px 6px;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.4px}.of-mobile-app-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:14px auto 0;padding:10px 16px;background:var(--surface, #fff);border:2px solid var(--ink, #20202b);border-radius:16px;box-shadow:4px 4px 0 var(--ink, #20202b);box-sizing:border-box;animation:ofFadeIn .25s ease}:root[data-theme=dark] .of-mobile-app-banner{background:#1b1d28;border-color:#687084}.of-mab-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.of-mab-icon-wrap{width:38px;height:38px;border-radius:10px;background:#fff7ea;border:1.5px solid var(--ink, #20202b);display:grid;place-items:center;flex-shrink:0}:root[data-theme=dark] .of-mab-icon-wrap{background:#252733}.of-mab-text{min-width:0}.of-mab-title{font-size:13px;font-weight:900;color:var(--ink, #20202b);line-height:1.2}:root[data-theme=dark] .of-mab-title{color:#f5f2ff}.of-mab-desc{font-size:11px;color:var(--muted, #64748b);font-weight:700;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-mab-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.of-mab-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:2px solid var(--ink, #20202b);border-radius:99px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:900;text-decoration:none;box-shadow:2px 2px 0 var(--ink, #20202b);transition:transform .1s ease;white-space:nowrap}.of-mab-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink, #20202b)}.of-mab-close{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);background:transparent;color:var(--muted, #64748b);font-size:11px;font-weight:800;display:grid;place-items:center;cursor:pointer;padding:0;line-height:1;transition:background .15s ease}.of-mab-close:hover{background:#0000000f}:root[data-theme=dark] .of-mab-close{border-color:#fff3;color:#94a3b8}:root[data-theme=dark] .of-mab-close:hover{background:#ffffff14}@media(max-width:600px){.of-mobile-app-banner{margin:8px 12px 0;padding:8px 12px}.of-mab-desc{display:none}}@media(min-width:769px){.of-mobile-app-banner{display:none!important}}@media(max-width:768px){.of-app-nav-btn{display:none!important}}.oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.oc-card{content-visibility:auto;contain-intrinsic-size:0 380px;position:relative;display:flex;flex-direction:column;background:var(--card);border:2.5px solid var(--ink);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:5px 5px #14121e29;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1)}.oc-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:8px 10px #14121e33}.oc-card:active{transform:translateY(-2px) scale(.99)}.oc-card.oc-soon{cursor:default}.oc-card.oc-soon:hover{transform:translateY(-3px);box-shadow:6px 7px #14121e29}.oc-stage{position:relative;height:170px;overflow:hidden;border-bottom:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;isolation:isolate;padding:8px 12px;box-sizing:border-box}.oc-stage svg{width:auto!important;height:100%!important;max-width:100%!important;max-height:154px!important;display:block;position:relative;z-index:2;overflow:visible;object-fit:contain}.oc-stage:before,.oc-stage:after{content:"";position:absolute;border-radius:46%;opacity:.5;z-index:1}.oc-stage:before{width:130px;height:100px;left:-40px;bottom:-35px;background:#fff6;transform:rotate(-10deg)}.oc-stage:after{width:150px;height:110px;right:-45px;top:-40px;background:#ffffff47;transform:rotate(16deg);animation-delay:-3.4s}.oc-live,.oc-badge,.cw-card-live,.oc-pw-live,.who-card-live{display:none!important}.oc-body{padding:13px 16px 16px;display:flex;flex-direction:column;flex:1}.oc-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.oc-tag{font-size:8.5px;font-weight:1000;letter-spacing:.7px;color:var(--muted);text-transform:uppercase}.oc-players{font-size:8.5px;font-weight:1000;letter-spacing:.3px;padding:3px 8px;border:1.5px solid var(--ink);border-radius:999px;background:var(--surface);color:var(--ink);white-space:nowrap}.oc-title{font-family:"Baloo 2",sans-serif;font-size:20.5px;line-height:1.1;letter-spacing:-.6px;margin:8px 0 4px;color:var(--ink)}.oc-desc{color:var(--muted);line-height:1.38;margin:0 0 12px;font-size:12.5px;min-height:36px;flex:1}.oc-card .btn.oc-cta{margin-top:2px;padding:8px 14px;font-size:13px;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden}.oc-cta .oc-arrow{display:inline-block;transition:transform .22s ease}.oc-card:hover .oc-cta .oc-arrow{transform:translate(5px)}@keyframes ocBlobDrift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes ocDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes ocFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ocFloatSm{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-4px) rotate(var(--r,0deg))}}@keyframes ocSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes ocPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ocPop{0%,60%,to{opacity:0;transform:translateY(6px) scale(.7)}15%,45%{opacity:1;transform:translateY(0) scale(1)}}@keyframes ocFade{0%,45%,to{opacity:0}8%,37%{opacity:1}}@keyframes ocFadeB{0%,50%{opacity:0}58%,92%{opacity:1}to{opacity:0}}@keyframes ocSpin{to{transform:rotate(360deg)}}@keyframes ocDashDraw{to{stroke-dashoffset:0}}@keyframes ocNeedle{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes ocFlash{0%,80%,to{opacity:0}88%{opacity:1}}@keyframes ocRing{to{stroke-dashoffset:0}}@keyframes ocRingLoop{0%{stroke-dashoffset:0}92%,to{stroke-dashoffset:226}}@keyframes ocGlitch{0%,88%,to{transform:translate(0);filter:none}90%{transform:translate(-2px)}92%{transform:translate(2px);filter:hue-rotate(40deg)}94%{transform:translate(-1px)}}@keyframes ocSteam{0%{opacity:0;transform:translateY(4px) scale(.7)}30%,60%{opacity:1}to{opacity:0;transform:translateY(-22px) scale(1.1)}}@keyframes ocFlip{0%,40%{transform:rotateY(0)}50%{transform:rotateY(90deg)}60%,to{transform:rotateY(0)}}@keyframes ocDrive{0%{transform:translate(-6px) rotate(-2deg)}50%{transform:translate(6px) rotate(2deg)}to{transform:translate(-6px) rotate(-2deg)}}@keyframes ocBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes ocCoinFlip{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.06)}}@keyframes ocShake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}75%{transform:translate(1px,-1px)}}@keyframes ocBounceIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.oc-stage *,.oc-stage:before,.oc-stage:after{animation:none!important}}.oc-stage-convince{background:linear-gradient(135deg,#d7ccff,#c3b3ff 55%,#a58bff)}.oc-convince-gauge{transform-origin:110px 108px}.oc-convince-needle{transform-origin:110px 108px;animation:ocNeedle 2.6s ease-in-out infinite}.oc-convince-mask{animation:ocSway 3.6s ease-in-out infinite;transform-origin:110px 92px}.oc-convince-b1{animation:ocPop 3.4s ease-in-out infinite;transform-origin:center}.oc-convince-b2{animation:ocPop 3.4s ease-in-out infinite;animation-delay:1.7s;transform-origin:center}.oc-convince-spark{animation:ocPulse 2s ease-in-out infinite;transform-origin:center}.oc-card:hover .oc-convince-mask{animation-duration:1.2s}.oc-card:hover .oc-convince-needle{animation-duration:1s}.oc-stage-duel{background:linear-gradient(135deg,#bdf3e0,#c3ddff,#e3d6ff)}.oc-duel-strokeL{stroke-dasharray:90;stroke-dashoffset:90;animation:ocDashDraw 2.6s ease-in-out infinite alternate}.oc-duel-strokeR{stroke-dasharray:90;stroke-dashoffset:90;animation:ocDashDraw 2.6s ease-in-out infinite alternate;animation-delay:.3s}.oc-duel-vs{animation:ocPulse 2.2s ease-in-out infinite;transform-origin:110px 74px}.oc-duel-bolt{animation:ocFlash 2.2s ease-in-out infinite}.oc-duel-star1{animation:ocPop 2.6s ease-in-out infinite;transform-origin:center}.oc-duel-star2{animation:ocPop 2.6s ease-in-out infinite;animation-delay:1.3s;transform-origin:center}.oc-card:hover .oc-duel-strokeL,.oc-card:hover .oc-duel-strokeR{animation-duration:1s}.oc-stage-sketch{background:linear-gradient(135deg,#ffd0e2,#e2cfff 52%,#c3e9ff)}.oc-sketch-line{stroke-dasharray:210;stroke-dashoffset:210;animation:ocDashDraw 3.2s ease-in-out infinite}.oc-sketch-pencil{animation:ocPencilMove 3.2s ease-in-out infinite}@keyframes ocPencilMove{0%{transform:translate(0) rotate(-38deg)}25%{transform:translate(22px,-24px) rotate(-38deg)}50%{transform:translate(43px,-8px) rotate(-38deg)}75%{transform:translate(65px,-30px) rotate(-38deg)}to{transform:translate(86px,-14px) rotate(-38deg)}}.oc-sketch-bubble{animation:ocFloat 2.4s ease-in-out infinite}.oc-sketch-q{animation:ocPulse 1.6s ease-in-out infinite;transform-origin:center}.oc-sketch-ring{stroke-dasharray:88;animation:ocRingLoop 3.2s linear infinite;transform-origin:184px 40px}.oc-card:hover .oc-sketch-line{animation-duration:1.3s}.oc-stage-dots{background:linear-gradient(135deg,#ffe4a3,#ffc9d6 52%,#d8c7ff)}.oc-dots-line{stroke-dasharray:60;stroke-dashoffset:60;animation:ocDashDraw .5s ease-out forwards}.oc-dots-l1{animation-delay:.2s}.oc-dots-l2{animation-delay:.9s}.oc-dots-l3{animation-delay:1.6s}.oc-dots-l4{animation-delay:2.3s}.oc-dots-box{opacity:0;animation:ocBounceIn .4s ease-out forwards;animation-delay:2.7s;transform-origin:center}.oc-dots-plus{opacity:0;animation:ocPop 1.6s ease-in-out infinite;animation-delay:2.9s}.oc-dots-cycle{animation:ocDotsCycle 4.4s ease-in-out infinite}@keyframes ocDotsCycle{0%,86%{opacity:1}93%,to{opacity:1}}.oc-dots-dot{animation:ocPulse 2.6s ease-in-out infinite;transform-origin:center}.oc-stage-sketchy{background:linear-gradient(135deg,#ffe08a,#ffb0c6,#b7a2ff)}.oc-sketchy-glass{animation:ocGlassSweep 4s ease-in-out infinite;transform-origin:center}@keyframes ocGlassSweep{0%,8%{transform:translate(-64px) translateY(0)}45%{transform:translate(0) translateY(-4px)}55%{transform:translate(0) translateY(-4px)}92%,to{transform:translate(64px) translateY(0)}}.oc-sketchy-impostor{animation:ocGlitch 4s ease-in-out infinite;transform-origin:center}.oc-sketchy-face{animation:ocFloatSm 3s ease-in-out infinite;transform-origin:center}.oc-sketchy-f1{--r:-3deg;animation-delay:0s}.oc-sketchy-f2{--r:2deg;animation-delay:.3s}.oc-sketchy-f3{--r:-2deg;animation-delay:.6s}.oc-sketchy-f4{--r:3deg;animation-delay:.9s}.oc-sketchy-alert{opacity:0;animation:ocFlash 4s ease-in-out infinite}.oc-stage-bomb{background:radial-gradient(circle at 50% 45%,#fff0a0,#ffcf9e 32%,#ffb0c2 62%,#d9c7ff)}.oc-bomb-body{animation:ocBombTick 1.1s ease-in-out infinite;transform-origin:110px 96px}@keyframes ocBombTick{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.oc-bomb-spark{animation:ocSparkTravel 1.1s ease-in-out infinite}@keyframes ocSparkTravel{0%{transform:translate(0);opacity:1}70%{opacity:1}to{transform:translate(-14px,-26px);opacity:0}}.oc-bomb-ring{stroke-dasharray:214;animation:ocRingLoop 4.4s linear infinite;transform-origin:110px 96px}.oc-bomb-word{opacity:0;animation:ocSteam 4.4s ease-in-out infinite}.oc-bomb-w1{animation-delay:0s}.oc-bomb-w2{animation-delay:1.5s}.oc-bomb-w3{animation-delay:3s}.oc-stage-nav{background:linear-gradient(135deg,#bfe9ff,#c7c2ff 55%,#ffd3e6)}.oc-nav-car{animation:ocDrive 1.6s ease-in-out infinite;transform-origin:center}.oc-nav-blind{animation:ocPulse 2.2s ease-in-out infinite;transform-origin:center}.oc-nav-bar{transform-origin:bottom;animation:ocBar .9s ease-in-out infinite}.oc-nav-bar:nth-child(2){animation-delay:.15s}.oc-nav-bar:nth-child(3){animation-delay:.3s}.oc-nav-bar:nth-child(4){animation-delay:.45s}.oc-nav-flag{animation:ocFloatSm 2.4s ease-in-out infinite;--r:-4deg;transform-origin:bottom left}.oc-nav-spark{animation:ocSpin 6s linear infinite;transform-origin:center}.oc-stage-jeopardy{background:linear-gradient(150deg,#2436e8,#5b3fe0 45%,#a23fd8 78%,#ff4f91)}.oc-jeop-tile{transform-origin:center}.oc-jeop-flip{animation:ocFlip 3.6s ease-in-out infinite;transform-style:preserve-3d}.oc-jeop-buzzer{animation:ocPulse 1.4s ease-in-out infinite;transform-origin:center}.oc-jeop-spot{animation:ocSpotSweep 4.4s ease-in-out infinite}@keyframes ocSpotSweep{0%,to{transform:translate(-30px);opacity:.5}50%{transform:translate(30px);opacity:.9}}.oc-jeop-spark{animation:ocPop 2.4s ease-in-out infinite;transform-origin:center}.oc-stage-chess{background:linear-gradient(150deg,#2a2f52,#3c3470 55%,#5a3f7a)}.oc-chess-piece{animation:ocChessGlide 3.6s ease-in-out infinite}@keyframes ocChessGlide{0%,15%{transform:translate(0)}55%,80%{transform:translate(32px,-34px)}to{transform:translate(32px,-34px)}}.oc-chess-check{opacity:0;animation:ocCheckFlash 3.6s ease-in-out infinite;transform-origin:center}@keyframes ocCheckFlash{0%,58%{opacity:0;transform:scale(.7)}66%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.oc-chess-crown{animation:ocFloatSm 3s ease-in-out infinite;--r:-6deg;transform-origin:center}.oc-chess-star{animation:ocPulse 2.2s ease-in-out infinite;transform-origin:center}.oc-stage-golf{background:linear-gradient(135deg,#10b981,#059669 45%,#047857)}.oc-golf-ball{animation:ocFloatSm 2.5s ease-in-out infinite;--r: 8deg;transform-origin:center}.oc-golf-flag{animation:ocWave 2s ease-in-out infinite;transform-origin:bottom left}.oc-stage-soon{background:linear-gradient(135deg,#f3efe4,#e7e1f7)}:root[data-theme=dark] .oc-stage-soon{background:linear-gradient(135deg,#2a2c3a,#232537)}.oc-soon-box{animation:ocFloat 2.8s ease-in-out infinite;transform-origin:center}.oc-soon-q{animation:ocPulse 2.2s ease-in-out infinite;transform-origin:center}.oc-soon-spark{animation:ocSpin 5s linear infinite;transform-origin:center}.oc-soon-spark2{animation:ocFloatSm 2.4s ease-in-out infinite;--r:10deg}@media(max-width:980px){.oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.oc-grid{grid-template-columns:1fr;gap:14px}.oc-stage{height:156px;padding:6px 10px}.oc-stage svg{max-height:142px!important}.oc-body{padding:12px 14px 14px}.oc-title{font-size:19px}.oc-desc{font-size:12px;min-height:32px;margin:0 0 10px}}.oc-stage-truths{background:linear-gradient(135deg,#f0eaff,#ffe7ef)}.oc-stage-truths .truth-card{transform-box:fill-box;transform-origin:center;animation:truthFloat 2.8s ease-in-out infinite}.oc-stage-truths .truth-card-b{animation-delay:.35s}.oc-stage-truths .truth-card-c{animation-delay:.7s}.oc-stage-truths .truth-question{animation:truthPulse 1.5s ease-in-out infinite}@keyframes truthFloat{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes truthPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.oc-stage-most-likely,.oc-stage-word-rush{background:linear-gradient(135deg,#f0eaff,#ffe7ef 52%,#e5f5ff);overflow:hidden}.oc-stage-most-likely .ml-face,.oc-stage-most-likely .ml-who,.oc-stage-most-likely .ml-spark,.oc-stage-word-rush .wr-team,.oc-stage-word-rush .wr-word-card,.oc-stage-word-rush .wr-speed-lines,.oc-stage-word-rush .wr-plus{transform-box:fill-box;transform-origin:center}.oc-stage-most-likely .ml-face-a{animation:mlFaceA 3s ease-in-out infinite}.oc-stage-most-likely .ml-face-b{animation:mlFaceB 3s ease-in-out infinite}.oc-stage-most-likely .ml-divider{animation:mlDivider 2.4s ease-in-out infinite}.oc-stage-most-likely .ml-who{animation:mlWho 1.9s ease-in-out infinite}.oc-stage-most-likely .ml-spark{animation:mlSpark 2.2s ease-in-out infinite}.oc-stage-most-likely .ml-spark-b{animation-delay:-1.1s}@keyframes mlFaceA{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes mlFaceB{0%,to{transform:translateY(-2px) rotate(2deg)}50%{transform:translateY(4px) rotate(-2deg)}}@keyframes mlDivider{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes mlWho{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.13) rotate(-4deg)}}@keyframes mlSpark{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}.oc-stage-word-rush .wr-team-a{animation:wrTeamA 2.4s ease-in-out infinite}.oc-stage-word-rush .wr-team-b{animation:wrTeamB 2.4s ease-in-out infinite}.oc-stage-word-rush .wr-word-card{animation:wrWord 2.2s ease-in-out infinite}.oc-stage-word-rush .wr-speed-lines{animation:wrSpeed 1.4s ease-in-out infinite}.oc-stage-word-rush .wr-plus{animation:wrPoints 2.4s ease-in-out infinite}.oc-stage-word-rush .wr-plus-b{animation-delay:-1.2s}@keyframes wrTeamA{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(-5px) rotate(2deg)}}@keyframes wrTeamB{0%,to{transform:translate(0) rotate(2deg)}50%{transform:translate(5px) rotate(-2deg)}}@keyframes wrWord{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(3deg)}}@keyframes wrSpeed{0%,to{opacity:.25;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1.08)}}@keyframes wrPoints{0%,to{opacity:.35;transform:translateY(2px) scale(.9)}50%{opacity:1;transform:translateY(-5px) scale(1.12)}}@media(prefers-reduced-motion:reduce){.oc-stage-most-likely .ml-face,.oc-stage-most-likely .ml-divider,.oc-stage-most-likely .ml-who,.oc-stage-most-likely .ml-spark,.oc-stage-word-rush .wr-team,.oc-stage-word-rush .wr-word-card,.oc-stage-word-rush .wr-speed-lines,.oc-stage-word-rush .wr-plus{animation:none!important}}.oc-stage-most-likely,.oc-stage-word-rush{background:linear-gradient(135deg,#f0eaff,#ffe7ef 52%,#e5f5ff)}.oc-stage-most-likely .ml-bubble,.oc-stage-most-likely .ml-question,.oc-stage-most-likely .ml-people,.oc-stage-most-likely .ml-spark,.oc-stage-word-rush .wr-clock,.oc-stage-word-rush .wr-team,.oc-stage-word-rush .wr-word-card,.oc-stage-word-rush .wr-speed-lines,.oc-stage-word-rush .wr-plus,.oc-stage-word-rush .wr-spark{transform-box:fill-box;transform-origin:center}.oc-stage-most-likely .ml-bubble-left{animation:mlBubbleLeft 3.2s ease-in-out infinite}.oc-stage-most-likely .ml-bubble-right{animation:mlBubbleRight 3.2s ease-in-out infinite}.oc-stage-most-likely .ml-question{animation:mlQuestion 2s ease-in-out infinite}.oc-stage-most-likely .ml-people{animation:mlPeople 3s ease-in-out infinite}.oc-stage-most-likely .ml-spark-a{animation:mlSparkA 2.1s ease-in-out infinite}.oc-stage-most-likely .ml-spark-b{animation:mlSparkB 2.7s ease-in-out infinite}.oc-stage-most-likely .ml-spark-c{animation:mlSparkC 2.7s ease-in-out infinite -.9s}@keyframes mlBubbleLeft{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}@keyframes mlBubbleRight{0%,to{transform:translateY(1px) rotate(1deg)}50%{transform:translateY(-4px) rotate(-1.5deg)}}@keyframes mlQuestion{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-3deg)}}@keyframes mlPeople{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mlSparkA{0%,to{transform:scale(.7) rotate(0);opacity:.45}50%{transform:scale(1.2) rotate(12deg);opacity:1}}@keyframes mlSparkB{0%,to{transform:translate(0) rotate(0);opacity:.35}50%{transform:translate(3px,-5px) rotate(20deg);opacity:1}}@keyframes mlSparkC{0%,to{transform:translate(0) rotate(0);opacity:.35}50%{transform:translate(-3px,-4px) rotate(-20deg);opacity:1}}.oc-stage-word-rush .wr-clock{animation:wrClock 1.5s ease-in-out infinite}.oc-stage-word-rush .wr-team-a{animation:wrTeamA2 2.5s ease-in-out infinite}.oc-stage-word-rush .wr-team-b{animation:wrTeamB2 2.5s ease-in-out infinite}.oc-stage-word-rush .wr-word-card{animation:wrWord2 2.3s ease-in-out infinite}.oc-stage-word-rush .wr-speed-lines{animation:wrSpeed2 1.2s ease-in-out infinite}.oc-stage-word-rush .wr-plus{animation:wrPlus2 2.2s ease-in-out infinite}.oc-stage-word-rush .wr-spark{animation:wrSpark2 1.8s ease-in-out infinite}@keyframes wrClock{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}@keyframes wrTeamA2{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes wrTeamB2{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes wrWord2{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes wrSpeed2{0%,to{opacity:.35;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1.08)}}@keyframes wrPlus2{0%,to{transform:translateY(2px) scale(.9);opacity:.45}50%{transform:translateY(-3px) scale(1.08);opacity:1}}@keyframes wrSpark2{0%,to{transform:scale(.7) rotate(0);opacity:.35}50%{transform:scale(1.2) rotate(15deg);opacity:1}}.oc-card:hover .ml-question,.oc-card:hover .wr-word-card{animation-duration:1.15s}.oc-card:hover .wr-clock{animation-duration:.8s}.oc-potato-left{animation:ocPotatoLeft 2.8s ease-in-out infinite}.oc-potato-right{animation:ocPotatoRight 2.8s ease-in-out infinite}.oc-potato-bomb{animation:ocPotatoBomb 1s ease-in-out infinite;transform-origin:110px 78px}.oc-potato-link-left{animation:ocPotatoLinkLeft 2.8s ease-in-out infinite;transform-origin:87px 78px}.oc-potato-link-right{animation:ocPotatoLinkRight 2.8s ease-in-out infinite;transform-origin:125px 78px}.oc-potato-spark{animation:ocPotatoSpark .75s ease-in-out infinite;transform-origin:109px 32px}@keyframes ocPotatoLeft{0%,to{transform:translate(0)}38%,62%{transform:translate(12px)}}@keyframes ocPotatoRight{0%,to{transform:translate(0)}38%,62%{transform:translate(-12px)}}@keyframes ocPotatoBomb{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}@keyframes ocPotatoLinkLeft{0%,30%,to{transform:scaleX(1)}48%,60%{transform:scaleX(.65)}}@keyframes ocPotatoLinkRight{0%,30%,to{transform:scaleX(1)}48%,60%{transform:scaleX(.65)}}@keyframes ocPotatoSpark{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.35)}}@media(prefers-reduced-motion:reduce){.oc-potato-left,.oc-potato-right,.oc-potato-bomb,.oc-potato-link-left,.oc-potato-link-right,.oc-potato-spark{animation:none}}.oc-stage-hyper,.oc-stage-convince,.oc-stage-duel,.oc-stage-sketch,.oc-stage-dots,.oc-stage-tanks,.oc-stage-sketchy,.oc-stage-bomb-party,.oc-stage-golf,.oc-stage-truths,.oc-stage-most-likely,.oc-stage-word-rush,.oc-stage-nav,.oc-stage-jeopardy,.oc-stage-chess,.oc-stage-mafia,.oc-stage-cross-wires,.oc-stage-password,.oc-stage-jam-it,.oc-stage-who-am-i,.who-card-stage,.oc-stage-tag,.oc-stage-hot-potato{padding:0!important;overflow:hidden!important;position:relative!important;background-color:#1a1a28!important;background-image:linear-gradient(90deg,#ffffff05,#ffffff14,#ffffff05)!important;background-size:200% 100%!important;animation:ocStageSkeleton 1.6s ease-in-out infinite!important}@keyframes ocStageSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.oc-stage-hyper{background-color:#1a1636!important}.oc-stage-convince{background-color:#272040!important}.oc-stage-duel{background-color:#182236!important}.oc-stage-sketch{background-color:#26163b!important}.oc-stage-dots{background-color:#16182c!important}.oc-stage-tanks{background-color:#2c1630!important}.oc-stage-sketchy{background-color:#2d1e16!important}.oc-stage-bomb-party{background-color:#2c1932!important}.oc-stage-golf{background-color:#0f2e1e!important}.oc-stage-truths{background-color:#2e261f!important}.oc-stage-most-likely{background-color:#2e281d!important}.oc-stage-word-rush{background-color:#2b1f1a!important}.oc-stage-nav{background-color:#1a1e32!important}.oc-stage-jeopardy{background-color:#1e1338!important}.oc-stage-chess{background-color:#241a2c!important}.oc-stage-mafia{background-color:#2a0e14!important}.oc-stage-cross-wires{background-color:#1b161c!important}.oc-stage-password{background-color:#2b231d!important}.oc-stage-jam-it{background-color:#2e1a20!important}.oc-stage-who-am-i,.who-card-stage{background-color:#2c221a!important}.oc-stage-tag{background-color:#1e281d!important}.oc-stage-hot-potato{background-color:#2e1c18!important}.oc-stage-hyper:before,.oc-stage-hyper:after,.oc-stage-convince:before,.oc-stage-convince:after,.oc-stage-duel:before,.oc-stage-duel:after,.oc-stage-sketch:before,.oc-stage-sketch:after,.oc-stage-dots:before,.oc-stage-dots:after,.oc-stage-tanks:before,.oc-stage-tanks:after,.oc-stage-sketchy:before,.oc-stage-sketchy:after,.oc-stage-bomb-party:before,.oc-stage-bomb-party:after,.oc-stage-golf:before,.oc-stage-golf:after,.oc-stage-truths:before,.oc-stage-truths:after,.oc-stage-most-likely:before,.oc-stage-most-likely:after,.oc-stage-word-rush:before,.oc-stage-word-rush:after,.oc-stage-nav:before,.oc-stage-nav:after,.oc-stage-jeopardy:before,.oc-stage-jeopardy:after,.oc-stage-chess:before,.oc-stage-chess:after,.oc-stage-mafia:before,.oc-stage-mafia:after,.oc-stage-cross-wires:before,.oc-stage-cross-wires:after,.oc-stage-password:before,.oc-stage-password:after,.oc-stage-jam-it:before,.oc-stage-jam-it:after,.oc-stage-who-am-i:before,.oc-stage-who-am-i:after,.who-card-stage:before,.who-card-stage:after,.oc-stage-tag:before,.oc-stage-tag:after,.oc-stage-hot-potato:before,.oc-stage-hot-potato:after{display:none!important}.oc-game-img,.oc-tank-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important}.oc-card:hover .oc-game-img,.oc-card:hover .oc-tank-img{transform:scale(1.05)!important}.oc-stage-mafia{background:linear-gradient(150deg,#241725,#4b2635 48%,#111421);overflow:hidden}.oc-stage-mafia svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.oc-stage-mafia .mf-card-moon{animation:mafiaMoon 4.5s ease-in-out infinite}.oc-stage-mafia .mf-card-silhouette{animation:mafiaFigure 3.2s ease-in-out infinite}.oc-stage-mafia .mf-card-house{animation:mafiaHouse 4s ease-in-out infinite}.oc-stage-mafia .oc-badge{background:#120f18b8;color:#fff;border-color:#ffffff2e}@keyframes mafiaMoon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mafiaFigure{0%,to{transform:translateY(0)}50%{transform:translateY(-2px) rotate(-1deg)}}@keyframes mafiaHouse{0%,to{opacity:.96}50%{opacity:.78}}.oc-stage-password{background:linear-gradient(135deg,#fff0ae,#ffc5dc 52%,#c9c0ff)}.oc-pw-lock{animation:ocPwLock 2.6s ease-in-out infinite;transform-origin:110px 82px}.oc-pw-clue{animation:ocPwClue 2.8s ease-in-out infinite;transform-origin:110px 42px}.oc-pw-team-a{animation:ocFloatSm 2.5s ease-in-out infinite}.oc-pw-team-b{animation:ocFloatSm 2.5s ease-in-out infinite reverse}.oc-pw-spark{animation:ocPulse 1.8s ease-in-out infinite}.oc-pw-spark2{animation:ocSpin 5s linear infinite;transform-origin:190px 44px}@keyframes ocPwLock{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes ocPwClue{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.oc-stage-password{background:linear-gradient(135deg,#ffe78a,#ffb7d3 48%,#b9a9ff)}.password-card-new .oc-pw-bubble-one{animation:pwBubbleA 3.4s ease-in-out infinite;transform-origin:78px 100px}.password-card-new .oc-pw-bubble-two{animation:pwBubbleB 3.8s ease-in-out infinite;transform-origin:362px 214px}.password-card-new .oc-pw-lock-new{animation:pwLockPulse 2.4s ease-in-out infinite;transform-origin:220px 160px}.password-card-new .oc-pw-star-a{animation:ocPulse 1.9s ease-in-out infinite;transform-origin:center}.password-card-new .oc-pw-star-b{animation:ocPulse 2.2s ease-in-out infinite .35s;transform-origin:center}.oc-pw-live{position:absolute;right:12px;top:12px;z-index:6;display:flex;align-items:center;gap:6px;background:#20202b;color:#fff;border:2px solid #20202b;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:1000;letter-spacing:.5px;box-shadow:3px 3px #ffffffbf}.oc-pw-live i{width:7px;height:7px;border-radius:50%;background:#55e39a;display:block;animation:ocDot 1.2s ease-in-out infinite}@keyframes pwBubbleA{0%,to{transform:translate(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes pwBubbleB{0%,to{transform:translate(0) rotate(3deg)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes pwLockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.who-card-stage{background:radial-gradient(circle at 18% 80%,rgba(255,255,255,.44) 0 58px,transparent 60px),radial-gradient(circle at 88% 18%,rgba(255,255,255,.28) 0 72px,transparent 74px),linear-gradient(135deg,#ffe48b,#ffb8d5 49%,#c0b4ff)}.who-card-live{position:absolute;right:12px;top:12px;z-index:7;display:flex;align-items:center;gap:6px;background:#20202b;color:#fff;border:2px solid #20202b;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:1000;letter-spacing:.5px;box-shadow:3px 3px #ffffffbf}.who-card-live i{width:7px;height:7px;border-radius:50%;background:#55e39a;display:block;animation:ocDot 1.2s ease-in-out infinite}.who-card-note{position:absolute;z-index:4;width:104px;height:63px;padding:9px 11px;box-sizing:border-box;border:3px solid #20202b;border-radius:11px;background:#fff;box-shadow:4px 5px #20202b29;display:flex;flex-direction:column;justify-content:center}.who-card-note small{font-size:7px;letter-spacing:1.2px;font-weight:1000;color:#7a6ae0}.who-card-note b{font-size:15px;line-height:1.05;margin-top:3px}.who-card-note em{position:absolute;right:8px;top:7px;font-style:normal;color:#ff4f91;font-size:13px}.note-left{left:19px;top:69px;transform:rotate(-7deg);animation:whoNoteFloatA 3.6s ease-in-out infinite}.note-right{right:17px;bottom:43px;transform:rotate(6deg);animation:whoNoteFloatB 4s ease-in-out infinite}.who-card-head{position:absolute;left:50%;top:49px;width:145px;height:130px;transform:translate(-50%);z-index:3;animation:whoHeadFloat 3.8s ease-in-out infinite}.who-card-face{position:absolute;left:18px;top:34px;width:109px;height:92px;border:4px solid #20202b;border-radius:44% 44% 47% 47%;background:#fff7f3;box-shadow:5px 6px #20202b26;overflow:hidden}.who-card-hair{position:absolute;z-index:4;left:25px;top:20px;width:96px;height:47px;border-radius:52% 52% 38% 38%;background:#6e4b5f;border:4px solid #20202b;transform:rotate(-3deg)}.who-card-hair:after{content:"";position:absolute;right:-6px;bottom:4px;width:27px;height:34px;border-radius:50%;background:#6e4b5f;border-right:4px solid #20202b;transform:rotate(17deg)}.eye{position:absolute;top:40px;width:8px;height:11px;border-radius:50%;background:#20202b}.eye-left{left:28px}.eye-right{right:28px}.who-card-mouth{position:absolute;left:46px;top:58px;width:18px;height:9px;border-bottom:3px solid #20202b;border-radius:0 0 18px 18px}.who-card-blush{position:absolute;top:57px;width:14px;height:7px;border-radius:50%;background:#ffb2c7;opacity:.7}.blush-left{left:13px}.blush-right{right:13px}.who-card-sticky{position:absolute;z-index:5;right:-7px;top:12px;width:52px;height:52px;display:grid;place-items:center;border:3px solid #20202b;border-radius:10px 10px 12px 4px;background:#cbbcff;color:#20202b;font-size:34px;font-weight:1000;box-shadow:4px 5px #20202b29;transform:rotate(7deg);animation:whoStickyWiggle 2.8s ease-in-out infinite}.who-card-sticky:before{content:"";position:absolute;left:7px;top:-8px;width:36px;height:10px;border-radius:3px;background:#fffc;border:2px solid #20202b;transform:rotate(-3deg)}.who-card-question{position:absolute;z-index:6;left:50%;bottom:41px;transform:translate(-50%) rotate(-1.5deg);display:flex;align-items:center;gap:7px;padding:7px 10px;border:3px solid #20202b;border-radius:12px;background:#fff;box-shadow:4px 5px #20202b24;white-space:nowrap}.who-card-question span,.who-card-question i{font-size:8px;font-style:normal;font-weight:1000;letter-spacing:1px}.who-card-question span{color:#7658e8}.who-card-question b{font-size:10px}.who-card-question i{padding:4px 6px;border-radius:7px;background:#85e2c5;border:1.5px solid #20202b}.who-card-tape{position:absolute;z-index:8;left:50%;top:20px;width:76px;height:16px;background:#ffffffbd;border:2px solid #20202b;border-radius:5px;transform:translate(-50%) rotate(-1deg);box-shadow:2px 2px #20202b14}.who-card-caption{position:absolute;z-index:5;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:2px;font-weight:1000;color:#20202b;background:#ffffff59;padding:4px 9px;border-radius:999px}.who-card-caption b{color:#ff4f91}.who-card-spark{position:absolute;z-index:3;color:#fff;font-weight:1000;text-shadow:2px 2px 0 rgba(32,32,43,.12)}.spark-a{left:145px;top:31px;font-size:19px;color:#ff4f91;animation:whoSpark 1.9s ease-in-out infinite}.spark-b{right:111px;top:104px;font-size:13px;color:#7658e8;animation:whoSpark 2.2s ease-in-out infinite .3s}.spark-c{left:104px;bottom:40px;font-size:19px;color:#ffe36f;animation:whoSpark 2.4s ease-in-out infinite .6s}.who-am-i-card:hover .who-card-head{animation:whoHeadExcited .7s ease-in-out infinite}.who-am-i-card:hover .who-card-sticky{animation:whoStickyWiggle .75s ease-in-out infinite}.who-am-i-card:hover .who-card-question{transform:translate(-50%) rotate(-1.5deg) translateY(-4px)}@keyframes whoHeadFloat{0%,to{transform:translate(-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%) translateY(-5px) rotate(1deg)}}@keyframes whoHeadExcited{0%,to{transform:translate(-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%) translateY(-7px) rotate(2deg)}}@keyframes whoStickyWiggle{0%,to{transform:rotate(7deg)}50%{transform:rotate(11deg) translateY(-2px)}}@keyframes whoNoteFloatA{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-5px)}}@keyframes whoNoteFloatB{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-6px)}}@keyframes whoSpark{0%,to{opacity:.5;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.who-card-head,.who-card-sticky,.who-card-note,.who-card-spark{animation:none!important}.who-am-i-card:hover .who-card-head{animation:none}}.cross-wires-card .oc-stage-cross-wires{background:linear-gradient(135deg,#181522,#30224a);position:relative;overflow:hidden}.cross-wires-card .cw-card-live{position:absolute;right:10px;top:10px;background:#ffe16d;color:#20202b;border:2px solid #20202b;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:1000;letter-spacing:.06em}.cross-wires-card .cw-card-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff4f91;margin-right:4px}.cross-wires-card svg{width:100%;height:100%;display:block}:root[data-theme=dark] .oc-card,html[data-theme=dark] .oc-card,body[data-theme=dark] .oc-card,[data-theme=dark] .oc-card{background:#191b26!important;border-color:#383a48!important;box-shadow:7px 7px #00000073!important}:root[data-theme=dark] .oc-card:hover,html[data-theme=dark] .oc-card:hover,body[data-theme=dark] .oc-card:hover,[data-theme=dark] .oc-card:hover{box-shadow:11px 14px #0009!important}:root[data-theme=dark] .oc-stage,html[data-theme=dark] .oc-stage,body[data-theme=dark] .oc-stage,[data-theme=dark] .oc-stage{border-bottom-color:#383a48!important}:root[data-theme=dark] .oc-badge,html[data-theme=dark] .oc-badge,body[data-theme=dark] .oc-badge,[data-theme=dark] .oc-badge,:root[data-theme=dark] .oc-live,html[data-theme=dark] .oc-live,body[data-theme=dark] .oc-live,[data-theme=dark] .oc-live{display:none!important}:root[data-theme=dark] .oc-tag,html[data-theme=dark] .oc-tag,body[data-theme=dark] .oc-tag,[data-theme=dark] .oc-tag{color:#ff70a5!important}:root[data-theme=dark] .oc-players,html[data-theme=dark] .oc-players,body[data-theme=dark] .oc-players,[data-theme=dark] .oc-players{background:#232535!important;color:#f5f2ff!important;border:1.5px solid #454758!important}:root[data-theme=dark] .oc-title,html[data-theme=dark] .oc-title,body[data-theme=dark] .oc-title,[data-theme=dark] .oc-title{color:#f5f2ff!important}:root[data-theme=dark] .oc-desc,html[data-theme=dark] .oc-desc,body[data-theme=dark] .oc-desc,[data-theme=dark] .oc-desc{color:#a8a4b6!important}:root[data-theme=dark] .who-card-note,html[data-theme=dark] .who-card-note,body[data-theme=dark] .who-card-note,[data-theme=dark] .who-card-note{background:#232535!important;border-color:#4a4c59!important;color:#f5f2ff!important;box-shadow:4px 5px #00000059!important}:root[data-theme=dark] .who-card-note b,html[data-theme=dark] .who-card-note b,body[data-theme=dark] .who-card-note b,[data-theme=dark] .who-card-note b{color:#f5f2ff!important}:root[data-theme=dark] .who-card-question,html[data-theme=dark] .who-card-question,body[data-theme=dark] .who-card-question,[data-theme=dark] .who-card-question{background:#1f212f!important;border-color:#4a4c59!important;color:#f5f2ff!important;box-shadow:4px 5px #00000059!important}:root[data-theme=dark] .who-card-question b,html[data-theme=dark] .who-card-question b,body[data-theme=dark] .who-card-question b,[data-theme=dark] .who-card-question b{color:#f5f2ff!important}.who-card-head{position:absolute;left:50%;top:32px;width:145px;height:130px;transform:translate(-50%) scale(.88);z-index:3}.who-card-note{transform:scale(.85)}.note-left{left:8px!important;top:56px!important}.note-right{right:8px!important;bottom:32px!important}.who-card-question{bottom:14px!important;transform:translate(-50%) scale(.9)!important}.who-card-caption{display:none!important}@media(max-width:768px){.oc-card .oc-stage *{animation-play-state:paused!important}.oc-card:hover .oc-stage *,.oc-card:active .oc-stage *{animation-play-state:running!important}.oc-stage:before,.oc-stage:after{display:block!important;animation:none!important;filter:none!important}}.convince-root{min-height:100vh;width:100%;color:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0d0a14;background-repeat:no-repeat;background-position:center bottom;background-size:cover;position:relative;display:flex;flex-direction:column;overflow-x:hidden}.convince-root.bg-stage{background-image:url(/convince-stage-v4.webp);background-position:center bottom;background-attachment:fixed}.convince-root.bg-desk{background-image:url(/convince-desk-v4.webp);background-position:center center;background-attachment:fixed}.convince-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0d0a1433,#0d0a14bf);z-index:1}.convince-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 20px 40px;display:flex;flex-direction:column;flex:1}.convince-root .of-game-header{background:#0f0b18d1!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;position:sticky!important;top:0!important;z-index:100!important}.convince-title-chip{background:#000!important;color:#fef08a!important;border:1.5px solid #eab308!important;border-radius:999px!important;font-weight:900!important;font-size:13px!important;letter-spacing:.5px!important;padding:4px 16px!important;box-shadow:0 0 12px #eab30859!important;text-transform:uppercase!important}.convince-back-btn{background:#ffffff14!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:999px!important;padding:6px 16px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .2s ease!important}.convince-back-btn:hover{background:#ffffff2e!important;border-color:#fff6!important;transform:translate(-2px)!important}.convince-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px 12px;animation:fadeIn .4s ease-out}.convince-hero-logo{max-width:440px;width:90%;height:auto;filter:drop-shadow(0 0 25px rgba(244,63,94,.5));margin-bottom:8px}.convince-hero-copy{font-size:16px;font-weight:600;color:#cbd5e1;max-width:640px;margin:0 auto 32px;line-height:1.6}.convince-hero-copy b,.convince-hero-copy .highlight{color:#fb7185;font-weight:900;text-shadow:0 0 14px rgba(244,63,94,.65)}.convince-stage-grid{display:flex;align-items:center;justify-content:center;gap:24px;max-width:920px;width:100%;margin:0 auto 40px;position:relative}.convince-landing-card{flex:1;max-width:380px;min-height:270px;border-radius:26px;padding:32px 24px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#120c1ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;position:relative;overflow:hidden}.convince-landing-card:before{content:"";position:absolute;inset:0;border-radius:26px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.convince-landing-card.card-pink{border:2px solid rgba(244,63,94,.7);box-shadow:0 0 28px #f43f5e59,inset 0 0 18px #f43f5e1a}.convince-landing-card.card-pink:hover{transform:translateY(-4px);box-shadow:0 0 40px #f43f5e8c,inset 0 0 24px #f43f5e2e}.convince-landing-card.card-purple{border:2px solid rgba(168,85,247,.7);box-shadow:0 0 28px #a855f759,inset 0 0 18px #a855f71a}.convince-landing-card.card-purple:hover{transform:translateY(-4px);box-shadow:0 0 40px #a855f78c,inset 0 0 24px #a855f72e}.convince-card-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card-pink .convince-card-icon{background:#f43f5e26;border:1.5px solid rgba(244,63,94,.45);color:#fb7185}.card-purple .convince-card-icon{background:#a855f726;border:1.5px solid rgba(168,85,247,.45);color:#c084fc}.convince-landing-card h3{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.3px}.convince-landing-card p{font-size:14px;font-weight:500;color:#94a3b8;margin:0 0 20px;line-height:1.4;max-width:260px}.convince-pill-cta{width:100%;background:#fff;color:#0f172a;border:none;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #00000059;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.convince-pill-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff59;filter:brightness(1.03)}.convince-pill-cta:active{transform:translateY(0)}.convince-mic-stage-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0 -10px;z-index:10;pointer-events:none}.convince-stage-mic-img{width:76px;height:auto;filter:drop-shadow(0 0 16px rgba(245,158,11,.5));animation:micSubtleFloat 3s ease-in-out infinite alternate}@keyframes micSubtleFloat{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 14px rgba(245,158,11,.4))}to{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 0 22px rgba(245,158,11,.7))}}.convince-how-section{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding-bottom:24px}.convince-how-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 18px;border-radius:999px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);color:#fb7185;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.convince-how-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;max-width:920px}.convince-step-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#161020bf;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#e2e8f0;font-size:13px;font-weight:700}.convince-step-pill span.icon{font-size:16px}.convince-step-arrow{color:#fb7185;font-weight:900;font-size:14px;opacity:.8}.convince-modal-card{max-width:480px;width:92%;margin:36px auto;padding:36px 32px 30px;border-radius:28px;background:#120c1ceb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:2px solid rgba(244,63,94,.7);box-shadow:0 0 35px #f43f5e59,inset 0 0 20px #f43f5e1a;text-align:center;position:relative;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.convince-modal-card.card-purple-theme{border-color:#a855f7b3;box-shadow:0 0 35px #a855f759,inset 0 0 20px #a855f71a}.convince-modal-eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:2px;color:#fb7185;text-transform:uppercase;margin-bottom:6px}.card-purple-theme .convince-modal-eyebrow{color:#c084fc}.convince-modal-title{font-size:28px;font-weight:900;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.convince-modal-sub{font-size:14px;color:#94a3b8;margin:0 0 24px;line-height:1.4}.convince-profile-badge{display:flex;align-items:center;gap:12px;background:#1e1630d9;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:10px 16px;margin-bottom:24px;text-align:left}.convince-profile-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #38bdf8;overflow:hidden;background:#0284c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.convince-profile-avatar img{width:100%;height:100%;object-fit:cover}.convince-profile-avatar span{font-weight:900;font-size:18px;color:#fff}.convince-profile-meta{flex:1;min-width:0}.convince-profile-label{font-size:10px;font-weight:900;letter-spacing:1px;color:#94a3b8;text-transform:uppercase;margin-bottom:2px}.convince-profile-name{font-size:16px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convince-edit-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f1f5f9;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.convince-edit-pill:hover{background:#ffffff2e;border-color:#fff6}.convince-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;text-align:left}.convince-input-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#cbd5e1;margin-bottom:8px}.convince-select-wrap{position:relative;width:100%}.convince-select{width:100%;background:#1a122af2;border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:14px;padding:13px 36px 13px 16px;font-size:16px;font-weight:800;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.convince-select:focus{border-color:#fb7185;box-shadow:0 0 14px #f43f5e66}.convince-select-wrap:after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none}.convince-code-wrap{position:relative;width:100%;margin-bottom:24px;text-align:left}.convince-code-input{width:100%;background:#1a122af2;border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:16px;padding:14px 50px 14px 18px;font-size:22px;font-weight:900;letter-spacing:4px;text-transform:uppercase;outline:none;transition:all .2s ease}.convince-code-input:focus{border-color:#c084fc;box-shadow:0 0 16px #a855f766}.convince-qr-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px;pointer-events:none}.convince-btn-glow{width:100%;padding:16px 28px;border:none;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ec4899,#e11d48);color:#fff;font-size:17px;font-weight:900;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 25px #f43f5e99,0 4px 15px #0006;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.3)}.convince-btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 35px #f43f5ecc,0 6px 20px #00000080;filter:brightness(1.08)}.convince-btn-glow:active{transform:translateY(0)}.convince-btn-glow:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.convince-btn-back{display:block;width:100%;margin-top:14px;background:transparent;border:none;color:#94a3b8;font-size:14px;font-weight:700;cursor:pointer;text-align:center;padding:8px;transition:color .15s ease}.convince-btn-back:hover{color:#fff;text-decoration:underline}.convince-lobby-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:980px;width:100%;margin:20px auto 0;align-items:start}.convince-lobby-card{background:#120c1ce6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:26px;border:1.5px solid rgba(255,255,255,.12);padding:28px 26px;box-shadow:0 8px 32px #0006;position:relative}.convince-marquee-sign{background:#181024f5;border:2px solid #f59e0b;border-radius:20px;padding:20px 16px;text-align:center;box-shadow:0 0 24px #f59e0b59,inset 0 0 16px #f59e0b1a;margin-bottom:20px;position:relative}.convince-marquee-label{font-size:11px;font-weight:900;letter-spacing:2px;color:#fef08a;text-transform:uppercase;margin-bottom:6px}.convince-marquee-code{font-size:38px;font-weight:900;letter-spacing:8px;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.65);margin-bottom:12px;font-family:monospace,system-ui}.convince-copy-link-btn{background:#fbbf2426;border:1.5px solid rgba(251,191,36,.45);color:#fef08a;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.convince-copy-link-btn:hover{background:#fbbf2440;border-color:#fbbf24;transform:translateY(-1px)}.convince-rule-chips{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;font-size:13px;font-weight:700;color:#cbd5e1}.convince-prompt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.convince-prompt-head h3{font-size:18px;font-weight:800;color:#fff;margin:0}.convince-idea-btn{background:#a855f726;border:1px solid rgba(168,85,247,.45);color:#d8b4fe;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.convince-idea-btn:hover{background:#a855f740;border-color:#c084fc}.convince-textarea{width:100%;background:#0e0a16d9;border:1.5px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;font-size:15px;line-height:1.5;padding:14px 16px;min-height:100px;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:6px}.convince-textarea:focus{border-color:#fb7185;box-shadow:0 0 14px #f43f5e59}.convince-counter{text-align:right;font-size:12px;color:#94a3b8;font-weight:700;margin-bottom:16px}.convince-roster-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.convince-roster-head h3{font-size:18px;font-weight:900;color:#fff;margin:0}.convince-roster-head span{font-size:13px;font-weight:800;color:#94a3b8;background:#ffffff14;padding:4px 10px;border-radius:999px}.convince-roster-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;margin-bottom:20px;padding-right:4px}.convince-roster-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#1c142ca6;border:1px solid rgba(255,255,255,.08);transition:background .15s ease}.convince-roster-item.is-me{border-color:#f43f5e66;background:#f43f5e1a}.convince-roster-name{flex:1;font-size:15px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.convince-host-badge{background:#f59e0b;color:#000;font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;letter-spacing:.5px}.convince-status-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px}.convince-status-badge.writing{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.convince-status-badge.ready{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.convince-game-topbar{display:flex;align-items:center;justify-content:space-between;max-width:800px;width:100%;margin:16px auto 20px;background:#120c1cbf;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 20px}.convince-top-pill{font-size:12px;font-weight:900;letter-spacing:1px;color:#f1f5f9;text-transform:uppercase}.convince-progress-bar-wrap{flex:1;margin:0 18px;height:8px;background:#ffffff1f;border-radius:999px;overflow:hidden}.convince-progress-bar-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f43f5e,#fbbf24);border-radius:999px;transition:width .3s ease}.convince-defense-banner{max-width:800px;width:100%;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;background:#160e22e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(244,63,94,.5);border-radius:20px;padding:14px 22px;box-shadow:0 0 24px #f43f5e40;position:relative;overflow:hidden;z-index:2}.convince-speaker-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.convince-speaker-avatar{width:46px;height:46px;min-width:46px;min-height:46px;max-width:46px;max-height:46px;border-radius:50%!important;border:2px solid #fb7185!important;box-shadow:0 0 12px #fb718580!important;overflow:hidden!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;aspect-ratio:1 / 1!important;background:#1e142de6!important;padding:0!important}.convince-speaker-avatar img,.convince-speaker-avatar.has-img img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important;position:static!important}.convince-speaker-avatar span{font-size:18px;font-weight:900;color:#fff;line-height:1}.convince-speaker-title{font-size:16px;font-weight:900;color:#fff;letter-spacing:.3px}.convince-timer-pill{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:900;padding:6px 18px;border-radius:999px;background:#10b98126;border:1.5px solid rgba(16,185,129,.5);color:#34d399;box-shadow:0 0 14px #10b9814d;font-family:monospace,system-ui}.convince-timer-pill.timer-warning{background:#f59e0b26;border-color:#f59e0b99;color:#fbbf24;box-shadow:0 0 14px #f59e0b66}.convince-timer-pill.timer-critical{background:#f43f5e33;border-color:#f43f5ecc;color:#fb7185;box-shadow:0 0 20px #f43f5e99;animation:pulseGlow 1s infinite alternate}@keyframes pulseGlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.convince-statement-card{max-width:800px;width:100%;margin:0 auto;border-radius:28px;background:#140e20f0;backdrop-filter:blur(24px);border:2px solid rgba(244,63,94,.65);box-shadow:0 0 35px #f43f5e4d,inset 0 0 20px #f43f5e1a;padding:36px 32px;text-align:center}.convince-statement-eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#fb7185;text-transform:uppercase;margin-bottom:16px}.convince-statement-quote{font-size:30px;font-weight:900;line-height:1.4;color:#fff;margin:20px auto 28px;font-style:italic;max-width:660px;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.convince-secret-pill{display:inline-flex;align-items:center;gap:8px;background:#f59e0b26;border:1px solid rgba(245,158,11,.45);color:#fef08a;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;margin-bottom:24px}.convince-coach-tip{font-size:15px;color:#94a3b8;line-height:1.5;margin:0 auto 24px;max-width:580px}.convince-vote-panel{max-width:800px;width:100%;margin:24px auto 0;border-radius:26px;background:#120c1ceb;backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);padding:32px 28px;text-align:center}.convince-vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 16px}.convince-vote-card{padding:24px 20px;border-radius:20px;background:#1a1228d9;border:2px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.convince-vote-card.yes{border-color:#10b98173}.convince-vote-card.yes:hover,.convince-vote-card.yes.selected{border-color:#10b981;background:#10b9812e;box-shadow:0 0 25px #10b98166;transform:translateY(-2px)}.convince-vote-card.no{border-color:#f43f5e73}.convince-vote-card.no:hover,.convince-vote-card.no.selected{border-color:#f43f5e;background:#f43f5e2e;box-shadow:0 0 25px #f43f5e66;transform:translateY(-2px)}.convince-vote-emoji{font-size:36px}.convince-vote-label{font-size:18px;font-weight:900}.convince-vote-pts{font-size:13px;font-weight:700;color:#94a3b8}.convince-recap-grid{display:flex;flex-direction:column;gap:14px;margin:24px 0;text-align:left}.convince-recap-card{border-radius:18px;background:#181026d9;border:1.5px solid rgba(255,255,255,.12);padding:18px 22px}.convince-recap-card.convinced{border-color:#10b98180;box-shadow:0 0 16px #10b98133}.convince-recap-card.busted{border-color:#f43f5e80;box-shadow:0 0 16px #f43f5e33}.convince-root .scoreboard,.convince-scoreboard{background:#120c1ceb!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1.5px solid rgba(255,255,255,.12)!important;border-radius:20px!important;color:#fff!important;box-shadow:0 8px 30px #00000080!important;overflow:hidden!important}.convince-root .scoreboard-head,.convince-scoreboard .scoreboard-head{background:#1c122cf5!important;color:#fbbf24!important;border-bottom:1.5px solid rgba(255,255,255,.12)!important;font-weight:900!important;letter-spacing:1.5px!important;font-size:11px!important;text-transform:uppercase!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 16px!important}.convince-root .scoreboard-head div,.convince-scoreboard .scoreboard-head div{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#fbbf24!important;font-weight:900!important}.convince-root .scoreboard-head .live-dot,.convince-scoreboard .scoreboard-head .live-dot{display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#10b981!important;box-shadow:0 0 8px #10b981,0 0 14px #10b98199!important;margin-right:4px!important}.convince-root .scoreboard-head strong,.convince-scoreboard .scoreboard-head strong{background:#fbbf2433!important;color:#fef08a!important;border:1px solid rgba(251,191,36,.5)!important;border-radius:999px!important;padding:2px 10px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 0 8px #fbbf2433!important}.convince-root .scoreboard-list,.convince-scoreboard .scoreboard-list{background:transparent!important;padding:10px!important}.convince-root .score-player,.convince-scoreboard .score-player{background:#1c142ca6!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;border-radius:12px!important;margin-bottom:6px!important;transition:transform .15s ease,background .15s ease}.convince-root .score-player.me,.convince-scoreboard .score-player.me{background:#f43f5e2e!important;border-color:#f43f5e73!important}.convince-root .score-player .score-name,.convince-scoreboard .score-player .score-name{color:#fff!important}.convince-root .score-player .rank,.convince-scoreboard .score-player .rank{color:#94a3b8!important}.convince-root .score-player>b,.convince-scoreboard .score-player>b{color:#fbbf24!important}.convince-root .score-avatar,.convince-scoreboard .score-avatar{border-radius:50%!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.convince-root .score-avatar img,.convince-scoreboard .score-avatar img,.convince-root .score-avatar.has-img img,.convince-scoreboard .score-avatar.has-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important}@media(max-width:860px){.convince-stage-grid{flex-direction:column;gap:20px}.convince-landing-card{max-width:100%;width:100%;min-height:auto}.convince-mic-stage-column{display:none}.convince-lobby-grid{grid-template-columns:1fr}.convince-statement-quote{font-size:22px}.convince-settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.convince-defense-banner{padding:10px 14px!important;gap:10px!important;border-radius:16px!important}.convince-speaker-title{font-size:13px!important}.convince-timer-pill{font-size:14px!important;padding:4px 12px!important}}