:root{--bg-color: #09070f;--surface-color: #13101c;--surface-hover: #1f1a2b;--border-color: #382954;--primary-purple: #9d4edd;--primary-purple-dark: #7b2cbf;--secondary-purple: #c77dff;--text-primary: #f8f9fa;--text-secondary: #b8b5c8;--text-muted: #7a778a;--badge-bg: #1a1428;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.app-shell{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;position:relative}.app-shell.has-bottom-nav{padding-bottom:5.5rem}.app-main-content{width:100%;display:flex;flex-direction:column;align-items:center}.app-container{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.brand-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--secondary-purple) 50%,var(--primary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.brand-tagline{font-size:1.35rem;font-weight:700;color:var(--secondary-purple);margin-bottom:1.25rem;letter-spacing:.05em}.brand-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem;padding:0 .5rem}.button-group{width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.btn{width:100%;height:54px;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;border:none;outline:none;font-family:inherit}.btn-sm{height:42px;font-size:.9rem;border-radius:12px}.btn-primary{background-color:var(--primary-purple-dark);color:var(--text-primary);box-shadow:0 4px 14px #7b2cbf40}.btn-primary:hover{background-color:var(--primary-purple);transform:translateY(-1px);box-shadow:0 6px 20px #9d4edd66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1.5px solid rgba(157,78,221,.6)}.btn-secondary:hover{background-color:#9d4edd1a;border-color:var(--primary-purple)}.btn-back{background-color:transparent;color:var(--secondary-purple);border:none;font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-start;margin-bottom:1.5rem;padding:.5rem 0;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s}.btn-back:hover{opacity:.8}.badge-18{display:inline-flex;align-items:center;padding:.35rem .9rem;background-color:var(--badge-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--secondary-purple);letter-spacing:.1em;margin-bottom:1.25rem}.footer-links{display:flex;gap:1rem;justify-content:center}.footer-link{color:var(--text-muted);font-size:.875rem;text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}.card{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem 1.5rem;text-align:center;box-shadow:0 10px 30px #0006}.card-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.card-text{font-size:1rem;color:var(--text-secondary);line-height:1.6}.form-container{align-items:flex-start;text-align:left;padding-bottom:3rem}.form-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.form-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem}.form-body{width:100%;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.required-star{color:var(--secondary-purple)}.optional-tag{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-left:.25rem}.form-input{width:100%;height:48px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:0 1rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #9d4edd33}.form-input.input-error{border-color:#ff5252}.phone-input-row{display:flex;gap:.5rem;width:100%}.country-selector-btn{height:48px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:0 .85rem;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;white-space:nowrap;font-family:inherit;transition:border-color .2s,background-color .2s}.country-selector-btn:hover{border-color:var(--primary-purple);background-color:var(--surface-hover)}.country-selector-btn .flag-emoji{font-size:1.15rem}.country-selector-btn .dropdown-arrow{font-size:.65rem;color:var(--secondary-purple);margin-left:.15rem}.phone-input-wrapper{flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#09070fd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.country-modal{width:100%;max-width:420px;max-height:80vh;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0009;overflow:hidden;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.country-modal-header{padding:1.25rem 1.25rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(56,41,84,.5)}.country-modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.country-search-wrapper{padding:.85rem 1.25rem}.country-search-input{width:100%;height:44px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:0 .85rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.country-search-input:focus{border-color:var(--primary-purple)}.country-list{flex:1;overflow-y:auto;padding:.5rem .5rem 1rem;display:flex;flex-direction:column;gap:.25rem}.country-option-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:none;border:none;border-radius:10px;color:var(--text-primary);font-size:.95rem;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .15s}.country-option-item:hover{background-color:var(--surface-hover)}.country-option-item.selected{background-color:#3c096c}.country-option-info{display:flex;align-items:center;gap:.75rem}.country-option-flag{font-size:1.3rem}.country-option-name{font-weight:500;color:var(--text-primary)}.country-option-code{font-weight:700;color:var(--secondary-purple)}.input-password-wrapper{position:relative;width:100%}.input-password-wrapper .form-input{padding-right:4.5rem}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary-purple);font-weight:700;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:opacity .2s}.password-toggle-btn:hover{opacity:.8}.helper-text{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;text-align:left}.error-text{font-size:.8rem;color:#ff5252;font-weight:600;margin-top:.35rem;text-align:left}.choice-grid{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;margin-top:.25rem}.choice-chip{flex:1 1 calc(50% - .5rem);min-width:110px;padding:.75rem .5rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;font-family:inherit}.choice-chip:hover{border-color:var(--primary-purple);color:var(--text-primary)}.chip-selected{background-color:#3c096c;border-color:var(--primary-purple);color:var(--text-primary)}.status-banner{width:100%;padding:.9rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;margin-bottom:1.25rem;text-align:left}.status-error{background-color:#331418;border:1px solid #ff5252;color:#ff8a8a}.status-success{background-color:#1a0f2e;border:1px solid var(--primary-purple);color:var(--text-primary)}.btn-submit{margin-top:1rem}.home-container{align-items:flex-start;text-align:left;gap:1.5rem}.home-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.brand-badge{display:flex;align-items:center;gap:.5rem}.brand-badge .logo-icon{font-size:1.35rem}.brand-badge .logo-text{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--secondary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:.75rem}.icon-btn{width:40px;height:40px;border-radius:12px;background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.icon-btn:hover{background-color:var(--surface-hover);border-color:var(--primary-purple)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background-color:var(--primary-purple)}.welcome-banner{width:100%;background:linear-gradient(135deg,var(--surface-color) 0%,#201138 100%);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem}.greeting-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.greeting-subtitle{font-size:.85rem;color:var(--secondary-purple);font-weight:600}.shortcuts-section{width:100%;display:flex;flex-direction:column;gap:1rem}.feature-card{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:.5rem}.feature-card:hover{border-color:var(--primary-purple);background-color:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.feature-card-header{display:flex;align-items:center;gap:.6rem}.feature-icon{font-size:1.35rem}.feature-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.feature-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.feature-action{margin-top:.25rem;font-size:.85rem;font-weight:700;color:var(--secondary-purple)}.get-started-section{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.section-heading{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.quick-link-btn{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.85rem;display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:all .2s}.quick-link-btn:hover{border-color:var(--primary-purple);color:var(--text-primary);background-color:var(--surface-hover)}.quick-link-icon{font-size:1.2rem}.section-container{align-items:flex-start;text-align:left;gap:1.25rem;width:100%}.section-header{width:100%}.section-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.section-subtitle{font-size:.9rem;color:var(--text-secondary)}.tab-switch-container{width:100%;display:flex;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:.25rem;gap:.25rem}.tab-switch-btn{flex:1;height:42px;border-radius:10px;background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tab-switch-btn.active{background-color:var(--primary-purple-dark);color:var(--text-primary)}.tab-content-card{display:flex;flex-direction:column;align-items:center;gap:.75rem}.card-icon-badge{font-size:2.5rem}.placeholder-info-box{width:100%;margin-top:1rem;padding:1rem;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:12px;font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.info-badge{display:inline-block;padding:.2rem .6rem;background-color:var(--badge-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--secondary-purple);font-size:.75rem;font-weight:700}.game-selection-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.game-selection-card{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;text-align:left;outline:none}.game-selection-card:hover,.game-selection-card:focus-visible{border-color:var(--primary-purple);background-color:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #9d4edd33}.game-selection-card-header{display:flex;align-items:center;gap:.75rem}.game-card-icon-wrapper{width:44px;height:44px;border-radius:12px;background-color:#201338;border:1px solid var(--border-color);color:var(--secondary-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-selection-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.game-selection-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.45;flex:1}.game-card-select-btn{font-size:.825rem;font-weight:700;color:var(--secondary-purple);display:flex;align-items:center;gap:.3rem;margin-top:.25rem}.game-intro-header{display:flex;align-items:center;gap:1rem}.how-it-works-box{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:1rem}.how-it-works-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.how-it-works-list{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--text-secondary);line-height:1.45}.selected-game-banner{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:.6rem 1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.88rem;color:var(--text-secondary)}.banner-game-icon{display:inline-flex;align-items:center;color:var(--secondary-purple)}.partner-card-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.partner-flow-container{width:100%;display:flex;flex-direction:column;gap:1rem}.code-display-box{width:100%;background-color:var(--bg-color);border:1px dashed var(--border-color);border-radius:14px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.meeting-code-text{font-family:monospace;font-size:1.5rem;font-weight:800;color:var(--secondary-purple);letter-spacing:.15em}.waiting-room-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.pulse-dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary-purple);box-shadow:0 0 #9d4eddb3;animation:pulseAnimation 1.5s infinite}@keyframes pulseAnimation{0%{transform:scale(.95);box-shadow:0 0 #9d4eddb3}70%{transform:scale(1);box-shadow:0 0 0 10px #9d4edd00}to{transform:scale(.95);box-shadow:0 0 #9d4edd00}}.waiting-status-label{font-size:.85rem;font-weight:700;color:var(--secondary-purple);letter-spacing:.05em}.stranger-preference-box{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:1rem;margin-bottom:1rem}.preference-box-title{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.selected-genders-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.gender-chip-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;background-color:#3c096c;border:1px solid var(--primary-purple);border-radius:12px;font-size:.8rem;font-weight:600;color:var(--text-primary)}.reciprocal-rule-card{width:100%;background-color:#1a142899;border:1px solid var(--border-color);border-radius:12px;padding:.85rem;display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem}.rule-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.rule-text{font-size:.8rem;color:var(--text-secondary);line-height:1.45;text-align:left}.game-grid{width:100%;display:flex;flex-direction:column;gap:1rem}.game-card{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.game-card-top{display:flex;align-items:center;justify-content:space-between}.game-icon{font-size:1.5rem}.game-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:12px;background-color:var(--badge-bg);border:1px solid var(--border-color);color:var(--secondary-purple)}.game-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.game-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem}.explore-sections-list{width:100%;display:flex;flex-direction:column;gap:1rem}.explore-card{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}.explore-card-header{display:flex;align-items:center;gap:.75rem}.explore-icon{font-size:1.75rem}.explore-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.explore-tag{font-size:.75rem;font-weight:600;color:var(--secondary-purple)}.explore-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.profile-card{align-items:center}.profile-header-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.initials-avatar-circle{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#7b2cbf,#3c096c);border:2.5px solid var(--primary-purple);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #7b2cbf4d;margin-bottom:.25rem}.avatar-initials-text{font-size:1.8rem;font-weight:800;color:var(--text-primary);letter-spacing:.05em;font-family:var(--font-family)}.profile-username-heading{font-size:1.4rem;font-weight:800;color:var(--text-primary)}.profile-action-buttons{margin-top:.25rem;margin-bottom:1rem}.public-profile-preview-box{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:1rem;margin-bottom:1.25rem;text-align:left}.preview-box-header{margin-bottom:.75rem}.preview-user-row{display:flex;align-items:center;gap:.75rem}.small-initials-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7b2cbf,#3c096c);border:1.5px solid var(--primary-purple);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--text-primary);flex-shrink:0}.preview-user-text{display:flex;flex-direction:column;gap:.15rem}.preview-handle{font-size:.95rem;font-weight:700;color:var(--text-primary)}.preview-privacy-badge{font-size:.75rem;color:var(--secondary-purple);font-weight:600}.privacy-reassurance-text{font-size:.78rem;color:var(--text-muted);line-height:1.45;margin-top:.75rem;border-top:1px dashed var(--border-color);padding-top:.6rem}.privacy-items-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.privacy-info-item{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1rem;display:flex;align-items:flex-start;gap:.75rem;text-align:left}.privacy-item-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.privacy-item-content{display:flex;flex-direction:column;gap:.2rem}.privacy-item-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.privacy-item-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.profile-details-list{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.profile-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-color);border-radius:10px;border:1px solid var(--border-color);font-size:.85rem}.profile-item-label{color:var(--text-muted)}.profile-item-value{color:var(--text-primary);font-weight:600}.settings-section{width:100%;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.settings-section-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.setting-card{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting-info{display:flex;flex-direction:column;gap:.25rem;text-align:left}.setting-title-row{display:flex;align-items:center;gap:.5rem}.setting-label{font-size:.95rem;font-weight:700;color:var(--text-primary)}.setting-status-badge{font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:10px}.setting-status-badge.status-on{background-color:#3c096c;color:var(--secondary-purple);border:1px solid var(--primary-purple)}.setting-status-badge.status-off{background-color:var(--surface-color);color:var(--text-muted);border:1px solid var(--border-color)}.setting-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.setting-notice{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-top:.25rem;text-align:left}.toggle-switch-lg{width:52px;height:28px;border-radius:16px;background-color:var(--surface-color);border:1px solid var(--border-color);position:relative;cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0}.toggle-switch-lg.toggle-on{background-color:var(--primary-purple-dark);border-color:var(--primary-purple)}.toggle-handle{width:20px;height:20px;border-radius:50%;background-color:var(--text-primary);position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 2px 4px #0000004d}.toggle-switch-lg.toggle-on .toggle-handle{transform:translate(24px)}.content-preference-indicator{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.preference-status-info{display:flex;align-items:center;gap:.5rem}.badge-adult{border-color:var(--primary-purple);color:var(--secondary-purple);background-color:#3c096c}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background-color:#13101cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);display:flex;justify-content:center;z-index:900}.bottom-nav-inner{width:100%;max-width:480px;display:flex;height:100%}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s,transform .15s;font-family:inherit;padding:.25rem 0}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--secondary-purple)}.nav-item.active .nav-icon{color:var(--primary-purple)}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.01em}@media(max-width:480px){.brand-title{font-size:2.5rem}.brand-tagline{font-size:1.15rem}#root{padding:1rem}.game-selection-grid,.partner-card-grid,.quick-links-grid{grid-template-columns:1fr}}