.home{min-height:100dvh;min-height:-webkit-fill-available;background-color:initial;color:var(--color-text);align-items:center;padding:var(--space-3);padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));overflow-x:hidden}.home,.home__container{display:flex;flex-direction:column}.home__container{width:100%;max-width:480px;gap:var(--space-3);padding-top:0;padding-bottom:var(--space-4)}.home__header{text-align:center;margin-bottom:0}.home__title{font-size:28px;font-weight:700;margin:0;line-height:1.1;letter-spacing:-.5px}.text-gradient{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home__subtitle{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1);font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.home__user-card{background:rgba(45,53,62,.4);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-3);backdrop-filter:blur(10px);margin-bottom:0;box-shadow:0 4px 20px rgba(0,0,0,.2);overflow:hidden;flex-wrap:wrap}.home__user-avatar,.home__user-card{display:flex;align-items:center;position:relative}.home__user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:50%;justify-content:center;font-size:17px;font-weight:600;color:white;box-shadow:0 2px 8px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.1)}.home__user-card-top{display:flex;width:100%;align-items:center;gap:var(--space-3);justify-content:space-between}.home__user-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.home__user-card-lang{flex-shrink:0}.home__user-card-lang .language-switcher{width:auto!important}.home__welcome-text{font-size:12px;color:var(--color-text-muted);font-weight:400}.home__name-wrapper{display:flex;align-items:center;gap:var(--space-2)}.home__username{font-size:var(--text-md);font-weight:600;color:var(--color-text);margin:0}.home__edit-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center}.home__edit-btn:hover{color:white;background-color:rgba(255,255,255,.1)}.home__user-stats{gap:0;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.06);width:100%;flex-basis:100%}.home__stat,.home__user-stats{display:flex;align-items:center}.home__stat{flex-direction:column;flex:1;gap:1px}.home__stat-value{font-size:var(--text-md);font-weight:700;color:var(--color-text);line-height:1}.home__stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.home__stat-divider{width:1px;height:24px;background:rgba(255,255,255,.08);flex-shrink:0}.home__reset-stats-btn{background:none;border:none;color:var(--color-text-muted);font-size:11px;cursor:pointer;padding:var(--space-1) 0 0;opacity:.5;transition:opacity .2s;width:100%;text-align:center}.home__reset-stats-btn:hover{opacity:1;color:#ef4444}.home__actions{display:flex;flex-direction:column;gap:var(--space-2)}.home__custom-room-teaser{display:grid;width:100%;gap:9px;min-height:132px;padding:15px 16px 14px;border:1px solid rgba(244,201,107,.68);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(244,201,107,.2),rgba(157,112,30,.09));box-shadow:inset 0 1px 0 rgba(255,239,192,.12),0 7px 18px rgba(111,75,13,.16);color:rgba(235,244,249,.82);cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:500;line-height:1.65;text-align:start;transition:border-color .18s ease,background .18s ease,transform .18s ease}[dir=rtl] .home__custom-room-teaser{font-family:var(--font-arabic)}.home__custom-room-teaser:hover{border-color:#f4c96b;background:linear-gradient(135deg,rgba(244,201,107,.27),rgba(157,112,30,.13));transform:translateY(-1px)}.home__custom-room-teaser:focus-visible{outline:3px solid rgba(244,201,107,.35);outline-offset:2px}.home__custom-room-teaser:disabled{cursor:not-allowed;opacity:.58}.home__custom-room-teaser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.home__custom-room-teaser strong{color:#f4c96b;font-size:17px;font-weight:800;line-height:1.45}.home__custom-room-teaser em{flex:0 0 auto;border-radius:999px;background:#f4c96b;color:#17202c;padding:3px 9px;font-size:10.5px;font-style:normal;font-weight:900;letter-spacing:.05em}.home__custom-room-teaser-cta{margin-top:1px;padding-top:8px;border-top:1px solid rgba(244,201,107,.22);color:#ffe3a4;font-size:14px;font-weight:800;line-height:1.4}.home__action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.home__action-btn--primary{background:linear-gradient(135deg,#059669,#047857);color:#ffffff;font-weight:600;box-shadow:0 4px 6px -1px rgba(5,150,105,.3),0 2px 4px -1px rgba(5,150,105,.2);border:1px solid rgba(5,150,105,.4)}.home__action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(5,150,105,.5);background:linear-gradient(135deg,#10b981,#059669);filter:brightness(1.1)}.home__action-btn--secondary{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(79,70,229,.25));border:1px solid rgba(99,102,241,.4);color:#e0e7ff;font-weight:500}.home__action-btn--secondary:hover{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(79,70,229,.35));border-color:rgba(99,102,241,.6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2)}.home__join-form{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);animation:slideDown .3s ease-out;backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home__join-input{flex:1;background:transparent;border:none;color:white;font-family:var(--font-body);font-size:16px;padding:var(--space-2) var(--space-3);letter-spacing:1px;font-weight:600}.home__join-input:focus{outline:none}.home__join-input::placeholder{color:rgba(255,255,255,.4);font-family:var(--font-body);font-size:14px;font-weight:400}.home__join-submit-btn{background:linear-gradient(135deg,#059669,#047857);color:#ffffff;font-weight:600;border:1px solid rgba(5,150,105,.4);width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.3)}.home__join-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);transform:translateX(2px);box-shadow:0 4px 8px rgba(5,150,105,.4);filter:brightness(1.15)}.home__join-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface);border-color:transparent;box-shadow:none}.home__join-cancel-btn{background:transparent;color:var(--color-text-muted);border:none;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.home__join-cancel-btn:hover{color:var(--color-danger);background-color:rgba(214,75,64,.1)}.btn-icon{font-size:20px}.btn-content{display:flex;flex-direction:column}.btn-title{font-family:var(--font-body);font-size:14px;font-weight:800;line-height:1.2;letter-spacing:.5px;text-transform:uppercase}.btn-desc{font-size:var(--text-xs);opacity:.8;font-weight:400}.home__ad-container{min-height:60px;display:block;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.how-to-play-link{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;color:rgba(255,255,255,.75);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;padding:6px 14px 6px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.how-to-play-link:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.25);color:white}.how-to-play-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:700;line-height:1;flex-shrink:0;transition:background .15s ease}.how-to-play-link:hover .how-to-play-icon{background:rgba(255,255,255,.18)}.htp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.htp-modal{background:linear-gradient(160deg,rgba(22,38,58,.98),rgba(13,24,38,.99));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:var(--space-5) var(--space-5) var(--space-4);max-width:380px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(113,189,222,.15);animation:htpPop .25s cubic-bezier(.16,1,.3,1)}@keyframes htpPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.htp-title{font-size:18px;font-weight:700;color:white;margin:0 0 var(--space-3) 0;text-align:center}.htp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.htp-step{display:flex;align-items:flex-start;gap:10px}.htp-step-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center;line-height:1.4}.htp-step-text{font-size:14px;color:rgba(255,255,255,.8);line-height:1.5}.htp-close{display:block;width:100%;margin-top:var(--space-4);padding:10px;border:none;border-radius:10px;background:rgba(255,255,255,.08);color:white;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.htp-close:hover{background:rgba(255,255,255,.14)}.home__footer{flex-wrap:wrap;margin-top:auto}.home__footer,.home__legal-links{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.home__legal-links{width:100%;font-size:var(--text-xs)}.home__legal-links a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.home__legal-links a:focus-visible,.home__legal-links a:hover{color:var(--color-text)}.home__account-delete{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:var(--space-1);font-size:var(--text-xs)}.home__account-delete button{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 8px}.home__account-delete button:focus-visible,.home__account-delete button:hover{color:#fca5a5}.home__account-delete button:disabled{cursor:wait;opacity:.65}.home__account-delete [role=alert]{color:#fca5a5;text-align:center}.home__social-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);position:relative;border-radius:20px;background-color:rgba(255,255,255,.05);transition:all .2s}.home__social-link:hover{background-color:rgba(255,255,255,.1);color:white}@media (max-width:768px){.home{min-height:100dvh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}.home__container{padding-bottom:var(--space-2);gap:var(--space-2)}}.home__name-edit-form{display:flex;align-items:center;gap:var(--space-2)}.home__name-input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:white;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;padding:4px 8px;width:160px}.home__name-input:focus{outline:none;border-color:var(--color-accent);background:rgba(255,255,255,.15)}.home__name-cancel-btn,.home__name-submit-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.home__name-submit-btn{color:var(--color-accent)}.home__name-submit-btn:hover{background:rgba(37,169,92,.2)}.home__name-cancel-btn{color:var(--color-danger)}.home__name-cancel-btn:hover{background:rgba(214,75,64,.2)}.home__duet-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:4px;flex-wrap:wrap}.home__duet-badge{background:#be185d;color:white;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.5px;animation:pulse-pink 2s infinite}@keyframes pulse-pink{0%{box-shadow:0 0 0 0 rgba(190,24,93,.7)}70%{box-shadow:0 0 0 4px rgba(190,24,93,0)}to{box-shadow:0 0 0 0 rgba(190,24,93,0)}}.home__action-btn--duet{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#ffffff;font-weight:600;box-shadow:0 4px 6px -1px rgba(124,58,237,.3),0 2px 4px -1px rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.4)}.home__action-btn--duet:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(124,58,237,.5);background:linear-gradient(135deg,#8b5cf6,#7c3aed);filter:brightness(1.1)}@media (max-height:700px){.home__container{gap:var(--space-1)}.home__title{font-size:24px}.home__subtitle{display:none}.home__user-card{padding:var(--space-2)}.home__user-stats{padding-top:var(--space-1)}.home__action-btn{padding:var(--space-2) var(--space-3)}.guide-text p{display:none}.home__guide{padding:var(--space-2) var(--space-3)}.home__guide-title{margin-bottom:var(--space-1)}.home__guide-grid{gap:var(--space-1)}}