@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.dm_popup_notifications{position:fixed;right:16px;bottom:16px;z-index:10010;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(360px,calc(100vw - 24px))}.dm_popup_box{position:relative;overflow:hidden;pointer-events:auto;width:100%;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#1c2027f2;color:#fff;box-shadow:0 10px 24px #0000004d;padding:11px 12px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;animation:dmPopupSlideIn .24s ease-out;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.dm_popup_box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#5f79ff,#7bc5ff);opacity:.85}.dm_popup_box.is-closing{animation:dmPopupSlideOut .2s ease-in forwards}.dm_popup_box:hover{transform:translateY(-1px);border-color:#5f79ffb8;box-shadow:0 14px 28px #0000005c}.dm_popup_box:focus-visible{outline:none;border-color:#7bc5fff2;box-shadow:0 0 0 2px #7bc5ff40,0 14px 28px #0000005c}.dm_popup_avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.24);flex-shrink:0;background:#1f2228}.dm_popup_content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm_popup_username{font-size:14px;font-weight:600;color:#f4f7ff;line-height:1.2}.dm_popup_message{font-size:13px;color:#c7cfde;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes dmPopupSlideIn{0%{opacity:0;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dmPopupSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.99)}}@media (max-width: 640px){.dm_popup_notifications{left:12px;right:12px;bottom:auto;top:calc(env(safe-area-inset-top,0px) + 12px);width:auto}.dm_popup_box{border-radius:12px;padding:10px 11px;animation:dmPopupSlideInTop .24s ease-out}.dm_popup_box.is-closing{animation:dmPopupSlideOutTop .2s ease-in forwards}}@keyframes dmPopupSlideInTop{0%{opacity:0;transform:translateY(-18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dmPopupSlideOutTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.99)}}.social_popup_notifications{position:fixed;right:16px;bottom:16px;width:min(368px,calc(100vw - 24px));z-index:10020;pointer-events:none}.social_popup_card{pointer-events:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#1d222af5;color:#fff;box-shadow:0 14px 34px #00000057;overflow:hidden;animation:socialPopupSlideIn .24s ease-out}.social_popup_card.is-closing{animation:socialPopupSlideOut .2s ease-in forwards}.social_popup_card_body{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer}.social_popup_card_body:hover{background:#ffffff08}.social_popup_card_body:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #79bbff73}.social_popup_avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.28);background:#1d2027;flex-shrink:0}.social_popup_content{min-width:0;flex:1}.social_popup_title{font-size:13px;font-weight:700;color:#9cb6ff;line-height:1.2;margin-bottom:2px}.social_popup_text{font-size:13px;color:#d8deec;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social_popup_actions{display:flex;gap:8px;padding:0 12px 12px}.social_popup_btn{flex:1;height:34px;border:0;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.social_popup_btn:disabled{cursor:not-allowed;opacity:.65}.social_popup_btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.social_popup_btn_accept{background:linear-gradient(135deg,#42b67d,#329b68);color:#fff}.social_popup_btn_reject{background:linear-gradient(135deg,#f0545a,#d64248);color:#fff}@keyframes socialPopupSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes socialPopupSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@media (max-width: 640px){.social_popup_notifications{left:12px;right:12px;bottom:auto;top:calc(env(safe-area-inset-top,0px) + 12px);width:auto}.social_popup_card{animation:socialPopupSlideInTop .24s ease-out}.social_popup_card.is-closing{animation:socialPopupSlideOutTop .2s ease-in forwards}}@keyframes socialPopupSlideInTop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes socialPopupSlideOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.docs-root{display:flex;height:100%;background:var(--bg-primary, #1e1f22);color:var(--text-secondary, #dcddde);font-family:inherit;overflow:hidden}.docs-sidebar{width:220px;flex-shrink:0;background:var(--bg-secondary, #2b2d31);border-right:1px solid var(--border-secondary, #1a1b1e);padding:24px 0;overflow-y:auto}.docs-sidebar-title{font-size:11px;font-weight:700;color:var(--text-muted, #949ba4);text-transform:uppercase;letter-spacing:.8px;padding:0 16px 12px}.docs-nav-link{display:block;padding:6px 16px;font-size:14px;color:var(--text-muted, #949ba4);text-decoration:none;border-radius:0 4px 4px 0;transition:color .1s,background .1s}.docs-nav-link:hover{color:var(--text-secondary, #dcddde);background:var(--bg-hover, rgba(255,255,255,.04))}.docs-content{flex:1;overflow-y:auto;padding:32px 40px;max-width:860px}.docs-content h1{font-size:26px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 12px}.docs-content h2{font-size:18px;font-weight:700;color:var(--text-primary, #fff);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--border-secondary, #383a40)}.docs-content h3{font-size:14px;font-weight:700;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 8px}.docs-content h4{font-size:13px;font-weight:700;color:var(--text-secondary, #dcddde);margin:16px 0 6px}.docs-content p{font-size:14px;color:var(--text-muted, #949ba4);line-height:1.7;margin:0 0 12px}.docs-content ol,.docs-content ul{padding-left:20px;margin:0 0 12px}.docs-content li{font-size:14px;color:var(--text-muted, #949ba4);line-height:1.8}.docs-content code{background:var(--bg-tertiary, #111214);border-radius:4px;padding:2px 5px;font-family:Courier New,monospace;font-size:13px;color:var(--status-online, #57f287)}.docs-code-block{background:var(--bg-tertiary, #111214);border:1px solid var(--border-primary, transparent);border-radius:8px;margin:12px 0 20px;overflow:hidden}.docs-code-lang{background:var(--bg-floating, var(--bg-tertiary, #1a1b1e));padding:6px 14px;font-size:11px;color:var(--accent, #5865f2);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary, transparent)}.docs-code-block pre{margin:0;padding:16px;overflow-x:auto}.docs-code-block code{background:none;padding:0;font-size:13px;color:var(--text-secondary, #dcddde);line-height:1.6;white-space:pre}.docs-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 20px}.docs-table th{background:var(--bg-secondary, #2b2d31);color:var(--text-secondary, #b5bac1);font-weight:600;padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-secondary, #383a40)}.docs-table td{padding:8px 12px;color:var(--text-muted, #949ba4);border-bottom:1px solid var(--border-primary, #2b2d31);vertical-align:top}.docs-table tr:last-child td{border-bottom:none}.docs-table tr:hover td{background:var(--bg-hover, rgba(255,255,255,.02))}.docs-endpoint-table td:first-child{white-space:nowrap}.docs-method{display:inline-block;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.docs-method-get{background:#23a55a33;color:var(--status-online, #23a55a)}.docs-method-post{background:var(--accent-medium, rgba(88, 101, 242, .2));color:var(--accent, #7289da)}.docs-method-patch,.docs-method-put{background:#faa61a33;color:var(--status-idle, #faa61a)}.docs-method-delete{background:var(--danger-bg, rgba(237, 66, 69, .2));color:var(--danger, #ed4245)}.docs-badge{display:inline-block;font-size:10px;font-weight:700;background:var(--badge-bg, var(--accent, #5865f2));color:var(--badge-text, #fff);padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.docs-warning{background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:6px;padding:10px 14px;font-size:13px!important;color:var(--status-idle, #faa61a)!important}.docs-hint{background:var(--accent-light, rgba(88, 101, 242, .1));border-left:3px solid var(--accent, #5865f2);border-radius:4px;padding:8px 12px;font-size:13px!important;color:var(--text-secondary, #b5bac1)!important}section{margin-bottom:8px}@media (max-width: 768px){.docs-root{flex-direction:column;height:auto;min-height:100%;overflow:visible}.docs-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border-secondary, #1a1b1e);padding:12px 0;position:sticky;top:0;z-index:5;overflow-y:visible}.docs-sidebar-title{padding:0 16px 8px}.docs-sidebar nav{display:flex;gap:4px;overflow-x:auto;padding:0 12px 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.docs-nav-link{flex-shrink:0;padding:8px 12px;font-size:13px;border-radius:8px;white-space:nowrap;background:var(--bg-tertiary, rgba(255, 255, 255, .04))}.docs-content{padding:20px 16px;max-width:none;overflow-y:visible}.docs-content h1{font-size:22px}.docs-content h2{font-size:17px;margin:28px 0 10px}.docs-content p,.docs-content li{font-size:13.5px;line-height:1.65}.docs-code-block{margin:10px -4px 16px;border-radius:6px}.docs-code-block pre{padding:12px;font-size:12px}.docs-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.docs-endpoint-table td:first-child{min-width:88px}}@media (max-width: 480px){.docs-content{padding:16px 12px}.docs-content h1{font-size:20px}.docs-nav-link{padding:7px 10px;font-size:12.5px}}.dev-portal{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #313338);color:var(--text-secondary, #dcddde);font-family:inherit}.dev-portal-header{padding:24px 32px 0;border-bottom:1px solid var(--border-secondary, #2b2d31)}.dev-portal-header h1{font-size:22px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 4px}.dev-portal-header p{font-size:14px;color:var(--text-muted, #949ba4);margin:0 0 16px}.dev-tabs{display:flex;gap:4px}.dev-tab{background:none;border:none;color:var(--text-muted, #949ba4);font-size:14px;font-weight:500;padding:8px 16px;cursor:pointer;border-radius:4px 4px 0 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.dev-tab:hover{color:var(--text-secondary, #dcddde)}.dev-tab.active{color:var(--text-primary, #fff);border-bottom-color:var(--accent, #5865f2)}.dev-body{flex:1;overflow-y:auto;padding:24px 32px}.dev-bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.dev-bot-card{background:var(--bg-secondary, #2b2d31);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;border:1px solid var(--border-primary, transparent);transition:border-color .15s,transform .1s,background .15s}.dev-bot-card:hover{border-color:var(--accent-border, #5865f2);transform:translateY(-2px);background:var(--bg-elevated, var(--bg-secondary, #2b2d31))}.dev-bot-card-head{display:flex;align-items:center;gap:12px}.dev-bot-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary, #36373d);flex-shrink:0}.dev-bot-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--accent, #5865f2);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-primary, #fff);flex-shrink:0}.dev-bot-name{font-weight:600;font-size:15px;color:var(--text-primary, #fff)}.dev-bot-badge{display:inline-block;background:var(--badge-bg, var(--accent, #5865f2));color:var(--badge-text, #fff);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.dev-bot-token-preview{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted, #949ba4);background:var(--bg-tertiary, #1e1f22);padding:6px 10px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-bot-actions{display:flex;gap:8px;margin-top:auto}.dev-btn{flex:1;padding:8px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:filter .15s,background .15s}.dev-btn:hover{filter:brightness(1.1)}.dev-btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.dev-btn-primary{background:var(--accent, #5865f2);color:var(--text-primary, #fff)}.dev-btn-primary:hover{background:var(--accent-hover, #4752c4);filter:none}.dev-btn-danger{background:var(--danger, #ed4245);color:var(--text-primary, #fff)}.dev-btn-ghost{background:var(--bg-tertiary, #383a40);color:var(--text-secondary, #dcddde)}.dev-btn-ghost:hover{background:var(--bg-channel-hover, #404249);filter:none}.dev-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--accent, #5865f2);color:var(--text-primary, #fff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:24px;width:fit-content;transition:background .15s}.dev-create-btn:hover{background:var(--accent-hover, #4752c4)}.dev-create-btn:disabled{opacity:.5;cursor:not-allowed}.dev-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-bg, rgba(0,0,0,.7));display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dev-modal{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-primary, transparent);border-radius:12px;padding:28px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px var(--shadow-heavy, rgba(0,0,0,.5))}.dev-modal h2{font-size:18px;font-weight:700;color:var(--text-primary, #fff);margin:0}.dev-modal p{font-size:14px;color:var(--text-muted, #949ba4);margin:0}.dev-form-group{display:flex;flex-direction:column;gap:6px}.dev-form-group label{font-size:12px;font-weight:700;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.5px}.dev-input{background:var(--bg-input, #1e1f22);border:1px solid var(--border-secondary, #404249);border-radius:6px;padding:10px 12px;color:var(--text-secondary, #dcddde);font-size:14px;outline:none;width:100%;box-sizing:border-box;transition:border-color .15s,background .15s}.dev-input:focus{border-color:var(--accent, #5865f2);background:var(--bg-input-focus, var(--bg-input, #1e1f22))}.dev-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.dev-token-box{background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-primary, transparent);border-radius:8px;padding:14px;display:flex;align-items:center;gap:10px}.dev-token-box code{flex:1;font-family:Courier New,monospace;font-size:13px;color:var(--status-online, #57f287);word-break:break-all}.dev-copy-btn{background:var(--bg-secondary, #383a40);border:1px solid var(--border-primary, transparent);border-radius:6px;padding:6px 10px;color:var(--text-secondary, #dcddde);font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.dev-copy-btn:hover{background:var(--bg-channel-hover, #404249);border-color:var(--accent-border, transparent)}.dev-warning-box{background:#faa61a21;border:1px solid rgba(250,166,26,.4);border-radius:8px;padding:12px 14px;font-size:13px;color:#faa61a}.dev-detail{display:flex;flex-direction:column;gap:20px;max-width:720px;margin:0 auto}.dev-detail-header{display:flex;align-items:center;gap:18px;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-primary, transparent);border-radius:12px;padding:22px}.dev-detail-avatar{width:84px;height:84px;border-radius:50%;background:var(--accent, #5865f2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--text-primary, #fff);flex-shrink:0;cursor:pointer;position:relative;transition:filter .15s,transform .1s;background-size:cover;background-position:center;border:3px solid var(--bg-tertiary, #1e1f22);box-shadow:0 0 0 1px var(--border-primary, transparent)}.dev-detail-avatar:hover{filter:brightness(.85)}.dev-detail-avatar:hover:after{content:"📷";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:#00000073;border-radius:50%}.dev-detail-avatar.is-uploading{opacity:.5;pointer-events:none}.dev-detail-headinfo{flex:1;min-width:0}.dev-detail-title{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--text-primary, #fff)}.dev-detail-subtitle{font-size:13px;color:var(--text-muted, #949ba4);margin-top:4px;font-family:Courier New,monospace}.dev-detail-meta{font-size:12px;color:var(--text-faint, #72767d);margin-top:6px}.dev-section{background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-primary, transparent);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.dev-section h3{font-size:12px;font-weight:700;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.7px;margin:0;display:flex;align-items:center;gap:8px}.dev-section-desc{font-size:13px;color:var(--text-muted, #949ba4);margin:-4px 0 0;line-height:1.5}.dev-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted, #949ba4);font-size:13px;cursor:pointer;margin-bottom:4px;padding:4px 0;width:fit-content}.dev-back-btn:hover{color:var(--text-secondary, #dcddde)}.dev-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.dev-status-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-primary, transparent);border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary, #dcddde);transition:background .15s,border-color .15s}.dev-status-pill:hover{background:var(--bg-channel-hover, var(--bg-tertiary, #1e1f22))}.dev-status-pill.is-active{border-color:var(--accent, #5865f2);background:var(--accent-light, rgba(88, 101, 242, .1))}.dev-status-pill:disabled{opacity:.6;cursor:wait}.dev-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dev-status-dot.online{background:var(--status-online, #3ba55d)}.dev-status-dot.idle{background:var(--status-idle, #f0b232)}.dev-status-dot.dnd{background:var(--status-dnd, #f23f43)}.dev-status-dot.invisible{background:var(--status-offline, #747f8d)}.dev-install-list{display:flex;flex-direction:column;gap:8px}.dev-install-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-primary, transparent);border-radius:8px;padding:10px 14px;transition:background .15s}.dev-install-item:hover{background:var(--bg-channel-hover, var(--bg-tertiary, #1e1f22))}.dev-install-item img,.dev-install-item-icon{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.dev-install-item-icon{background:var(--accent, #5865f2);display:flex;align-items:center;justify-content:center;color:var(--text-primary, #fff);font-weight:700;font-size:14px}.dev-install-item-name{font-size:14px;color:var(--text-primary, #fff);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-install-item-date{font-size:12px;color:var(--text-muted, #949ba4);flex-shrink:0}.dev-empty{text-align:center;color:var(--text-muted, #949ba4);font-size:14px;padding:48px 0}.dev-empty-icon{font-size:40px;margin-bottom:12px}.dev-empty-inline{text-align:center;color:var(--text-muted, #949ba4);font-size:13px;padding:16px 0;font-style:italic}.dev-limit-warning{font-size:13px;color:var(--status-idle, #faa61a);margin-bottom:4px}.dev-modal-wide{max-width:560px;max-height:90vh;overflow:hidden}.dev-perm-summary{font-size:13px;color:var(--text-muted, #949ba4);background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-primary, transparent);border-radius:6px;padding:8px 12px}.dev-perm-summary strong{color:var(--accent, #5865f2);font-weight:700}.dev-perm-list{display:flex;flex-direction:column;gap:14px;max-height:50vh;overflow-y:auto;padding-right:4px;margin:0 -4px 0 0}.dev-perm-group{background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-primary, transparent);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.dev-perm-group-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary, rgba(255,255,255,.05));padding-bottom:6px;margin-bottom:4px}.dev-perm-group-title{font-size:11px;font-weight:700;color:var(--text-secondary, #b5bac1);text-transform:uppercase;letter-spacing:.6px}.dev-perm-group-toggle{background:none;border:none;color:var(--accent, #5865f2);font-size:11px;font-weight:600;cursor:pointer;padding:2px 0}.dev-perm-group-toggle:hover{color:var(--accent-hover, #4752c4);text-decoration:underline}.dev-perm-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:4px 2px;border-radius:4px}.dev-perm-row:hover{background:var(--bg-hover, rgba(255,255,255,.03))}.dev-perm-row input[type=checkbox]{margin-top:3px;accent-color:var(--accent, #5865f2);flex-shrink:0;cursor:pointer}.dev-perm-name{font-size:14px;color:var(--text-secondary, #dcddde);font-weight:500;line-height:1.3}.dev-perm-desc{font-size:12px;color:var(--text-muted, #949ba4);line-height:1.4;margin-top:2px}.dev-invite-existing{display:flex;flex-direction:column;gap:10px}.dev-invite-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #949ba4)}.dev-invite-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--status-online, #3ba55d);box-shadow:0 0 6px var(--status-online-glow, rgba(59, 165, 93, .5))}.dev-welcome-screen{max-width:640px;margin:80px auto;padding:48px 36px;text-align:center;background:linear-gradient(180deg,var(--accent-light, rgba(88, 101, 242, .08)) 0%,transparent 100%);border:1px solid var(--accent-border, rgba(88, 101, 242, .25));border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:14px}.dev-welcome-icon{font-size:56px;line-height:1;margin-bottom:4px}.dev-welcome-screen h1{font-size:26px;font-weight:700;color:var(--text-primary, #ffffff);margin:0}.dev-welcome-lead{font-size:15px;color:var(--text-secondary, #dcddde);line-height:1.6;margin:0;max-width:520px}.dev-welcome-sub{font-size:13px;color:var(--text-muted, #b9bbbe);line-height:1.6;margin:0;max-width:520px}.dev-welcome-cta{margin-top:12px;background:var(--accent, #5865f2);color:var(--text-primary, #ffffff);border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.dev-welcome-cta:hover{background:var(--accent-hover, #4752c4)}.dev-welcome-cta:active{transform:translateY(1px)}.dev-application-notice{max-width:640px;margin:32px auto;background:var(--bg-secondary, #2b2d31);border:1px solid var(--border-secondary, #3f4147);border-radius:12px;padding:32px;text-align:center;color:var(--text-secondary, #dcddde)}.dev-application-notice h2{margin:12px 0 8px;font-size:22px;color:var(--text-primary, #fff)}.dev-application-notice p{color:var(--text-muted, #b9bbbe);line-height:1.5}.dev-application-notice-icon{font-size:48px;line-height:1}.dev-application-pending{border-color:var(--status-idle, #faa61a)}.dev-application-rejected{border-color:var(--danger, #ed4245)}.dev-application-summary{margin-top:16px;text-align:left;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-secondary, #3f4147);border-radius:8px;padding:12px 14px;font-size:13px}.dev-application-summary>div+div{margin-top:6px}.dev-application-review-note{margin:12px 0;background:var(--bg-tertiary, #1e1f22);border-left:3px solid var(--danger, #ed4245);padding:10px 12px;text-align:left;border-radius:4px}.dev-application-review-note p{margin:6px 0 0;color:var(--text-secondary, #dcddde)}.dev-application-info{max-width:720px;margin:24px auto 0;background:var(--accent-light, rgba(88, 101, 242, .08));border:1px solid var(--accent-border, rgba(88, 101, 242, .4));border-radius:10px;padding:16px 20px;color:var(--text-secondary, #dcddde)}.dev-application-info h3{margin:0 0 8px;font-size:15px;color:var(--text-primary, #ffffff)}.dev-application-info ul{margin:0;padding-left:18px;line-height:1.6;font-size:13px}.dev-application-form{max-width:720px;margin:16px auto 32px;display:flex;flex-direction:column;gap:14px;padding:0 16px 32px}.dev-application-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted, #b9bbbe)}.dev-application-form label>span{font-weight:600;color:var(--text-secondary, #dcddde)}.dev-application-form input[type=text],.dev-application-form input[type=email],.dev-application-form input[type=tel],.dev-application-form textarea{background:var(--bg-input, #1e1f22);border:1px solid var(--border-secondary, #3f4147);border-radius:6px;padding:9px 11px;color:var(--text-primary, #ffffff);font-size:14px;font-family:inherit;resize:vertical}.dev-application-form input:focus,.dev-application-form textarea:focus{outline:none;border-color:var(--accent, #5865f2);background:var(--bg-input-focus, var(--bg-input, #1e1f22))}.dev-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 540px){.dev-form-row{grid-template-columns:1fr}}.dev-consent-block{display:flex;flex-direction:column;gap:10px;background:var(--bg-tertiary, #1e1f22);border:1px solid var(--border-secondary, #3f4147);border-radius:8px;padding:12px 14px}.dev-consent-row{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-muted, #b9bbbe);line-height:1.5}.dev-consent-row input{margin-top:3px;flex-shrink:0}.dev-consent-row strong{color:var(--text-secondary, #dcddde)}.dev-consent-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--accent, #5865f2);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-weight:600}.dev-consent-link:hover{color:var(--accent-hover, #4752c4);text-decoration:underline}.dev-consent-link:focus-visible{outline:2px solid var(--accent, #5865f2);outline-offset:2px;border-radius:2px}.dev-responsibility-modal{max-width:720px;max-height:85vh}.dev-responsibility-lead{font-size:13px!important;line-height:1.55;color:var(--text-muted, #b5bac1)!important;background:var(--bg-tertiary, #1e1f22);border-left:3px solid var(--accent, #5865f2);padding:10px 12px;border-radius:4px}.dev-responsibility-body{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.6;color:var(--text-secondary, #dcddde);scrollbar-width:thin;scrollbar-color:var(--border-secondary, #404249) transparent}.dev-responsibility-body::-webkit-scrollbar{width:8px}.dev-responsibility-body::-webkit-scrollbar-track{background:transparent}.dev-responsibility-body::-webkit-scrollbar-thumb{background:var(--border-secondary, #404249);border-radius:4px}.dev-responsibility-body section{display:flex;flex-direction:column;gap:8px}.dev-responsibility-body h3{font-size:14px;font-weight:700;color:var(--text-primary, #fff);margin:0;letter-spacing:.2px}.dev-responsibility-body p{font-size:13.5px!important;line-height:1.65;margin:0!important;color:var(--text-secondary, #dcddde)!important}.dev-responsibility-body ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.dev-responsibility-body li{font-size:13.5px;line-height:1.6;color:var(--text-secondary, #dcddde)}.dev-responsibility-body strong{color:var(--text-primary, #fff);font-weight:700}@media (max-width: 600px){.dev-responsibility-modal{max-width:100%;max-height:92vh;padding:20px}.dev-responsibility-body{font-size:13px}.dev-responsibility-body p,.dev-responsibility-body li{font-size:13px!important}}.dev-form-error{background:var(--danger-bg, rgba(237, 66, 69, .12));border:1px solid var(--danger, #ed4245);color:var(--danger, #ed4245);padding:10px 12px;border-radius:6px;font-size:13px}.dev-form-actions{display:flex;justify-content:flex-end;gap:8px}.games_container,.okey101_container{max-width:1400px;padding:32px;color:var(--text-primary)}.games_header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--border-primary)}.games_header h1{margin:0 0 8px;font-size:32px;font-weight:800;letter-spacing:-.5px}.games_header p{margin:0;color:var(--text-secondary);font-size:15px}.games_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.game_card{display:flex;align-items:center;gap:20px;padding:24px;text-align:left;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.game_card:hover{border-color:var(--accent-border);background:var(--bg-elevated);transform:translateY(-2px)}.game_card_glyph{flex-shrink:0;width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:var(--accent-gradient, linear-gradient(45deg, var(--accent), var(--accent-hover)));color:#fff;font-size:24px;font-weight:900;letter-spacing:-1px;box-shadow:0 8px 20px var(--accent-strong)}.game_card_body{flex:1;min-width:0}.game_card_body h3{margin:0 0 6px;font-size:18px;font-weight:700}.game_card_body p{margin:0 0 10px;color:var(--text-secondary);font-size:13px;line-height:1.45}.game_card_meta{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600}.game_card_arrow{color:var(--text-muted);font-size:22px;transition:transform .2s ease,color .2s ease}.game_card:hover .game_card_arrow{color:var(--accent);transform:translate(4px)}.okey101_header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.okey101_back_btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-container);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.okey101_back_btn:hover{border-color:var(--accent-border);background:var(--bg-elevated);color:var(--text-primary)}.okey101_title_block{display:flex;align-items:center;gap:12px}.okey101_title_block h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.okey101_conn{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;font-weight:600}.okey101_conn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--status-offline)}.okey101_conn.connected:before{background:var(--status-online);box-shadow:0 0 8px var(--status-online-glow)}.okey101_conn.connecting:before{background:var(--status-idle)}.okey101_conn.disconnected:before{background:var(--status-dnd)}.okey101_toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.okey101_primary_btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:12px;background:var(--accent-gradient, linear-gradient(45deg, var(--accent), var(--accent-hover)));color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px var(--accent-medium);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.okey101_primary_btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px var(--accent-strong)}.okey101_primary_btn:disabled{opacity:.5;cursor:not-allowed}.okey101_primary_btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.okey101_code_form{display:flex;gap:8px}.okey101_code_input{width:150px;padding:11px 14px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-container);color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.okey101_code_input:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus)}.okey101_code_input::placeholder{color:var(--text-placeholder, var(--text-muted));font-weight:400;letter-spacing:normal;text-transform:none}.okey101_secondary_btn{padding:11px 16px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-container);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.okey101_secondary_btn:hover:not(:disabled){background:var(--accent-medium);border-color:var(--accent-border)}.okey101_secondary_btn:disabled{opacity:.5;cursor:not-allowed}.okey101_room_count{margin-left:auto;color:var(--text-muted);font-size:13px;font-weight:600}.okey101_room_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.okey101_room_card{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:16px;transition:border-color .2s ease,background-color .2s ease}.okey101_room_card:hover{border-color:var(--accent-border);background:var(--bg-elevated)}.okey101_room_card.in_game{opacity:.75}.okey101_room_card_top{display:flex;align-items:center;gap:10px}.okey101_room_name{flex:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_room_meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-muted);font-size:12px}.okey101_room_meta span{display:inline-flex;align-items:center;gap:5px}.okey101_room_meta img{width:13px;height:13px;opacity:.8}.okey101_badge.accent{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.okey101_badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--bg-input);color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.okey101_badge img{width:11px;height:11px}.okey101_badge.lock{background:#f0b23226;color:var(--status-idle)}.okey101_badge.status_waiting{background:#3ba55d26;color:var(--status-online)}.okey101_badge.status_in_game{background:var(--danger-bg);color:var(--danger)}.okey101_room_card_footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.okey101_players_pill{color:var(--text-primary);font-size:13px;font-weight:700}.okey101_players_pill small{color:var(--text-muted);font-weight:500}.okey101_join_btn{padding:9px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.okey101_join_btn:hover:not(:disabled){background:var(--accent-hover)}.okey101_join_btn:disabled{opacity:.45;cursor:not-allowed}.okey101_empty{padding:48px 24px;text-align:center;border:1px dashed var(--border-primary);border-radius:16px;color:var(--text-muted);font-size:14px}.okey101_empty strong{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:16px}.okey101_room{padding:28px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:20px}.okey101_room_header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.okey101_room_header h2{margin:0 0 10px;font-size:24px;font-weight:800;word-break:break-word}.okey101_room_badges{display:flex;gap:8px;flex-wrap:wrap}.okey101_room_header_actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.okey101_code_chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px dashed var(--accent-border);background:var(--accent-light);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background-color .2s ease}.okey101_code_chip strong{color:var(--text-primary);font-size:15px;letter-spacing:3px}.okey101_code_chip img{width:14px;height:14px;opacity:.8}.okey101_code_chip:hover{background:var(--accent-medium)}.okey101_danger_btn{padding:10px 16px;border-radius:12px;border:1px solid transparent;background:var(--danger-bg);color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.okey101_danger_btn:hover:not(:disabled){background:var(--danger);color:#fff}.okey101_danger_btn:disabled{opacity:.5;cursor:not-allowed}.okey101_seat_table{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:".    top     ." "left center right" ".    bottom  .";gap:14px;margin-bottom:24px;padding:20px;border-radius:24px;background:radial-gradient(ellipse at center,#1e548aa6,#11345ce0 70%,#0a203cf0),var(--bg-secondary);border:5px solid #123a63;box-shadow:inset 0 0 36px #00000073}.okey101_seat_table_center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border-radius:16px;border:1px dashed rgba(255,255,255,.22);text-align:center}.okey101_seat_table_title{color:#fff;font-size:15px;font-weight:800}.okey101_seat_table_note{color:#ffffffb8;font-size:12px;line-height:1.45}.okey101_table_seat{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:16px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000057;color:#fff;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.okey101_table_seat.top{grid-area:top}.okey101_table_seat.bottom{grid-area:bottom}.okey101_table_seat.left{grid-area:left}.okey101_table_seat.right{grid-area:right}.okey101_table_seat.team1{box-shadow:inset 0 3px 0 var(--accent)}.okey101_table_seat.team2{box-shadow:inset 0 3px 0 var(--status-idle)}.okey101_table_seat.empty{justify-content:center;border-style:dashed;border-color:#ffffff40;background:#0003;cursor:pointer;font-size:13px}.okey101_table_seat.empty:hover:not(:disabled){border-color:var(--status-online);background:#3ba55d29}.okey101_table_seat.empty:disabled{cursor:not-allowed;opacity:.6}.okey101_seat_actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.okey101_table_seat_sit{padding:7px 16px;border-radius:999px;border:0;background:var(--status-online);color:#fff;font-size:13px;font-weight:800;cursor:pointer}.okey101_table_seat_sit:disabled,.okey101_table_seat_bot:disabled{opacity:.55;cursor:not-allowed}.okey101_table_seat_bot{padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.okey101_table_seat_bot:hover:not(:disabled){border-color:var(--accent);background:var(--accent-medium)}.okey101_table_seat.bot{border-style:dashed}.okey101_bot_avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.25);background:linear-gradient(160deg,#3f5a7d,#26384f);color:#ffffffd9;font-size:13px;font-weight:800;letter-spacing:.08em}.okey101_table_seat.ready{border-color:var(--status-online)}.okey101_table_seat.self{background:#7289da38}.okey101_seat_avatar{position:relative;width:58px;height:58px}.okey101_seat_avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.25);background:var(--bg-tertiary)}.okey101_table_seat.ready .okey101_seat_avatar img{border-color:var(--status-online)}.okey101_seat_host{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--status-idle);box-shadow:0 2px 6px var(--shadow-medium)}.okey101_seat_host img{width:13px;height:13px;border:none;border-radius:0;background:transparent;filter:brightness(0)}.okey101_seat_name{max-width:100%;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_seat_state{color:#ffffffb3;font-size:12px;font-weight:600}.okey101_table_seat.ready .okey101_seat_state{color:var(--status-online)}.okey101_seat_number{color:#ffffff8c;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.okey101_room_footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border-primary)}.okey101_ready_btn{padding:12px 24px;border-radius:12px;border:1px solid var(--accent-border);background:var(--accent-light);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.okey101_ready_btn:hover:not(:disabled){background:var(--accent-medium)}.okey101_ready_btn.active{background:var(--status-online);border-color:var(--status-online);color:#fff}.okey101_ready_btn:disabled{opacity:.5;cursor:not-allowed}.okey101_footer_hint{color:var(--text-muted);font-size:13px}.okey101_room_notice{flex:1;padding:14px 18px;border-radius:12px;background:#3ba55d1f;color:var(--status-online);font-size:14px;font-weight:600}.okey101_modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--modal-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.okey101_modal_content{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:24px;border-radius:16px;border:1px solid var(--border-primary);background:var(--bg-message-actions);box-shadow:0 16px 48px var(--shadow-heavy)}.okey101_modal_content h2{margin:0 0 20px;font-size:20px;font-weight:700}.okey101_form_group{margin-bottom:18px}.okey101_form_group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:500}.okey101_form_input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--bg-tertiary);background:var(--border-secondary);color:var(--text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.okey101_form_input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-medium)}.okey101_form_input::placeholder{color:var(--text-alpha-muted)}.okey101_form_counter{margin-top:4px;text-align:right;color:var(--text-muted);font-size:11px}.okey101_checkbox{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;border:1px solid var(--bg-tertiary);background:var(--border-secondary);cursor:pointer}.okey101_checkbox input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.okey101_checkbox_text{display:flex;flex-direction:column;gap:2px}.okey101_checkbox_text strong{font-size:14px;font-weight:600}.okey101_checkbox_text span{color:var(--text-muted);font-size:12px}.okey101_form_error{margin-bottom:14px;padding:9px 12px;border-radius:8px;background:var(--danger-bg);color:var(--danger);font-size:13px}.okey101_form_note{margin:0 0 18px;color:var(--text-muted);font-size:13px;line-height:1.5}.okey101_modal_actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.okey101_btn_cancel,.okey101_btn_submit{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.okey101_btn_cancel{background:var(--bg-primary);color:var(--text-primary)}.okey101_btn_cancel:hover:not(:disabled){background:var(--bg-tertiary)}.okey101_btn_submit{background:var(--accent);color:#fff}.okey101_btn_submit:hover:not(:disabled){background:var(--accent-hover)}.okey101_btn_cancel:disabled,.okey101_btn_submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.okey101_seat_table{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "left right" "center center" "bottom bottom"}}@media (max-width: 768px){.games_container,.okey101_container,.okey101_room{padding:20px 16px}.okey101_room_count{width:100%;margin-left:0}.okey101_code_input{width:130px}}.okey101_container.in_room{display:flex;flex-direction:column;max-width:none;height:calc(100dvh - 48px);padding:12px 16px 0;overflow:hidden}.okey101_container.in_room .okey101_header{margin-bottom:12px;padding-bottom:10px}.okey101_container.in_room .okey101_title_block h1{font-size:22px}.okey101_container.in_room .okey101_room{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px}.okey101_container.in_room .okey101_room_header{margin-bottom:14px}.okey101_container.in_room .okey101_room_header h2{margin-bottom:6px;font-size:20px}.okey101_container.in_room .okey101_seat_table{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:10px;margin-bottom:12px;padding:14px}.okey101_container.in_room .okey101_table_seat{min-height:0;justify-content:center;gap:5px;padding:8px 10px;overflow:hidden}.okey101_container.in_room .okey101_seat_avatar{width:44px;height:44px}.okey101_container.in_room .okey101_seat_table_center{padding:10px 12px;gap:4px;overflow:hidden}.okey101_container.in_room .okey101_room_footer{padding-top:12px}.okey101_settings{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:6px}.okey101_settings_row{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.okey101_settings_label{min-width:40px;color:#fff9;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:right}.okey101_setting_chip{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:#fffc;font-size:11px;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.okey101_setting_chip.active{border-color:var(--status-online);background:#3ba55d40;color:#fff}.okey101_setting_chip:disabled{cursor:default;opacity:.75}.okey101_setting_chip:not(:disabled):hover{border-color:var(--accent)}.okey101_settings_hint{color:#ffffff80;font-size:10px}.okey101_table_seat_bot.danger{border-color:#ed424580;color:#ff8c8f}.okey101_table_seat_bot.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger);color:#fff}.okey101_container.in_game{display:flex;flex-direction:column;gap:10px;max-width:none;height:calc(100dvh - 48px);padding:0;overflow:hidden}.okey101_container.in_game .okey101_header{margin-bottom:0;padding-bottom:0;border-bottom:0}.okey101_container.in_game .okey101_title_block h1{font-size:20px}.okey101_room.playing{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px;overflow:hidden}.okey101_room.playing .okey101_room_header{align-items:center;margin-bottom:0;gap:12px}.okey101_room.playing .okey101_room_title{display:flex;align-items:center;gap:12px;min-width:0}.okey101_room.playing .okey101_room_title .okey101_back_btn{margin:0;padding:6px 10px}.okey101_room.playing .okey101_room_header h2{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_room.playing .okey101_room_badges{gap:6px}@media (max-height: 780px){.okey101_room.playing .okey101_room_badges{display:none}.okey101_room.playing{padding:8px 10px}}.okey101_round_options{display:flex;gap:6px;flex-wrap:wrap}.okey101_round_option{padding:7px 14px;border-radius:999px;border:1px solid var(--bg-tertiary);background:var(--border-secondary);color:var(--text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.okey101_round_option:hover:not(:disabled){border-color:var(--accent-border)}.okey101_round_option.active{border-color:var(--accent);background:var(--accent-light);color:var(--text-primary)}.okey101_round_option:disabled{opacity:.6;cursor:not-allowed}.okey_tile{--tile-ink: #c62828;position:relative;display:inline-flex;align-items:center;justify-content:center;padding-bottom:calc(var(--tile-w, 42px) * .12);width:var(--tile-w, 42px);height:var(--tile-h, 58px);padding:0;border-radius:7px;border:1px solid var(--tile-edge, rgba(0, 0, 0, .4));background:var(--tile-face, linear-gradient(170deg, #fffdf4 0%, #f7f0dc 45%, #eadfc2 100%));box-shadow:0 3px 0 var(--tile-lip, #cfc4a6),0 5px 9px #0006,inset 0 1px #fffffff2,inset 0 -2px #0000000f;color:var(--tile-ink);font-family:Inter,sans-serif;font-weight:800;font-size:calc(var(--tile-w, 42px) * .5);line-height:1;flex-shrink:0;user-select:none;-webkit-user-select:none;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.okey_tile.red{--tile-ink: var(--tile-ink-red, #c62828)}.okey_tile.yellow{--tile-ink: var(--tile-ink-yellow, #d18f00)}.okey_tile.blue{--tile-ink: var(--tile-ink-blue, #1f5fbf)}.okey_tile.black{--tile-ink: var(--tile-ink-black, #1b1b1b)}.okey_tile.sm{width:calc(var(--tile-w, 42px) * .64);height:calc(var(--tile-h, 58px) * .65);font-size:calc(var(--tile-w, 42px) * .33);border-radius:4px}.okey_tile_number{position:relative;display:inline-block;padding-bottom:4px}.okey_tile_number:after{content:"";position:absolute;left:50%;bottom:-2px;width:22%;aspect-ratio:1;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 35% 35%,#fff,#d9d2bf 60%,#b8ae95);box-shadow:inset 0 1px 1px #00000040;opacity:.95}.okey_tile.sm .okey_tile_number{padding-bottom:3px}.okey_tile_number{text-shadow:0 0 calc(var(--tile-w, 42px) * .18) var(--tile-glow, transparent)}.okey_tile.back{background:var(--tile-back, linear-gradient(170deg, #ffffff 0%, #f7f5ee 55%, #ece8dc 100%));border-color:var(--tile-edge, rgba(0, 0, 0, .3))}.okey_tile.back:after{content:"";position:absolute;top:18%;right:22%;bottom:18%;left:22%;border-radius:6px;border:1px solid var(--tile-back-mark, rgba(0, 0, 0, .07))}.okey_tile.wild:not(.back){border-color:#b8860b}.okey_tile_badge{position:absolute;left:2px;right:2px;bottom:3px;font-size:8px;font-weight:800;letter-spacing:.04em;color:#6b4e00;text-align:center}.okey_tile.sm .okey_tile_badge{font-size:6px;bottom:1px}.okey_tile_logo{width:70%;height:70%;object-fit:contain;filter:brightness(0) opacity(.82);pointer-events:none}.okey_tile.ghost{opacity:.45;border-style:dashed}button.okey_tile{cursor:pointer}button.okey_tile:hover{transform:translateY(-3px)}.okey_tile.selected{transform:translateY(-10px);box-shadow:0 0 0 2px var(--accent),0 8px 16px #00000080}.okey_tile.highlighted{box-shadow:0 0 0 2px var(--status-online),0 0 14px var(--status-online-glow);animation:okeyTilePulse 1.2s ease-in-out infinite}@keyframes okeyTilePulse{0%,to{box-shadow:0 0 0 2px var(--status-online),0 0 10px var(--status-online-glow)}50%{box-shadow:0 0 0 3px var(--status-online),0 0 20px var(--status-online-glow)}}.okey101_table{--table-tile-w: clamp(24px, 3vh, 42px);--tile-w: var(--table-tile-w);--tile-h: calc(var(--tile-w) * 1.38);--slot-w: calc(var(--tile-w) + 4px);--slot-h: calc(var(--tile-h) + 8px);position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.okey101_table_topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex-shrink:0;padding:7px 12px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:12px}.okey101_threshold strong{color:var(--text-primary)}.okey101_threshold.escalating strong{color:var(--status-idle)}.okey101_threshold small{padding:1px 6px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:10px;font-weight:700}.okey101_topbar_item{display:inline-flex;align-items:center;gap:6px}.okey101_turn_label{margin-left:auto;font-weight:700}.okey101_turn_label.mine{color:var(--status-online)}.okey101_penalty_banner{position:absolute;top:46px;left:50%;transform:translate(-50%);z-index:4;min-width:320px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--danger-bg);border:1px solid var(--danger);color:var(--text-primary);font-size:13px;animation:okeyBannerIn .25s ease-out}.okey101_penalty_banner span:last-child{margin-left:auto;color:var(--danger);font-weight:800}@keyframes okeyBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.okey101_table_grid{display:grid;grid-template-columns:104px minmax(0,1fr) 104px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"left top right" "left center right";flex:1;min-height:0;gap:10px;padding:12px;border-radius:20px;background:var( --felt-bg, radial-gradient(ellipse at center, rgba(30, 84, 138, .78) 0%, rgba(17, 52, 92, .92) 70%, rgba(9, 30, 56, .96) 100%) ),var(--bg-tertiary);border:6px solid #123a63;box-shadow:inset 0 0 40px #00000080,0 10px 30px #0006}.okey101_seat_panel{display:flex;flex-direction:column;gap:6px;padding:8px 10px;align-self:start;border-radius:14px;background:#00000052;border:1px solid rgba(255,255,255,.08);min-width:0}.okey101_top_row{grid-area:top;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.okey101_seat_panel.top{flex:0 1 420px;min-width:0}.okey101_seat_panel.left .okey101_seat_head,.okey101_seat_panel.right .okey101_seat_head{flex-wrap:wrap}.okey101_seat_panel .okey101_seat_name{font-size:12px}.okey101_seat_panel.plate{align-items:center;justify-content:center;justify-self:stretch;align-self:stretch;gap:8px;padding:10px 6px;overflow:hidden;text-align:center}.okey101_plate_avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--border-secondary);background:var(--bg-tertiary);flex-shrink:0}.okey101_plate_name{max-height:100%;color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_plate_text{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-height:0;writing-mode:vertical-rl}.okey101_seat_panel.left .okey101_plate_text{transform:rotate(180deg)}.okey101_seat_panel{position:relative;cursor:pointer}.okey101_seat_panel.targeting{border-color:var(--status-idle)}.okey101_plate_meta{max-height:100%;color:#ffffffb3;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_plate_discard{display:flex;align-items:center;justify-content:center;min-height:calc(var(--tile-h) * .65)}.okey101_seat_panel.plate .okey101_turn_seconds{margin-left:0}.okey101_seat_panel.plate .okey101_discard_empty{font-size:10px;text-align:center;line-height:1.3}.okey101_seat_panel.left{grid-area:left}.okey101_seat_panel.right{grid-area:right}.okey101_seat_panel.turn,.okey101_me.turn{--turn-progress: 1;position:relative;border-color:transparent}.okey101_seat_panel.turn:before,.okey101_me.turn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;padding:3px;background:conic-gradient(var(--status-online) calc(var(--turn-progress) * 100%),rgba(255,255,255,.08) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:0 0 14px var(--status-online-glow);pointer-events:none}.okey101_turn_seconds{margin-left:auto;min-width:30px;padding:3px 7px;border-radius:999px;background:#3ba55d33;color:var(--status-online);font-size:12px;font-weight:800;text-align:center;flex-shrink:0}.okey101_seat_head{display:flex;align-items:center;gap:10px}.okey101_seat_head img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border-secondary);background:var(--bg-tertiary);flex-shrink:0}.okey101_seat_info{display:flex;flex-direction:column;gap:2px;min-width:0}.okey101_seat_info .okey101_seat_name small{color:var(--text-muted);font-weight:500}.okey101_seat_meta{color:var(--text-muted);font-size:11px}.okey101_discard_row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:calc(var(--tile-h) * .65)}.okey101_discard_empty{color:var(--text-faint);font-size:11px;align-self:center}.okey101_table_center{grid-area:center;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.okey101_pile{display:inline-flex;align-items:center;gap:12px;align-self:center;flex-shrink:0;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.okey101_pile:hover:not(:disabled){border-color:var(--status-online);background:#00000073}.okey101_pile:disabled{cursor:default;opacity:.7}.okey101_pile_stack{position:relative;display:grid;place-items:center;width:var(--tile-w);height:var(--tile-h);border-radius:7px;background:radial-gradient(circle at 50% 42%,#ffffff1f,#fff0 38%),linear-gradient(170deg,#8a3b2a,#5e2418 55%,#3f170f);border:1px solid rgba(0,0,0,.55);box-shadow:2px 2px #3a140d,4px 4px #2a0d08,6px 6px #1c0805,0 8px 14px #00000073}.okey101_pile_count{padding:2px 7px;border-radius:999px;background:#00000073;color:#fff;font-size:calc(var(--tile-w) * .34);font-weight:800}.okey101_melds{display:flex;position:relative;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;gap:calc(var(--tile-w) * .16) calc(var(--tile-w) * .22);flex:1;min-height:0;overflow:hidden;padding:26px 8px 8px;border-radius:12px;border:1px dashed rgba(255,255,255,.18);transition:border-color .15s ease,background-color .15s ease}.okey101_melds.layable{border-color:#ffffff47}.okey101_melds.drop_over{border-style:solid;border-color:var(--status-online);background:#3ba55d1a}.okey101_meld_probe{position:absolute;top:0;left:0;width:var(--table-tile-w);height:0;visibility:hidden;pointer-events:none}.okey101_melds_empty{margin:auto;text-align:center;color:#fff9;font-size:13px}.okey101_meld{position:relative;display:flex;flex:0 0 auto;align-self:flex-start;justify-content:flex-start;gap:calc(var(--tile-w) * .1);padding:calc(var(--tile-w) * .16) calc(var(--tile-w) * .16) calc(var(--tile-w) * .42);border-radius:10px;border:1px solid transparent;background:#00000047;cursor:default;transition:background-color .15s ease,border-color .15s ease}.okey101_meld.clickable{cursor:pointer;border-color:var(--accent-border)}.okey101_meld.drop_ready{border-style:dashed;border-color:var(--status-online);box-shadow:0 0 0 1px var(--status-online-glow)}.okey101_melds_badge{position:absolute;top:6px;left:8px;right:8px;color:#fff9;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_melds.addable .okey101_melds_badge{color:var(--status-online)}.okey101_meld.clickable:hover:not(:disabled),.okey101_meld.over{background:var(--accent-medium);border-color:var(--accent)}.okey101_meld_owner{position:absolute;left:calc(var(--tile-w) * .16);right:calc(var(--tile-w) * .16);bottom:1px;font-size:calc(var(--tile-w) * .26);color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.okey101_scoreboard{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto;padding:4px 8px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);min-width:0}.okey101_scoreboard_title{margin-right:4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.okey101_score_team{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border-primary)}.okey101_score_team.mine{border-color:var(--accent-border)}.okey101_score_team_head{margin-right:2px;font-size:11px;font-weight:700;color:var(--text-secondary)}.okey101_score_row{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;font-size:12px;background:#ffffff0a;transition:transform .15s ease}.okey101_score_row.hit{animation:okeyScoreHit .6s ease;background:var(--danger-bg)}@keyframes okeyScoreHit{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.okey101_score_row.me{background:var(--accent-light);border:1px solid var(--accent-border)}.okey101_score_name{max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_score_penalty{margin-left:2px;padding:1px 6px;border-radius:999px;background:var(--danger-bg);color:var(--danger);font-style:normal;font-weight:800}.okey101_score_value{font-weight:800;min-width:24px;text-align:right}.okey101_me{display:flex;flex-direction:column;gap:8px;flex-shrink:0;padding:10px 12px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-primary)}.okey101_hand_score{display:inline-flex;align-items:baseline;gap:6px;margin-left:8px;padding:4px 14px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:12px;font-weight:600}.okey101_hand_score strong{color:var(--text-primary);font-size:16px;font-weight:800}.okey101_hand_score small{color:var(--text-muted);font-size:11px}.okey101_hand_score.ready{border-color:var(--status-online);background:#3ba55d24}.okey101_hand_score.ready strong{color:var(--status-online)}.okey101_play_row{--tile-w: clamp(30px, 4.4vh, 58px);--tile-h: calc(var(--tile-w) * 1.38);--slot-w: calc(var(--tile-w) + 4px);--slot-h: calc(var(--tile-h) + 8px)}.okey101_play_row{display:flex;align-items:center;justify-content:center;gap:10px}.okey101_arrange_btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;width:64px;min-height:calc(var(--slot-h) * 2 + 30px);padding:8px 4px;border-radius:12px;border:1px solid var(--accent-border);background:var(--accent-light);color:var(--text-primary);font-size:12px;font-weight:800;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.okey101_arrange_btn:hover{background:var(--accent-medium, var(--accent-light));border-color:var(--accent)}.okey101_arrange_glyph{padding:3px 7px;border-radius:6px;background:#ffffffe6;color:#1f5fbf;font-size:11px;font-weight:900;letter-spacing:.1em}.okey101_take_cell,.okey101_throw_cell{display:flex;flex-direction:column;gap:5px;flex-shrink:0;width:calc(var(--tile-w) * 2.9);min-height:calc(var(--tile-h) + 34px);padding:6px 8px;border-radius:12px;border:1px dashed var(--border-primary);background:var(--bg-input);transition:border-color .15s ease,background-color .15s ease}.okey101_take_label,.okey101_throw_label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okey101_take_tiles,.okey101_throw_tiles{display:flex;align-items:flex-end;gap:3px;min-height:var(--tile-h)}.okey101_take_cell.takeable{border-style:solid;border-color:var(--status-online);background:#3ba55d1f}.okey101_throw_cell.active{border-style:solid;border-color:var(--accent-border)}.okey101_throw_cell.over{border-color:var(--danger);background:var(--danger-bg)}.okey101_throw_empty{align-self:center;color:var(--text-faint);font-size:11px}.okey101_drag_stack{display:inline-flex;gap:3px}.okey101_me.turn{border-color:var(--status-online)}.okey101_me_head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.okey101_me_head small{color:var(--text-muted);font-weight:500}.okey101_selection_note{padding:4px 10px;border-radius:999px;background:var(--danger-bg);color:var(--danger);font-size:12px;font-weight:700}.okey101_selection_note.valid{background:#3ba55d29;color:var(--status-online)}.okey101_rack{display:flex;flex-direction:column;gap:5px;flex:0 1 auto;padding:8px 10px 10px;border-radius:12px;background:var(--rack-face, linear-gradient(180deg, #7a5230 0%, #5a3a1f 50%, #45291a 100%));border:1px solid var(--rack-edge, rgba(0, 0, 0, .45));box-shadow:inset 0 2px 6px #00000073,0 4px 12px #00000059;overflow-x:auto}.okey101_rack_row{display:grid;grid-template-columns:repeat(var(--rack-cols, 14),var(--slot-w));gap:3px;padding:5px 5px 3px;border-radius:8px;background:var(--rack-groove, rgba(0, 0, 0, .25));box-shadow:inset 0 3px 6px #0006;min-width:max-content}.okey101_rack_slot{width:var(--slot-w);height:var(--slot-h);display:flex;align-items:flex-end;justify-content:center;border-radius:6px;transition:background-color .12s ease}.okey101_rack_slot.over{background:#ffffff2e;outline:2px dashed rgba(255,255,255,.6);outline-offset:-2px}.okey101_rack_tile{display:inline-flex;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.okey101_rack_tile .okey_tile{pointer-events:none}.okey101_rack_tile:active{cursor:grabbing}.okey101_rack_tile.dragging{opacity:.25}.okey101_rack_tile.workable:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--status-online);box-shadow:0 0 6px var(--status-online-glow);pointer-events:none}.okey101_rack_tile{position:relative}.okey101_bot_tag{margin-left:4px;padding:1px 5px;border-radius:999px;background:#ffffff29;color:#ffffffd9;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.okey101_rack_tile.arriving .okey_tile{animation:okeyTileArrive .9s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 0 0 2px var(--status-online),0 8px 18px #00000080}@keyframes okeyTileArrive{0%{transform:translateY(-140px) scale(.6) rotate(-12deg);opacity:0}60%{transform:translateY(6px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1)}}.okey101_actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 auto}.okey101_hint_row{display:block;padding:0 4px}.okey101_round_end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:20px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.okey101_round_end_card{width:100%;max-width:440px;padding:22px;border-radius:16px;background:var(--bg-message-actions);border:1px solid var(--border-primary);box-shadow:0 16px 48px var(--shadow-heavy)}.okey101_round_end_card h3{margin:0 0 14px;font-size:18px;font-weight:700}.okey101_score_table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}.okey101_score_table th,.okey101_score_table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border-primary)}.okey101_score_table td small{color:var(--text-muted)}.okey101_score_table th{color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.okey101_score_table tr.me td{color:var(--accent);font-weight:700}.okey101_round_end_actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.okey101_mode_options{display:flex;gap:10px}.okey101_mode_option{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;border:1px solid var(--bg-tertiary);background:var(--border-secondary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.okey101_mode_option input{position:absolute;opacity:0;pointer-events:none}.okey101_mode_option.active{border-color:var(--accent);background:var(--accent-light)}.okey101_mode_option strong{font-size:14px}.okey101_mode_option span{font-size:12px;color:var(--text-muted)}@media (max-width: 1100px){.okey101_table_grid{grid-template-columns:92px minmax(0,1fr) 92px}}@media (max-width: 900px){.okey101_table_grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top top" "left right" "center center"}.okey101_table{--table-tile-w: clamp(22px, 2.6vh, 34px)}.okey101_play_row{flex-wrap:wrap}}@media (max-width: 1400px){.okey101_play_row{--tile-w: clamp(26px, 3.6vh, 46px)}.okey101_table_grid{grid-template-columns:92px minmax(0,1fr) 92px}}.okey101_penalty_pop{position:absolute;left:50%;top:38%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 22px;border-radius:16px;background:var(--danger);color:#fff;box-shadow:0 12px 32px #00000080,0 0 0 4px #ed424559;pointer-events:none;transform:translate(-50%,-50%);animation:okeyPenaltyPop 1.6s cubic-bezier(.2,.9,.3,1.2) forwards}.okey101_penalty_pop strong{font-size:34px;font-weight:900;line-height:1}.okey101_penalty_pop span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}@keyframes okeyPenaltyPop{0%{transform:translate(-50%,-50%) scale(.4) rotate(-8deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.15) rotate(3deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1) rotate(0)}80%{transform:translate(-50%,-56%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.9);opacity:0}}.okey101_throw_picker{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:7;display:flex;gap:4px;padding:6px;border-radius:12px;background:var(--bg-message-actions, var(--bg-secondary));border:1px solid var(--border-primary);box-shadow:0 10px 24px #00000073;transform:translate(-50%);cursor:default}.okey101_seat_panel.left .okey101_throw_picker{left:calc(100% + 8px);bottom:auto;top:8px;transform:none}.okey101_seat_panel.right .okey101_throw_picker{left:auto;right:calc(100% + 8px);bottom:auto;top:8px;transform:none}.okey101_seat_panel.top .okey101_throw_picker{bottom:auto;top:calc(100% + 6px)}.okey101_throw_picker button{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid transparent;background:transparent;font-size:22px;line-height:1;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.okey101_throw_picker button:hover{background:var(--accent-light);border-color:var(--accent-border);transform:scale(1.15)}.okey101_throw_logo{width:24px;height:24px;object-fit:contain}.okey101_throw_item{position:absolute;left:0;top:0;z-index:8;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;font-size:38px;line-height:1;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));animation:okeyThrowFly 2.2s cubic-bezier(.3,.7,.4,1) forwards}.okey101_throw_item .okey101_throw_logo{width:40px;height:40px}@keyframes okeyThrowFly{0%{transform:translate(var(--x0),var(--y0)) scale(.5) rotate(0);opacity:0}8%{opacity:1}42%{transform:translate(var(--x1),var(--y1)) scale(1.6) rotate(300deg);opacity:1}52%{transform:translate(var(--x1),var(--y1)) scale(1) rotate(360deg)}62%{transform:translate(var(--x1),var(--y1)) scale(1.25) rotate(350deg)}84%{transform:translate(var(--x1),var(--y1)) scale(1.1) rotate(360deg);opacity:1}to{transform:translate(var(--x1),var(--y1)) scale(.8) rotate(360deg);opacity:0}}[data-okey-tile=tile-fildisi]{--tile-face: linear-gradient(170deg, #fffdf4 0%, #f7f0dc 45%, #eadfc2 100%);--tile-edge: rgba(0, 0, 0, .4);--tile-lip: #cfc4a6;--tile-back: linear-gradient(170deg, #ffffff 0%, #f7f5ee 55%, #ece8dc 100%);--tile-back-mark: rgba(0, 0, 0, .07);--tile-ink-red: #c62828;--tile-ink-yellow: #d18f00;--tile-ink-blue: #1f5fbf;--tile-ink-black: #1b1b1b}[data-okey-tile=tile-mermer]{--tile-face: linear-gradient(160deg, #ffffff 0%, #f1f2f5 40%, #dcdee3 100%);--tile-edge: rgba(40, 48, 60, .45);--tile-lip: #b9bcc4;--tile-back: linear-gradient(160deg, #fbfbfd 0%, #e8eaef 60%, #d6d9e0 100%);--tile-back-mark: rgba(40, 48, 60, .1);--tile-ink-red: #b0002a;--tile-ink-yellow: #b8860b;--tile-ink-blue: #14468f;--tile-ink-black: #14181f}[data-okey-tile=tile-obsidyen]{--tile-face: linear-gradient(165deg, #3a3f47 0%, #24282e 45%, #16181c 100%);--tile-edge: rgba(0, 0, 0, .75);--tile-lip: #0c0e11;--tile-back: linear-gradient(165deg, #32363d 0%, #1d2025 60%, #121417 100%);--tile-back-mark: rgba(255, 255, 255, .08);--tile-ink-red: #ff6b6b;--tile-ink-yellow: #ffc94d;--tile-ink-blue: #6aa8ff;--tile-ink-black: #e8eaee}[data-okey-tile=tile-bambu]{--tile-face: linear-gradient(170deg, #fbf1d6 0%, #f0dfb4 45%, #d9bd85 100%);--tile-edge: rgba(84, 56, 22, .5);--tile-lip: #b89a63;--tile-back: linear-gradient(170deg, #f7edd4 0%, #e9d7ac 60%, #d3b87f 100%);--tile-back-mark: rgba(84, 56, 22, .12);--tile-ink-red: #a8342a;--tile-ink-yellow: #a97400;--tile-ink-blue: #1c5470;--tile-ink-black: #2f2416}[data-okey-tile=tile-neon]{--tile-face: linear-gradient(165deg, #1b2438 0%, #121a29 45%, #0a0f19 100%);--tile-edge: rgba(59, 240, 200, .5);--tile-lip: #050810;--tile-back: linear-gradient(165deg, #182134 0%, #0f1622 60%, #080c14 100%);--tile-back-mark: rgba(59, 240, 200, .22);--tile-ink-red: #ff5f8d;--tile-ink-yellow: #ffe45e;--tile-ink-blue: #58c9ff;--tile-ink-black: #3bf0c8;--tile-glow: currentColor}[data-okey-rack=rack-ceviz]{--rack-face: linear-gradient(180deg, #7a5230 0%, #5a3a1f 50%, #45291a 100%);--rack-edge: rgba(0, 0, 0, .45);--rack-groove: rgba(0, 0, 0, .25)}[data-okey-rack=rack-abanoz]{--rack-face: linear-gradient(180deg, #3a3128 0%, #241e18 50%, #181410 100%);--rack-edge: rgba(0, 0, 0, .7);--rack-groove: rgba(0, 0, 0, .4)}[data-okey-rack=rack-akcaagac]{--rack-face: linear-gradient(180deg, #d8ab6a 0%, #c99a5b 50%, #8c6434 100%);--rack-edge: rgba(70, 45, 15, .5);--rack-groove: rgba(70, 45, 15, .28)}[data-okey-rack=rack-mermer]{--rack-face: linear-gradient(180deg, #b6bcc2 0%, #8e959c 50%, #5a6066 100%);--rack-edge: rgba(30, 36, 42, .55);--rack-groove: rgba(30, 36, 42, .3)}[data-okey-rack=rack-altin]{--rack-face: linear-gradient(180deg, #f0d48a 0%, #d8ab4e 45%, #8a6a1f 100%);--rack-edge: rgba(74, 52, 8, .6);--rack-groove: rgba(74, 52, 8, .32)}[data-okey-felt=felt-mavi]{--felt-bg: radial-gradient( ellipse at center, rgba(30, 84, 138, .78) 0%, rgba(17, 52, 92, .92) 70%, rgba(9, 30, 56, .96) 100% )}[data-okey-felt=felt-yesil]{--felt-bg: radial-gradient( ellipse at center, rgba(31, 107, 63, .82) 0%, rgba(18, 71, 41, .94) 70%, rgba(10, 42, 24, .97) 100% )}[data-okey-felt=felt-bordo]{--felt-bg: radial-gradient( ellipse at center, rgba(122, 31, 43, .82) 0%, rgba(80, 19, 28, .94) 70%, rgba(45, 10, 16, .97) 100% )}[data-okey-felt=felt-gece]{--felt-bg: radial-gradient( ellipse at center, rgba(34, 38, 45, .9) 0%, rgba(20, 23, 28, .95) 70%, rgba(11, 13, 16, .98) 100% )}[data-okey-felt=felt-zumrut]{--felt-bg: radial-gradient( ellipse at center, rgba(15, 122, 90, .85) 0%, rgba(8, 74, 55, .94) 70%, rgba(4, 43, 31, .97) 100% )}[data-chess-board=board-ahsap]{--sq-light: #ebdfc7;--sq-dark: #a97d55;--sq-coord: rgba(0, 0, 0, .42);--sq-check: #c96a63}[data-chess-board=board-turnuva]{--sq-light: #eeeed2;--sq-dark: #769656;--sq-coord: rgba(0, 0, 0, .4);--sq-check: #cc6b5e}[data-chess-board=board-buz]{--sq-light: #dee3e6;--sq-dark: #8ca2ad;--sq-coord: rgba(0, 0, 0, .42);--sq-check: #d07272}[data-chess-board=board-mermer]{--sq-light: #f2f2f0;--sq-dark: #9c9a95;--sq-coord: rgba(0, 0, 0, .38);--sq-check: #cf6f6f}[data-chess-board=board-gece]{--sq-light: #5b6370;--sq-dark: #2b313a;--sq-coord: rgba(255, 255, 255, .45);--sq-check: #a2454a}[data-chess-board=board-zumrut]{--sq-light: #cfe8d8;--sq-dark: #1d6b4f;--sq-coord: rgba(0, 0, 0, .4);--sq-check: #bf5f52}[data-chess-pieces=pieces-klasik]{--piece-white: #fcfaf6;--piece-white-edge: #2b2b2b;--piece-black: #1d1b19;--piece-black-edge: rgba(255, 255, 255, .45)}[data-chess-pieces=pieces-mermer]{--piece-white: #f4f1ea;--piece-white-edge: #6a6560;--piece-black: #3f4348;--piece-black-edge: rgba(255, 255, 255, .55)}[data-chess-pieces=pieces-altin]{--piece-white: #f0d089;--piece-white-edge: #5c4310;--piece-black: #141210;--piece-black-edge: rgba(240, 208, 137, .6)}[data-chess-pieces=pieces-ahsap]{--piece-white: #e8cfa4;--piece-white-edge: #6b4a28;--piece-black: #4a3222;--piece-black-edge: rgba(232, 207, 164, .6)}[data-chess-pieces=pieces-neon]{--piece-white: #5ef2d6;--piece-white-edge: #063b33;--piece-black: #b46bff;--piece-black-edge: #24063b;--piece-glow: .85}.cosmetics_modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:var(--modal-bg, rgba(0, 0, 0, .6));z-index:1100}.cosmetics_content{width:100%;max-width:720px;max-height:88vh;overflow-y:auto;padding:24px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-primary)}.cosmetics_head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.cosmetics_head>div{flex:1;min-width:0}.cosmetics_head h2{margin:0 0 4px;font-size:20px;font-weight:800}.cosmetics_head p{margin:0;color:var(--text-muted);font-size:12.5px;line-height:1.45}.cosmetics_balance{padding:6px 12px;background:var(--accent-light);border:1px solid var(--accent-border);border-radius:999px;color:var(--accent);font-size:13px;font-weight:800;white-space:nowrap}.cosmetics_close{flex-shrink:0;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer}.cosmetics_close:hover{background:var(--bg-elevated);color:var(--text-primary)}.cosmetics_state{margin:0;padding:28px 0;color:var(--text-muted);font-size:13px;text-align:center}.cosmetics_slot{margin-bottom:22px}.cosmetics_slot header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cosmetics_slot header strong{font-size:15px;font-weight:800}.cosmetics_slot header span{color:var(--text-muted);font-size:12px}.cosmetics_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.cosmetics_card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px 10px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,transform .15s ease,background-color .15s ease}.cosmetics_card:hover:not(:disabled){border-color:var(--accent-border);background:var(--bg-elevated);transform:translateY(-2px)}.cosmetics_card.active{border-color:var(--accent);background:var(--accent-light)}.cosmetics_card.locked{cursor:not-allowed;opacity:.55}.cosmetics_card_name{font-size:12.5px;font-weight:700;text-align:center}.cosmetics_rarity{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.cosmetics_rarity.nadir{color:#4b9fea}.cosmetics_rarity.efsanevi{color:#d9a441}.cosmetics_price{padding:2px 8px;background:var(--bg-container);border:1px solid var(--border-secondary);border-radius:999px;font-size:11px;font-weight:800}.cosmetics_active_tag{position:absolute;top:-8px;right:-6px;padding:2px 8px;background:var(--accent);border-radius:999px;color:#fff;font-size:10px;font-weight:800}.cosmetics_preview{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border-radius:8px;overflow:hidden}.cosmetics_preview.tiles{gap:3px;--tile-w: 22px;--tile-h: 30px}.cosmetics_preview.rack{padding:0 6px}.cosmetics_rack_body{display:flex;align-items:flex-end;width:100%;height:34px;padding:5px;border-radius:7px;background:var(--rack-face, linear-gradient(180deg, #7a5230 0%, #5a3a1f 50%, #45291a 100%));border:1px solid var(--rack-edge, rgba(0, 0, 0, .45));box-shadow:inset 0 2px 5px #00000073}.cosmetics_rack_groove{width:100%;height:16px;border-radius:4px;background:var(--rack-groove, rgba(0, 0, 0, .25));box-shadow:inset 0 2px 4px #0006}.cosmetics_preview.felt{background:var( --felt-bg, radial-gradient(ellipse at center, rgba(30, 84, 138, .78) 0%, rgba(17, 52, 92, .92) 70%, rgba(9, 30, 56, .96) 100%) ),var(--bg-tertiary)}.cosmetics_preview.board{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:54px;margin:0 auto}.cosmetics_preview.pieces{gap:10px;background:var(--sq-light, #ebdfc7)}.cosmetics_preview.pieces .chess_piece{font-size:30px;cursor:default}@media (max-width: 600px){.cosmetics_content{padding:16px}.cosmetics_grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}.chess_container{max-width:1400px;padding:32px;color:var(--text-primary)}.chess_container.in_game{display:flex;flex-direction:column;max-width:none;height:calc(100dvh - 48px);min-height:0;padding:12px;overflow:hidden}.chess_container.in_room{max-width:1100px}.chess_header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.chess_title_block h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px}.chess_conn{font-size:12px;font-weight:700;color:var(--text-muted)}.chess_conn.connected{color:var(--status-online)}.chess_conn.disconnected,.chess_conn.unauthorized{color:var(--danger)}.chess_back_btn{padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.chess_back_btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.chess_toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.chess_code_form{display:flex;gap:8px}.chess_code_input{width:130px;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.chess_code_input:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus)}.chess_room_count{margin-left:auto;color:var(--text-muted);font-size:13px}.chess_btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.chess_btn img{width:14px;height:14px}.chess_btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent-border)}.chess_btn:disabled{opacity:.5;cursor:not-allowed}.chess_btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.chess_btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.chess_btn.danger{color:var(--danger);border-color:var(--danger-bg)}.chess_btn.danger:hover:not(:disabled){background:var(--danger-bg)}.chess_btn.small{padding:6px 10px;font-size:12px}.chess_room_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.chess_room_card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:14px;transition:border-color .15s ease}.chess_room_card:hover{border-color:var(--accent-border)}.chess_room_card.in_game{opacity:.65}.chess_room_card_top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chess_room_name{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.chess_badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-secondary);font-size:11px;font-weight:700;white-space:nowrap}.chess_badge img{width:11px;height:11px}.chess_badge.accent{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.chess_badge.status_waiting{color:var(--status-idle)}.chess_badge.status_in_game{color:var(--status-online)}.chess_room_meta{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.chess_room_meta img{width:13px;height:13px;vertical-align:-2px;margin-right:4px}.chess_room_card_footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.chess_players_pill{padding:5px 10px;background:var(--bg-tertiary);border-radius:999px;font-size:14px;font-weight:800}.chess_players_pill small{color:var(--text-muted);font-size:11px;font-weight:600}.chess_join_group{display:flex;align-items:center;gap:6px}.chess_color_btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-primary);font-size:19px;line-height:1;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.chess_color_btn.white{background:#f2ede4;color:#2a2a2a}.chess_color_btn.black{background:#33312e;color:#f2ede4}.chess_color_btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.chess_color_btn:disabled{opacity:.4;cursor:not-allowed}.chess_join_btn{padding:8px 18px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.chess_join_btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.chess_empty{display:flex;flex-direction:column;gap:6px;padding:48px 24px;background:var(--bg-container);border:1px dashed var(--border-primary);border-radius:14px;text-align:center;color:var(--text-muted);font-size:13px}.chess_empty strong{color:var(--text-primary);font-size:16px}.chess_room{display:flex;flex-direction:column;gap:16px}.chess_room_header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border-primary)}.chess_room_header h2{margin:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:800}.chess_room_header .chess_back_btn{padding:6px 10px}.chess_room_header_actions{display:flex;gap:8px;margin-left:auto}.chess_code_chip{padding:5px 10px;background:var(--accent-light);border:1px solid var(--accent-border);border-radius:8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px;cursor:pointer}.chess_settings{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:14px}.chess_settings_row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chess_settings_label{min-width:110px;color:var(--text-secondary);font-size:13px;font-weight:700}.chess_settings_hint{margin:0;color:var(--text-muted);font-size:12px}.chess_chip_row{display:flex;gap:6px;flex-wrap:wrap}.chess_chip{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.chess_chip:hover:not(:disabled){border-color:var(--accent-border);color:var(--text-primary)}.chess_chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chess_chip:disabled{opacity:.5;cursor:not-allowed}.chess_seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chess_seat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--bg-container);border:2px dashed var(--border-primary);border-radius:16px;min-height:190px;justify-content:center}.chess_seat.filled{border-style:solid}.chess_seat.me{border-color:var(--accent);background:var(--accent-light)}.chess_seat.white{box-shadow:inset 0 4px #efe7d8}.chess_seat.black{box-shadow:inset 0 4px #3a372f}.chess_seat_label{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chess_seat_avatar,.chess_avatar{position:relative;width:56px;height:56px;border-radius:50%;background:var(--bg-tertiary);display:grid;place-items:center;overflow:visible;font-size:22px;font-weight:800;color:var(--text-secondary)}.chess_seat_avatar img,.chess_avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chess_seat_name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700}.chess_seat_name em,.chess_player_name em{padding:2px 6px;background:var(--bg-tertiary);border-radius:999px;color:var(--text-muted);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}.chess_seat_state{color:var(--status-idle);font-size:12px;font-weight:700}.chess_seat_state.ready{color:var(--status-online)}.chess_seat_actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chess_room_footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border-primary)}.chess_footer_hint{margin:0;flex:1;min-width:220px;color:var(--text-muted);font-size:12px}.chess_table{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;flex:1;min-height:0}.chess_table_main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0;min-width:0;--chess-board-max: min( calc(100dvh - 200px) , 640px)}.chess_player{display:flex;align-items:center;gap:12px;width:100%;max-width:min(var(--chess-board-max, 560px),100%);padding:8px 12px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:12px}.chess_player.turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-medium)}.chess_player_identity{display:flex;align-items:center;gap:10px;min-width:0}.chess_player .chess_avatar{width:38px;height:38px;font-size:16px}.chess_player_text{display:flex;flex-direction:column;gap:2px;min-width:0}.chess_player_name{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.chess_color_chip{font-size:11px;font-weight:700;color:var(--text-muted)}.chess_color_chip.white:before,.chess_color_chip.black:before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;border:1px solid var(--border-secondary);vertical-align:0}.chess_color_chip.white:before{background:#f2ede4}.chess_color_chip.black:before{background:#33312e}.chess_captured{display:flex;align-items:center;gap:1px;flex:1;min-width:0;flex-wrap:wrap;max-height:34px;overflow:hidden}.chess_balance{margin-left:6px;color:var(--status-online);font-size:12px;font-weight:800}.chess_clock{padding:6px 12px;background:var(--bg-tertiary);border-radius:10px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.chess_clock.active{background:var(--accent-light);color:var(--text-primary)}.chess_clock.low{color:var(--danger)}.chess_throw_btn{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:15px;cursor:pointer}.chess_throw_bar{display:flex;gap:4px;padding:6px;background:var(--bg-tertiary);border-radius:10px}.chess_throw_bar button{flex:1;padding:4px;background:transparent;border:none;border-radius:6px;font-size:17px;cursor:pointer}.chess_throw_bar button:hover{background:var(--bg-elevated)}.chess_thrown_item{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;pointer-events:none;animation:chess_throw_in 1.4s ease-out forwards}.chess_avatar.hit{animation:chess_shake .45s ease-in-out}@keyframes chess_throw_in{0%{transform:translateY(-120px) scale(.4) rotate(-40deg);opacity:0}35%{transform:translate(0) scale(1.25) rotate(8deg);opacity:1}75%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translateY(14px) scale(.85);opacity:0}}@keyframes chess_shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.chess_board_wrap{position:relative;width:min(var(--chess-board-max, 560px),100%);aspect-ratio:1 / 1;flex:0 0 auto;container-type:inline-size}.chess_board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px var(--shadow-medium, rgba(0, 0, 0, .35));-webkit-user-select:none;user-select:none}.chess_square{position:relative;display:grid;place-items:center}.chess_square.light{background:var(--sq-light, #ebdfc7)}.chess_square.dark{background:var(--sq-dark, #a97d55)}.chess_square.pickable{cursor:pointer}.chess_square.last:before,.chess_square.selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chess_square.last:before{background:#ffd54f6b}.chess_square.selected:before{background:#6aa84f80}.chess_square.check{background:radial-gradient(circle,rgba(229,57,53,.95) 12%,rgba(229,57,53,.35) 62%,transparent 72%),var(--sq-check, #c96a63)}.chess_dot{position:absolute;width:30%;height:30%;border-radius:50%;background:#00000038;pointer-events:none}.chess_square.capture:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:4px solid rgba(0,0,0,.22);border-radius:50%;pointer-events:none}.chess_piece{position:relative;z-index:1;font-size:10.6cqi;line-height:1;cursor:grab}.chess_piece.white{color:var(--piece-white, #fcfaf6);text-shadow:0 0 1px var(--piece-white-edge, #2b2b2b),1px 1px 0 var(--piece-white-edge, #2b2b2b),-1px 1px 0 var(--piece-white-edge, #2b2b2b),1px -1px 0 var(--piece-white-edge, #2b2b2b),-1px -1px 0 var(--piece-white-edge, #2b2b2b),0 0 10px rgba(255,255,255,var(--piece-glow, 0))}.chess_piece.black{color:var(--piece-black, #1d1b19);text-shadow:0 0 1px var(--piece-black-edge, rgba(255, 255, 255, .55)),1px 1px 0 var(--piece-black-edge, rgba(255, 255, 255, .35)),-1px -1px 0 var(--piece-black-edge, rgba(255, 255, 255, .35)),0 0 10px rgba(255,255,255,var(--piece-glow, 0))}.chess_piece.mini{font-size:17px;cursor:default}.chess_coord{position:absolute;font-size:9px;font-weight:800;color:var(--sq-coord, rgba(0, 0, 0, .42));pointer-events:none}.chess_coord.rank{top:2px;left:3px}.chess_coord.file{right:3px;bottom:1px}.chess_promotion{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;border-radius:8px;z-index:5}.chess_promotion_box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:14px}.chess_promotion_row{display:flex;gap:8px}.chess_promotion_btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:11px;font-weight:700;cursor:pointer}.chess_promotion_btn:hover{border-color:var(--accent)}.chess_promotion_btn .chess_piece{font-size:30px;cursor:pointer}.chess_promotion_cancel{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer}.chess_side{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:14px}.chess_side_head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-muted)}.chess_side_head strong{color:var(--text-primary);font-size:14px}.chess_status{padding:8px 10px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:600}.chess_status.check{background:var(--danger-bg);color:var(--danger)}.chess_status.ended{background:var(--accent-light);color:var(--accent)}.chess_history{flex:1;min-height:0;overflow-y:auto;padding:6px;background:var(--bg-tertiary);border-radius:10px;font-variant-numeric:tabular-nums}.chess_history_empty{margin:0;padding:10px;color:var(--text-muted);font-size:12px;text-align:center}.chess_history_row{display:grid;grid-template-columns:30px 1fr 1fr;gap:4px;padding:2px 4px;border-radius:6px;font-size:12.5px}.chess_history_row:nth-child(odd){background:var(--bg-message-actions, rgba(127, 127, 127, .08))}.chess_history_no{color:var(--text-muted);font-weight:700}.chess_history_move{font-weight:600}.chess_rule_hint{margin:0;color:var(--text-muted);font-size:11.5px;line-height:1.4}.chess_actions{display:flex;flex-direction:column;gap:6px}.chess_draw_offer{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--accent-light);border:1px solid var(--accent-border);border-radius:10px;font-size:12px;font-weight:700;color:var(--accent)}.chess_draw_offer>div{display:flex;gap:6px}.chess_draw_offer .chess_btn{flex:1;padding:6px 8px;font-size:12px}.chess_result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;pointer-events:none;z-index:4}.chess_result_box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 32px;background:var(--bg-container);border:1px solid var(--accent-border);border-radius:16px;box-shadow:0 20px 50px var(--shadow-heavy, rgba(0, 0, 0, .5));animation:chess_result_in .35s ease-out}.chess_result_box>strong{font-size:30px;font-weight:900;letter-spacing:1px}.chess_result_box>span{color:var(--text-secondary);font-size:14px}.chess_result_box>small{color:var(--text-muted);font-size:11px}.chess_result_match{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-primary);min-width:200px}.chess_result_match>span{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.chess_result_match>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.chess_result_match>div.winner{color:var(--status-online);font-weight:800}@keyframes chess_result_in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.chess_modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:var(--modal-bg, rgba(0, 0, 0, .6));z-index:1000}.chess_modal_content{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:24px;background:var(--bg-container);border:1px solid var(--border-primary);border-radius:16px}.chess_modal_content h2{margin:0 0 18px;font-size:20px;font-weight:800}.chess_form_group{margin-bottom:16px}.chess_form_group>label{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:13px;font-weight:700}.chess_form_input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:14px}.chess_form_input:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus)}.chess_form_counter{margin-top:4px;color:var(--text-muted);font-size:11px;text-align:right}.chess_form_note{margin:8px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.chess_form_error{margin-bottom:12px;padding:9px 12px;background:var(--danger-bg);border-radius:10px;color:var(--danger);font-size:12.5px;font-weight:600}.chess_option_row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chess_option{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer}.chess_option.active{border-color:var(--accent);background:var(--accent-light)}.chess_option input{display:none}.chess_option strong{font-size:13px}.chess_option span{color:var(--text-muted);font-size:11.5px}.chess_checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.chess_checkbox input{margin-top:3px;accent-color:var(--accent)}.chess_checkbox_text{display:flex;flex-direction:column;gap:2px}.chess_checkbox_text strong{font-size:13px}.chess_checkbox_text span{color:var(--text-muted);font-size:11.5px}.chess_modal_actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media (max-width: 900px){.chess_container{padding:16px}.chess_table{grid-template-columns:minmax(0,1fr);overflow-y:auto}.chess_table_main{--chess-board-max: min( calc(100vw - 40px) , calc(100dvh - 290px) )}.chess_seats{grid-template-columns:minmax(0,1fr)}}.hl-page-hidden{display:none!important}.home-loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg-primary, #0f1527);color:var(--text-primary, #e8eefc)}.route-css-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:10}.route-css-loading-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;background:var(--bg-primary, rgba(15, 21, 39, .95));display:grid;place-items:center;pointer-events:all}.route-css-loading-spinner{width:36px;height:36px;border:3px solid var(--accent-light, rgba(114, 137, 218, .2));border-top-color:var(--accent, #7289da);border-radius:50%;animation:routeCssSpinAnim .65s linear infinite}@keyframes routeCssSpinAnim{to{transform:rotate(360deg)}}#main_content{opacity:1;transition:opacity .15s ease-out}#main_content.loading{opacity:0;transition:none}.home_page_shell{min-height:100vh}.content-panel{border:1px solid var(--border-primary, rgba(255, 255, 255, .12));background:var(--bg-container, rgba(10, 16, 37, .72));border-radius:16px;padding:20px}.content-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.content-panel h2{margin:0}.content-panel p{margin:0;color:var(--text-secondary, #c6d0ea)}.overview-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.overview-card{border-radius:14px;border:1px solid var(--border-primary, rgba(255, 255, 255, .1));background:var(--bg-hover, rgba(255, 255, 255, .03));padding:16px}.overview-card h3{margin:0 0 8px}@media (max-width: 1100px){.overview-grid{grid-template-columns:1fr}}.dm_typing_indicator{display:flex;align-items:center;gap:12px;padding:8px 16px}.dm_typing_avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.dm_typing_content{display:flex;align-items:center;gap:8px}.dm_typing_dots{display:flex;gap:3px}.dm_typing_dot{width:4px;height:4px;background:var(--accent, #7289da);border-radius:50%;animation:dmTypingAnim 1.4s ease-in-out infinite both}.dm_typing_dot:nth-child(1){animation-delay:-.32s}.dm_typing_dot:nth-child(2){animation-delay:-.16s}.dm_typing_dot:nth-child(3){animation-delay:0s}.dm_typing_text{color:#8e9297;font-size:12px;font-style:italic}@keyframes dmTypingAnim{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.message_file_card{border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px;background:#ffffff08}.message_file_name{color:#d7def0;font-size:13px;margin-bottom:8px;word-break:break-word}.message_file_actions{display:flex;gap:8px;margin-top:8px}.message_file_action_btn{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);color:#dce5fb;text-decoration:none;font-size:12px;background:#ffffff0f}.message_file_action_btn:hover{background:#ffffff1f}.upload_progress_box{margin-top:8px;padding:8px 4px 0}.upload_progress_label{color:#ccd7f2;font-size:12px;margin-bottom:6px}.upload_progress_track{width:100%;height:7px;border-radius:999px;background:#ffffff26;overflow:hidden}.upload_progress_fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4cc9f0,#43aa8b);transition:width .2s ease}.messages_toast{position:fixed;right:20px;top:20px;z-index:1200;min-width:220px;max-width:320px;padding:10px 12px;border-radius:10px;color:#fff;font-size:13px;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 20px #0003}.messages_toast_success{background:#29845af2}.messages_toast_error{background:#b03442f2}.messages_toast_info{background:#4363aef2}.chat_input_wrapper.drag_active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-strong);background:var(--bg-input-focus)}.message_media_has_download{position:relative;width:fit-content;max-width:100%}.message_media_has_download>img,.message_media_has_download>video,.message_media_has_download>audio{display:block}.message_download_btn{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:#0f1527c7;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;z-index:2}.message_download_btn:hover{background:#1e2c52f0}.message_download_btn img{width:15px;height:15px;filter:brightness(0) invert(1)}.message_file_card_has_download{display:flex;align-items:center;justify-content:space-between;gap:10px}.message_file_card_has_download .message_file_name{margin-bottom:0}.message_download_btn_inline{position:static;flex-shrink:0}.modal_image{transition:transform .2s ease}.dm_call_overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none}.dm_call_panel{position:fixed;right:20px;bottom:20px;width:min(340px,calc(100vw - 24px));min-width:260px;border-radius:8px;background:#2f3136;box-shadow:0 4px 12px #0006;overflow:hidden;pointer-events:auto;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none;transition:box-shadow .2s ease;will-change:left,top,transform}.dm_call_panel.dragging{transition:none!important;cursor:grabbing;box-shadow:0 10px 20px #0000008c}.dm_call_panel.dragging *{-webkit-user-select:none;user-select:none}.dm_call_music_info{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#5865f233,#3ba55c29);border-bottom:1px solid rgba(255,255,255,.08)}.dm_call_music_thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#202225;border:1px solid rgba(255,255,255,.14);flex-shrink:0}.dm_call_music_meta{min-width:0;flex:1}.dm_call_music_title{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm_call_music_time{margin-top:2px;color:#b9bbbe;font-size:11px}.dm_call_user_row{display:flex;align-items:center;gap:12px;padding:12px}.dm_call_avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid transparent;flex-shrink:0;transition:border-color .18s ease,box-shadow .18s ease}.dm_call_avatar.dm_call_avatar_speaking{border-color:#3ba55c;box-shadow:0 0 0 2px #3ba55c52,0 0 12px #3ba55c8c;animation:dmCallRemoteSpeakingPulse 1.1s ease-in-out infinite}.dm_call_avatar.dm_call_avatar_muted{border-color:#ed4245;box-shadow:0 0 0 2px #ed424559,0 0 10px #ed424580;animation:none}@keyframes dmCallRemoteSpeakingPulse{0%,to{box-shadow:0 0 0 2px #3ba55c47,0 0 8px #3ba55c6b}50%{box-shadow:0 0 0 2px #3ba55c6b,0 0 16px #3ba55cb3}}.dm_call_user_info{min-width:0}.dm_call_name{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm_call_status{color:#b9bbbe;font-size:12px;margin-top:2px}.dm_call_video_container{width:100%;height:300px;display:none;background:#000;flex-wrap:wrap;justify-content:center;align-content:flex-start}.dm_call_video_container.active{display:flex}.dm_video_wrapper{position:relative;display:none;box-sizing:border-box;border:1px solid #2f3136;overflow:hidden}.dm_video_wrapper.active{display:block}.dm_call_video_container.dm_layout_1 .dm_video_wrapper.active{width:100%;height:100%}.dm_call_video_container.dm_layout_2 .dm_video_wrapper.active{width:100%;height:50%}.dm_call_video_container.dm_layout_3 .dm_video_wrapper.active,.dm_call_video_container.dm_layout_4 .dm_video_wrapper.active{width:50%;height:50%}.dm_video_wrapper video{width:100%;height:100%;object-fit:contain;background:#000}.dm_video_label{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10}.dm_call_actions{display:flex;gap:8px;justify-content:center;width:100%;flex-wrap:wrap;padding:0 12px 12px;box-sizing:border-box}.dm_call_btn{width:32px;height:32px;border-radius:50%;border:none;background:#36393f;color:#b9bbbe;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:6px}.floating-voice-widget{position:fixed;bottom:20px;right:20px;width:300px;background:var(--bg-message-actions);border-radius:8px;box-shadow:0 8px 16px #0006;z-index:9998;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none;transition:box-shadow .2s ease;animation:reactWidgetSlideIn .25s ease-out;will-change:left,top,transform}.floating-voice-widget.dragging{transition:none!important;cursor:grabbing;box-shadow:0 10px 20px #0000008c}.floating-voice-widget.dragging *{-webkit-user-select:none;user-select:none}@keyframes reactWidgetSlideIn{0%{transform:translateY(70px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-voice-widget:hover{box-shadow:0 8px 16px #0009}.widget-header{padding:12px 16px;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border-radius:8px 8px 0 0}.widget-group-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.widget-group-info span:first-child{color:var(--text-secondary);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-group-info span:last-child{color:var(--text-muted);font-size:11px}.widget-return-btn{background:var(--border-secondary);border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);flex-shrink:0;margin-left:8px}.widget-return-btn:hover:not(:disabled){background:var(--accent);color:var(--text-primary)}.widget-return-btn:disabled{opacity:.6;cursor:default}.widget-minimize-btn{background:transparent;border:none;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-muted);position:absolute;bottom:8px;right:8px;z-index:1000}.widget-minimize-btn:hover{background:var(--border-secondary);color:var(--text-primary)}.widget-minimize-btn svg{transition:transform .3s ease}#floating_voice_widget.minimized .widget-header{display:none!important}#floating_voice_widget.minimized .widget-participants{padding:8px!important;border-radius:8px!important}#floating_voice_widget.minimized .widget-participant-name{display:none!important}#floating_voice_widget.minimized .widget-participant{min-width:auto!important;width:auto!important;padding:0!important}#floating_voice_widget.minimized .widget-minimize-btn svg{transform:rotate(180deg)}#floating_voice_widget.minimized .widget-voice-controls,#floating_voice_widget.minimized .widget-screen-share-grid{display:none!important}.widget-participants{padding:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:320px;overflow-y:auto;background:var(--bg-message-actions);border-radius:0 0 8px 8px}.widget-participant{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.widget-screen-share-grid{width:100%;display:flex;flex-direction:column;gap:8px}.widget-screen-share{width:100%;display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-secondary);border-radius:8px;padding:6px;background:#0003}.widget-screen-share-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.02em}.widget-screen-video{width:100%;max-height:170px;border-radius:6px;background:#000}.widget-participant-music{width:100%;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:8px;border-radius:8px;background:linear-gradient(135deg,#5865f240,#3ba55c38);border:1px solid rgba(88,101,242,.35)}.widget-participant-music .widget-participant-avatar{width:40px;height:40px;outline:2px solid #3ba55d}.widget-participant-music .widget-participant-name{max-width:110px;margin-right:auto}.widget-music-time{font-size:11px;color:var(--text-muted);min-width:72px;text-align:right}.widget-music-actions{display:inline-flex;gap:4px}.widget-music-actions button{border:none;width:22px;height:22px;border-radius:999px;cursor:pointer;background:#00000047;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0}.widget-music-actions button:hover{background:#00000070}.widget-participant-avatar{width:48px;height:48px;border-radius:50%;border:3px solid transparent;object-fit:cover;background-color:var(--bg-tertiary);outline:2px solid var(--border-secondary);outline-offset:0}.widget-participant-avatar.widget-participant-speaking{outline:3px solid #3ba55d;outline-offset:2px;animation:widgetSpeakingPulse 1.5s ease-in-out infinite}@keyframes widgetSpeakingPulse{0%,to{outline-color:#3ba55d;outline-offset:2px}50%{outline-color:#2d7d46;outline-offset:3px}}.widget-participant-avatar.widget-participant-mic-muted{outline:3px solid #ed4245;outline-offset:2px}.widget-participant-name{color:var(--text-secondary);font-size:12px;font-weight:500;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#0003;padding:2px 6px;border-radius:4px}.widget-participant-muted{opacity:.6}.widget-voice-controls{display:flex;gap:8px;padding:8px 12px;background:var(--bg-primary);border-top:1px solid var(--bg-tertiary);justify-content:center;position:relative}.widget-voice-control-btn.widget-hide-btn{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:transparent;color:var(--text-muted, #b9bbbe)}.widget-voice-control-btn.widget-hide-btn:hover:not(:disabled){background:var(--border-secondary);color:#fff;transform:translateY(-50%) scale(1.05)}.widget-voice-control-btn.widget-hide-btn svg{width:16px;height:16px}.widget-voice-control-btn{background:var(--border-secondary);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.widget-voice-control-btn:hover:not(:disabled){background:var(--accent);transform:scale(1.05)}.widget-voice-control-btn:disabled{opacity:.6;cursor:default}.widget-voice-control-btn.muted{background:#ed4245}.widget-voice-control-btn.active{background:#3ba55d}.widget-voice-control-btn.active:hover:not(:disabled){background:#2d8049}.widget-voice-control-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.widget-leave-btn{background:#ed4245}.widget-leave-btn:hover{background:#c03537!important}@media (max-width: 900px){.floating-voice-widget{right:10px;bottom:10px;width:250px}}.dm_call_btn:hover{background:#40444b;color:#fff}.dm_call_btn img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.dm_call_btn_active{background:#3ba55c;color:#fff}.dm_call_btn_warn,.dm_call_btn_reject{background:#ed4245;color:#fff}.dm_call_btn_reject:hover{background:#c03537}.dm_call_btn_accept{background:#3ba55c;color:#fff}.dm_call_btn_large{width:auto;min-width:104px;height:34px;border-radius:18px;padding:0 12px;gap:6px;font-size:12px;font-weight:600}.dm_call_btn_large img{width:15px;height:15px}.dm_call_btn:disabled{opacity:.55;cursor:not-allowed}.dm_audio_settings_modal{margin:0 12px 12px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;background:#36393f}.dm_audio_settings_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#fff;font-size:14px;font-weight:600}.dm_audio_settings_header button{border:none;background:#ffffff1f;color:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer}.dm_audio_settings_label,.dm_audio_test_label{color:#b9bbbe;font-size:12px;margin-bottom:6px;display:block}.dm_audio_settings_select{width:100%;border:1px solid #202225;border-radius:6px;background:#202225;color:#fff;padding:8px;margin-bottom:10px}.dm_audio_test_track{width:100%;height:10px;border-radius:5px;background:#202225;overflow:hidden}.dm_audio_test_fill{height:100%;width:0;border-radius:5px;background:#3ba55c;transition:width .06s linear}.dm_youtube_panel{margin:0 12px 12px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;background:#36393f}.dm_youtube_title{color:#fff;font-size:13px;font-weight:600;margin-bottom:8px}.dm_youtube_input{width:100%;border:1px solid #202225;border-radius:6px;background:#202225;color:#fff;padding:8px;margin-bottom:10px;box-sizing:border-box}.dm_youtube_actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dm_youtube_actions button{border:none;border-radius:6px;background:#4f545c;color:#fff;font-size:11px;padding:6px 8px;cursor:pointer}.dm_youtube_actions button:hover{background:#5d6269}.dm_youtube_volume_row{display:flex;align-items:center;gap:8px;color:#b9bbbe;font-size:12px}.dm_youtube_volume_row input[type=range]{flex:1}@media (max-width: 768px){.dm_call_panel{right:8px;bottom:8px;width:calc(100vw - 16px);min-width:0}.dm_call_video_container{height:220px}.dm_call_music_thumb{width:42px;height:42px}}.yt-embed{margin-top:8px;width:100%;max-width:400px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000;position:relative}.yt-embed-iframe{width:100%;height:100%;border:0;display:block}.yt-embed-facade{width:100%;height:100%;padding:0;border:0;cursor:pointer;position:relative;display:block;background:#000}.yt-embed-thumb{width:100%;height:100%;object-fit:cover;display:block}.yt-embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .15s ease}.yt-embed-facade:hover .yt-embed-play{transform:translate(-50%,-50%) scale(1.08)}.yt-embed-play-bg{fill:#212121;fill-opacity:.8;transition:fill-opacity .15s ease}.yt-embed-facade:hover .yt-embed-play-bg{fill:red;fill-opacity:1}.login-page{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #8b5cf6;--accent: #10b981;--error: #ef4444;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: rgba(17, 17, 24, .8);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: rgba(59, 130, 246, .15);--border-accent: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--glow-primary: 0 0 30px rgba(59, 130, 246, .2);min-height:100vh;color:var(--text-primary);line-height:1.6;background:var(--bg-primary);position:relative;overflow:hidden}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loader{width:50px;height:50px;border:3px solid var(--border-primary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.06) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.04) 0%,transparent 70%),linear-gradient(135deg,#3b82f605,#8b5cf605)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:grain 15s steps(10) infinite}.floating-elements{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.floating-element{position:absolute;width:3px;height:3px;background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:50%;opacity:.4;animation:float 25s infinite linear}.floating-element:nth-child(1){left:10%;animation-delay:0s}.floating-element:nth-child(2){left:20%;animation-delay:3s}.floating-element:nth-child(3){left:30%;animation-delay:6s}.floating-element:nth-child(4){left:40%;animation-delay:9s}.floating-element:nth-child(5){left:50%;animation-delay:12s}.login-container{min-height:100vh;display:flex;position:relative;z-index:3}.left-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 40%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(139,92,246,.08) 0%,transparent 50%);position:relative;padding:60px}.left-side:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-primary),transparent)}.brand-logo{width:120px;height:120px;margin-bottom:40px;position:relative;animation:logoFloat 6s ease-in-out infinite}.brand-logo img{width:100%;height:100%;filter:drop-shadow(0 8px 32px rgba(59,130,246,.3))}.brand-title{font-size:48px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(59,130,246,.2)}.brand-subtitle{font-size:20px;color:var(--text-secondary);font-weight:500;text-align:center;max-width:320px;line-height:1.6}.right-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 60px}.login-form-container{width:100%;max-width:420px;animation:slideInRight .8s ease .2s backwards}.login-header{text-align:center;margin-bottom:36px}.login-header h2{font-size:28px;font-weight:800;margin-bottom:10px;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:15px;font-weight:400}.login-form{margin-bottom:28px}.login-form label{display:block;color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600;letter-spacing:.5px}.form-group{margin-bottom:20px;position:relative}.form-group input{width:100%;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:14px;color:var(--text-primary);font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.form-group input:focus{outline:none;border-color:var(--border-accent);background:var(--bg-tertiary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.form-group input::placeholder{color:var(--text-muted)}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.password-toggle:hover{color:var(--primary);background:#3b82f61a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.remember-me{display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none;position:relative;padding-left:32px}.remember-me input[type=checkbox]{position:absolute;opacity:0;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:18px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:5px;transition:all .2s ease}.remember-me:hover .checkmark{border-color:var(--border-accent)}.remember-me input:checked~.checkmark{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me input:checked~.checkmark:after{display:block}.forgot-password{color:var(--primary);text-decoration:none;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px}.forgot-password:hover{color:var(--primary-light);background:#3b82f61a}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error);padding:14px 18px;border-radius:12px;font-size:13px;margin-bottom:20px}.login-btn{width:100%;padding:16px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-primary);margin-bottom:20px}.login-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 36px #3b82f64d}.login-btn:disabled{background:var(--text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.divider{display:flex;align-items:center;margin:20px 0;color:var(--text-muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-primary),transparent)}.divider span{padding:0 14px;font-weight:500}.g_id_signin{margin:0 auto 20px;max-width:100%;display:flex;justify-content:center;width:100%}.register-link{text-align:center;margin-top:20px}.register-link p{color:var(--text-secondary);font-size:13px}.register-link a{color:var(--primary);text-decoration:none;font-weight:600}.register-link a:hover{color:var(--primary-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grain{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5%,-10%) rotate(1deg)}20%{transform:translate(-15%,5%) rotate(-1deg)}30%{transform:translate(7%,-25%) rotate(2deg)}40%{transform:translate(-5%,25%) rotate(-2deg)}50%{transform:translate(-15%,10%) rotate(1deg)}60%{transform:translate(15%) rotate(-1deg)}70%{transform:translateY(15%) rotate(2deg)}80%{transform:translate(3%,35%) rotate(-2deg)}90%{transform:translate(-10%,10%) rotate(1deg)}}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.login-container{flex-direction:column}.left-side{flex:none;min-height:35vh;padding:40px 20px}.left-side:before{display:none}.brand-logo{width:80px;height:80px;margin-bottom:20px}.brand-title{font-size:36px;margin-bottom:16px}.brand-subtitle{font-size:16px}.right-side{padding:40px 20px}}@media (max-width: 768px){.login-page{overflow-y:auto}.left-side{display:none;min-height:30vh;padding:30px 20px}.brand-logo{width:60px;height:60px;margin-bottom:16px}.brand-title{font-size:28px;margin-bottom:12px}.brand-subtitle{font-size:14px}.login-header h2{font-size:24px}.form-options{flex-direction:column;align-items:flex-start;gap:16px}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.forgot-password-page .forgot-login-container{min-height:auto;width:100%;max-width:520px;margin:40px auto}.forgot-password-page .left-side{display:none}.forgot-password-page .right-side{width:100%;padding:24px}.forgot-password-page .login-form-container{max-width:100%}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-header .header-icon{display:inline-flex;padding:16px;background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:50%;margin-bottom:16px;color:#fff}.forgot-password-header h1{color:var(--text-primary, #fff);font-size:28px;font-weight:700;margin:0 0 12px}.forgot-password-header p{color:var(--text-secondary, #b9bbbe);font-size:15px;line-height:1.5;margin:0}.forgot-step{display:block;animation:forgotFadeIn .25s ease}@keyframes forgotFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-box{padding:16px;border-radius:8px;font-size:14px;margin-bottom:24px}.error-box{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:#ed4245}.success-box{background:#3ba55c1a;border:1px solid rgba(59,165,92,.3);color:#3ba55c}.verification-info{text-align:center;margin-bottom:24px}.verification-info p{color:var(--text-secondary, #b9bbbe);font-size:14px;margin:0 0 8px}.email-display{color:#5865f2!important;font-weight:600}.verification-code-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.code-input{width:56px;height:56px;text-align:center;font-size:24px;font-weight:700;background:var(--bg-tertiary, #202225);border:2px solid var(--border-primary, #3e4146);border-radius:8px;color:var(--text-primary, #fff);transition:all .2s ease}.code-input:focus{outline:none;border-color:#5865f2;box-shadow:0 0 0 3px #5865f233}.timer-container{text-align:center;margin-bottom:24px}.timer-container p{color:var(--text-secondary, #b9bbbe);font-size:14px;margin:0 0 8px}#countdown-timer{color:#5865f2;font-weight:600}.text-btn{background:none;border:none;color:#5865f2;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.text-btn:disabled{color:var(--text-muted, #72767d);cursor:not-allowed;text-decoration:none}.password-requirements{background:var(--bg-tertiary, #202225);padding:16px;border-radius:8px;margin-bottom:24px}.password-requirements p{color:var(--text-primary, #fff);font-size:13px;font-weight:600;margin:0 0 12px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:8px;transition:color .2s ease}.password-requirements li.valid{color:#3ba55c}.password-requirements li.invalid{color:#ed4245}.req-icon{display:inline-flex;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center;border:1px solid currentColor;font-size:11px}.password-requirements li.valid .req-icon:before{content:"✓"}.password-requirements li.invalid .req-icon:before{content:"○"}.btn-loading{display:none;align-items:center;justify-content:center;gap:8px}.forgot-password-page .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.back-link{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-primary, #3e4146)}.back-link a{color:#5865f2;text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.back-link a:hover{color:#7289da}@media (max-width: 600px){.forgot-password-page .forgot-login-container{margin:20px auto}.forgot-password-page .right-side{padding:16px}.code-input{width:48px;height:48px;font-size:20px}.verification-code-container{gap:8px}}.landing-page{min-height:100vh;background:#0a0a0f;color:#fff;position:relative;overflow-x:hidden}.landing-ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.06) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.04) 0%,transparent 70%),linear-gradient(135deg,#3b82f605,#8b5cf605)}.landing-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}.landing-floating{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.landing-floating-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:linear-gradient(45deg,#3b82f6,#8b5cf6);opacity:.35;animation:landingFloat 24s linear infinite}.landing-floating-dot:nth-child(1){left:10%;animation-delay:0s}.landing-floating-dot:nth-child(2){left:22%;animation-delay:3s}.landing-floating-dot:nth-child(3){left:35%;animation-delay:6s}.landing-floating-dot:nth-child(4){left:48%;animation-delay:9s}.landing-floating-dot:nth-child(5){left:60%;animation-delay:12s}.landing-floating-dot:nth-child(6){left:73%;animation-delay:15s}.landing-floating-dot:nth-child(7){left:86%;animation-delay:18s}.landing-shell{position:relative;z-index:2}.landing-auto-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.landing-auto-login-card{min-width:320px;text-align:center;background:#111118f2;border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:32px}.landing-spinner{width:40px;height:40px;margin:0 auto 14px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:landingSpin .9s linear infinite}.landing-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px;background:#111118e6;border:1px solid rgba(59,130,246,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;padding:8px 12px;border-radius:12px;background:#3b82f61f}.landing-logo img{width:24px;height:24px}.landing-nav-links{display:flex;align-items:center;gap:8px}.landing-nav-link{border:0;background:transparent;color:#dbe5ff;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:600}.landing-nav-link:hover{background:#3b82f61f;color:#fff}.landing-nav-cta{text-decoration:none;color:#fff;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;padding:9px 16px}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 24px 80px}.landing-hero-content{max-width:920px;text-align:center}.landing-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(59,130,246,.3);border-radius:999px;padding:8px 18px;color:#dbe5ff;background:#111118b3}.landing-title{margin:20px 0;font-size:clamp(40px,7vw,76px);line-height:1.06}.landing-title span{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{margin:0 auto;max-width:700px;font-size:clamp(17px,2.5vw,22px);color:#c8d2ea}.landing-actions{margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border:none;border-radius:16px;padding:14px 24px;font-weight:700;cursor:pointer}.landing-btn img{width:18px;height:18px;filter:brightness(0) invert(1)}.landing-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.landing-btn-secondary{color:#fff;background:#111118bf;border:1px solid rgba(59,130,246,.25)}.landing-section{padding:80px 24px}.landing-section-inner{max-width:1180px;margin:0 auto}.landing-section-title{text-align:center;font-size:clamp(30px,4vw,48px);margin:0 0 14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-section-subtitle{text-align:center;max-width:720px;margin:0 auto 44px;color:#c4d0ea}.landing-feature-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.landing-card{background:#111118b3;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:24px}.landing-card-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);margin-bottom:16px}.landing-card-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}.landing-card h3{margin:0 0 10px;font-size:22px}.landing-card p{margin:0;color:#c4d0ea;line-height:1.65}.landing-about-box{max-width:800px;margin:0 auto;text-align:center;background:#111118b3;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:28px;color:#c4d0ea}.landing-contact-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.landing-contact-card{background:#111118bf;border:1px solid rgba(59,130,246,.2);border-radius:18px;padding:18px;color:#d2dcf2}.landing-contact-title{font-weight:700;color:#fff;margin-bottom:8px}@keyframes landingSpin{to{transform:rotate(360deg)}}@keyframes landingFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@media (max-width: 900px){.landing-nav{width:calc(100% - 24px);justify-content:space-between}.landing-nav-links{display:none}.landing-hero{padding-top:110px}.landing-actions{flex-direction:column;align-items:center}.landing-btn{width:min(320px,100%);justify-content:center}}.signup-page{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #8b5cf6;--success: #10b981;--error: #ef4444;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-elevated: #222230;--bg-card: rgba(17, 17, 24, .8);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: rgba(59, 130, 246, .15);--border-accent: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--glow-primary: 0 0 30px rgba(59, 130, 246, .2);min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signup-page *{box-sizing:border-box}.signup-page .ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0%,transparent 60%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.04) 0%,transparent 60%),linear-gradient(135deg,var(--bg-primary) 0%,rgba(17,17,24,.95) 100%)}.signup-page .grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:signupGrain 15s steps(10) infinite}.signup-page .floating-elements{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.signup-page .floating-element{position:absolute;width:3px;height:3px;background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:50%;opacity:.4;animation:signupFloat 25s infinite linear}.signup-page .floating-element:nth-child(1){left:10%;animation-delay:0s}.signup-page .floating-element:nth-child(2){left:20%;animation-delay:3s}.signup-page .floating-element:nth-child(3){left:30%;animation-delay:6s}.signup-page .floating-element:nth-child(4){left:40%;animation-delay:9s}.signup-page .floating-element:nth-child(5){left:50%;animation-delay:12s}.signup-page .register-container{position:relative;z-index:2;display:flex;min-height:100vh}.signup-page .left-side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;position:relative}.signup-page .left-side:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-primary),transparent)}.signup-page .brand-logo{width:120px;height:120px;margin-bottom:36px}.signup-page .brand-logo img{width:100%;height:100%;filter:drop-shadow(0 8px 32px rgba(59,130,246,.3))}.signup-page .brand-title{margin:0 0 18px;font-size:48px;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.signup-page .brand-subtitle{margin:0;max-width:300px;text-align:center;color:var(--text-secondary);font-size:20px}.signup-page .right-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 60px;overflow-y:auto}.signup-page .right-side::-webkit-scrollbar{width:8px}.signup-page .right-side::-webkit-scrollbar-thumb{background:#3b82f640;border-radius:4px}.signup-page .form-container{width:100%;max-width:480px}.signup-page .form-header{text-align:center;margin-bottom:28px}.signup-page .form-header h1{margin:0 0 8px;font-size:30px;font-weight:800}.signup-page .form-header p{margin:0;color:var(--text-secondary)}.signup-page .error{border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--error);padding:14px 18px;border-radius:12px;margin-bottom:16px;font-size:13px}.signup-page .loading{border:1px solid var(--border-primary);background:#3b82f61a;color:var(--primary-light);padding:12px;border-radius:12px;margin-bottom:16px;text-align:center;font-size:14px}.signup-page .form-group{margin-bottom:18px;position:relative}.signup-page .form-group label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text-primary)}.signup-page .form-group input:not([type=radio]){width:100%;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-primary);padding:15px 16px;border-radius:14px;font-size:15px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.signup-page .form-group input:not([type=radio]):focus{outline:none;border-color:var(--border-accent);background:var(--bg-tertiary);box-shadow:var(--glow-primary)}.signup-page .form-group input::placeholder{color:var(--text-muted)}.signup-page .username-status{margin-top:6px;font-size:12px;border-radius:8px;padding:6px 10px;display:none}.signup-page .username-status.checking,.signup-page .username-status.available,.signup-page .username-status.unavailable{display:block}.signup-page .username-status.checking{color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.signup-page .username-status.available{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.signup-page .username-status.unavailable{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.signup-page .gender-options{display:flex;gap:12px}.signup-page .gender-option{flex:1;position:relative}.signup-page .gender-option input[type=radio]{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.signup-page .gender-option span{display:block;text-align:center;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);border-radius:14px;padding:14px 12px;font-weight:600;transition:all .2s ease}.signup-page .gender-option input[type=radio]:checked+span{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent}.signup-page .password-wrapper{position:relative}.signup-page .password-wrapper input{padding-right:46px!important}.signup-page .password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.signup-page .password-toggle:hover{color:#fff;background:#3b82f61f}.signup-page .password-strength{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:50;border:1px solid var(--border-accent);background:var(--bg-elevated);border-radius:12px;padding:12px;display:none;box-shadow:0 -8px 24px #00000073,0 0 0 1px #3b82f614,0 0 24px #3b82f61f;transform-origin:bottom center;animation:passwordStrengthDropdownIn .18s ease-out}.signup-page .password-strength.visible{display:block}.signup-page .password-strength:after{content:"";position:absolute;top:100%;left:24px;width:12px;height:12px;margin-top:-7px;background:var(--bg-elevated);border-right:1px solid var(--border-accent);border-bottom:1px solid var(--border-accent);transform:rotate(45deg)}@keyframes passwordStrengthDropdownIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-page .strength-text{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:600}.signup-page .strength-label.weak{color:#ef4444}.signup-page .strength-label.medium{color:#f59e0b}.signup-page .strength-label.strong{color:#10b981}.signup-page .strength-bar{height:4px;border-radius:999px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:10px}.signup-page .strength-fill{height:100%;border-radius:inherit}.signup-page .strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f97316)}.signup-page .strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#eab308)}.signup-page .strength-fill.strong{background:linear-gradient(90deg,#10b981,#059669)}.signup-page .password-requirements{list-style:none;padding:0;margin:0;display:grid;gap:4px;grid-template-columns:1fr 1fr}.signup-page .password-requirements li{font-size:11px;color:var(--text-muted)}.signup-page .password-requirements li.valid{color:#10b981}.signup-page .kvkk-consent{margin-bottom:20px;border:1px solid var(--border-primary);background:#3b82f60d;border-radius:12px;padding:14px}.signup-page .kvkk-checkbox{position:relative;padding-left:30px;font-size:13px;line-height:1.5;color:var(--text-secondary);display:block}.signup-page .kvkk-checkbox input[type=checkbox]{position:absolute;opacity:0}.signup-page .kvkk-checkbox .checkmark{position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:5px;border:2px solid var(--border-primary);background:var(--bg-card)}.signup-page .kvkk-checkbox input:checked~.checkmark{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.signup-page .kvkk-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.signup-page .kvkk-link{color:var(--primary-light);background:transparent;text-decoration:underline}.signup-page .submit-btn{width:100%;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:14px;padding:15px 18px;font-weight:700;cursor:pointer}.signup-page .submit-btn:disabled{background:var(--text-disabled);cursor:not-allowed}.signup-page .verification-section{margin-top:20px;padding:20px;border:1px solid var(--border-primary);border-radius:14px;background:#3b82f60a}.signup-page .verification-header{text-align:center;margin-bottom:16px}.signup-page .verification-header h3{margin:0 0 6px;color:var(--primary-light)}.signup-page .verification-header p{margin:0;color:var(--text-secondary);font-size:13px}.signup-page .code-inputs-container{margin-bottom:14px}.signup-page .code-inputs-container label{display:block;text-align:center;margin-bottom:10px;font-size:13px;font-weight:600}.signup-page .code_inputs{display:flex;justify-content:center;gap:10px}.signup-page .code_input{width:48px;height:56px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:#fff;text-align:center;font-size:22px;font-weight:700}.signup-page .code_input:focus{outline:none;border-color:var(--border-accent);box-shadow:var(--glow-primary)}.signup-page .verification-buttons{display:grid;gap:10px}.signup-page .secondary-btn{border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);border-radius:12px;padding:10px 12px;cursor:pointer}.signup-page .secondary-btn:disabled{opacity:.5;cursor:not-allowed}.signup-page .text-btn{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px}.signup-page .divider{display:flex;align-items:center;margin:20px 0;color:var(--text-muted);font-size:13px}.signup-page .divider:before,.signup-page .divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-primary),transparent)}.signup-page .divider span{padding:0 14px}.signup-page .g_id_signin{display:flex!important;justify-content:center!important;margin:0 auto 18px!important}.signup-page .form-links{text-align:center}.signup-page .form-links a{color:var(--primary-light);text-decoration:none;font-weight:600}.signup-page .form-links a:hover{text-decoration:underline}.signup-page .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.signup-page .modal_content{width:min(820px,100%);max-height:88vh;overflow:hidden;border:1px solid var(--border-primary);border-radius:20px;background:var(--bg-card);box-shadow:var(--shadow-xl)}.signup-page .kvkk-modal-content{display:flex;flex-direction:column}.signup-page .kvkk-modal-header{display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border-primary)}.signup-page .kvkk-modal-header h2{margin:0;font-size:24px}.signup-page .kvkk-close-btn{width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--text-muted);font-size:30px;cursor:pointer}.signup-page .kvkk-close-btn:hover{color:var(--error);background:#ef44441f}.signup-page .kvkk-modal-body{overflow-y:auto;padding:20px}.signup-page .kvkk-section{margin-bottom:18px}.signup-page .kvkk-section h3{margin:0 0 8px;color:var(--primary-light)}.signup-page .kvkk-section p{margin:0 0 8px;line-height:1.6;color:var(--text-secondary)}.signup-page .kvkk-section ul{margin:0;padding-left:18px;color:var(--text-secondary);line-height:1.55}.signup-page .kvkk-consent-text{border-left:3px solid var(--primary);background:#3b82f61a;border-radius:8px;padding:12px}.signup-page .kvkk-modal-footer{padding:16px 20px;border-top:1px solid var(--border-primary)}.signup-page .kvkk-accept-btn{width:100%;border:0;border-radius:12px;padding:14px;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}@keyframes signupGrain{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8%,6%) rotate(1deg)}}@keyframes signupFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}@media (max-width: 1024px){.signup-page{overflow-y:auto}.signup-page .register-container{flex-direction:column;min-height:auto}.signup-page .left-side{display:none;padding:36px 24px 28px}.signup-page .left-side:before{display:none}.signup-page .brand-logo{width:90px;height:90px;margin-bottom:20px}.signup-page .brand-title{font-size:36px}.signup-page .brand-subtitle{font-size:16px}.signup-page .right-side{padding:20px;overflow:visible}}@media (max-width: 640px){.signup-page .password-requirements{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}