@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&family=Dancing+Script:wght@700&display=swap";.selection-screen{display:none;min-height:100vh;padding:2rem;background:linear-gradient(180deg,#0a0a0f,#1a1a2e)}.selection-screen.active{display:block}.selection-header{text-align:center;margin-bottom:3rem;padding-top:2rem}.founders-section{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.founder-wrapper{text-align:center}.founder-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #D4AF37;box-shadow:0 10px 40px #d4af374d}.founder-name{font-family:Dancing Script,cursive;font-size:1.3rem;color:#d4af37;margin-top:.5rem}.selection-title{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.5rem;color:#d4af37;text-align:center}.selection-subtitle{color:#fffc;font-size:1rem;margin-bottom:1rem;font-weight:300}.family-motto{font-family:Dancing Script,cursive;font-size:1.5rem;color:#d4af37;margin-bottom:2rem}.children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:900px;margin:0 auto}.child-card{aspect-ratio:1;border-radius:24px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}.child-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1a,#0000001a);opacity:0;transition:opacity .3s ease}.child-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ffffff4d}.child-card:hover:before{opacity:.4}.child-photo{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.5);margin-bottom:.8rem;background:#ffffff1a}.child-placeholder{width:70px;height:70px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:.8rem;border:3px solid rgba(255,255,255,.3)}.child-name{font-family:Playfair Display,serif;font-weight:700;font-size:1.1rem;text-align:center;color:#f4e4ba;margin-top:.5rem;letter-spacing:.5px;line-height:1.2}.child-order{font-size:.7rem;opacity:.7;margin-top:.3rem;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#14141eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;width:90%;max-width:500px;position:relative;color:#fff;box-shadow:0 20px 50px #0009}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer}.modal-content h2{color:#d4af37;font-family:Playfair Display,serif;margin-top:0;text-align:center}.modal-desc{color:#ffffffb3;text-align:center;margin-bottom:1.5rem;font-size:.9rem}.candidates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;max-height:300px;overflow-y:auto;margin-bottom:1.5rem;padding:.5rem}.candidate-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.candidate-card:hover{background:#ffffff1a}.candidate-card.selected{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 15px #d4af3733}.candidate-avatar{width:40px;height:40px;background:#d4af37;color:#1a1a2e;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem}.candidate-name{font-size:.85rem;text-align:center}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.primary-btn{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;padding:.8rem 1.5rem;border-radius:50px;color:#1a1a2e;font-weight:600;cursor:pointer;width:100%}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:transparent;border:1px solid rgba(255,255,255,.2);padding:.8rem 1.5rem;border-radius:50px;color:#fff;cursor:pointer}.success-view{text-align:center;padding:2rem 0}.success-icon{font-size:3rem;margin-bottom:1rem}.error-msg{color:#ef4444;text-align:center;font-size:.9rem;background:#ef44441a;padding:.5rem;border-radius:8px;margin:1rem 0}.floating-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#14141ed9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:30px;border:1px solid rgba(255,255,255,.15);display:flex;justify-content:center;gap:8px;padding:10px 16px;z-index:1000;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;cursor:pointer;transition:all .2s ease;background:transparent;position:relative;border:none;padding:0;color:inherit;font-family:inherit}.dock-item:focus-visible{outline:2px solid #D4AF37;outline-offset:2px;background:#ffffff26}.dock-item:hover{background:#ffffff1a;transform:translateY(-2px)}.dock-item.active{background:#d4af3726}.dock-icon{font-size:1.4rem;opacity:.6;transition:opacity .2s,transform .2s}.dock-item.active .dock-icon{opacity:1;transform:scale(1.1)}.dock-item:hover .dock-icon{opacity:.9}.dock-label{font-size:.55rem;color:#ffffff80;margin-top:2px;text-transform:uppercase;letter-spacing:.3px;transition:color .2s}.dock-item.active .dock-label{color:#d4af37}.dock-item.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:#d4af37;border-radius:50%;box-shadow:0 0 8px #d4af37}@media(max-width:380px){.floating-dock{bottom:12px;padding:8px 12px;gap:4px}.dock-item{width:44px;height:44px}.dock-icon{font-size:1.2rem}.dock-label{font-size:.5rem}}.dock-minimize-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#3c3c46e6;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffb3;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.dock-minimize-btn:hover{background:#dc2626cc;color:#fff;transform:scale(1.1)}.floating-dock.with-toggle{padding-right:20px}.dock-expand-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:48px;height:48px;background:#14141ee6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(212,175,55,.3);border-radius:50%;color:#d4af37;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s;box-shadow:0 4px 20px #0006}.dock-expand-btn:hover{background:#d4af3733;transform:translate(-50%) scale(1.1)}.dock-expand-btn span{line-height:1}.cropper-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:99999;display:flex;justify-content:center;align-items:center;padding:1rem}.cropper-container{background:#1a1a2e;width:100%;max-width:500px;height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.cropper-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.1)}.cropper-header h3{margin:0;color:#fff}.cropper-area{position:relative;flex:1;background:#000}.cropper-controls{padding:1rem;background:#0f172a;display:flex;flex-direction:column;gap:1rem}.zoom-range{width:100%}.cropper-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.btn-save{background:#d4af37;border:none;color:#1a1a2e;padding:.5rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem}.add-child-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.add-child-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(212,175,55,.4);border-radius:24px;padding:2rem;max-width:420px;width:100%;position:relative;box-shadow:0 20px 50px #00000080;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.add-child-modal .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;cursor:pointer;transition:color .2s}.add-child-modal .close-btn:hover{color:#fff}.add-child-modal .modal-header{text-align:center;margin-bottom:1.5rem}.add-child-modal .modal-icon{font-size:3rem;display:block;margin-bottom:.5rem}.add-child-modal h2{color:#d4af37;margin:0 0 .5rem;font-size:1.5rem;font-family:Playfair Display,serif}.add-child-modal .modal-header p{color:#fff9;font-size:.9rem;margin:0}.add-child-modal .error-message{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem;text-align:center}.add-child-modal .form-group{margin-bottom:1.25rem}.add-child-modal label{display:flex;align-items:center;gap:.5rem;color:#d4af37;font-size:.9rem;margin-bottom:.5rem;font-weight:500}.add-child-modal input[type=text],.add-child-modal input[type=date]{width:100%;padding:.85rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s}.add-child-modal input:focus{outline:none;border-color:#d4af37;background:#ffffff1f}.add-child-modal input::placeholder{color:#fff6}.gender-options{display:flex;gap:.75rem}.gender-btn{flex:1;padding:.75rem 1rem;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.gender-btn:hover{background:#ffffff1f}.gender-btn.active{border-color:#d4af37;background:#d4af3726;color:#d4af37}.btn-cancel,.btn-submit{flex:1;padding:.9rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-cancel:hover{background:#ffffff26}.btn-submit{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;color:#1a1a2e}.btn-submit:hover{transform:scale(1.02);box-shadow:0 5px 20px #d4af374d}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.photo-upload-section{display:flex;justify-content:center;margin-bottom:1.5rem}.photo-preview{width:100px;height:100px;border-radius:50%;border:3px dashed rgba(212,175,55,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s;background:#ffffff0d}.photo-preview:hover{border-color:#d4af37;background:#d4af371a}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#d4af37b3}.photo-placeholder span{font-size:.75rem}.modal-overlay-glass{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.modal-content-glass{background:#14141efa;border:1px solid rgba(212,175,55,.3);border-radius:24px;padding:24px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s ease;color:#fff}.modal-content-glass::-webkit-scrollbar{width:6px}.modal-content-glass::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-content-glass::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:3px}@media(max-width:500px){.modal-content-glass{padding:20px 16px;border-radius:20px;max-height:85vh}}.modal-content-glass h2{color:#d4af37;margin-top:0;margin-bottom:24px;font-size:1.8rem;text-align:center}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#ffffffb3}.input-wrapper{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;gap:10px;transition:all .3s;width:100%;box-sizing:border-box}.input-wrapper:focus-within{border-color:#d4af37;background:#d4af370d;box-shadow:0 0 10px #d4af371a}.input-wrapper svg{color:#d4af37;opacity:.7;flex-shrink:0}.edit-form input,.edit-form textarea{width:100%;background:transparent;border:none;padding:8px 0;color:#fff;font-size:1rem;font-family:inherit;outline:none}.edit-form input:focus,.edit-form textarea:focus{outline:none}.edit-form textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;width:100%;resize:vertical;box-sizing:border-box;min-height:100px}.edit-form textarea:focus{border-color:#d4af37;background:#d4af370d}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1;min-width:0}@media(max-width:480px){.form-row{flex-direction:column;gap:15px}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}.btn-primary{background:#d4af37;color:#000;border:none;padding:10px 24px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{background:#e5bd47;transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.photo-upload-container{display:flex;justify-content:center;margin-bottom:20px}.profile-photo-preview{width:100px;height:100px;border-radius:50%;border:3px solid #D4AF37;position:relative;overflow:hidden;cursor:pointer;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder-icon{color:#ffffff80}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.7rem;text-align:center;padding:2px 0;opacity:0;transition:opacity .3s ease}.profile-photo-preview:hover .photo-overlay{opacity:1}.profile-photo-preview:hover{box-shadow:0 0 15px #d4af374d}.verification-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:5px}.verification-list::-webkit-scrollbar{width:6px}.verification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.verification-card{padding:15px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.verification-card:hover{background:#ffffff14}.verification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.requester-info{display:flex;align-items:center;gap:12px}.requester-avatar,.requester-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.requester-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#d4af3733;color:#d4af37;border:1px solid rgba(212,175,55,.4)}.requester-info h4{margin:0;font-size:.95rem;color:#fff}.verification-date{font-size:.75rem;color:#ffffff80}.status-badge{font-size:.7rem;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#ffeb3b26;color:gold;border:1px solid rgba(255,235,59,.3)}.status-badge.approved{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-badge.rejected{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.verification-body p{margin:0;font-size:.9rem;color:#ffffffe6;line-height:1.4}.verification-message{margin-top:8px;padding:8px 12px;background:#0003;border-radius:8px;font-style:italic;font-size:.85rem;color:#ffffffb3;border-left:2px solid rgba(255,255,255,.2)}.verification-actions{display:flex;gap:10px;margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.reject-btn,.approve-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;position:relative;z-index:10;touch-action:manipulation}.reject-btn{background:#f443361a;color:#ef5350;border:1px solid rgba(244,67,54,.2)}.reject-btn:hover{background:#f4433633}.approve-btn{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.4)}.approve-btn:hover{background:#4caf504d;color:#a5d6a7}.empty-verifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff6;text-align:center}.empty-icon{font-size:2rem;margin-bottom:10px;opacity:.5}.app-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff;overflow-x:hidden}.app-screen.active{display:block}.app-content{padding-bottom:100px}.app-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative}.user-badge{display:flex;align-items:center;gap:1rem;max-width:70%}.user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #D4AF37;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff1a;flex-shrink:0}.user-avatar-img{flex-shrink:0}.user-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.user-info h3{font-size:1rem;font-weight:600;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4e4ba}.user-info span{font-size:.8rem;opacity:.7;line-height:1.2;margin-top:2px}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.user-meta{display:flex;flex-direction:column;gap:2px}.user-role-badge{font-size:.65rem!important;background:#d4af3733;color:#d4af37!important;padding:2px 6px;border-radius:4px;border:1px solid rgba(212,175,55,.3);width:fit-content;opacity:1!important}.edit-profile-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-profile-btn:hover{background:#fff3}.logout-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:#ef444433;color:#fca5a5}.banner-section{padding:0 1rem}.family-banner{width:100%;height:200px;object-fit:cover;border-radius:20px;margin-bottom:1.5rem;border:2px solid rgba(212,175,55,.3)}.stats-section{padding:1rem;overflow-x:auto;scrollbar-width:none}.stats-section::-webkit-scrollbar{display:none}.stats-grid{display:flex;gap:1rem;min-width:max-content;padding:.5rem}.stat-card{background:#ffffff0d;border-radius:16px;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);min-width:100px;flex:1;position:relative;overflow:hidden;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px);border-color:#d4af374d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#D4AF37,transparent);opacity:.5}.stat-number{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem}.tree-section,.feed-section{padding:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title-small{font-family:Playfair Display,serif;font-size:1.3rem;color:#d4af37}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-card{background:#ffffff0d;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.action-card:hover{transform:translateY(-5px);border-color:#fff3}.action-card.tree{background:linear-gradient(135deg,#16a34a33,#15803d1a);border-color:#16a34a4d}.action-card.events{background:linear-gradient(135deg,#7c3aed33,#6d28d91a);border-color:#7c3aed4d}.action-card.feed{background:linear-gradient(135deg,#2563eb33,#1d4ed81a);border-color:#2563eb4d}.action-card.claim{background:linear-gradient(135deg,#d4af374d,#b8962e33);border:2px solid #D4AF37;position:relative;overflow:hidden;animation:pulseGlow 2s ease-in-out infinite}.action-card.claim:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(212,175,55,.3),transparent,transparent);animation:rotate 4s linear infinite}.action-card.claim:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#d4af374d,#1a1a2ef2);border-radius:18px;z-index:0}.action-card.claim .action-icon,.action-card.claim .action-label{position:relative;z-index:1}.action-card.claim .action-icon{animation:crownBounce 1.5s ease-in-out infinite}.action-card.claim .action-label{background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.action-card.claim:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #d4af3766}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #d4af374d}50%{box-shadow:0 0 40px #d4af3799}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.action-card.sports{background:linear-gradient(135deg,#f9731633,#ea580c1a);border-color:#f973164d}.action-card.register{background:linear-gradient(135deg,#d4af3733,#b4962e1a);border-color:#d4af374d}.action-card.claim{background:linear-gradient(135deg,#dc262633,#b91c1c1a);border-color:#dc26264d;grid-column:span 2}.action-icon{font-size:2.5rem}.action-label{font-size:.9rem;font-weight:500;color:#fff}.event-card{background:#ffffff0d;border-radius:16px;padding:1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.event-date{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border-radius:12px;padding:.8rem;text-align:center;min-width:55px}.event-day{font-size:1.5rem;font-weight:700}.event-month{font-size:.7rem;text-transform:uppercase}.event-info h4{font-size:.95rem;margin:0 0 .2rem}.event-info span{font-size:.8rem;opacity:.6}.unlinked-banner{margin:1rem;padding:1.2rem;background:linear-gradient(135deg,#d4af3733,#ffc8641a);border:2px solid #D4AF37;border-radius:16px;display:flex;align-items:center;gap:1rem;animation:pulseGlow 2s ease-in-out infinite}.unlinked-icon{font-size:2.5rem;animation:bounce 2s infinite}.unlinked-content h3{margin:0 0 .3rem;font-size:1.1rem;color:#d4af37}.unlinked-content p{margin:0;font-size:.85rem;opacity:.8;line-height:1.4}.unlinked-action{margin-left:auto;background:linear-gradient(135deg,#d4af37,#b8962e);border:none;color:#1a1a2e;padding:.8rem 1.2rem;border-radius:25px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .3s ease}.unlinked-action:hover{transform:scale(1.05);box-shadow:0 5px 20px #d4af3766}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:600px){.unlinked-banner{flex-direction:column;text-align:center}.unlinked-action{margin-left:0;margin-top:.5rem;width:100%}}.vertical-tree{padding:1rem;overflow-x:auto;min-height:60vh}.tree-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.tree-search{flex:1;min-width:200px;padding:.8rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#fff;font-size:.9rem;outline:none;transition:all .3s}.tree-search:focus{border-color:#d4af37;background:#ffffff1f}.tree-actions{display:flex;gap:.5rem}.action-btn{padding:.6rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .3s}.action-btn:hover{background:#d4af3733;border-color:#d4af37;color:#d4af37}.tree-section{margin-bottom:2rem}.section-label{text-align:center;color:#d4af37;font-size:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.member-count{font-size:.8rem;color:#ffffff80;font-weight:400}.tree-level{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.tree-level.parents{gap:0;align-items:center}.tree-level.children{gap:.8rem;justify-content:flex-start}.tree-connector{background:linear-gradient(to bottom,#d4af37,#d4af374d)}.tree-connector.horizontal{width:60px;height:3px;background:linear-gradient(to right,#d4af37,#d4af3780,#d4af37)}.tree-connector.vertical{width:3px;height:40px;margin:0 auto}.tree-node{display:flex;flex-direction:column;align-items:center;padding:.8rem;border-radius:16px;background:#ffffff0d;border:2px solid #D4AF37;transition:all .3s ease;cursor:pointer;min-width:80px;position:relative}.tree-node:hover{transform:translateY(-4px);box-shadow:0 8px 25px #d4af374d;background:#ffffff14}.tree-node.patriarch{background:linear-gradient(145deg,#d4af371a,#0003)}.tree-node.level-0{border-width:3px}.tree-node.level-1{border-width:2px;opacity:.95}.tree-node.level-2{border-width:1px;opacity:.9}.node-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#0000004d;border:2px solid #D4AF37;margin-bottom:.5rem;overflow:hidden}.node-avatar img,.node-photo{width:100%;height:100%;object-fit:cover;object-position:center}.node-info{display:flex;flex-direction:column;align-items:center;gap:.2rem}.node-name{font-size:.85rem;color:#f4e4ba;font-weight:600;text-align:center}.node-year{font-size:.7rem;color:#ffffff80}.node-relation{font-size:.65rem;color:#d4af37;text-transform:uppercase;letter-spacing:.5px}.expand-btn{position:absolute;bottom:-12px;right:-12px;width:24px;height:24px;border-radius:50%;background:#d4af37;border:none;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.expand-btn:hover{transform:scale(1.2);box-shadow:0 2px 10px #d4af3780}.expand-btn.expanded{background:#fff3;color:#d4af37}.member-branch{display:flex;flex-direction:column;align-items:center}.children-container{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.connector-line{width:2px;height:20px;background:#d4af37;margin-bottom:.5rem}.children-list{display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.tree-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff9}.legend-item .dot{width:10px;height:10px;border-radius:50%}@media(max-width:600px){.tree-controls{flex-direction:column}.tree-search{width:100%}.children-list{flex-direction:column}.tree-level.children{flex-direction:column;align-items:center}}.horizontal-tree{display:flex;gap:1rem;overflow-x:auto;padding:2rem 1rem;min-height:500px}.tree-column{min-width:200px;flex-shrink:0}.column-label{font-family:Dancing Script,cursive;font-size:1.2rem;color:#d4af37;text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(212,175,55,.3)}.patriarch-pair{display:flex;flex-direction:column;align-items:center;gap:.5rem}.siblings-column{min-width:250px}.siblings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.descendants-list{display:flex;flex-direction:column;gap:.8rem}.empty-message{text-align:center;color:#fff6;font-style:italic;padding:2rem}.tree-node{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;z-index:10}.tree-node:hover{transform:translateY(-3px);border-color:#d4af3780}.tree-node.patriarch{background:linear-gradient(135deg,#d4af3733,#b4962e1a);border-color:#d4af37}.tree-node.sibling{padding:.8rem}.tree-node.descendant{flex-direction:row;gap:.8rem;padding:.8rem}.node-avatar{width:50px;height:50px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.5rem;border:3px solid #D4AF37;overflow:hidden;position:relative}.node-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.node-avatar.large{width:70px;height:70px;font-size:2rem}.node-avatar.small{width:40px;height:40px;font-size:1.2rem;margin-bottom:0;border-color:#ffffff4d}.node-name{font-weight:600;font-size:.85rem;text-align:center}.node-info{display:flex;flex-direction:column}.node-relation{font-size:.7rem;color:#ffffff80}.connector-column{display:flex;align-items:center;justify-content:center}.connector{background:linear-gradient(90deg,#d4af37,#d4af374d)}.connector.horizontal{width:30px;height:3px}.connector.vertical{width:3px;height:100%;background:linear-gradient(180deg,#d4af37,#d4af3733)}.connector.vertical.long{min-height:300px}.radial-stats-container{padding:1rem;min-height:70vh;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);border-radius:20px}.stats-header{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem .5rem;text-align:center}.stat-card.total{background:#d4af371a;border-color:#d4af374d}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#d4af37}.stat-label{font-size:.7rem;color:#fff9;text-transform:uppercase}.chart-section{margin-bottom:1.5rem}.chart-section h3{color:#fff;font-size:1rem;margin-bottom:1rem}.branch-chart{display:flex;flex-direction:column;gap:.5rem}.chart-bar-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.chart-bar-row:hover,.chart-bar-row.selected{background:#ffffff1a}.bar-label{width:80px;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-container{flex:1;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden}.bar-fill{height:100%;border-radius:12px;transition:width .5s ease}.bar-value{width:40px;text-align:right;font-size:.9rem;font-weight:700;color:#d4af37}.members-section h3{color:#fff;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.member-count{font-weight:400;color:#ffffff80}.clear-filter{margin-left:auto;background:#f003;border:none;color:#ff6b6b;padding:.3rem .6rem;border-radius:20px;font-size:.75rem;cursor:pointer}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.member-chip{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;background:#ffffff0d;border:2px solid #D4AF37;border-radius:12px;cursor:pointer;transition:all .2s}.member-chip:hover{background:#ffffff1a;transform:scale(1.05)}.member-chip img{width:48px;height:48px;border-radius:50%;object-fit:cover}.chip-initial{width:48px;height:48px;border-radius:50%;background:#d4af3733;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#d4af37}.chip-name{font-size:.75rem;color:#fff;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-badge{display:flex;align-items:center;justify-content:center;background:#d4af3733;border:2px dashed rgba(212,175,55,.5);border-radius:12px;color:#d4af37;font-weight:600;min-height:100px}.stats-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;color:#ffffff80;font-size:.75rem}@media(max-width:600px){.stats-header{grid-template-columns:repeat(3,1fr)}.stat-card.total{grid-column:span 3}.stat-value{font-size:1.4rem}.bar-label{width:60px;font-size:.7rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.stats-legend{flex-direction:column;align-items:center;gap:.5rem}}.tree-3d-container{width:100%;height:70vh;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);border-radius:20px;overflow:hidden;position:relative;perspective:1200px;-webkit-user-select:none;user-select:none}.tree-3d-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-3d-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;transform-style:preserve-3d}.tree-3d-scene:active{cursor:grabbing}.tree-3d-world{position:relative;width:0;height:0;transform-style:preserve-3d;transition:none;will-change:transform}.tree-3d-world.smooth-reset{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.tree-3d-container:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(1px 1px at 10% 10%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(1px 1px at 20% 20%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(2px 2px at 30% 30%,rgba(255,255,255,.2) 1px,transparent 0),radial-gradient(1px 1px at 40% 40%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(2px 2px at 60% 60%,rgba(255,255,255,.2) 1px,transparent 0),radial-gradient(1px 1px at 70% 70%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(1px 1px at 80% 80%,rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(1px 1px at 90% 90%,rgba(255,255,255,.3) 1px,transparent 0);background-size:550px 550px;opacity:.5;animation:stars-move 100s linear infinite;pointer-events:none;z-index:0}@keyframes stars-move{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}.tree-3d-line{position:absolute;height:3px;transform-origin:0 50%;opacity:.8;border-radius:2px;box-shadow:0 0 12px currentColor,0 0 4px currentColor;pointer-events:none;z-index:1;transform-style:preserve-3d;overflow:hidden}.tree-3d-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-100%);animation:flowPulse 4s infinite cubic-bezier(.4,0,.2,1)}@keyframes flowPulse{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}.generation-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.05);border-radius:50%;pointer-events:none;z-index:0}.tree-3d-connections{position:absolute;width:800px;height:800px;left:-400px;top:-400px;pointer-events:none;z-index:1}.tree-3d-connections line{transition:stroke-opacity .3s}.tree-3d-center{position:absolute;transform:translate(-50%,-50%) translateZ(80px);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;z-index:5}.center-orb{position:absolute;width:100px;height:100px;background:radial-gradient(circle at 30% 30%,rgba(212,175,55,.3),transparent 60%);border-radius:50%;animation:pulse-orb 3s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}.tree-3d-center span{font-size:2.5rem;text-shadow:0 4px 20px rgba(0,0,0,.5);z-index:2}.tree-3d-center small{color:#d4af37;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.tree-3d-node{position:absolute;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .3s ease,opacity .3s ease,filter .3s ease;z-index:10}.tree-3d-node.dimmed{opacity:.15;filter:grayscale(80%);z-index:5}.tree-3d-node.highlighted{opacity:1;z-index:200}.tree-3d-line{transition:opacity .3s ease}.tree-3d-line.dimmed{opacity:.1}.tree-3d-line.highlighted{opacity:1;z-index:50;box-shadow:0 0 15px currentColor}.tree-3d-node:hover .node-avatar,.tree-3d-node.highlighted .node-avatar{transform:scale(1.2);border-color:#fff!important;box-shadow:0 0 25px var(--node-color, #D4AF37)}.node-connector{position:absolute;width:8px;height:8px;background:var(--node-color, #D4AF37);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--node-color, #D4AF37);z-index:-1}.node-avatar{width:50px;height:50px;border-radius:50%;border:3px solid var(--node-color, #D4AF37);background:#1a1a2e;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006,0 0 15px #d4af3726;transition:all .3s ease}.node-avatar img{width:100%;height:100%;object-fit:cover}.node-initial{color:#fff;font-size:1.2rem;font-weight:700}.node-name{color:#f4e4ba;font-size:.7rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;background:#0009;padding:2px 8px;border-radius:10px}.tree-search-input{background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;width:140px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;transition:width .3s ease,border-color .3s ease}.tree-search-input:focus{width:180px;border-color:#d4af37;background:#000c;box-shadow:0 0 10px #d4af3733}.tree-search-input::placeholder{color:#f4e4ba80}.branch-filter{background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;min-width:130px}.zoom-controls{display:flex;background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);border-radius:50px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-controls button{background:transparent;border:none;color:#f4e4ba;width:32px;height:32px;font-size:1.2rem;cursor:pointer;transition:all .2s}.zoom-controls button:hover{background:#d4af374d}.zoom-controls button:first-child{border-right:1px solid rgba(212,175,55,.3)}.reset-camera-btn{background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;width:38px;height:38px;border-radius:50%;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;display:flex;align-items:center;justify-content:center}.tree-3d-overlay{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;padding:.5rem 1.5rem;border-radius:50px;pointer-events:none;z-index:10;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.tree-stats{color:#d4af37;font-weight:600;font-size:.8rem}.tree-3d-overlay p{margin:0;font-size:.75rem;color:#ffffffb3;white-space:nowrap}@media(max-width:480px){.tree-3d-container{height:60vh}.node-avatar{width:40px;height:40px}.node-name{font-size:.6rem}.branch-filter{min-width:100px;font-size:.75rem;padding:.4rem .8rem}.tree-3d-overlay{flex-direction:column;gap:.3rem;padding:.4rem 1rem}.tree-3d-overlay p{font-size:.65rem}.zoom-controls{display:none}}.patriarch-popup{position:absolute;top:-160px;left:50%;transform:translate(-50%);width:200px;padding:1rem;background:#0a0a0ff2;border:1px solid rgba(212,175,55,.5);border-radius:16px;z-index:1000;pointer-events:auto;animation:fadeUp .3s ease}.patriarch-popup h4{margin:0 0 .8rem;font-size:.9rem;color:#f4e4ba;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.patriarch-item{display:flex;align-items:center;gap:.8rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s}.patriarch-item:hover{background:#ffffff1a}.patriarch-item span{font-size:.9rem!important;text-shadow:none!important;color:#fff}.p-avatar{width:32px;height:32px;border-radius:50%;background:#2a2a3e;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #D4AF37}.p-avatar img{width:100%;height:100%;object-fit:cover}.p-avatar .text-sm{font-size:.8rem;color:#fff}.tree-branch-label{position:absolute;transform-style:preserve-3d;background:#0006;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:5;backface-visibility:hidden;transition:opacity .3s}.glass-panel{background:#0a0a0fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.divider{width:1px;height:60%;background:#fff3}.tool-btn{background:transparent;border:none;color:#ffffffb3;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tool-btn:hover{background:#ffffff1a;color:#fff}.tool-btn.active{background:#d4af3733;color:#d4af37;border:1px solid rgba(212,175,55,.3)}.node-shadow{position:absolute;bottom:-60px;width:60px;height:60px;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,transparent 70%);transform:rotateX(90deg);pointer-events:none;z-index:-1;opacity:.6}.floating-bottom-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100;pointer-events:auto}.branch-chips{display:flex;gap:6px;padding:6px 10px;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.1);overflow-x:auto;max-width:90vw;scrollbar-width:none}.branch-chips::-webkit-scrollbar{display:none}.branch-chip{padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.branch-chip:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.branch-chip.active{background:var(--chip-color, #D4AF37);border-color:var(--chip-color, #D4AF37);color:#000;font-weight:600}.branch-chip.more{background:#d4af3733;border-color:#d4af3766;color:#d4af37}.main-controls{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006}.control-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff14;color:#fffc;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.zoom-indicator{padding:0 12px;font-size:.8rem;font-weight:600;color:#d4af37;min-width:50px;text-align:center}.toolbar-stats{font-size:.75rem;color:#ffffff80;background:#00000080;padding:4px 12px;border-radius:12px}.branch-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center}.branch-menu{background:#1a1a2ef2;border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:20px;max-width:90vw;max-height:70vh;overflow-y:auto}.branch-menu h4{margin:0 0 15px;color:#d4af37;font-size:1rem;text-align:center}.branch-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.branch-menu-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.branch-menu-item:hover{background:#ffffff1a}.branch-menu-item.active{background:#d4af3733;border-color:#d4af37}.branch-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}@media(max-width:480px){.floating-bottom-toolbar{bottom:10px;width:95%}.branch-chips{padding:4px 8px}.branch-chip{padding:5px 10px;font-size:.7rem}.main-controls{padding:6px 10px}.control-btn{width:36px;height:36px;font-size:1rem}.zoom-indicator{font-size:.7rem;min-width:40px;padding:0 8px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}.modal-content{background:linear-gradient(145deg,#1a1a2e,#0d0d14);border:1px solid rgba(212,175,55,.3);border-radius:24px;max-width:400px;width:100%;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.modal-close:hover{background:#dc26264d;border-color:#f87171}.modal-header{padding:2rem 1.5rem;text-align:center;border-bottom:3px solid #D4AF37;background:#d4af370d}.member-photo-large{width:100px;height:100px;border-radius:50%;background:#0000004d;border:3px solid #D4AF37;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden}.member-photo-large img{width:100%;height:100%;object-fit:cover}.modal-header h2{margin:0 0 .5rem;color:#f4e4ba;font-family:Playfair Display,serif;font-size:1.5rem}.member-relation-badge{display:inline-block;padding:.3rem 1rem;background:#d4af3733;border:1px solid rgba(212,175,55,.4);border-radius:50px;color:#d4af37;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.modal-body{padding:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.info-row .label{color:#fff9;font-size:.85rem}.info-row .value{color:#fff;font-weight:500;text-align:right}.member-bio{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.member-bio h3{margin:0 0 .5rem;font-size:.9rem;color:#d4af37}.member-bio p{margin:0;color:#fffc;font-size:.9rem;line-height:1.6}.skills-section{margin-top:1rem}.skills-section h3{margin:0 0 .5rem;font-size:.9rem;color:#d4af37}.skill-badge{padding:.3rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#fffc;font-size:.75rem}.patriarch-indicator{margin-top:1rem;padding:.8rem;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:12px;text-align:center;color:#d4af37;font-size:.9rem}.info-section{margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.info-section h4{margin:0 0 .8rem;font-size:.9rem;color:#d4af37;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.contact-links{display:flex;flex-direction:column;gap:.8rem}.contact-link{display:flex;align-items:center;gap:.8rem;color:#ffffffe6;text-decoration:none;padding:.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s;font-size:.95rem}.contact-link:hover{background:#d4af371a;border-color:#d4af374d;transform:translate(5px)}.contact-link.whatsapp{border-color:#25d3664d}.contact-link.whatsapp:hover{background:#25d3661a}.skill-badge{padding:.4rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#ffffffe6;font-size:.8rem}.tree-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff;padding-bottom:100px}.tree-screen.loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.subtle-loader{font-size:.9rem;color:#fff9;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease}.subtle-loader:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}.tree-header{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;position:relative}.tree-header .back-btn{position:absolute;top:1rem;left:1rem;z-index:10;background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tree-title{font-family:Playfair Display,serif;font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;padding-top:2rem}.view-toggles{display:flex;gap:.3rem;background:#ffffff0d;padding:.3rem;border-radius:50px;margin-bottom:.5rem}.toggle-btn{background:transparent;border:none;color:#ffffff80;padding:.8rem 1.2rem;border-radius:50px;font-size:.95rem;cursor:pointer;transition:all .3s ease;min-width:80px}.toggle-btn:hover{color:#fff}.toggle-btn.active{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;font-weight:600}.tree-content{padding:1rem;overflow-x:auto;min-height:60vh;display:flex;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem;background:#ffffff0d;border-radius:20px;border:1px dashed rgba(255,255,255,.2);margin-top:2rem;max-width:300px}.empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-state h3{margin:0;color:#f4e4ba}.empty-state p{font-size:.9rem;color:#fff9;margin:0}.empty-action{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;padding:.8rem 1.5rem;border-radius:50px;color:#1a1a2e;font-weight:600;cursor:pointer;margin-top:.5rem;transition:transform .2s}.empty-action:hover{transform:scale(1.05)}.tree-label-3d{pointer-events:none;transition:all .2s ease;opacity:0;transform:scale(.8)}.tree-label-3d.visible{opacity:1;transform:scale(1)}.label-content{background:#0a0a0fcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.3rem .6rem;border-radius:8px;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;font-size:.8rem;white-space:nowrap;text-align:center}.tree-3d-overlay{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#00000080;padding:.5rem 1rem;border-radius:50px;pointer-events:none;z-index:10}.tree-3d-overlay p{margin:0;font-size:.8rem;color:#ffffffb3}.node-3d-card{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:transform .2s}.node-3d-card:hover{transform:scale(1.1);z-index:1000}.node-3d-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #D4AF37;overflow:hidden;background:#1a1a2e;box-shadow:0 4px 15px #00000080;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.node-3d-avatar img{width:100%;height:100%;object-fit:cover}.node-3d-name{background:#0a0a0fe6;padding:4px 10px;border-radius:12px;font-size:.85rem;color:#fff;font-weight:500;white-space:nowrap;border:1px solid rgba(255,255,255,.1);text-shadow:0 1px 3px black}.tree-3d-controls{position:absolute;top:1rem;right:1rem;z-index:20;display:flex;gap:.5rem;align-items:center}.branch-filter{background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;min-width:150px}.branch-filter:focus{border-color:#d4af37}.branch-filter option{background:#1a1a2e;color:#fff}.reset-camera-btn{background:#0a0a0fe6;border:1px solid rgba(212,175,55,.5);color:#f4e4ba;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;display:flex;align-items:center;justify-content:center}.reset-camera-btn:hover{background:#d4af374d;border-color:#d4af37;transform:scale(1.1)}.global-search-container{position:relative;width:300px;z-index:1000;margin-top:1rem;transition:width .3s ease}.global-search-container.expanded{width:400px}.search-bar{display:flex;align-items:center;background:#ffffff14;padding:.6rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.search-bar:focus-within{background:#0009;border-color:#d4af37;box-shadow:0 0 15px #d4af3733}.search-icon{color:#ffffff80;margin-right:.8rem;cursor:pointer}.search-bar input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.95rem}.search-bar input::placeholder{color:#fff6}.clear-search{background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;align-items:center;padding:2px}.clear-search:hover{color:#fff}.search-results-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:.5rem;background:#0f0f16f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-height:400px;overflow-y:auto;box-shadow:0 10px 30px #00000080;animation:slideDown .2s ease}.search-result-item{display:flex;align-items:center;padding:.8rem 1rem;gap:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#d4af3726}.result-avatar{width:40px;height:40px;border-radius:50%;background:#2a2a3e;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #D4AF37;flex-shrink:0}.result-avatar img{width:100%;height:100%;object-fit:cover}.result-avatar span{color:#fff;font-weight:700}.result-info{display:flex;flex-direction:column}.result-name{color:#fff;font-weight:500;font-size:.95rem}.result-relation{color:#f4e4ba;font-size:.75rem;text-transform:capitalize}.no-results{padding:1.5rem;text-align:center;color:#ffffff80;font-style:italic}@media(max-width:480px){.global-search-container{width:100%;margin-top:.5rem}.global-search-container.expanded{width:100%}}:root{--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--neon-gold: #D4AF37}.events-screen{min-height:100vh;background:#050510;color:#fff;padding-bottom:90px;overflow-x:hidden}.events-screen.loading{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.events-header-premium{position:relative;padding:2rem 1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden}.header-bg-anim{position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(212,175,55,.2),transparent 70%);animation:pulseGlow 5s infinite alternate;z-index:0}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.header-content{position:relative;z-index:1}.events-header-premium h1{font-family:Playfair Display,serif;font-size:2.5rem;background:linear-gradient(135deg,gold,#fdb931,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.subtitle-glow{color:#fff9;text-transform:uppercase;letter-spacing:3px;font-size:.8rem;margin-bottom:1.5rem}.back-btn-glass{position:absolute;top:1.5rem;left:1.5rem;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.countdown-card.glass-panel{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;margin:0 auto;max-width:360px}.countdown-icon{background:#d4af371a;padding:.8rem;border-radius:50%;color:var(--neon-gold)}.countdown-info{flex:1;text-align:left}.countdown-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase}.countdown-name{display:block;font-weight:600;color:#fff}.countdown-timer{display:flex;gap:.5rem}.time-block{text-align:center}.time-block .number{font-size:1.5rem;font-weight:800;color:var(--neon-gold);text-shadow:0 0 15px rgba(212,175,55,.3)}.time-block .label{font-size:.6rem;color:#fff6;text-transform:uppercase}.separator{font-size:1.5rem;color:#fff3}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:20px}.events-content{padding:1rem}.intro-card{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:2rem}.intro-icon{background:#d4af371a;padding:.8rem;border-radius:50%}.intro-text h3{margin:0;color:#fff}.intro-text p{margin:0;font-size:.85rem;color:#aaa}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:5px}.tab-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#888;padding:.5rem 1rem;border-radius:50px;cursor:pointer;white-space:nowrap;transition:all .3s}.tab-btn.active{background:#d4af3733;color:var(--neon-gold);border-color:var(--neon-gold)}.empty-state{text-align:center;padding:3rem 2rem;color:#ffffff80}.empty-state svg{margin-bottom:1rem;color:var(--neon-gold)}.empty-state h3{margin:0 0 .5rem;color:#fff}.events-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.event-card-premium{padding:1.5rem;position:relative;overflow:hidden;transition:all .4s ease;animation:fadeUp .6s ease backwards;display:flex;flex-direction:column;gap:1rem}.event-card-premium:hover{transform:translateY(-5px) scale(1.02);border-color:#d4af3766;box-shadow:0 10px 40px #00000080}.event-card-premium.today{border-color:#34d399;box-shadow:0 0 20px #34d39933}.card-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skew(-20deg);transition:.5s}.event-card-premium:hover .card-shine{left:150%;transition:.7s}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:.8rem 1rem;width:fit-content}.event-date-badge .day{font-size:1.8rem;font-weight:800;color:var(--neon-gold)}.event-date-badge .month{text-transform:uppercase}.event-avatar-container{display:flex;justify-content:center;margin:1rem 0;transition:transform .3s ease}.event-card-premium:hover .event-avatar-container{transform:scale(1.1)}.event-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #D4AF37;box-shadow:0 5px 15px #00000080;background:#000}.event-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#ffffff4d;border:3px solid rgba(255,255,255,.1);box-shadow:0 5px 15px #0000004d}.event-info h3{margin:0;font-size:1.2rem;color:#fff}.event-age{color:#fff9;font-size:.85rem;margin:.3rem 0}.status-badge-pulse{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:50px;font-size:.75rem;background:#ffffff1a;color:#ccc;width:fit-content}.status-badge-pulse.today{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3);animation:pulseGreen 2s infinite}.status-badge-pulse.soon{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.action-btn-glow{width:100%;padding:.8rem;border:none;border-radius:12px;background:linear-gradient(135deg,#eee,#ccc);color:#000;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.event-card-premium:hover .action-btn-glow{background:linear-gradient(135deg,#d4af37,#b8962e);box-shadow:0 0 15px #d4af3766;color:#fff}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#14141ef2;border:1px solid var(--neon-gold);color:#fff;padding:1rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.8rem;z-index:1000;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.toast-notification.show{transform:translate(-50%) translateY(0);opacity:1}.app-nav-glass{position:fixed;bottom:20px;left:20px;right:20px;background:#14141ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;padding:1rem;z-index:100;box-shadow:0 10px 40px #00000080}.nav-item{position:relative;cursor:pointer;opacity:.5;transition:.3s}.active-indicator{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:20px;height:4px;background:var(--neon-gold);border-radius:10px 10px 0 0;box-shadow:0 -5px 10px var(--neon-gold)}@media(max-width:768px){.events-header-premium h1{font-size:1.8rem}.events-grid-premium{grid-template-columns:1fr}.countdown-card.glass-panel{flex-direction:column;text-align:center}.countdown-info{text-align:center}}.view-switcher-container{display:flex;justify-content:center;margin-bottom:2rem}.view-switcher{display:inline-flex;padding:.4rem;gap:.5rem}.view-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:12px;background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;font-size:.9rem}.view-btn:hover{color:#fff;background:#ffffff0d}.view-btn.active{background:#d4af3733;color:#d4af37;font-weight:600;box-shadow:0 0 15px #d4af371a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 .5rem}.month-title{font-size:1.5rem;color:#f4e4ba;text-transform:capitalize;margin:0}.cal-nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cal-nav-btn:hover{background:#d4af3733;border-color:#d4af37}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:1.5rem;text-align:center}.cal-header-cell{color:#fff6;font-size:.8rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s;border:1px solid transparent;position:relative;background:#ffffff05}.cal-cell:hover{background:#ffffff1a;transform:translateY(-2px)}.cal-cell.today{background:#d4af3726;color:#d4af37;border-color:#d4af374d}.cal-cell.selected{background:#d4af37;color:#000;font-weight:800;box-shadow:0 0 20px #d4af3766;transform:scale(1.05);z-index:2}.cal-cell.empty{background:transparent;pointer-events:none}.day-dots{display:flex;gap:3px;position:absolute;bottom:6px}.dot{width:5px;height:5px;border-radius:50%}.dot.birthday{background:#ff4081;box-shadow:0 0 5px #ff408199}.dot.manual{background:#00e5ff;box-shadow:0 0 5px #00e5ff99}.cal-cell.selected .dot.birthday{background:#b0003a}.cal-cell.selected .dot.manual{background:#007bb0}.selected-date-events{margin-top:2rem;animation:fadeUp .5s ease}.selected-date-events h3{margin-bottom:1.5rem;color:#fffc;font-size:1.2rem;padding-left:.5rem;border-left:3px solid #D4AF37}.no-events-text{text-align:center;color:#ffffff4d;padding:2rem;background:#ffffff05;border-radius:12px}.fade-in{animation:fadein .5s ease}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.confirm-dialog{background:#14141efa;border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:2rem;max-width:320px;width:90%;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-title{margin:0 0 .5rem;font-family:Playfair Display,serif;font-size:1.3rem;color:#d4af37;text-align:center}.confirm-message{margin:0 0 1.5rem;color:#fffc;text-align:center;font-size:.95rem;line-height:1.5}.confirm-actions{display:flex;gap:.8rem}.confirm-btn{flex:1;padding:.8rem;border-radius:50px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn.cancel{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.confirm-btn.cancel:hover{background:#fff3}.confirm-btn.accept{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e}.confirm-btn.accept:hover{transform:translateY(-1px);box-shadow:0 4px 15px #d4af3766}:root{--feed-glass-bg: rgba(255, 255, 255, .05);--feed-glass-border: rgba(255, 255, 255, .1);--feed-neon-gold: #D4AF37}.feed-screen{min-height:100vh;background:#050510;color:#fff;padding-bottom:90px;overflow-x:hidden;font-family:Inter,sans-serif}.feed-header{position:relative;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:1rem;overflow:hidden}.feed-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -50%,rgba(212,175,55,.15),transparent 70%);z-index:0}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.feed-title{margin:0;font-family:Playfair Display,serif;font-size:1.4rem;background:linear-gradient(135deg,gold,#fdb931,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;z-index:1}.feed-content{padding:1rem;max-width:600px;margin:0 auto}.loading-spinner{font-size:3rem;animation:bounce 1s infinite;margin-bottom:1rem}.create-post-card{background:#ffffff0d;border-radius:16px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.post-input,.comment-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;resize:none;min-height:80px;font-family:inherit;margin-bottom:.5rem;transition:all .3s ease}.post-input:focus,.comment-input:focus{outline:none;background:#ffffff1a;border-color:#d4af37}.comment-input{min-height:50px}.post-toolbar{display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;gap:10px;align-items:center}.icon-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s}.icon-btn:hover{background:#ffffff1a}.image-preview-container{position:relative;margin-bottom:10px;border-radius:12px;overflow:hidden;max-height:200px}.image-preview{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.post-btn{background:#d4af37;color:#000;border:none;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.post-btn:disabled{opacity:.5;cursor:not-allowed}.post-card{background:#ffffff0d;border-radius:16px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);transition:transform .2s}.post-card:active{transform:scale(.98)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:.8rem}.post-header-left{display:flex;align-items:center;gap:10px}.delete-post-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;flex-shrink:0}.delete-post-btn:hover{color:#ef4444;background:#ef44441a}.post-avatar{width:40px;height:40px;border-radius:50%;background:#d4af3733;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid #D4AF37;overflow:hidden}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-author-info{display:flex;flex-direction:column}.post-author{font-weight:700;color:#fff}.post-time{font-size:.8rem;color:#888}.post-content{margin:0 0 1rem;line-height:1.5;color:#ddd}.post-image{width:100%;border-radius:12px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.post-actions{display:flex;gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:.8rem}.action-btn{background:none;border:none;color:#aaa;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .2s}.action-btn:hover{color:#d4af37}.empty-feed{text-align:center;padding:3rem;color:#666}.comments-section{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:10px}.comments-list{max-height:150px;overflow-y:auto;margin-bottom:10px}.comment{font-size:.85rem;margin-bottom:8px;padding:8px 12px;background:#ffffff08;border-radius:10px}.comment-author{font-weight:700;color:#d4af37;margin-right:8px}.comment-text{color:#ccc}.no-comments{color:#666;font-size:.8rem;text-align:center;font-style:italic}.comment-input-wrapper{margin-top:8px}.comment-input{min-height:40px;font-size:.85rem}.app-nav{position:fixed;bottom:20px;left:20px;right:20px;background:#14141ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;padding:1rem;z-index:100;box-shadow:0 10px 40px #00000080}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;opacity:.5;transition:all .3s;font-size:.7rem;color:#fff}.nav-item.active{opacity:1;transform:translateY(-2px)}.nav-item.active:after{content:"";position:absolute;bottom:-8px;width:20px;height:4px;background:#d4af37;border-radius:10px 10px 0 0;box-shadow:0 -5px 10px #d4af37}.nav-item:hover{opacity:.8}.register-screen{min-height:100vh;background:var(--gradient-dark);color:#fff;padding-bottom:120px;overflow-x:hidden}.form-group input,.form-group select,.form-group textarea{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:.9rem 1rem;color:#fff;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4af3733;background:#ffffff1a}.submit-btn{background:var(--gradient-gold);color:#1a1a2e;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #d4af374d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780}.register-header{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative}.register-header .back-btn{position:absolute;top:1rem;left:1rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;cursor:pointer;transition:all .3s ease;z-index:10}.register-header .back-btn:hover{background:#fff3}.register-title{font-family:Playfair Display,serif;font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;padding-top:2.5rem}.register-form{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;color:#ffffffb3;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.9rem 1rem;color:#fff;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.color-picker{display:flex;flex-wrap:wrap;gap:.8rem}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.color-option:hover{transform:scale(1.15)}.color-option.selected{border-color:#fff;box-shadow:0 0 15px currentColor;transform:scale(1.1)}.submit-btn{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 10px 30px #d4af3766}.form-message{text-align:center;padding:1rem;border-radius:12px;background:#ffffff0d}.roots-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.roots-svg{width:100%;height:100%;transform:scaleX(1.2);transform-origin:bottom center}.root-path{stroke-dasharray:100;stroke-dashoffset:100;animation:grow 4s ease-out forwards;filter:drop-shadow(0 0 2px rgba(212,175,55,.3))}@keyframes grow{to{stroke-dashoffset:0}}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite;text-decoration:none}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.login-screen{min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a1a2e,#0a0a0f);color:#fff;position:relative;overflow-y:auto;padding:2rem 1rem}@media(max-height:750px){.login-screen{justify-content:space-evenly;padding:.5rem}.login-card{padding:1rem 1.5rem;margin:0;width:100%;border:none;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{margin-bottom:.5rem}.login-logo{width:50px;height:50px;margin-bottom:.5rem}.login-card h1{font-size:1.5rem;margin-bottom:.2rem}.login-subtitle{font-size:.8rem;margin-bottom:1rem;line-height:1.3}.auth-container{gap:.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.google-btn-wrapper,.facebook-login-btn,.email-auth-btn{margin-top:0!important;transform:scale(.9)}.auth-divider{margin:.5rem 0}.public-utilities{margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);width:100%}.public-utilities p{margin-bottom:.5rem}.utilities-buttons{gap:.5rem}.utility-mini-btn span:first-child{font-size:1.2rem}.utility-mini-btn{padding:.5rem 1rem}.login-footer{margin-top:1rem;font-size:.7rem}}.login-particles{position:absolute;inset:0;background-image:radial-gradient(rgba(212,175,55,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.2;z-index:0}.login-card{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:3rem 2rem;border-radius:24px;text-align:center;border:1px solid rgba(212,175,55,.1);box-shadow:0 20px 50px #00000080;width:90%;max-width:420px;z-index:1;animation:fadeUp .8s ease-out;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.app-title-shiny{font-size:2.5rem;font-weight:700;margin:.5rem 0 0 orm.25rem 0;font-family:Playfair Display,serif;text-shadow:0 2px 10px rgba(0,0,0,.5);display:block}.app-slogan-blur{font-family:Inter,sans-serif;color:#ffffffb3;font-size:.95rem;margin-bottom:2.5rem;font-style:italic;line-height:1.5;min-height:1.5em}.auth-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.google-btn-wrapper{position:relative;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease}.google-btn-wrapper:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.login-logo path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s ease-out forwards,fill 1s ease-out 3s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fill{0%{fill:transparent}to{fill:#d4af371a}}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;background:#fff;color:#333;padding:.8rem;border-radius:50px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;position:relative;overflow:hidden}.google-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3;background:#f8f9fa}.google-btn:active{transform:translateY(0)}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.8rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-footer{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem;font-size:.8rem;color:#ffffff4d}.login-footer a{color:#fff6;text-decoration:none;transition:color .3s}.login-footer a:hover{color:#d4af37}.login-loader{color:#d4af37;font-size:.9rem;margin-top:1rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.public-utilities{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.public-utilities p{font-size:.8rem;color:#fff6;margin-bottom:1rem}.utilities-buttons{display:flex;justify-content:center;gap:1rem}.utility-mini-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s;color:#ffffffb3}.utility-mini-btn span:first-child{font-size:1.5rem}.utility-mini-btn span:last-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.utility-mini-btn:hover{background:#d4af371a;border-color:#d4af374d;color:#d4af37;transform:translateY(-2px)}.facebook-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:250px;padding:.7rem 1rem;background:#1877f2;color:#fff;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.facebook-login-btn svg{width:20px;height:20px}.facebook-login-btn:hover:not(:disabled){background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 15px #1877f266}.facebook-login-btn:disabled{opacity:.6;cursor:not-allowed}.explore-btn{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:2px solid rgba(212,175,55,.6);color:#d4af37;padding:10px 20px;border-radius:30px;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px;justify-content:center;width:auto;min-width:200px;max-width:280px;transition:all .3s ease;box-shadow:0 4px 15px #d4af3726}.explore-btn:hover{background:linear-gradient(135deg,#d4af3766,#d4af3733);transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}.explore-btn:active{transform:translateY(0)}.auth-container{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:300px}.google-btn-wrapper{width:100%;display:flex;justify-content:center}.facebook-login-btn{width:250px;max-width:100%}.email-auth-card{padding:2.5rem 2rem}.email-auth-card .back-btn{position:absolute;top:1rem;left:1rem;background:none;border:none;color:#fff9;cursor:pointer;font-size:.9rem;transition:color .3s}.email-auth-card .back-btn:hover{color:#d4af37}.email-auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.form-group{text-align:left}.form-group label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.9rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s;box-sizing:border-box}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{outline:none;border-color:#d4af37;background:#d4af370d;box-shadow:0 0 15px #d4af371a}.password-input{position:relative;display:flex}.password-input input{padding-right:3rem}.toggle-password{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;transition:opacity .3s}.toggle-password:hover{opacity:1}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:50px;color:#1a1a2e;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #d4af374d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link{margin-top:1.5rem;font-size:.9rem;color:#ffffff80}.auth-link a{color:#d4af37;text-decoration:none;font-weight:500;transition:color .3s}.auth-link a:hover{color:#fff5d6}.forgot-link{display:block;text-align:right;font-size:.85rem;color:#ffffff80;text-decoration:none;margin-top:-.5rem;transition:color .3s}.forgot-link:hover{color:#d4af37}.login-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e;padding:.8rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.verify-card{padding-top:2.5rem}.code-inputs{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.code-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#d4af37;transition:all .3s}.code-input:focus{outline:none;border-color:#d4af37;background:#d4af371a}.code-single-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;color:#d4af37}.resend-section{margin-top:2rem;text-align:center}.resend-section p{font-size:.85rem;color:#ffffff80;margin-bottom:.5rem}.resend-btn{background:none;border:none;color:#d4af37;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s}.resend-btn:hover:not(:disabled){text-decoration:underline}.resend-btn:disabled{color:#ffffff4d;cursor:not-allowed}.back-link{display:block;margin-top:1.5rem;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;transition:color .3s}.back-link:hover{color:#d4af37}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#ffffff4d;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 1rem}.email-auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:250px;padding:.75rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s}.email-auth-btn:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.email-auth-btn svg{width:18px;height:18px}.email-auth-btn.primary{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;color:#1a1a2e}.email-auth-btn.primary:hover{box-shadow:0 5px 20px #d4af374d}.email-auth-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.email-auth-btn.secondary:hover{background:#ffffff1a}@media(max-width:400px){.code-input{width:40px;height:48px;font-size:1.2rem}.code-inputs{gap:.3rem}}.sports-screen{min-height:100vh;padding-bottom:100px;background:#0a0a0f;background:radial-gradient(circle at top,#1a1a2e,#0a0a0f);color:#fff;font-family:Outfit,sans-serif}.sports-content{max-width:800px;margin:0 auto;padding:20px}.sports-header-premium{text-align:center;margin-bottom:3rem;padding-top:2rem}.sports-header-premium h1{font-size:2.5rem;background:linear-gradient(135deg,gold,#fdb931);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;text-shadow:0 4px 15px rgba(255,215,0,.3)}.sports-header-premium p{color:#fff9;font-size:1.1rem}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.sport-card-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sport-card-premium:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#d4af374d;box-shadow:0 10px 30px -10px #00000080}.sport-card-premium.registered{border-color:#22c55e4d;background:#22c55e0d}.sport-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#d4af3733,#d4af370d);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#d4af37;margin-bottom:5px}.sport-card-premium.registered .sport-icon-wrapper{color:#22c55e;background:#22c55e1a}.sport-info h3{font-size:1.5rem;margin:0;color:#f1f1f1}.sport-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.live-badge{background:#dc262633;color:#ef4444;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;border:1px solid rgba(220,38,38,.3);animation:pulse-red 2s infinite}.sport-desc{color:#ffffff80;font-size:.95rem;line-height:1.5;margin-bottom:15px}.sport-meta{display:flex;gap:15px;margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#ffffffb3;background:#ffffff0d;padding:4px 10px;border-radius:20px}.participants-preview{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.preview-label{font-size:.75rem;color:#fff6;margin-bottom:6px}.avatars-row{display:flex;margin-left:8px}.mini-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #1a1a2e;background:#333;margin-left:-8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-weight:700}.more-count{width:28px;height:28px;border-radius:50%;background:#333;border:2px solid #1a1a2e;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ffffffb3}.action-btn-premium{margin-top:auto;width:100%;padding:12px;border-radius:12px;border:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;background:linear-gradient(135deg,#d4af37,#c5a028);color:#000}.action-btn-premium:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 15px #d4af3766}.action-btn-premium:disabled{opacity:.7;cursor:not-allowed;background:#ffffff1a;color:#fff6}.action-btn-premium.registered{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}button:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}@keyframes pulse-red{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.toast-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#14141ef2;border:1px solid #D4AF37;padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:10px;z-index:2000;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #00000080;color:#fff}.toast-notification.show{transform:translate(-50%) translateY(0)}@media(max-width:480px){.sports-header-premium h1{font-size:2rem}}.directory-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);padding:1rem;padding-bottom:100px}.directory-screen.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.directory-screen .loading-spinner{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.directory-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.directory-header .back-btn{background:#ffffff1a;border:none;color:#f4e4ba;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s}.directory-header .back-btn:hover{background:#fff3;color:#d4af37;transform:translate(-5px)}.directory-header h1{color:#d4af37;font-size:1.5rem;font-family:Playfair Display,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.directory-filters{margin-bottom:1rem;position:sticky;top:0;z-index:10;background:#0a0a0ff2;padding:1rem;margin-left:0;margin-right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.search-box{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(212,175,55,.3);border-radius:50px;padding:.75rem 1rem;gap:.75rem;margin-bottom:.75rem;transition:all .3s}.search-box:focus-within{background:#ffffff1f;border-color:#d4af37;box-shadow:0 0 15px #d4af3733}.search-box svg{color:#d4af37;flex-shrink:0}.search-box input{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.search-box input::placeholder{color:#fff6}.search-box .clear-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px}.filter-row{display:flex;gap:.5rem}.filter-row select{flex:1;background:#ffffff14;border:1px solid rgba(212,175,55,.2);color:#fff;padding:.6rem .8rem;border-radius:12px;font-size:.85rem;cursor:pointer;transition:all .2s}.filter-row select:focus{border-color:#d4af37;background:#ffffff26}.filter-row select option{background:#1a1a2e}.directory-stats{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#fff9;font-size:.85rem;flex-wrap:wrap}.directory-stats span{display:flex;align-items:center;gap:.3rem}.filter-tag{background:#d4af3733;color:#d4af37;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;border:1px solid rgba(212,175,55,.3)}.directory-list{display:flex;flex-direction:column;gap:1.5rem;padding:0 .5rem}.empty-state{text-align:center;padding:3rem;color:#ffffff80;animation:fadeIn .5s ease}.empty-state svg{opacity:.5;margin-bottom:1rem}.branch-group{margin-bottom:1rem;animation:slideUp .5s ease forwards;opacity:0;transform:translateY(20px)}.branch-group:nth-child(1){animation-delay:.1s}.branch-group:nth-child(2){animation-delay:.2s}.branch-group:nth-child(3){animation-delay:.3s}.branch-group:nth-child(4){animation-delay:.4s}.branch-group:nth-child(5){animation-delay:.5s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.branch-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem;padding-bottom:.5rem;border-bottom:2px solid;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.branch-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.member-count{margin-left:auto;background:#ffffff1a;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:400}.contacts-grid{display:flex;flex-direction:column;gap:.5rem}.contact-card{display:flex;align-items:center;gap:.75rem;background:linear-gradient(90deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.contact-card:hover{background:#ffffff1a;border-color:#d4af3766;transform:translate(5px);box-shadow:0 4px 12px #0003}.contact-card:hover:before{opacity:1}.contact-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #D4AF37;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a1a2e;flex-shrink:0;box-shadow:0 0 0 2px #d4af371a;transition:transform .2s}.contact-card:hover .contact-avatar{transform:scale(1.1);box-shadow:0 0 0 2px #d4af374d}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-avatar span{color:#fff;font-size:1.2rem;font-weight:700}.contact-info{flex:1;min-width:0}.contact-info h4{color:#fff;font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-skills{color:#ffffff80;font-size:.8rem;margin:.2rem 0 0}.contact-actions{display:flex;gap:.5rem;opacity:.6;transition:opacity .2s}.contact-card:hover .contact-actions{opacity:1}.action-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.call{background:#3b82f633;color:#3b82f6}.action-btn.call:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.action-btn.whatsapp{background:#25d36633;color:#25d366}.action-btn.whatsapp:hover{background:#25d366;color:#fff;transform:scale(1.1)}.member-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.member-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(212,175,55,.4);border-radius:24px;padding:2.5rem 2rem;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 20px 50px #00000080;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;transition:color .2s}.close-modal:hover{color:#fff}.modal-avatar{width:120px;height:120px;border-radius:50%;border:4px solid #D4AF37;overflow:hidden;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#1a1a2e;box-shadow:0 0 20px #d4af374d}.modal-avatar img{width:100%;height:100%;object-fit:cover}.modal-avatar span{color:#fff;font-size:3rem;font-weight:700}.member-modal h2{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-family:Playfair Display,serif}.modal-branch{color:#d4af37;font-size:1rem;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.modal-bio{color:#fffc;font-size:1rem;margin-bottom:1.5rem;line-height:1.6;font-style:italic}.modal-skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.skill-tag{background:#d4af3726;color:#d4af37;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(212,175,55,.2)}.modal-actions{display:flex;gap:1rem;justify-content:center}.action-lg{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:50px;border:none;font-size:1rem;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.action-lg:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.action-lg.call{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-lg.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}@media(min-width:600px){.contacts-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.contacts-grid{grid-template-columns:repeat(3,1fr)}}.link-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.link-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.3);border-radius:20px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.link-modal-header{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.link-modal-header h2{margin:0;font-size:1.3rem;color:#d4af37}.link-modal-close{background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s}.link-modal-close:hover{color:#fff}.link-modal-body{padding:1.5rem}.link-user-info{background:#ffffff0d;padding:.8rem 1rem;border-radius:10px;margin-bottom:1.2rem}.link-user-email{color:#aaa;font-size:.9rem}.link-form-group{margin-bottom:1.2rem}.link-form-group label{display:block;margin-bottom:.5rem;color:#d4af37;font-size:.9rem;font-weight:500}.link-form-group input,.link-form-group select{width:100%;padding:.8rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem}.link-form-group input:focus,.link-form-group select:focus{outline:none;border-color:#d4af37}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;max-height:200px;overflow-y:auto}.branch-option{display:flex;align-items:center;gap:.6rem;padding:.7rem;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.branch-option:hover{background:#ffffff0d}.branch-option.selected{border-width:2px}.branch-color{width:24px;height:24px;border-radius:50%;flex-shrink:0}.branch-option span{font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-error{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:.8rem;border-radius:8px;font-size:.9rem;margin-top:1rem}.link-modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}.link-btn-cancel,.link-btn-confirm{padding:.7rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.link-btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.link-btn-cancel:hover{background:#ffffff26}.link-btn-confirm{background:linear-gradient(135deg,#d4af37,#b8962e);border:none;color:#1a1a2e}.link-btn-confirm:hover{transform:scale(1.02);box-shadow:0 5px 15px #d4af374d}.link-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.invite-panel{padding:1.5rem}.invite-header{margin-bottom:1.5rem}.invite-header h2{font-size:1.5rem;margin-bottom:.5rem;color:#d4af37}.invite-header p{color:#fff9}.invite-form{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.form-row{margin-bottom:1rem}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:#fffc;font-size:.9rem}.form-group small{margin-top:.3rem;color:#fff6;font-size:.8rem}.text-input,.select-input{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:1rem}.text-input:focus,.select-input:focus{outline:none;border-color:#d4af37}.select-input option{background:#1a1a2e;color:#fff}.generate-btn{width:100%;padding:1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#d4af37,#b8860b);color:#0a0a0f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{padding:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#ef4444;text-align:center;margin-bottom:1rem}.success-msg{padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;text-align:center;margin-bottom:1rem}.invites-list h3{margin-bottom:1rem;color:#fffc}.invite-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:10px;margin-bottom:.75rem}.invite-info{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.invite-token{font-family:monospace;background:#d4af3733;padding:.3rem .6rem;border-radius:4px;color:#d4af37;font-size:.85rem}.invite-role{font-size:.85rem}.invite-email{font-size:.85rem;color:#ffffff80}.invite-expires{font-size:.8rem;color:#fff6}.invite-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border-radius:8px;border:none;cursor:pointer;font-size:1.2rem;transition:all .2s}.action-btn.copy{background:#3b82f633}.action-btn.copy:hover{background:#3b82f666}.action-btn.whatsapp{background:#22c55e33}.action-btn.whatsapp:hover{background:#22c55e66}@media(max-width:600px){.form-row.two-cols{grid-template-columns:1fr}.invite-card{flex-direction:column;gap:1rem;align-items:flex-start}.invite-actions{width:100%;justify-content:flex-end}}.admin-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff;padding-bottom:100px}.admin-header{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative}.admin-header .back-btn{position:absolute;top:1rem;left:1rem;background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;cursor:pointer;transition:all .3s ease;z-index:10}.admin-header .back-btn:hover{background:#fff3}.admin-title{font-family:Playfair Display,serif;font-size:1.5rem;background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:center;padding-top:2.5rem}.admin-tabs{display:flex;justify-content:center;gap:.5rem;padding:1rem;flex-wrap:wrap}.tab-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:#d4af37}.tab-btn.active{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border-color:transparent;font-weight:600}.admin-message{text-align:center;padding:.8rem;margin:0 1rem;border-radius:12px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);color:#f4e4ba}.admin-content{padding:0 1rem}.loading{text-align:center;padding:3rem;opacity:.6}.empty-msg{text-align:center;padding:2rem;opacity:.5;font-style:italic}.admin-list{display:flex;flex-direction:column;gap:1rem}.admin-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;transition:all .3s ease}.admin-card:hover{border-color:#d4af374d;background:#ffffff14}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.card-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #D4AF37}.branch-badge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.card-header h3{margin:0;font-size:1rem;color:#f4e4ba}.card-header p{margin:.3rem 0 0;font-size:.85rem;opacity:.7}.card-actions{display:flex;gap:.8rem;flex-wrap:wrap}.approve-btn,.reject-btn,.role-btn{flex:1;min-width:100px;padding:.6rem 1rem;border-radius:50px;border:none;font-size:.85rem;cursor:pointer;transition:all .3s ease}.approve-btn{background:#16a34a33;color:#4ade80;border:1px solid rgba(22,163,74,.3)}.approve-btn:hover{background:#16a34a4d}.reject-btn{background:#dc262633;color:#f87171;border:1px solid rgba(220,38,38,.3)}.reject-btn:hover{background:#dc26264d}.role-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.role-btn.promote{background:#d4af3733;color:#f4e4ba;border-color:#d4af374d}.role-btn.demote{background:#ffffff14}.role-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.role-badge.member{background:#ffffff1a;color:#ffffffb3}.role-badge.patriarch{background:#d4af3733;color:#d4af37}.linked-member{font-size:.75rem;opacity:.6}.app-nav{position:fixed;bottom:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.8rem 1rem;display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.1);z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;color:#fff9;font-size:.7rem;cursor:pointer;transition:all .3s ease;padding:.5rem;gap:.3rem}.nav-item.active{color:#d4af37}.nav-item span:first-child{font-size:1.3rem}.stats-dashboard{display:flex;flex-direction:column;gap:1.5rem}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 1rem;text-align:center}.stat-card.pending{border-color:#d4af374d;background:#d4af371a}.stat-number{font-size:2rem;font-weight:700;color:#d4af37;margin-bottom:.3rem}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.branch-chart{padding:1.5rem}.branch-chart h3{margin:0 0 1rem;color:#d4af37;font-size:1rem}.branch-bar-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.branch-label{width:70px;font-size:.8rem;color:#ffffffb3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.branch-bar-track{flex:1;height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden}.branch-bar-fill{height:100%;border-radius:10px;transition:width .5s ease}.branch-count{width:30px;font-size:.85rem;color:#f4e4ba;text-align:right;font-weight:600}.glass-panel{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.settings-section{padding:1rem 0}.settings-section h2{color:#d4af37;font-size:1.3rem;margin-bottom:1.5rem;font-family:Playfair Display,serif}.settings-group{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.settings-group h3{color:#fff;font-size:1rem;margin:0 0 .5rem}.settings-desc{color:#ffffff80;font-size:.85rem;margin-bottom:1rem}.founders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.founder-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.founder-card:hover{border-color:#d4af374d;background:#ffffff14}.founder-avatar{width:70px;height:70px;border-radius:50%;border:3px solid #D4AF37;margin:0 auto .75rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a1a2e;position:relative}.founder-avatar span{font-size:1.8rem;font-weight:700;color:#fff}.photo-upload-btn{position:absolute;bottom:-5px;right:-5px;width:28px;height:28px;background:#d4af37;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0000004d}.photo-upload-btn:hover{transform:scale(1.1);background:#f4e4ba}.founder-info{display:flex;flex-direction:column;gap:.3rem}.founder-name-input{background:#ffffff1a;border:1px solid transparent;border-radius:8px;padding:.5rem;color:#fff;font-size:.9rem;text-align:center;width:100%;transition:all .2s}.founder-name-input:hover,.founder-name-input:focus{border-color:#d4af3780;background:#ffffff26;outline:none}.founder-branch{font-size:.75rem;font-weight:600}.events-admin-section{padding:1rem 0}.events-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.events-header-row h2{color:#d4af37;font-size:1.3rem;margin:0}.add-event-btn{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border:none;padding:.7rem 1.2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s}.add-event-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #d4af3766}.events-list{display:flex;flex-direction:column;gap:1rem}.event-admin-card{display:flex;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .2s}.event-admin-card:hover{border-color:#d4af374d}.event-date-box{width:55px;height:55px;background:linear-gradient(135deg,#d4af37,#b8962e);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.event-day{font-size:1.4rem;font-weight:700;color:#1a1a2e;line-height:1}.event-month{font-size:.7rem;color:#1a1a2e;text-transform:uppercase;font-weight:600}.event-info{flex:1}.event-info h4{margin:0 0 .3rem;color:#fff}.event-info p{margin:0;font-size:.8rem;color:#fff9}.event-actions{display:flex;gap:.5rem}.edit-btn{background:#d4af3733;border:1px solid rgba(212,175,55,.3);color:#f4e4ba;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s}.edit-btn:hover{background:#d4af3766}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a2e;border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:1.5rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.event-modal h3{color:#d4af37;margin:0 0 1.5rem;text-align:center}.event-modal form{display:flex;flex-direction:column;gap:1rem}.event-modal input,.event-modal textarea,.event-modal select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:.95rem}.event-modal input:focus,.event-modal textarea:focus,.event-modal select:focus{border-color:#d4af37;outline:none}.event-modal textarea{min-height:80px;resize:vertical}.event-modal select option{background:#1a1a2e}.modal-actions{display:flex;gap:1rem;margin-top:.5rem}.cancel-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem;border-radius:50px;cursor:pointer}.cancel-btn:hover{background:#ffffff26}.founders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.founder-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;transition:all .3s ease}.founder-card:hover{border-color:#d4af374d;transform:translateY(-2px)}.founder-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #D4AF37;display:flex;align-items:center;justify-content:center;background:#0000004d;position:relative;overflow:hidden;font-size:1.5rem}.founder-avatar img{width:100%;height:100%;object-fit:cover}.founder-avatar .photo-upload-btn{position:absolute;bottom:-5px;right:-5px;background:#d4af37;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer}.founder-info{text-align:center;width:100%}.founder-name-input{background:transparent;border:1px solid transparent;color:#fff;font-size:.85rem;text-align:center;width:100%;padding:.3rem;border-radius:6px}.founder-name-input:hover,.founder-name-input:focus{background:#ffffff1a;border-color:#d4af374d;outline:none}.founder-branch{font-size:.7rem;opacity:.7;display:block;margin-top:.2rem}.delete-founder-btn{position:absolute;top:5px;right:5px;background:#ff646433;border:none;border-radius:50%;width:24px;height:24px;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .2s}.founder-card:hover .delete-founder-btn{opacity:1}.delete-founder-btn:hover{background:#ff646480}.add-new-card{border:2px dashed rgba(212,175,55,.3);background:transparent;cursor:pointer;min-height:100px;justify-content:center}.add-new-card:hover{border-color:#d4af3799;background:#d4af370d}.add-new-card .add-icon{font-size:2rem;opacity:.5}.add-new-card span{font-size:.8rem;opacity:.7}.section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.section-icon{font-size:2.5rem;line-height:1}.section-header h3{margin:0 0 .3rem;font-size:1.2rem;color:#f4e4ba}.section-header .settings-desc{margin:0;opacity:.8;font-size:.85rem;line-height:1.4}.section-header .settings-desc strong{color:#d4af37}.patriarch-section{background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.patriarch-card{border-color:#d4af3766!important}.patriarch-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:1.2rem;background:#1a1a2e;padding:0 .3rem;border-radius:4px}.founder-role{font-size:.7rem;color:#d4af37;text-transform:uppercase;letter-spacing:.5px}.founders-section{background:#64c8ff08;border:1px solid rgba(100,200,255,.1);border-radius:16px;padding:1.5rem}.siblings-grid .founder-card{transition:border-color .3s,transform .3s}.onboarding-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff;display:flex;flex-direction:column}.progress-bar{height:4px;background:#ffffff1a;position:fixed;top:0;left:0;right:0;z-index:100}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f4e4ba);transition:width .4s ease}.onboarding-content{flex:1;padding:2rem 1.5rem;max-width:500px;margin:0 auto;width:100%}.onboarding-step{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-emoji{font-size:4rem;text-align:center;margin-bottom:1rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.onboarding-step h1{font-family:Playfair Display,serif;font-size:2rem;text-align:center;background:linear-gradient(135deg,#d4af37,#f4e4ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.step-desc{text-align:center;color:#ffffffb3;margin-bottom:2rem;line-height:1.5}.question{font-size:1.2rem;margin-bottom:1.5rem;color:#f4e4ba}.sub-question{font-size:1rem;margin:1.5rem 0 1rem;color:#fffc}.step-hint{color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem}.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:2rem}.branch-card{background:#ffffff0d;border:2px solid transparent;border-radius:16px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.branch-card:hover{background:#ffffff1a}.branch-card.selected{transform:scale(1.05)}.branch-initial{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff}.branch-name{font-size:.8rem;text-align:center;color:#ffffffe6}.back-link{background:none;border:none;color:#fff9;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1.5rem;transition:color .3s}.back-link:hover{color:#fff}.selected-branch{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:2px solid;border-radius:50px;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.selected-branch span{color:#fff9}.selected-branch strong{color:#f4e4ba}.text-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;color:#fff;font-size:1rem;transition:all .3s ease}.text-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.relation-options{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.relation-btn{flex:1;min-width:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.8rem 1rem;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .3s ease}.relation-btn:hover{border-color:#d4af37;color:#fff}.relation-btn.active{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border-color:transparent;font-weight:600}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;justify-content:center}.skill-tag{background:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.5rem 1rem;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-tag:hover{background:#ffffff1a;border-color:#d4af37;color:#fff}.skill-tag.selected{background:#d4af3726;border-color:#d4af37;color:#d4af37;font-weight:600;box-shadow:0 0 15px #d4af371a;transform:translateY(-1px)}.next-btn,.submit-btn{width:100%;background:linear-gradient(135deg,gold,#fdb931);color:#000;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 15px #d4af374d;position:relative;z-index:10}.next-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780;filter:brightness(1.1)}.next-btn:disabled,.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#4a4a4a;color:#888;box-shadow:none}.success-step{text-align:center}.success-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin:2rem 0;text-align:left}.summary-card h3{color:#d4af37;margin-bottom:1rem;font-size:1rem}.summary-card p{margin:.5rem 0;color:#fffc}.error-msg{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:1rem;color:#f87171;margin-bottom:1rem}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.photo-preview-wrapper{width:120px;height:120px;border-radius:50%;border:3px dashed rgba(212,175,55,.3);overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease;background:#0003;display:flex;align-items:center;justify-content:center}.photo-preview-wrapper:hover{border-color:#d4af37;background:#ffffff0d}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#ffffff80}.photo-placeholder span{font-size:2rem}.photo-placeholder small{font-size:.8rem}.remove-photo-btn{background:none;border:none;color:#ef4444;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:5px}.remove-photo-btn:hover{color:#fca5a5}.family-onboarding{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a1a2e,#0a0a0f);padding:1rem;position:relative}.logout-btn-top{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;z-index:100}.logout-btn-top:hover{background:#dc262626;border-color:#dc262666;color:#f87171;transform:translateY(-2px)}.logout-btn-top .icon{font-size:1.2rem}.logout-btn-top .text{font-size:.9rem;font-weight:500}.onboarding-card{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(212,175,55,.1);padding:2.5rem 2rem;width:100%;max-width:420px;color:#fff}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-step.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{font-size:4rem;margin-bottom:1rem}.onboarding-step h1{font-size:1.8rem;margin-bottom:.5rem;color:#d4af37}.onboarding-step .subtitle{color:#ffffffb3;margin-bottom:2rem;line-height:1.5}.choice-buttons{width:100%;display:flex;flex-direction:column;gap:1rem}.choice-btn{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;text-align:left;transition:all .2s ease}.choice-btn:hover{background:#d4af371a;border-color:#d4af374d;transform:translateY(-2px)}.choice-btn .btn-icon{font-size:2rem}.choice-btn .btn-text{display:flex;flex-direction:column}.choice-btn .btn-text strong{font-size:1.1rem}.choice-btn .btn-text small{color:#ffffff80;font-size:.85rem}.divider{display:flex;align-items:center;gap:1rem;color:#ffffff4d}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.back-btn{align-self:flex-start;background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;font-size:.9rem}.back-btn:hover{color:#d4af37}.form-group{width:100%;margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffb3;font-size:.9rem}.text-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:1rem;transition:border-color .2s}.text-input::placeholder{color:#ffffff4d}textarea.text-input{resize:vertical;min-height:80px}.token-input{font-family:monospace;letter-spacing:1px}.invite-preview{width:100%;padding:1rem;background:#d4af371a;border-radius:12px;margin-bottom:1.5rem;text-align:center}.invite-preview p{color:#fff9;margin-bottom:.5rem;font-size:.9rem}.family-preview{display:flex;align-items:center;justify-content:center;gap:.75rem}.family-preview .family-logo{width:40px;height:40px;border-radius:50%;object-fit:cover}.family-preview strong{color:#d4af37;font-size:1.2rem}.submit-btn{width:100%;padding:1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#d4af37,#b8860b);color:#0a0a0f;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{width:100%;padding:.75rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#ef4444;text-align:center;margin-bottom:1rem;font-size:.9rem}.success-step .success-icon{font-size:5rem;margin-bottom:1rem}.next-steps{width:100%;text-align:left;background:#d4af371a;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.next-steps p{margin-bottom:.75rem;color:#d4af37;font-weight:600}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{padding:.4rem 0;color:#ffffffb3}.next-steps li:before{content:"✓ ";color:#d4af37}@media(max-height:700px){.onboarding-card{padding:1.5rem}.welcome-icon{font-size:3rem}.onboarding-step h1{font-size:1.5rem}}.profile-screen{min-height:100vh;background:#050510;color:#fff;padding-bottom:90px}.profile-header{position:relative;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:1rem}.profile-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -50%,rgba(212,175,55,.15),transparent 70%);z-index:0}.profile-header h1{margin:0;font-family:Playfair Display,serif;font-size:1.4rem;background:linear-gradient(135deg,gold,#fdb931,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:1}.back-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;z-index:1}.profile-content{padding:1.5rem;max-width:500px;margin:0 auto}.glass-panel{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;margin-bottom:1rem}.profile-card{text-align:center;margin-bottom:2rem}.avatar-section{position:relative;display:inline-block}.avatar-large{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.2)}.patriarch-badge{position:absolute;bottom:0;right:0;font-size:1.5rem}.profile-name{margin:0;font-size:1.5rem;color:#f4e4ba}.profile-nickname{margin:.5rem 0;color:#fff9;font-style:italic}.branch-tag{display:inline-block;padding:.5rem 1rem;border:2px solid;border-radius:50px;font-size:.85rem;color:#fffc;margin-top:1rem}.info-section{display:flex;flex-direction:column;gap:1rem}.info-card h3{margin:0 0 .8rem;color:#d4af37;font-size:1rem}.info-card p{margin:.3rem 0;color:#fffc}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:#d4af3726;border:1px solid rgba(212,175,55,.3);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;color:#d4af37}.edit-btn{width:100%;background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border:none;padding:1rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:transform .2s}.edit-btn:hover{transform:translateY(-2px)}.edit-form h3{margin:0 0 1rem;color:#d4af37}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.text-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.8rem 1rem;color:#fff;font-size:1rem}.text-input:focus{outline:none;border-color:#d4af37}.textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem;border-radius:12px;cursor:pointer}.save-btn{flex:2;background:linear-gradient(135deg,#d4af37,#b8962e);border:none;color:#1a1a2e;padding:.8rem;border-radius:12px;font-weight:600;cursor:pointer}.message{text-align:center;padding:.8rem;border-radius:8px;background:#d4af371a;color:#d4af37}.empty-profile{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-profile h2{color:#f4e4ba;margin-bottom:.5rem}.empty-profile p{color:#fff9;margin-bottom:2rem}.primary-btn{background:linear-gradient(135deg,#d4af37,#b8962e);color:#1a1a2e;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;cursor:pointer}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#888}.loading-spinner{font-size:3rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.children-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;color:#f4e4ba}.add-mini-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#4ade80;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-mini-btn:hover{background:#4ade80;color:#000}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.child-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:transform .2s}.child-card:hover{transform:translateY(-2px);border-color:#ffffff4d}.child-card-header{height:60px;display:flex;align-items:center;justify-content:center;position:relative;background:#555}.child-initial{font-size:1.5rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.child-card-body{padding:.8rem;text-align:center}.child-name{margin:0;font-size:.95rem;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.child-age{margin:.3rem 0;font-size:.8rem;color:#aaa}.edit-child-btn{margin-top:.5rem;background:#ffffff1a;border:none;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;cursor:pointer;width:100%}.edit-child-btn:hover{background:#fff3}.add-child-form{background:#0006;padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;border:1px dashed rgba(255,255,255,.2)}.add-first-child-btn{background:linear-gradient(to right,#10b981,#059669);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;margin-top:1rem;cursor:pointer}.save-mini-btn{background:#10b981;color:#fff;border:none;padding:.6rem;border-radius:8px;cursor:pointer;font-weight:500}.settings-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a2e);color:#fff;padding-bottom:80px}.settings-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0000004d;border-bottom:1px solid rgba(212,175,55,.2)}.settings-header h1{font-size:1.3rem;margin:0;color:#d4af37}.back-btn{background:none;border:none;color:#d4af37;font-size:1rem;cursor:pointer;padding:.5rem}.settings-content{padding:1rem;max-width:600px;margin:0 auto}.settings-section{background:#ffffff0d;border-radius:12px;padding:1.25rem;margin-bottom:1.25rem;border:1px solid rgba(212,175,55,.15)}.settings-section h2{font-size:1.1rem;margin:0 0 1rem;color:#d4af37}.section-desc{font-size:.9rem;color:#aaa;margin-bottom:1rem}.info-card{background:#0003;border-radius:8px;padding:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row span{color:#aaa;font-size:.9rem}.info-row strong{color:#fff}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.role-badge.admin{background:#d4af3733;color:#d4af37}.role-badge.member{background:#64646433;color:#aaa}.generate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.generate-btn:disabled{opacity:.7;cursor:wait}.invite-card{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(212,175,55,.3)}.invite-url{display:flex;gap:.5rem}.invite-url input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.75rem;color:#fff;font-size:.85rem}.copy-btn{background:#d4af37;border:none;border-radius:6px;padding:.75rem 1rem;color:#000;font-weight:600;cursor:pointer;white-space:nowrap}.invite-expires{font-size:.8rem;color:#888;margin:.75rem 0}.new-link-btn{background:none;border:1px solid rgba(212,175,55,.5);color:#d4af37;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer}.logout-btn{width:100%;padding:1rem;background:#dc354533;border:1px solid rgba(220,53,69,.5);border-radius:8px;color:#dc3545;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#dc35454d}.error-msg{background:#dc354533;border:1px solid rgba(220,53,69,.5);padding:.75rem;border-radius:6px;color:#ff6b6b;font-size:.9rem;margin-top:1rem}.admin-actions{display:flex;flex-direction:column;gap:.75rem}.admin-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:10px;color:#d4af37;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem;font-weight:600}.admin-btn:hover{background:#d4af3733;transform:translate(4px)}.admin-btn span{font-size:.8rem;color:#888;font-weight:400;margin-top:4px}.role-badge.superadmin{background:linear-gradient(135deg,#d4af374d,#ffd7004d);color:gold}.settings-loader{display:flex;justify-content:center;align-items:center;height:100vh;color:#d4af37}.legal-screen{min-height:100vh;background:#0a0a0f;color:#e2e8f0;padding-bottom:40px}.legal-header{background:linear-gradient(135deg,#1a1a2e,#0d0d14);padding:2rem 1.5rem;text-align:center;border-bottom:1px solid rgba(212,175,55,.1);position:relative;margin-bottom:2rem}.legal-header h1{font-family:Playfair Display,serif;font-size:2rem;color:#d4af37;margin:0}.legal-content{max-width:800px;margin:0 auto;padding:0 1.5rem}.legal-date{text-align:center;color:#ffffff80;font-size:.9rem;margin-bottom:2rem}.legal-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem;margin-bottom:2rem}.legal-section h2{color:#d4af37;font-size:1.4rem;margin-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.5rem}.legal-section p{line-height:1.7;margin-bottom:1rem;color:#fffc}.legal-section ul,.legal-section ol{margin-left:1.5rem;margin-bottom:1.5rem}.legal-section li{margin-bottom:.5rem;color:#fffc}.legal-section a{color:#d4af37;text-decoration:none}.legal-section a:hover{text-decoration:underline}.contact-email{color:#d4af37;font-weight:700;font-size:1.2rem;text-align:center;display:block;margin-top:1rem}.deletion-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500}.form-group input[type=email],.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#D4AF37}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.warning-text{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem;color:#fca5a5}.data-deletion-success{text-align:center;padding-top:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.confirmation-box{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1.5rem;margin:2rem 0}.confirmation-box code{display:block;font-size:1.5rem;color:#22c55e;font-family:monospace;margin-top:.5rem}.info-box{background:#ffffff08;border-radius:12px;padding:1.5rem;text-align:left;margin-bottom:2rem}.info-box h3{color:#d4af37;margin-bottom:1rem}.contact-note{color:#fff9;font-size:.9rem}.back-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}@media(max-width:600px){.legal-header h1{font-size:1.5rem}.legal-section{padding:1.5rem}.back-btn{position:relative;left:auto;top:auto;transform:none;margin-bottom:1rem}}.utilities-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff;padding-bottom:100px}.utilities-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.utilities-header .back-btn{background:none;border:none;color:#fff9;font-size:1rem;cursor:pointer;transition:color .3s}.utilities-header .back-btn:hover{color:#d4af37}.utilities-header h1{flex:1;font-size:1.3rem;font-family:Playfair Display,serif;background:linear-gradient(135deg,#d4af37,#fff5d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-btn{background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s}.settings-btn:hover,.settings-btn.active{background:#d4af3733}.settings-panel{background:#0006;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.volume-control{display:flex;align-items:center;gap:1rem;max-width:300px;margin:0 auto}.mute-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.8;transition:opacity .2s}.mute-btn:hover{opacity:1}.mute-btn.muted{opacity:.4}.volume-slider{flex:1;height:6px;appearance:none;-webkit-appearance:none;background:#fff3;border-radius:3px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#d4af37;cursor:pointer}.volume-slider:disabled{opacity:.3}.volume-label{font-size:.85rem;color:#fff9;min-width:40px}.category-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab:hover{background:#ffffff1a}.category-tab.active{background:linear-gradient(135deg,#d4af37,#c9a227);color:#000;border-color:transparent}.cat-icon{font-size:1rem}.cat-label{font-weight:500}.utilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1rem 1.5rem}.utility-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.utility-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);opacity:0;transition:opacity .3s}.utility-card:hover{transform:translateY(-5px);background:#ffffff0f;border-color:var(--accent-color);box-shadow:0 10px 40px #0000004d}.utility-card:hover:before{opacity:1}.utility-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px var(--accent-color));display:inline-block}.icon-gamepad{animation:gamepadVibrate .15s ease-in-out infinite}@keyframes gamepadVibrate{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}.icon-domino{animation:dominoFall 3s ease-in-out infinite;transform-origin:bottom center}@keyframes dominoFall{0%,60%,to{transform:rotateX(0) translateY(0)}70%{transform:rotateX(-20deg) translateY(-5px)}80%{transform:rotateX(10deg) translateY(0)}90%{transform:rotateX(-5deg) translateY(0)}}.icon-basket{animation:basketBounce 1.5s ease-in-out infinite}@keyframes basketBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.utility-card:hover .icon-gamepad{animation:gamepadMoveHover .3s ease-in-out infinite}@keyframes gamepadMoveHover{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.utility-card:hover .icon-basket{animation:basketBounceHover .4s ease-in-out infinite}@keyframes basketBounceHover{0%,to{transform:translateY(0) rotate(0) scale(1.1)}50%{transform:translateY(-15px) rotate(360deg) scale(1.1)}}.utility-card:hover .icon-domino{animation:dominoHover .5s ease-in-out infinite}@keyframes dominoHover{0%,to{transform:rotateY(0)}50%{transform:rotateY(25deg)}}.utility-card h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.utility-card p{font-size:.9rem;color:#ffffff80;line-height:1.4}.utility-arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--accent-color);opacity:0;transform:translate(-10px);transition:all .3s}.utility-card:hover .utility-arrow{opacity:1;transform:translate(0)}.utility-card.coming-soon{opacity:.6;pointer-events:none}.utility-card.coming-soon:after{content:"Próximamente";position:absolute;top:1rem;right:1rem;background:#ffffff1a;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;color:#ffffff80}.icon-tictactoe{animation:tictacPulse 2s ease-in-out infinite}@keyframes tictacPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.utility-card:hover .icon-tictactoe{animation:tictacSpin .5s ease-in-out forwards}@keyframes tictacSpin{0%{transform:rotate(0) scale(1.1)}to{transform:rotate(90deg) scale(1.2)}}.icon-battleship{animation:boatFloat 3s ease-in-out infinite}@keyframes boatFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}.utility-card:hover .icon-battleship{animation:boatRock .5s ease-in-out infinite}@keyframes boatRock{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.icon-timeline{transform-origin:top center;animation:calendarSwing 4s ease-in-out infinite}@keyframes calendarSwing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.utility-card:hover .icon-timeline{animation:calendarShake .5s ease-in-out infinite}@keyframes calendarShake{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.icon-snake{animation:snakeSlither 3s ease-in-out infinite}@keyframes snakeSlither{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-5deg)}75%{transform:translate(3px) rotate(5deg)}}.utility-card:hover .icon-snake{animation:snakeAttack .4s ease-in-out infinite}@keyframes snakeAttack{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.icon-space{animation:alienFloat 2s ease-in-out infinite}@keyframes alienFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.utility-card:hover .icon-space{animation:alienGlitch .2s steps(2) infinite}@keyframes alienGlitch{0%{transform:translate(-2px);opacity:1}50%{transform:translate(2px);opacity:.8}to{transform:translate(-2px);opacity:1}}.icon-word{animation:letterBounce 2s ease-in-out infinite}@keyframes letterBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(0)}}.utility-card:hover .icon-word{animation:letterJumble .5s ease-in-out infinite}@keyframes letterJumble{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-10deg)}75%{transform:scale(1.1) rotate(10deg)}}.icon-compass{animation:compassFloat 3s ease-in-out infinite}@keyframes compassFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.utility-card:hover .icon-compass{animation:compassSpin 1s cubic-bezier(.68,-.55,.27,1.55)}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-cards{animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.utility-card:hover .icon-cards{animation:cardFlip .6s ease-in-out forwards}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.icon-angelito{animation:santaFly 4s ease-in-out infinite}@keyframes santaFly{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(0) rotate(5deg)}}.utility-card:hover .icon-angelito{animation:santaShake .4s ease-in-out infinite}@keyframes santaShake{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.favorite-btn{position:absolute;top:.8rem;right:.8rem;background:#0000004d;border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;opacity:.5;transition:all .2s;z-index:5}.favorite-btn:hover{opacity:1;transform:scale(1.1)}.favorite-btn.favorited{opacity:1;background:#ffd70033}.high-score-badge{position:absolute;top:.8rem;left:.8rem;background:#22c55e33;border:1px solid rgba(34,197,94,.4);padding:.2rem .5rem;border-radius:8px;font-size:.7rem;color:#22c55e;z-index:5}.category-badge{position:absolute;bottom:1.5rem;left:1.5rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.6}.utility-card.requires-auth:after{content:"🔐";position:absolute;top:3.5rem;right:.8rem;font-size:.8rem;opacity:.5}.empty-state{text-align:center;padding:3rem 1.5rem;color:#ffffff80}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.3}.empty-state p{font-size:1rem}@media(max-width:480px){.utilities-header h1{font-size:1.1rem}.category-tabs{padding:.8rem 1rem}.category-tab{padding:.5rem .8rem;font-size:.8rem}.cat-label{display:none}.utilities-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.utility-card{padding:1.5rem}.utility-icon{font-size:2.5rem}}.who-is-who-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);color:#fff}.who-is-who-screen.loading{display:flex;align-items:center;justify-content:center}.loader{color:#d4af37;font-size:1.1rem}.not-enough{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.not-enough .icon{font-size:4rem;margin-bottom:1rem}.not-enough h2{font-size:1.5rem;margin-bottom:.5rem}.not-enough p{color:#ffffff80;margin-bottom:2rem}.not-enough button{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;padding:1rem 2rem;border-radius:50px;color:#1a1a2e;font-weight:600;cursor:pointer}.game-menu{min-height:100vh;display:flex;flex-direction:column;padding:1.5rem}.game-menu .back-btn{background:none;border:none;color:#fff9;font-size:1rem;cursor:pointer;align-self:flex-start;margin-bottom:2rem}.menu-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.game-logo{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-content h1{font-size:2rem;font-family:Playfair Display,serif;background:linear-gradient(135deg,#d4af37,#fff5d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.menu-content>p{color:#ffffff80;margin-bottom:2rem}.game-rules{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.rule{background:#ffffff0d;padding:.75rem 1.25rem;border-radius:50px;font-size:.9rem;color:#ffffffb3}.high-score{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);padding:1rem 2rem;border-radius:12px;font-size:1.25rem;color:#d4af37;margin-bottom:2rem}.start-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;padding:1.25rem 3rem;border-radius:50px;color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #8b5cf64d}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf666}.game-play{min-height:100vh;padding:1rem;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-radius:12px;margin-bottom:1.5rem}.round-info{font-size:.9rem;color:#fff9}.score-display{font-size:1.25rem;font-weight:700;color:#d4af37}.timer{font-size:1rem;font-weight:600;padding:.5rem 1rem;background:#ffffff1a;border-radius:50px}.timer.warning{background:#ef444433;color:#ef4444;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.photo-container{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:0 auto 1.5rem;border-radius:20px;overflow:hidden;border:3px solid rgba(212,175,55,.3)}.mystery-photo{width:100%;height:100%;background-size:cover;background-position:center;transition:filter .5s}.mystery-photo.revealed{filter:blur(0)!important}.answer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:700;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.answer-overlay.correct{background:#22c55e80;color:#22c55e}.answer-overlay.wrong{background:#ef444480;color:#ef4444}.question{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#ffffffe6}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:400px;margin:0 auto;width:100%}.option-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);padding:1.25rem 1rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.option-btn:hover:not(:disabled){background:#ffffff1a;border-color:#d4af3780;transform:scale(1.02)}.option-btn.correct{background:#22c55e33;border-color:#22c55e;color:#22c55e}.option-btn.disabled{opacity:.5}.game-finished{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.finish-content{text-align:center;max-width:400px;width:100%}.trophy{font-size:5rem;margin-bottom:1rem;animation:bounce 2s infinite}.finish-content h1{font-size:1.75rem;margin-bottom:1.5rem}.final-score{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.score-value{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#d4af37,#fff5d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:1rem;color:#ffffff80}.new-record{font-size:1.25rem;color:#d4af37;margin-bottom:1.5rem;animation:pulse 1s infinite}.results-summary{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.result-stat{padding:.5rem 1rem;border-radius:8px;font-weight:500}.result-stat.correct{background:#22c55e1a;color:#22c55e}.result-stat.wrong{background:#ef44441a;color:#ef4444}.results-list{background:#0003;border-radius:12px;padding:1rem;margin-bottom:2rem;max-height:200px;overflow-y:auto}.result-item{display:flex;gap:.75rem;padding:.5rem;font-size:.9rem}.result-item.correct span:first-child{color:#22c55e}.result-item.wrong span:first-child{color:#ef4444}.finish-actions{display:flex;flex-direction:column;gap:1rem}.play-again-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b5cf64d}.finish-actions .back-btn{background:none;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:50px;color:#fff9;cursor:pointer;transition:all .3s}.finish-actions .back-btn:hover{border-color:#fff6;color:#fff}.domino-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#0d1f12,#0a0a0f);color:#fff;padding-bottom:100px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.domino-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.domino-header .back-btn{background:#ffffff0d;border:none;color:#fff;font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.domino-header .back-btn:hover{background:#ffffff1a}.domino-header h1{font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sound-btn,.settings-btn{background:#ffffff0d;border:none;font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:12px;transition:all .2s}.sound-btn.off{opacity:.4}.settings-panel{background:#0006;padding:1rem 1.25rem;margin:.5rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-row span{font-size:.9rem;color:#fff9}.target-options{display:flex;gap:.5rem}.target-options button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s;font-weight:500}.target-options button.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.target-display{text-align:center;padding:.75rem;color:#fff6;font-size:.85rem}.target-display strong{color:#22c55e;font-size:1rem}.score-boards{display:flex;gap:.75rem;padding:0 1rem;align-items:stretch}.score-board{flex:1;background:#ffffff05;border:2px solid rgba(255,255,255,.06);border-radius:24px;padding:1.25rem 1rem;text-align:center;transition:all .3s;position:relative;overflow:hidden}.score-board:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--team-color, #22c55e);opacity:.5}.score-board.leading{border-color:var(--team-color, #22c55e);background:#ffffff08}.score-board.leading:before{opacity:1}.score-board.winner{border-color:#d4af37;background:#d4af370d;animation:winPulse 1s infinite alternate}.score-board.selected{border-color:var(--team-color);box-shadow:0 0 20px color-mix(in srgb,var(--team-color) 40%,transparent);transform:scale(1.02)}.score-board.selected:after{content:"✓";position:absolute;top:.5rem;right:.5rem;background:var(--team-color);color:#0a0a0f;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}@keyframes winPulse{0%{box-shadow:0 0 20px #d4af3733}to{box-shadow:0 0 40px #d4af3766}}.team-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.team-name{background:none;border:none;font-size:1rem;font-weight:600;color:#fff;text-align:center;width:auto;max-width:100px}.color-picker-btn{width:20px;height:20px;border-radius:50%;border:2px solid white;cursor:pointer;transition:transform .2s}.color-picker-btn:hover{transform:scale(1.2)}.color-options{display:flex;justify-content:center;gap:.4rem;margin-bottom:.5rem}.color-options button{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-options button.selected{border-color:#fff;transform:scale(1.1)}.score{font-size:4rem;font-weight:800;line-height:1;margin:.25rem 0;color:var(--team-color, #22c55e);text-shadow:0 0 30px var(--team-color, #22c55e);font-variant-numeric:tabular-nums}.pending-points{font-size:1.25rem;color:#fbbf24;margin-bottom:.5rem;animation:pendingPulse .8s infinite;font-weight:600}@keyframes pendingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin:.75rem 0;overflow:hidden}.progress-fill{height:100%;background:var(--team-color, #22c55e);border-radius:2px;transition:width .3s ease}.point-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.point-buttons button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem .4rem;border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s}.point-buttons button:hover:not(:disabled){background:var(--team-color, #22c55e);color:#000;transform:translateY(-2px)}.point-buttons button:active:not(:disabled){transform:translateY(0)}.point-buttons button:disabled{opacity:.3;cursor:not-allowed}.custom-input{display:flex;gap:.4rem;margin-top:.5rem}.custom-input input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;color:#fff;text-align:center;font-size:.9rem;font-weight:600;min-width:0}.custom-input input::placeholder{color:#ffffff4d}.custom-input input:focus{outline:none;border-color:var(--team-color, #22c55e)}.custom-input button{background:var(--team-color, #22c55e);border:none;border-radius:10px;color:#000;font-weight:700;font-size:1rem;padding:0 .75rem;cursor:pointer;transition:all .2s}.custom-input button:hover:not(:disabled){transform:scale(1.05)}.custom-input button:disabled{opacity:.3;cursor:not-allowed}.vs-divider{display:flex;align-items:center;justify-content:center}.vs-divider span{font-weight:700;color:#fff3;font-size:.8rem}.round-actions{display:flex;gap:.75rem;padding:1rem}.confirm-round-btn{flex:1;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;padding:1rem;border-radius:14px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e4d}.confirm-round-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.confirm-round-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.reset-round-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem 1.25rem;border-radius:14px;color:#fff9;font-size:1.1rem;cursor:pointer;transition:all .2s}.reset-round-btn:hover{background:#ffffff1a}.rounds-history{background:#0000004d;margin:0 1rem 1rem;border-radius:16px;padding:1rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header h3{font-size:.85rem;color:#ffffff80;font-weight:500}.undo-btn{background:none;border:1px solid rgba(255,255,255,.1);padding:.4rem .8rem;border-radius:8px;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .2s}.undo-btn:hover{border-color:#fff3;color:#fff}.rounds-list{display:flex;flex-wrap:wrap;gap:.5rem}.round-row{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#ffffff08;border-radius:8px;font-size:.85rem}.round-num{color:#ffffff4d;font-size:.7rem;font-weight:500}.round-row .highlight{font-weight:600}.separator{color:#fff3}.winner-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s}.winner-content{text-align:center;position:relative;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.confetti{position:absolute;inset:-100px;pointer-events:none}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.trophy-container{position:relative;margin-bottom:1.5rem}.trophy{font-size:6rem;animation:trophyBounce .6s ease-out}@keyframes trophyBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.glow{position:absolute;inset:0;border-radius:50%;filter:blur(40px);opacity:.5;animation:glowPulse 2s infinite}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.winner-content h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 20px currentColor}.final-score{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.final-score .dash{color:#ffffff4d;margin:0 .5rem}.new-game-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;padding:1rem 2.5rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #22c55e66;transition:all .3s}.new-game-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #22c55e80}.game-actions{padding:0 1rem}.reset-game-btn{width:100%;background:none;border:1px solid rgba(255,255,255,.1);padding:.9rem;border-radius:14px;color:#fff6;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-game-btn:hover{border-color:#ef44444d;color:#ef4444}.calculator-numpad{margin:1rem;background:#0006;border-radius:24px;padding:1.5rem;border:1px solid rgba(255,255,255,.08)}.calc-header{text-align:center;margin-bottom:1rem}.calc-title{font-size:1.8rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.selected-team-hint{display:block;font-size:.7rem;color:#fff6;margin-top:.25rem}.display-label{display:block;font-size:.85rem;color:#ffffff80;margin-bottom:.25rem}.calc-display{background:#00000080;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;margin-bottom:1rem;text-align:right;transition:border-color .3s}.display-value{font-size:2.5rem;font-weight:800;font-family:JetBrains Mono,Courier New,monospace;color:#fff;letter-spacing:2px}.numpad-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.numpad-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.25rem;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;transition:all .15s}.numpad-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.02)}.numpad-btn:active:not(:disabled){transform:scale(.98)}.numpad-btn:disabled{opacity:.3;cursor:not-allowed}.numpad-btn.clear{color:#ef4444}.numpad-btn.backspace{color:#fbbf24}.confirm-numpad-btn{width:100%;margin-top:.75rem;padding:1rem;border:none;border-radius:14px;font-size:1rem;font-weight:700;color:#0a0a0f;cursor:pointer;box-shadow:0 4px 15px #0000004d}@media(max-width:600px){.domino-screen{padding-bottom:120px}.domino-header{padding:.75rem 1rem}.domino-header h1{font-size:1.1rem}.back-btn,.sound-btn,.settings-btn{width:36px;height:36px;font-size:1rem}.score-boards{padding:0 .5rem;gap:.5rem}.score-board{padding:1rem .5rem;border-radius:16px}.team-name{font-size:.9rem;width:80px}.score{font-size:3rem}.point-buttons{grid-template-columns:repeat(2,1fr);gap:.3rem}.point-buttons button{padding:.5rem .2rem;font-size:.8rem}.round-actions{padding:.75rem}.confirm-round-btn{padding:.9rem;font-size:.95rem}.simple-numpad{padding:1rem;margin-top:.5rem}.numpad-display{font-size:.9rem}.numpad-value{font-size:2rem}.numpad-keys{gap:.4rem}.numpad-key{padding:.8rem;font-size:1.2rem;border-radius:10px}}@media(max-width:480px){.score-boards{flex-direction:column;gap:1rem}.vs-divider{transform:rotate(90deg);margin:.5rem 0}.score-board{padding:1.25rem}.score{font-size:3.5rem}.point-buttons{grid-template-columns:repeat(3,1fr)}}button{touch-action:manipulation}.confirm-numpad-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0006}.confirm-numpad-btn:disabled{opacity:.5;cursor:not-allowed}.simple-numpad{margin:1rem;background:#0000004d;border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.08)}.numpad-display{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0006;border-radius:12px;margin-bottom:.75rem}.numpad-team{font-size:.9rem;font-weight:600}.numpad-value{font-size:1.5rem;font-weight:800;color:#fff}.numpad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.numpad-key{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer;transition:all .15s}.numpad-key:hover:not(:disabled){background:#ffffff1a}.numpad-key:active:not(:disabled){transform:scale(.95)}.numpad-key:disabled{opacity:.3;cursor:not-allowed}.numpad-key.clear{color:#ef4444}.numpad-key.confirm{color:#0a0a0f;font-weight:800}.basket-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a0d0d,#0a0a0f);color:#fff;padding-bottom:80px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.basket-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.basket-header .back-btn{background:#ffffff0d;border:none;color:#fff;font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.basket-header h1{font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:.5rem}.basket-screen .sound-btn,.basket-screen .settings-btn{background:#ffffff0d;border:none;font-size:1.2rem;cursor:pointer;width:40px;height:40px;border-radius:12px}.basket-screen .sound-btn.off{opacity:.4}.basket-screen .settings-panel{background:#0006;padding:1rem;margin:.5rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.setting-group{margin-bottom:1rem}.setting-group:last-child{margin-bottom:0}.setting-group span{display:block;font-size:.8rem;color:#ffffff80;margin-bottom:.5rem}.mode-options{display:flex;gap:.5rem;flex-wrap:wrap}.mode-options button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem .75rem;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.mode-options button.active{background:#ea580c33;border-color:#ea580c;color:#ea580c}.game-info{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;flex-wrap:wrap}.quarter-badge{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:1rem}.timer{font-size:2.5rem;font-weight:800;font-family:JetBrains Mono,Courier New,monospace;color:#fff;letter-spacing:2px}.timer.warning{color:#ef4444;animation:timerBlink .5s infinite}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.5}}.timer-controls{display:flex;gap:.4rem}.timer-controls button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem .75rem;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.timer-controls button.play{background:#22c55e33;border-color:#22c55e;color:#22c55e}.timer-controls button.pause{background:#ea580c33;border-color:#ea580c;color:#ea580c}.timer-controls button:disabled{opacity:.3}.target-info{font-size:.9rem;color:#ffffff80;text-align:center}.target-info strong{color:#ea580c;font-size:1.1rem}.score-container{display:flex;gap:.5rem;padding:0 .75rem;align-items:stretch}.score-panel{flex:1;background:#ffffff05;border:2px solid rgba(255,255,255,.06);border-radius:20px;padding:1rem .75rem;text-align:center;transition:all .3s;min-width:0}.score-panel.team1{border-top:3px solid #ef4444}.score-panel.team2{border-top:3px solid #3b82f6}.score-panel.team1.leading{background:#ef44440d;border-color:#ef44444d}.score-panel.team2.leading{background:#3b82f60d;border-color:#3b82f64d}.score-panel .team-name{background:none;border:none;font-size:.95rem;font-weight:600;color:#fff;text-align:center;width:100%;margin-bottom:.25rem}.score-panel .score{font-size:3.5rem;font-weight:800;line-height:1;margin:.25rem 0;font-variant-numeric:tabular-nums}.team1 .score{color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.5)}.team2 .score{color:#3b82f6;text-shadow:0 0 30px rgba(59,130,246,.5)}.fouls-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0;font-size:.75rem;color:#ffffff80}.foul-dots{display:flex;gap:3px}.foul-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;transition:all .2s}.foul-dot.active{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.add-foul-btn{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.add-foul-btn:hover{background:#fbbf2433}.progress-to-win{height:4px;background:#ffffff1a;border-radius:2px;margin:.5rem 0;overflow:hidden}.progress-to-win .progress-fill{height:100%;background:#ea580c;border-radius:2px;transition:width .3s}.team1 .progress-to-win .progress-fill{background:#ef4444}.team2 .progress-to-win .progress-fill{background:#3b82f6}.score-buttons{display:flex;gap:.4rem;justify-content:center;margin-top:.5rem}.score-buttons button{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.7rem .5rem;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .15s}.team1 .score-buttons button:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-2px)}.team2 .score-buttons button:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px)}.score-buttons button:disabled{opacity:.3;cursor:not-allowed}.vs-center{display:flex;align-items:center;justify-content:center}.vs-center span{font-weight:700;color:#ffffff26;font-size:.8rem}.quarter-stats{margin:1rem .75rem;background:#0000004d;border-radius:14px;padding:.75rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.quarter-cell{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;background:#ffffff05;border-radius:10px;font-size:.8rem}.quarter-cell.current{background:#ea580c1a;border:1px solid rgba(234,88,12,.3)}.q-num{font-size:.65rem;color:#fff6;margin-bottom:.25rem}.quarter-cell .t1{color:#ef4444;font-weight:600}.quarter-cell .t2{color:#3b82f6;font-weight:600}.quarter-cell .dash{color:#fff3;font-size:.7rem}.basket-screen .game-actions{display:flex;gap:.75rem;padding:.75rem}.basket-screen .undo-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;border-radius:12px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .2s}.basket-screen .undo-btn:hover{background:#ffffff1a}.basket-screen .reset-btn{flex:1;background:none;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:12px;color:#fff6;font-size:.85rem;cursor:pointer;transition:all .2s}.basket-screen .reset-btn:hover{border-color:#ef44444d;color:#ef4444}.winner-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s}.winner-modal{text-align:center;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.winner-trophy{font-size:5rem;margin-bottom:1rem;animation:trophyPulse 1s infinite alternate}@keyframes trophyPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.winner-modal h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.winner-modal .team1-color{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.winner-modal .team2-color{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.5)}.final-score-display{font-size:2.5rem;font-weight:800;margin-bottom:2rem}.final-score-display .separator{color:#ffffff4d}.basket-screen .new-game-btn{background:linear-gradient(135deg,#ea580c,#f97316);border:none;padding:1rem 2.5rem;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ea580c66;transition:all .3s}.basket-screen .new-game-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #ea580c80}.ultimate-tictactoe-screen{min-height:100vh;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px 20px 80px}.game-header{width:100%;max-width:600px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-header h1{font-size:1.5rem;color:#d4af37;margin:0}.turn-indicator{background:#ffffff1a;padding:8px 16px;border-radius:20px;font-weight:700}.player-X{color:#3b82f6}.player-O{color:#ef4444}.game-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:500px;aspect-ratio:1;background:#333;padding:10px;border-radius:12px}.mini-board{background:#1a1a1a;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:8px;position:relative;transition:all .3s ease;border:2px solid transparent}.mini-board.active{background:#2a2a2a;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.mini-board.closed{opacity:.8}.cell{background:#262626;border:none;border-radius:4px;aspect-ratio:1;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}.mini-board.active .cell:not(:disabled):hover{background:#404040}.cell.X{color:#3b82f6}.cell.O{color:#ef4444}.cell:disabled{cursor:default}.cell.last-move{background:#d4af3733}.board-winner-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;z-index:10;border-radius:6px}.board-winner-overlay.X{color:#3b82f6}.board-winner-overlay.O{color:#ef4444}.board-winner-overlay.tie{color:#888;font-size:2rem}.game-toast{height:30px;margin-top:15px;color:#fc0;font-weight:700;text-align:center}.winner-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.winner-content{background:#1f1f1f;padding:40px;border-radius:20px;text-align:center;border:2px solid #D4AF37;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.winner-avatar{font-size:5rem;margin:20px 0}.reset-btn{background:#d4af37;color:#000;border:none;padding:12px 30px;border-radius:25px;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:20px;transition:transform .2s}.reset-btn:hover{transform:scale(1.05)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.game-board{gap:6px;padding:6px}.mini-board{gap:2px;padding:2px}.cell{font-size:.9rem}.game-header h1{font-size:1.2rem}}.battleship-screen{position:relative;min-height:100vh;background:#0f172a;color:#fff;padding:1rem;overflow-x:hidden}.water-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1e293b,#0f172a);opacity:.8;z-index:0;pointer-events:none}.water-bg:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-1.693l-.224-.051C81.859 2.056 80.392 1.768 78.956 1.48L77.38 0z' fill='%233b82f6' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");animation:wave 20s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.game-header{position:relative;z-index:10;display:flex;align-items:center;margin-bottom:2rem}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;margin-right:1rem;cursor:pointer}.game-content,.char-select-screen,.pass-screen,.game-over-screen{position:relative;z-index:10;max-width:500px;margin:0 auto}.char-select-screen h2,.char-select-screen h3{text-align:center;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.5)}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.char-card{background:#1e293bcc;border:1px solid #334155;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.char-card:active{transform:scale(.95);background:#334155}.char-avatar-lg{width:64px;height:64px;border-radius:50%;margin-bottom:.5rem;overflow:hidden;border:2px solid #38bdf8;background:#000}.char-avatar-lg img{width:100%;height:100%;object-fit:cover}.status-bar{display:flex;justify-content:space-between;align-items:center;background:#1e293be6;padding:.8rem 1.2rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000004d}.player-info{display:flex;align-items:center;gap:.8rem}.mini-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #38bdf8;overflow:hidden}.mini-avatar img{width:100%;height:100%;object-fit:cover}.phase{color:#94a3b8;font-size:.9rem;letter-spacing:1px;font-weight:600}.board-wrapper{position:relative;border:3px solid #334155;border-radius:8px;overflow:hidden;background:#0f172ae6;box-shadow:0 0 20px #38bdf833}.radar-scan{position:absolute;top:50%;left:50%;width:150%;height:150%;background:conic-gradient(from 0deg,transparent 0deg,rgba(56,189,248,.1) 60deg,rgba(56,189,248,.4) 90deg,transparent 91deg);border-radius:50%;transform:translate(-50%,-50%);animation:radar-spin 4s linear infinite;pointer-events:none;z-index:1}@keyframes radar-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.board-container{padding:2px;position:relative;z-index:2}.grid-labels{display:grid;grid-template-columns:20px repeat(8,1fr);gap:1px}.cell{aspect-ratio:1;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;background:#0ea5e91a}.cell.ship{background:#3b82f6;box-shadow:inset 0 0 10px #00000080}.cell.hit{background:#dc262699;animation:shake .5s}.cell.miss{background:#ffffff1a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.setup-controls{margin-top:1.5rem;background:#1e293be6;padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.rotate-btn{background:#0ea5e9;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.pass-screen,.game-over-screen{text-align:center;background:#1e293bf2;padding:2rem;border-radius:20px;border:1px solid #334155;margin-top:2rem}.pass-icon,.trophy{font-size:3rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.ready-btn,.restart-btn{background:#22c55e;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.2rem;font-weight:700;margin-top:1.5rem;cursor:pointer;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.winner-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #fbbf24;margin:0 auto 1.5rem;overflow:hidden}.winner-avatar img{width:100%;height:100%;object-fit:cover}.timeline-game-screen{min-height:100vh;background:linear-gradient(135deg,#475569,#0f172a);color:#fff;padding:20px 20px 80px;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background:#0003;border-radius:12px}.lives .heart{font-size:1.5rem;margin:0 2px;filter:drop-shadow(0 0 5px red);transition:opacity .3s}.lives .heart.empty{opacity:.3;filter:grayscale(1)}.score{font-size:1.2rem;font-weight:700;color:gold}.current-card-area{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.card-preview{background:#fff;color:#1e293b;padding:20px;border-radius:16px;width:280px;box-shadow:0 10px 25px #0000004d;border:4px solid #fff}.card-avatar.large{width:80px;height:80px;margin:0 auto 10px}.card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card-preview h4{margin:10px 0 5px;font-size:1.1rem}.hint{color:#64748b;font-size:.9rem;font-style:italic}.instruction{margin-top:10px;color:#cbd5e1;font-size:.9rem;animation:pulse 1.5s infinite}.timeline-container{display:flex;flex-direction:column;align-items:center;position:relative;padding:20px 0;gap:10px}.timeline-track{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff3;transform:translate(-50%);z-index:0}.gap-button{z-index:10;background:#3b82f6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 0 15px #3b82f680;transition:transform .2s,background .2s;border:3px solid rgba(255,255,255,.5)}.gap-button:hover{transform:scale(1.1);background:#2563eb}.gap-button:active{transform:scale(.95)}.timeline-node{z-index:5;background:#1e293b;border:2px solid #64748b;border-radius:12px;padding:10px;width:80%;max-width:300px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 6px #0003}.year-bubble{background:#0f172a;color:#e2e8f0;padding:5px 10px;border-radius:8px;font-weight:700;font-family:monospace;font-size:1.1rem}.node-content{display:flex;align-items:center;gap:10px;flex:1}.small-avatar{width:30px;height:30px;border-radius:50%;background:#334155;overflow:hidden}.small-avatar img{width:100%;height:100%}.node-name{font-size:.95rem;font-weight:500}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.shake-entrance{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.bounce-in{animation:bounceIn .5s}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.game-over,.victory{text-align:center;margin-top:50px;animation:bounceIn .5s}.game-over h1{color:#ef4444}.victory h1{color:#22c55e}.restart-btn{margin-top:20px;padding:12px 30px;background:#fff;color:#000;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer}.snake-game-screen{min-height:100vh;background:#0f172a;color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px 10px 80px}.game-header{width:100%;max-width:400px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scores{display:flex;gap:15px;font-family:monospace;font-size:1.2rem;font-weight:700}.high-score{color:gold}.canvas-container{position:relative;border:4px solid #334155;border-radius:8px;background:#1e293b;box-shadow:0 4px 6px #0000004d}.game-canvas{display:block;max-width:100%;height:auto}.snake-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center}.snake-overlay button{background:#22c55e;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:15px}.current-target{margin-top:10px;height:50px;display:flex;align-items:center;gap:10px}.target-img{width:40px;height:40px;border-radius:50%;border:2px solid white}.d-pad{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.d-pad button{width:60px;height:60px;background:#334155;border:none;border-radius:12px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #1e293b}.d-pad button:active{transform:translateY(4px);box-shadow:none}.d-pad-row{display:flex;gap:10px}@media(max-width:420px){.game-canvas{width:340px;height:340px}}.space-invaders-screen{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px 10px 80px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%;max-width:350px}.game-stats{text-align:right}.game-stats h3{margin:0;font-size:.9rem;color:#0ea5e9}.powerup-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#f59e0bcc;padding:.3rem .8rem;border-radius:20px;color:#000;font-weight:700;font-size:.9rem;animation:flash 1s infinite alternate}@keyframes flash{0%{opacity:.8}to{opacity:1;text-shadow:0 0 10px white}}.canvas-wrapper{position:relative;border:2px solid #333;margin-top:10px}.overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center}.overlay button{background:#0ea5e9;color:#fff;padding:15px 30px;border:none;font-size:1.2rem;font-weight:700;border-radius:8px;margin-top:20px}.instructions{color:#666;margin-top:10px;font-size:.9rem}.word-search-screen{min-height:100vh;padding:1rem;padding-bottom:100px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;align-items:center}.game-header{width:100%;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.word-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.word-list span{background:#ffffff0d;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;color:#9ca3af;transition:all .3s}.word-list span.found{background:#22c55e;color:#fff;transform:scale(1.1);box-shadow:0 0 10px #22c55e66}.grid-container{display:flex;flex-direction:column;gap:2px;background:#374151;padding:4px;border-radius:8px;touch-action:none;margin-bottom:2rem}.grid-row{display:flex;gap:2px}.grid-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1f2937;color:#e5e7eb;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;font-size:1.1rem}.grid-cell.selected{background:#f59e0b;color:#000}.new-game-btn{background:#f59e0b;color:#1a1a2e;border:none;padding:.75rem 2rem;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 6px -1px #0000004d}.found-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none}.found-card{background:#fffffff2;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #00000080;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.found-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto 1rem;border:4px solid #f59e0b}.found-avatar img{width:100%;height:100%;object-fit:cover}.found-card h2{color:#1a1a2e;margin:0;font-size:1.5rem}.fade-in{animation:fadeIn .3s ease}.compass-screen{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:80px}.compass-container{width:300px;height:300px;position:relative;border:4px solid #333;border-radius:50%;margin:40px 0}.compass-dial{position:absolute;inset:10px;border-radius:50%;border:1px dashed #666;transition:transform .1s}.marker{position:absolute;font-weight:700;font-size:1.5rem}.north{top:10px;left:50%;transform:translate(-50%);color:red}.south{bottom:10px;left:50%;transform:translate(-50%)}.east{right:10px;top:50%;transform:translateY(-50%)}.west{left:10px;top:50%;transform:translateY(-50%)}.static-needle{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:2rem;color:gold}.target-needle{position:absolute;top:50%;left:50%;font-size:3rem;margin-top:-1.5rem;margin-left:-1.5rem}.start-btn{padding:20px;font-size:1.2rem;background:#0ea5e9;color:#fff;border:none;border-radius:8px;z-index:10}.blackjack-screen{min-height:100vh;padding:1rem;padding-bottom:100px;background:linear-gradient(135deg,#064e3b,#022c22);color:#fff;display:flex;flex-direction:column}.blackjack-screen.lobby{justify-content:flex-start}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem;background:#0003;border-radius:12px}.header-info{display:flex;align-items:center;gap:1rem}.table-title{font-size:1.3rem;margin:0;color:#fbbf24}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.player-count{background:#047857;padding:.4rem .8rem;border-radius:20px;font-size:.9rem}.status-badge{padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:700}.status-waiting{background:#3b82f6}.status-playing{background:#22c55e;animation:pulse-status 1.5s infinite}.status-finished{background:#f59e0b}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.lobby-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-top:2rem;max-width:400px;margin-left:auto;margin-right:auto}.lobby-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;width:100%;text-align:center}.lobby-card h2{margin:0 0 .5rem;font-size:1.3rem;color:#fbbf24}.lobby-card p{margin:0 0 1rem;opacity:.7;font-size:.9rem}.lobby-divider{display:flex;align-items:center;width:100%;color:#fff6}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:#fff3}.lobby-divider span{padding:0 1rem}.join-form{display:flex;gap:.5rem}.table-input{flex:1;padding:.8rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#0000004d;color:#fff;font-size:1.1rem;text-align:center}.table-input:focus{outline:none;border-color:#fbbf24}.table-input::placeholder{color:#fff6}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-area{flex:1;display:flex;flex-direction:column;gap:1.5rem}.online-table{gap:2rem}.dealer-section{display:flex;justify-content:center}.dealer-hand{background:#0000004d;border-radius:16px;padding:1rem 2rem;border:2px solid rgba(255,215,0,.3)}.hand-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.8rem}.dealer-label{font-size:1.1rem;font-weight:700}.score-badge{background:#fbbf24;color:#000;padding:.2rem .6rem;border-radius:8px;font-weight:700;font-size:.9rem}.cards{display:flex;justify-content:center;gap:.5rem;min-height:100px}.card{width:65px;height:95px;background:#fff;color:#1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;box-shadow:0 4px 12px #0006;animation:dealCard .3s ease-out forwards;transform:translateY(-20px);opacity:0}@keyframes dealCard{to{transform:translateY(0);opacity:1}}.card.red{color:#dc2626}.card.hidden{background:linear-gradient(135deg,#991b1b,#7f1d1d);background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px);color:transparent;border:2px solid #fbbf24}.players-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.seat{width:150px;min-height:200px;border:2px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;transition:all .3s ease;padding:.5rem}.seat.occupied{border-style:solid;border-color:#ffffff4d;background:#0006}.seat.active-turn{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2466;animation:glowPulse 1.5s infinite}.seat.my-seat{border-color:#22c55e}.seat.my-seat.active-turn{border-color:#fbbf24;background:#22c55e1a}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #fbbf2466}50%{box-shadow:0 0 30px #fbbf2499}}.player-spot{width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem}.player-avatar{position:relative;width:45px;height:45px}.player-avatar img{width:100%;height:100%;border-radius:50%;border:2px solid #fbbf24;object-fit:cover}.bot-badge{position:absolute;bottom:-3px;right:-3px;font-size:.7rem;background:#1a1a1a;border-radius:50%;padding:2px}.name-tag{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.3rem}.you-badge{background:#22c55e;color:#fff;padding:.1rem .4rem;border-radius:6px;font-size:.65rem}.player-money{font-size:.8rem;color:#fbbf24}.player-hands{width:100%;display:flex;flex-direction:column;gap:.3rem}.hand-mini{background:#ffffff1a;border-radius:6px;padding:.4rem}.hand-bust{opacity:.5;background:#dc262633}.hand-stand{background:#22c55e33}.cards-mini{display:flex;justify-content:center;gap:3px;font-size:.8rem;margin-bottom:.2rem}.cards-mini span.red{color:#ef4444}.hand-info{display:flex;justify-content:space-between;font-size:.7rem}.hand-score{background:#fff3;padding:.1rem .4rem;border-radius:4px}.bet-mini{color:#fbbf24}.empty-seat-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}.seat-number{font-size:.8rem;opacity:.6;margin-bottom:.3rem}.empty-seat-actions button{padding:.4rem 1rem;font-size:.8rem;cursor:pointer;background:#0ea5e9cc;border:none;border-radius:6px;color:#fff;transition:all .2s}.empty-seat-actions button:hover{background:#0ea5e9;transform:scale(1.05)}.controls{margin-top:1rem;display:flex;justify-content:center}.deal-section{text-align:center}.action-btn{padding:.8rem 1.5rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.action-btn:active{transform:translateY(0)}.action-btn.hit{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.action-btn.stand{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn.deal{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1.1rem;padding:1rem 2rem}.action-btn.deal.pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%,to{box-shadow:0 4px 12px #22c55e66}50%{box-shadow:0 4px 25px #22c55eb3}}.action-btn.double{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.split{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.play-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.waiting-turn{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:1rem}.waiting-turn .spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-msg{color:#fff9;font-style:italic}.money{background:#047857;padding:.5rem 1rem;border-radius:20px;font-weight:700;color:#fbbf24}@media(max-width:480px){.players-grid{gap:.5rem}.seat{width:110px;min-height:160px}.card{width:50px;height:75px;font-size:1.1rem}.play-actions{gap:.4rem}.action-btn{padding:.6rem 1rem;font-size:.85rem}}.angelito-screen{min-height:100vh;background:linear-gradient(135deg,#1a0f0f,#4a0404);color:#fff;padding:20px 20px 100px;font-family:Outfit,sans-serif}.angelito-header{display:flex;align-items:center;margin-bottom:2rem;background:#0000004d;padding:1rem;border-radius:16px;border:1px solid rgba(212,175,55,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.angelito-header h1{flex:1;text-align:center;font-size:1.5rem;font-weight:700;color:#d4af37;margin:0;letter-spacing:1px}.back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff;opacity:.8}.create-btn{background:#d4af37;color:#1a0f0f;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #d4af3766}.exchanges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.exchange-card{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.exchange-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#d4af37}.exchange-card:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 10px 20px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header h3{margin:0;color:#fff;font-size:1.25rem}.status-badge{font-size:.75rem;padding:4px 10px;border-radius:999px;font-weight:600;text-transform:uppercase}.status-badge.open{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge.matched{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.exchange-info p{margin:.5rem 0;color:#ffffffb3;font-size:.95rem;display:flex;align-items:center;gap:.8rem}.exchange-detail{background:#0006;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #00000080;max-width:600px;margin:0 auto;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-header{text-align:center;margin-bottom:2rem}.detail-header h2{font-size:2rem;color:#d4af37;margin:0 0 10px}.budget-tag{background:#d4af371a;color:#d4af37;padding:6px 16px;border-radius:20px;display:inline-block;font-weight:600;border:1px solid rgba(212,175,55,.3);margin-bottom:1rem}.join-section{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px dashed rgba(255,255,255,.2)}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.7rem;font-weight:600;color:#ccc;font-size:.9rem}.form-select,.form-input,.form-textarea{width:100%;padding:1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:1rem}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.cta-btn{background:linear-gradient(135deg,#d4af37,#b49021);color:#000;width:100%;padding:1.2rem;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 15px #d4af374d;transition:all .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.cta-btn:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}.match-card{background:linear-gradient(135deg,#1e1e1e,#000);color:#fff;padding:2rem;border-radius:20px;text-align:center;margin-bottom:2rem;border:1px solid rgba(212,175,55,.2);position:relative;overflow:hidden}.match-card:after{content:"🎅";position:absolute;top:-10px;right:-10px;font-size:5rem;opacity:.1;transform:rotate(20deg)}.match-reveal{margin-top:1rem;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.match-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #D4AF37;object-fit:cover;margin-bottom:1rem;box-shadow:0 0 20px #d4af374d}.participants-list{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.participant-row{display:flex;align-items:center;padding:.8rem;gap:1rem;background:#ffffff08;margin-bottom:.5rem;border-radius:8px}.p-avatar{width:40px;height:40px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid rgba(255,255,255,.2);overflow:hidden}.p-name{font-weight:500;color:#eee}.game-member-selector{background:#0003;border-radius:12px;padding:1rem;max-height:60vh;display:flex;flex-direction:column}.selector-tools{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-input{flex:1;padding:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}.manual-add{display:flex;gap:.5rem}.manual-add input{padding:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;width:120px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.8rem;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem;flex:1}.member-card{background:#ffffff0d;border-radius:12px;padding:.8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative;text-align:center}.member-card:hover{background:#ffffff1a}.member-card.selected{border-color:#d4af37;background:#d4af371a}.member-photo{width:50px;height:50px;border-radius:50%;object-fit:cover}.member-initial{width:50px;height:50px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.member-name{font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.check-badge{position:absolute;top:-5px;right:-5px;background:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.selector-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.start-game-btn{background:#d4af37;color:#000;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;border:none;cursor:pointer}.start-game-btn:disabled{opacity:.5;cursor:not-allowed;background:#666}.impostor-game{padding:2rem;color:#fff;text-align:center;max-width:600px;margin:0 auto}.setup-phase,.reveal-phase,.finished-phase{background:#ffffff0d;padding:2rem;border-radius:12px;margin-top:1rem}.player-input{display:flex;gap:.5rem;margin-bottom:2rem}.player-input input{flex:1;padding:.8rem;border-radius:8px;border:none;background:#ffffff1a;color:#fff}.player-input button{background:#d4af37;border:none;color:#000;padding:0 1.5rem;border-radius:8px;font-weight:700;cursor:pointer}.player-list ul{list-style:none;padding:0;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.player-list li{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px}.start-btn{width:100%;padding:1rem;background:#ef4444;color:#fff;border:none;border-radius:12px;font-size:1.2rem;cursor:pointer}.start-btn:disabled{opacity:.5;cursor:not-allowed}.player-reveal-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.player-photo-wrapper{width:120px;height:120px;border-radius:50%;border:4px solid #D4AF37;overflow:hidden;margin-bottom:.5rem;box-shadow:0 0 20px #d4af374d}.player-photo-large{width:100%;height:100%;object-fit:cover}.player-initial-large{width:100%;height:100%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.role-card-revealed{width:100%;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #00000080;background:#000c;border:2px solid transparent}.role-card-revealed.impostor,.role-card-revealed.asesino{border-color:#ef4444;background:linear-gradient(to bottom right,#ef444433,#000000e6)}.role-card-revealed.tripulante,.role-card-revealed.pueblo{border-color:#22c55e;background:linear-gradient(to bottom right,#22c55e33,#000000e6)}.role-card-revealed.detective{border-color:#3b82f6}.role-card-revealed.doctor{border-color:#22c55e}.animate-pop{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.next-btn{width:100%;background:#d4af37;color:#000;font-weight:700;padding:1rem;border:none;border-radius:8px;margin-top:1.5rem;cursor:pointer;font-size:1.1rem;box-shadow:0 4px 6px #0000004d;transition:transform .1s}.next-btn:active{transform:scale(.98)}.reveal-btn{width:100%;background:#3b82f6;padding:1.5rem;border-radius:12px;color:#fff;font-size:1.3rem;border:none;cursor:pointer;box-shadow:0 4px 15px #3b82f666;transition:all .2s}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.reveal-phase b,.reveal-phase strong{color:#d4af37;font-size:1.1em}.basta-game{padding:2rem;color:#fff;text-align:center;max-width:600px;margin:0 auto;min-height:80vh;display:flex;flex-direction:column}.game-board{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.letter-display{font-size:8rem;font-weight:900;color:#d4af37;background:#ffffff0d;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:4px solid #D4AF37;box-shadow:0 0 30px #d4af374d;transition:transform .1s}.letter-display.spinning{animation:pulse .1s infinite}.timer-display{font-size:2rem;font-weight:700;font-family:monospace}.controls button{padding:1rem 3rem;border:none;border-radius:50px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .2s}.spin-btn{background:#3b82f6;color:#fff;box-shadow:0 4px 15px #3b82f666}.basta-btn{background:#ef4444;color:#fff;box-shadow:0 4px 15px #ef444466;animation:heartbeat 1.5s infinite}.controls button:active{transform:scale(.95)}.categories-hint{background:#ffffff0d;padding:1.5rem;border-radius:12px;width:100%}.categories-hint ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.categories-hint li{padding:.5rem;background:#ffffff1a;border-radius:4px}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}:root{--gold: #D4AF37;--gold-light: #E8C547;--gold-dark: #B8962E;--bg-dark: #0A0A0F;--bg-dark-secondary: #1a1a2e;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--bg-overlay: rgba(0, 0, 0, .85);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--border-light: rgba(255, 255, 255, .1);--border-gold: rgba(212, 175, 55, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px;--color-1: #DC2626;--color-2: #EA580C;--color-3: #D97706;--color-4: #CA8A04;--color-5: #65A30D;--color-6: #16A34A;--color-7: #0D9488;--color-8: #0891B2;--color-9: #2563EB;--color-10: #7C3AED;--color-11: #C026D3;--color-12: #DB2777;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 20px rgba(212, 175, 55, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.text-gold{color:var(--gold)}.font-playfair{font-family:Playfair Display,serif}.font-dancing{font-family:Dancing Script,cursive}.demo-ribbon{position:fixed;top:20px;right:-35px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:8px 40px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transform:rotate(45deg);z-index:1000;box-shadow:0 4px 15px #0006}.btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,var(--gold),#B8962E);color:#1a1a2e;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #d4af3766}.btn-secondary{width:100%;padding:.8rem;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;color:#fff}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s ease}.back-btn:hover{background:#fff3}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,#1e1e32f2,#141423fa);border-radius:24px;padding:2rem;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(212,175,55,.3);box-shadow:0 25px 80px #0009,0 0 40px #d4af371a;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.form-input,.form-select{width:100%;padding:.9rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--gold);background:#ffffff1f;box-shadow:0 0 20px #d4af3733}.tree-person{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-card);border-radius:16px;border:2px solid transparent;transition:all .3s ease;min-width:90px;cursor:pointer}.tree-person:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 10px 30px #d4af3733}.tree-person-avatar{width:60px;height:60px;border-radius:50%;border:3px solid;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff1a;overflow:hidden}.tree-person-avatar img{width:100%;height:100%;object-fit:cover}.tree-person-name{font-size:.75rem;font-weight:600;text-align:center;margin-bottom:.2rem}.tree-person-date{font-size:.65rem;color:var(--text-secondary)}.tree-person-relation{font-size:.6rem;color:var(--gold);margin-top:.3rem;text-transform:uppercase}