*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1c1e;color:#f5f5f7;font-family:Roboto,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;margin:0;overscroll-behavior-x:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1c1c1e;--secondary-color:gold;--text-color:#f5f5f7;--accent-color:gold;--error-color:#ff6b6b;--success-color:#51cf66;--warning-color:#fcc419;--info-color:#339af0;--secondary-text-color:#a1a1aa;--secondary-accent-color:#00b8d9;--card-background:#2a2a2e;--gold:gold;--gold-dark:#e6b800;--gold-glow:#ffd7004d;--bg-dark:#0a0a0a;--bg-elevated:#1e293b;--bg-card:#ffffff0a;--border-subtle:#ffffff14;--border-gold:#ffd70033;--text-primary:#f5f5f7;--text-secondary:#94a3b8;--text-muted:#64748b;--bonus-purple:#7c3aed;--bonus-pink:#ec4899;--notification-red:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-section:2rem;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-smooth:0.3s cubic-bezier(0.22,1,0.36,1);--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-header:1000;--z-backdrop:1050;--z-mobile-menu:1100;--z-burger:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #0000004d;--shadow-gold:0 4px 16px #ffd70033;--shadow-gold-lg:0 8px 32px #ffd7004d;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem}.btn-primary{align-items:center;background:linear-gradient(135deg,gold,#e6b800);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #ffd70033;color:#181818;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.65rem 1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 4px 16px #ffd70059;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{align-items:center;background:#0000;border:1.5px solid #ffd70066;border-radius:12px;border-radius:var(--radius-md);color:gold;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#ffd7001a;border-color:gold;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{align-items:center;background:#ef444426;border:1px solid #ef444459;border-radius:12px;border-radius:var(--radius-md);color:#fecaca;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.btn-danger:hover{background:#ef444440;border-color:#ef44448c;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.card{background:linear-gradient(135deg,#23233b,#18181c);border:1px solid #ffd7001f;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #0003;padding:1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:#ffd70040;box-shadow:0 8px 24px #ffd7001f;transform:translateY(-4px)}.card-flat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;border-radius:var(--radius-md);padding:1.25rem}.section-gap{margin-bottom:2rem;margin-bottom:var(--spacing-section)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffd70059}:focus-visible{outline:2px solid #ffd70080;outline-offset:2px}html{scroll-behavior:smooth}.mobile-nav-item,.nav-item,.nf-filter-pill,.wallet-pill-tab,button{-webkit-user-select:none;user-select:none}a,button{-webkit-tap-highlight-color:rgba(255,215,0,.1)}@media (max-width:768px){.cta-button,.fdn-cta,.fdn-preset,.hp-btn,.learn-hero-btn,.nf-filter-pill,.ob-action-btn,.ob-choice,.ob-next,.play-now-btn,.wallet-pill-tab,.watch-now-btn,a.earn-button-modern,button{min-height:44px}}.error-banner{align-items:center;background:#ef444414;border:1px solid #ef444440;border-radius:12px;border-radius:var(--radius-md);color:#fca5a5;display:flex;font-size:.9rem;font-weight:600;gap:10px;margin-bottom:16px;padding:12px 16px}.error-banner-icon{flex-shrink:0;font-size:1.2rem}.skeleton-pulse{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-title{color:#f0f0f0;font-size:1.2rem;font-weight:800;letter-spacing:.3px;margin:0 0 14px}.page-section{margin-bottom:2rem;margin-bottom:var(--spacing-section)}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.text-truncate-3{-webkit-line-clamp:3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes coinFly{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-60vh) scale(.3) rotate(1turn)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes earnGlow{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.anim-fade-in{animation:fadeIn .3s ease}.anim-fade-in-up{animation:fadeInUp .4s ease}.anim-fade-in-down{animation:fadeInDown .4s ease}.anim-slide-up{animation:slideUp .4s cubic-bezier(.22,1,.36,1)}.anim-scale-in{animation:scaleIn .3s ease}.anim-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-spin{animation:spin .8s linear infinite}.anim-bounce{animation:bounce 1s ease-in-out infinite}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:200px 100%;border-radius:8px;border-radius:var(--radius-sm,8px)}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.sm{height:10px;width:60%}.skeleton-text.md{height:14px;width:80%}.skeleton-text.lg{height:18px;width:100%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-card{height:200px;margin-bottom:16px}.skeleton-card,.skeleton-thumbnail{border-radius:12px;border-radius:var(--radius-md,12px)}.skeleton-thumbnail{aspect-ratio:16/9;width:100%}.touch-target{align-items:center;display:inline-flex;justify-content:center;min-height:48px;min-width:48px}.skip-to-content{background:gold;border-radius:0 0 8px 8px;color:#181818;font-weight:700;left:50%;padding:.75rem 1.5rem;position:absolute;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top .2s;z-index:100000}.skip-to-content:focus{top:0}[class*=w3m-modal],[class*=wcm-modal],appkit-modal,w3m-modal,wcm-modal{z-index:2147483647!important}.App{background-color:var(--primary-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:calc(70px + 1.5rem) 2rem 2rem;width:100%}.main-content.feed-active{margin:0;max-width:none;padding:0}.footer{background-color:var(--card-background);border-top:3px solid var(--secondary-color);color:var(--text-color);contain:layout style;min-height:180px;padding:2rem 1.5rem 1.5rem;text-align:center}.footer-content{gap:2rem;margin:0 auto;max-width:1200px}.footer-brand,.footer-content{align-items:center;display:flex;flex-direction:column}.footer-brand{gap:.35rem;text-align:center}.motto-eq{font-size:1.6rem;margin:-.2rem 0}.footer-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;max-width:600px;text-align:center;width:100%}.footer-col{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-col-title{color:var(--secondary-color);font-size:.85rem;font-weight:700;letter-spacing:1px;margin:0 0 .25rem;text-transform:uppercase}.footer-bottom{border-top:1px solid #ffd7001a;margin-top:1.5rem;padding-top:1rem;text-align:center}.footer p{margin:0}.motto{color:var(--secondary-color);font-weight:900;letter-spacing:2px;text-shadow:0 0 12px #ffd70066,0 0 24px #ffd70026}.footer-links{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#fffc;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--secondary-color)}.footer-social{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.footer-social-placeholder{color:#fff6;cursor:default}.footer-social-link,.footer-social-placeholder{border:1px solid #ffd70033;border-radius:6px;font-size:.82rem;font-weight:600;padding:.3rem .8rem}.footer-social-link{color:#ffffffbf;text-decoration:none;transition:color .2s,border-color .2s}.footer-social-link:hover{border-color:#ffd70066;color:var(--secondary-color)}.footer-credits{color:#ffffffb3;font-size:.85rem;text-align:center}.footer-copyright{color:#ffffffa6;font-size:.8rem}@media (max-width:768px){.main-content{max-width:100%;padding:calc(60px + .75rem) .75rem .75rem}.footer{padding:1.5rem 1rem calc(1rem + 60px + env(safe-area-inset-bottom, 0px))}.footer-columns{gap:1rem;grid-template-columns:1fr 1fr 1fr;text-align:center}.footer-links{gap:.4rem}.footer-links a{font-size:.82rem}.motto{font-size:1.1rem}}@supports (padding-top:env(safe-area-inset-top)){.main-content{padding-top:calc(70px + 1.5rem + env(safe-area-inset-top))}@media (max-width:768px){.main-content{padding-top:calc(60px + .75rem + env(safe-area-inset-top))}.footer{padding-bottom:calc(1rem + 60px + env(safe-area-inset-bottom, 0px))}}}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:12px;max-width:400px;position:fixed;right:20px;z-index:9999}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;box-shadow:0 8px 32px #0006;cursor:pointer;min-width:300px;overflow:hidden;padding:16px;position:relative}.toast:hover{box-shadow:0 12px 40px #00000080;transform:translateY(-2px)}.toast-success{background:linear-gradient(135deg,#1a1a2e,#0f172a);border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-error,.toast-warning{background:linear-gradient(135deg,#1a1a2e,#1f2937)}.toast-warning{border-left:4px solid #f59e0b}.toast-info{background:linear-gradient(135deg,#1a1a2e,#0f172a);border-left:4px solid #3b82f6}.toast-header{align-items:flex-start;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:20px;margin-top:2px}.toast-content{flex:1 1;min-width:0}.toast-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{word-wrap:break-word;color:#9ca3af;font-size:13px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-progress{background:linear-gradient(90deg,#4a9eff,#3b82f6);border-radius:0 0 12px 12px;bottom:0;height:3px;left:0;position:absolute}.toast-success .toast-progress{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress{background:linear-gradient(90deg,#3b82f6,#2563eb)}@media (max-width:768px){.toast-container{bottom:10px;left:10px;max-width:none;right:10px}.toast{min-width:auto;width:100%}}.toast-success{animation:toastGlow 2s ease-in-out infinite alternate}.toast-error{animation:toastShake .5s ease-in-out}@keyframes toastGlow{0%{box-shadow:0 8px 32px #10b98133}to{box-shadow:0 8px 32px #10b98166}}@keyframes toastShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 0;position:fixed;right:0;top:0;z-index:10000}.auth-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a;flex-shrink:0;margin:auto;max-width:450px;padding:2.5rem;position:relative;width:90%}.auth-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.auth-modal-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.auth-modal-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem}.auth-modal-tabs button{background:none;border:none;color:#888;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem 0;position:relative;transition:color .2s ease}.auth-modal-tabs button:hover{color:#ccc}.auth-modal-tabs button.tab-active{color:gold}.auth-modal-tabs button.tab-active:after{background:linear-gradient(90deg,gold,orange);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.auth-modal-form{display:flex;flex-direction:column;gap:1.25rem}.auth-modal-form input{background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease}.auth-modal-form input:focus{background-color:#ffffff14;border-color:gold;box-shadow:0 0 0 4px #ffd7001a;outline:none}.auth-modal-form input::placeholder{color:#666}.auth-modal-form input:invalid{border-color:#ff634780}.auth-error{animation:shake .3s ease-in-out;background-color:#dc354526;border:1px solid #dc354566;border-radius:12px;color:#ff6b6b;font-size:.95rem;padding:1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-success{animation:slideDown .3s ease-out;background-color:#28a74526;border:1px solid #28a74566;border-radius:12px;color:#51cf66;font-size:.95rem;padding:1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-submit-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;padding:1rem;text-transform:uppercase;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-info-banner{align-items:center;background-color:#64b5f61a;border:1px solid #64b5f64d;border-radius:8px;color:#90caf9;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.auth-info-icon{flex-shrink:0;font-size:1rem}.auth-info-text{line-height:1.4}.auth-info-link{color:#64b5f6;font-weight:600;text-decoration:underline;transition:color .2s ease}.beta-notice{background:linear-gradient(135deg,#ffd70026,#ffa50026);border:2px solid #ffd70066;border-radius:12px;margin-bottom:1rem;padding:1rem;text-align:center}.beta-notice strong{color:gold;display:block;font-size:1.1rem;margin-bottom:.5rem}.beta-notice p{color:orange;font-size:.9rem;line-height:1.4;margin:0}.auth-info-link:hover{color:#fff}.auth-divider-line{align-items:center;display:flex;gap:1rem;margin:.25rem 0}.auth-divider-line span{color:#666;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.auth-divider-line:after,.auth-divider-line:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.pi-login-btn{align-items:center;background:linear-gradient(135deg,#7b2ff2,#9945ff);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.3px;padding:1rem;transition:all .3s ease}.pi-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #7b2ff266;transform:translateY(-2px)}.pi-login-btn:active:not(:disabled){transform:translateY(0)}.pi-login-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pi-auth-status{animation:fadeIn .2s ease;background:#7b2ff21a;border:1px solid #7b2ff24d;border-radius:8px;color:#c4a5ff;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;padding:.75rem}.pi-auth-step{color:#d8b4fe;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}.pi-auth-detail{color:#a78bfa;font-size:.75rem;line-height:1.4;word-break:break-word}.pi-auth-elapsed{color:#7c3aed;font-size:.7rem;font-weight:600}@media (max-width:480px){.auth-modal-overlay{padding:20px 0}.auth-modal-content{padding:1.5rem 1.25rem;width:95%}.auth-modal-tabs button{font-size:1rem;padding:.75rem 0}.auth-modal-form input{padding:.875rem}.auth-submit-btn{font-size:1rem;padding:.875rem}}.auth-remember-me{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;gap:8px;margin:-4px 0 4px}.auth-remember-me input[type=checkbox]{accent-color:gold;cursor:pointer;height:16px;width:16px}.auth-remember-me span{-webkit-user-select:none;user-select:none}.notif-bell-btn,.notif-bell-wrapper{position:relative}.notif-bell-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.notif-bell-btn:hover{background:#ffffff1a;color:#fff}.notif-bell-badge{align-items:center;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:.55rem;font-weight:800;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-dropdown{animation:dropdownIn .2s ease;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:12px 16px}.notif-dropdown-title{color:#fff;font-size:.95rem;font-weight:700}.notif-header-actions{align-items:center;display:flex;gap:12px}.notif-clear-all,.notif-mark-all{background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:600}.notif-mark-all{color:gold}.notif-clear-all{color:#ef4444}.notif-clear-all:hover,.notif-mark-all:hover{text-decoration:underline}.notif-dropdown-list{max-height:360px;overflow-y:auto}.notif-empty,.notif-loading{color:#64748b;font-size:.85rem;padding:24px 16px;text-align:center}.notif-item{align-items:flex-start;background:none;border:none;border-bottom:1px solid #ffffff0a;display:flex;gap:0;padding:0;position:relative;text-align:left;transition:background .15s ease;width:100%}.notif-item:hover{background:#ffffff0d}.notif-item-main{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0;padding:10px 16px;text-align:left}.notif-item-dismiss,.notif-item-main{background:none;border:none;cursor:pointer}.notif-item-dismiss{color:#64748b;flex-shrink:0;font-size:1.1rem;line-height:1;padding:10px 10px 10px 4px;transition:color .15s}.notif-item-dismiss:hover{color:#ef4444}.notif-item.unread{background:#ffd7000d}.notif-item.unread:before{background:gold;border-radius:50%;content:"";height:6px;left:6px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notif-item-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.notif-item-content{flex:1 1;min-width:0}.notif-item-title{color:#e2e8f0;font-size:.8rem;font-weight:600;line-height:1.3}.notif-item-body{color:#94a3b8;font-size:.72rem;line-height:1.3;margin-top:2px}.notif-item-time{color:#64748b;flex-shrink:0;font-size:.65rem;margin-top:2px}.notif-dropdown-footer{background:none;border:none;border-top:1px solid #ffffff14;color:gold;cursor:pointer;display:block;font-size:.8rem;font-weight:600;padding:10px;text-align:center;transition:background .15s;width:100%}.notif-dropdown-footer:hover{background:#ffd70014}@media (max-width:768px){.notif-dropdown{display:none}}.header-v2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #ffd7001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-v2.scrolled{background:#0f172af2;box-shadow:0 4px 24px #0000004d}.header-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 1.5rem}.logo-balance-group{flex-shrink:0}.logo-balance-group,.logo-section{align-items:center;display:flex;gap:.75rem}.logo-section{text-decoration:none;transition:transform .3s ease}.logo-section:hover{transform:scale(1.05)}.logo-circle{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 12px #ffd70066;color:#0f172a;display:flex;font-size:1.1rem;font-weight:900;height:50px;justify-content:center;width:50px}.logo-text{color:gold;font-size:1.3rem;font-weight:700;white-space:nowrap}.desktop-nav{flex:1 1;gap:.5rem;justify-content:center}.desktop-nav,.nav-item{align-items:center;display:flex}.nav-item{background:#0000;border:none;border-radius:12px;color:#cbd5e1;cursor:pointer;font-size:.88rem;font-size:1rem;font-weight:500;gap:.35rem;padding:.6rem .75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background:#ffd7001a;color:gold;transform:translateY(-2px)}.nav-item.active{background:#ffd70026;color:gold}.nav-icon{font-size:1.2rem}.nav-dropdown{position:relative}.dropdown-trigger{align-items:center;display:flex;gap:.5rem}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #ffd70033;border-radius:12px;box-shadow:0 8px 24px #0000004d;left:0;min-width:180px;opacity:0;padding:.5rem;position:absolute;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.nav-dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;border-radius:8px;color:#cbd5e1;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.dropdown-item:hover{background:#ffd7001a;color:gold}.user-section{align-items:center;display:flex;flex-shrink:0;gap:.5rem;min-height:36px;min-width:80px}.user-status{color:#94a3b8;font-size:.9rem}.user-greeting{color:#e2e8f0;font-weight:600;white-space:nowrap}.btn-auth,.btn-signout{border:none;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem .9rem;transition:all .3s ease;white-space:nowrap}.btn-signout{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.btn-signout:hover:not(:disabled){background:#ef444433;transform:translateY(-2px)}.btn-signout:disabled{cursor:not-allowed;opacity:.5}.btn-auth{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd7004d;color:#0f172a}.btn-auth:hover{box-shadow:0 6px 16px #ffd70066;transform:translateY(-2px)}.btn-signout-mobile{display:none}.burger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1200}.burger-menu span{background:gold;border-radius:3px;height:3px;transition:all .3s ease;width:25px}.burger-menu.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-backdrop{animation:fadeIn .2s ease;background:#0009;inset:0;position:fixed;z-index:1050}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172afa;box-shadow:-4px 0 24px #0000004d;height:100vh;max-width:350px;overflow-y:auto;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1100}.mobile-menu.open{right:0}.mobile-nav{padding:1.5rem}.mobile-nav-item{align-items:center;border-radius:12px;color:#cbd5e1;display:flex;font-size:1.1rem;font-weight:500;gap:1rem;margin-bottom:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.mobile-nav-item.active,.mobile-nav-item:hover{background:#ffd7001a;color:gold}.mobile-section-divider{color:#94a3b8;font-size:.85rem;font-weight:700;letter-spacing:1px;margin:1.5rem 0 1rem;padding:.5rem 1.5rem;text-transform:uppercase}.mobile-user-section{border-top:1px solid #ffd7001a;margin-top:2rem;padding-top:1.5rem}.mobile-user-info{align-items:center;background:#ffd7000d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem}.user-avatar{font-size:2rem}.user-name{color:#e2e8f0;font-size:1.1rem;font-weight:600}.btn-auth.mobile,.btn-signout.mobile{font-size:1.1rem;padding:1rem;width:100%}.game-sidebar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border-right:1px solid #ffd70033;box-shadow:2px 0 12px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;padding:1rem 0;position:fixed;top:0;width:50px;z-index:200}@media (max-width:768px){.game-sidebar{display:none}}.game-logo{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;color:#0f172a;display:flex;font-size:.9rem;font-weight:900;height:38px;justify-content:center;margin-bottom:1.5rem;text-decoration:none;transition:all .3s ease;width:38px}.game-logo:hover{box-shadow:0 4px 12px #ffd70066;transform:scale(1.1)}.game-nav{align-items:center;display:flex;flex-direction:column;gap:1rem}.game-nav a{border-radius:8px;font-size:1.5rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.game-nav a:hover{background:#ffd7001a;transform:scale(1.1)}@media (max-width:1280px){.logo-text{display:none}.nav-item{font-size:.82rem;gap:.25rem;padding:.5rem .6rem}.desktop-nav{gap:.15rem}}@media (max-width:1024px){.desktop-nav{gap:.1rem}.nav-item{font-size:.78rem;padding:.45rem .5rem}}@media (max-width:768px){.desktop-nav,.user-section .user-greeting{display:none}.burger-menu{display:flex}.btn-signout-desktop{display:none!important}.btn-signout-mobile{display:inline-flex!important}.lang-switcher-wrap{display:none}.logo-balance-group{align-items:center;flex-direction:column;gap:2px}.logo-balance-group .header-qtt-balance{font-size:.7rem;padding:2px 8px}.logo-balance-group .qtt-coin{font-size:.65rem}.logo-balance-group .qtt-amount{font-size:.7rem}.logo-balance-group .qtt-label{font-size:.55rem}.user-section .btn-signout{border-radius:8px;font-size:.7rem;padding:.4rem .6rem}.user-section{gap:.35rem;margin-right:3rem}.header-container{padding:.75rem 1rem}.logo-circle{font-size:.9rem;height:38px;width:38px}.App{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}}@media (max-width:480px){.user-section .btn-auth{font-size:.75rem;padding:.4rem .6rem}.user-section .btn-signout{font-size:.65rem;padding:.3rem .5rem;white-space:nowrap}.header-container{gap:.35rem;padding:.6rem .75rem}.logo-circle{font-size:.8rem;height:34px;width:34px}.logo-balance-group{gap:1px}.logo-balance-group .header-qtt-balance{padding:1px 6px}.mobile-menu{width:90%}.mobile-nav-item{font-size:1rem;padding:.75rem 1rem}}@media (display-mode:standalone){.header-v2{padding-top:env(safe-area-inset-top,0)}}@supports (padding-top:env(safe-area-inset-top)){.header-v2{padding-top:env(safe-area-inset-top)}.mobile-menu{padding-top:calc(80px + env(safe-area-inset-top))}}@media (max-width:768px){.header-v2.feed-mode{display:none}}.header-qtt-balance{align-items:center;background:#ffd7001a;border:1px solid #ffd70040;border-radius:24px;cursor:pointer;display:flex;flex-shrink:0;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s ease}.header-qtt-balance:hover{background:#ffd7002e;border-color:#ffd70066;transform:scale(1.02)}.qtt-coin{font-size:.75rem}.qtt-amount{font-feature-settings:"tnum";color:gold;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700}.qtt-label{color:#ffd700b3;font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (min-width:769px){.header-qtt-balance{gap:6px;padding:6px 14px}.qtt-amount,.qtt-coin{font-size:.9rem}.qtt-label{font-size:.65rem}}.header-notif-btn{display:none}@media (min-width:769px){.header-notif-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.header-notif-btn:hover{background:#ffffff1a;color:#fff}.header-notif-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:.5rem;font-weight:800;height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 3px;position:absolute;right:2px;top:2px}}.btn-lang-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:5px 10px;transition:background .2s}.btn-lang-toggle:hover{background:#ffffff1f}.lang-code{letter-spacing:.05em;text-transform:uppercase}.lang-dropdown{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 8px 24px #00000080;min-width:140px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:1001}.lang-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:8px;padding:8px 12px;width:100%}.lang-option:hover{background:#ffffff14}.lang-option.active{background:#6c63ff;background:var(--accent,#6c63ff);color:#fff;font-weight:700}.mobile-lang-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 16px}.mobile-lang-btn{background:#ffffff14;border:1px solid #fff3;border-radius:20px;color:#e2e8f0;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.mobile-lang-btn:hover{background:#ffffff1a}.mobile-lang-btn.active{background:#6c63ff;background:var(--accent,#6c63ff);border-color:#6c63ff;border-color:var(--accent,#6c63ff);color:#fff;font-weight:700}.auth-gate-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.auth-gate-spinner{animation:auth-gate-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:gold;height:48px;width:48px}.auth-gate-text{color:#666;font-size:14px;margin:0}@keyframes auth-gate-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.softgate-page{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:40px 20px}.softgate-page-content{max-width:480px;text-align:center}.softgate-icon{display:block;font-size:48px;margin-bottom:16px}.softgate-title{color:gold;font-size:28px;font-weight:700;margin:0 0 12px}.softgate-desc{color:#bbb;font-size:16px;line-height:1.6;margin:0 0 28px}.softgate-cta{background:linear-gradient(135deg,gold,#ffb800);border:none;border-radius:12px;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;letter-spacing:.3px;padding:14px 36px;transition:transform .15s,box-shadow .15s}.softgate-cta:hover{box-shadow:0 4px 20px #ffd7004d;transform:scale(1.04)}.softgate-login-link{color:#888;font-size:14px;margin-top:16px}.softgate-link-btn{background:none;border:none;color:gold;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.softgate-overlay-wrapper{min-height:60vh;position:relative}.softgate-blurred-content{filter:blur(6px) brightness(.5);max-height:100vh;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.softgate-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:60px 20px 20px;position:absolute;z-index:100}.softgate-overlay-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c1ef2;border:1px solid #ffd70033;border-radius:20px;box-shadow:0 8px 40px #00000080;max-width:420px;padding:40px 32px;position:relative;text-align:center;width:100%}.softgate-dismiss{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:36px}.softgate-dismiss:hover{background:#ffffff26;color:#fff}.softgate-floating-banner{align-items:center;animation:softgate-slide-in .4s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1c1eeb;border:1px solid #ffd70059;border-radius:14px;box-shadow:0 4px 24px #00000080;cursor:pointer;display:flex;gap:14px;left:50%;max-width:90vw;padding:10px 20px;position:fixed;top:70px;transform:translateX(-50%);z-index:9000}.softgate-floating-banner span{color:gold;font-size:14px;font-weight:600;white-space:nowrap}.softgate-floating-cta{background:linear-gradient(135deg,gold,#ffb800);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:13px;font-weight:700;padding:7px 18px;transition:transform .1s;white-space:nowrap}.softgate-floating-cta:hover{transform:scale(1.05)}@keyframes softgate-slide-in{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:600px){.softgate-title{font-size:22px}.softgate-desc{font-size:14px}.softgate-cta{font-size:15px;padding:12px 28px}.softgate-overlay-card{padding:28px 20px}.softgate-icon{font-size:36px}.softgate-floating-banner{gap:10px;padding:8px 14px;top:56px}.softgate-floating-banner span{font-size:12px}.softgate-floating-cta{font-size:12px;padding:6px 14px}}.bottom-tab-bar{display:none}@media (max-width:768px){.bottom-tab-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0a0afa;border-top:1px solid #ffffff14;bottom:0;height:calc(56px + env(safe-area-inset-bottom, 0px));justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:900}.bottom-tab,.bottom-tab-bar{align-items:center;display:flex}.bottom-tab{-webkit-tap-highlight-color:transparent;color:#9ca3af;flex:1 1;flex-direction:column;gap:1px;justify-content:center;min-height:48px;padding:4px 0;position:relative;text-decoration:none;transition:color .2s ease}.bottom-tab.active{color:#fff}.bottom-tab-icon{align-items:center;display:flex;height:28px;justify-content:center;position:relative;width:28px}.bottom-tab-icon svg{stroke:currentColor}.bottom-tab-label{font-size:.6rem;font-weight:500;letter-spacing:.2px;line-height:1;margin-top:1px}.bottom-tab.active .bottom-tab-label{font-weight:700}.bottom-tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.55rem;font-weight:800;height:16px;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-10px;top:-4px}.bottom-tab-badge,.bottom-tab-create{align-items:center;display:flex;justify-content:center}.bottom-tab-create{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#25f4ee,#fe2c55);border:none;border-radius:8px;cursor:pointer;flex-shrink:0;height:32px;transition:transform .2s,opacity .2s;width:44px}.bottom-tab-create:hover{transform:scale(1.05)}.bottom-tab-create:active{opacity:.9;transform:scale(.95)}}@media (display-mode:standalone){.bottom-tab-bar{padding-bottom:env(safe-area-inset-bottom,0)}}.easter-egg-container{align-items:center;animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#1a1a2ef2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.easter-egg-content{animation:pulseGlow 2s infinite alternate,floatIn 1s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border:3px solid gold;border-radius:16px;box-shadow:0 0 30px #ffd70080,0 0 60px #ffd7004d,inset 0 0 20px #ffd7001a;max-width:700px;padding:3rem 2rem;text-align:center}.easter-egg-notification{animation:zoomIn .5s ease-out}.easter-egg-title{color:gold;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 20px #ffd70080;text-transform:uppercase}.konami-sequence{animation:rainbow 3s linear infinite;color:orange;font-size:3rem;letter-spacing:8px;margin:1.5rem 0;text-shadow:0 0 10px currentColor}.easter-egg-subtitle{color:orange;font-size:1.3rem;font-style:italic;margin-top:1rem}.easter-egg-credits{animation:slideUp .8s ease-out}.reward-notification{align-items:center;animation:bounceIn .6s ease-out;background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 8px 20px #ffd70066;color:#1a1a2e;display:flex;gap:1.5rem;margin:2rem 0;padding:1.5rem}.reward-badge{animation:spin 3s linear infinite;font-size:4rem}.reward-text{flex:1 1;text-align:left}.reward-text strong{display:block;font-size:2rem}.reward-claimed{background:#ffd7001a;border:2px solid gold;border-radius:8px;color:gold;margin:1.5rem 0;padding:1rem}.easter-egg-message{color:#fff;font-size:1.1rem;line-height:1.8}.zelda-quote{color:#90ee90;font-size:1.4rem;font-style:italic;margin-bottom:2rem;text-shadow:0 0 10px #90ee9080}.founder-credits{background:#0000004d;border:1px solid #ffd70033;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.founder-credits h3{color:gold;font-size:2rem;letter-spacing:3px;margin-bottom:.5rem;text-transform:uppercase}.motto{color:orange;font-size:1.3rem;font-weight:700;letter-spacing:3px;margin-bottom:2rem;text-shadow:0 0 10px #ffa50080}.founders-list{margin-top:1.5rem;text-align:left}.founders-list p{color:gold;font-size:1.1rem;margin-bottom:1rem}.founders-list ul{list-style:none;padding:0}.founders-list li{background:#ffd7000d;border-left:3px solid gold;border-radius:4px;display:flex;flex-direction:column;margin:.5rem 0;padding:1rem;transition:all .3s ease}.founders-list li:hover{background:#ffd7001a;transform:translateX(5px)}.founders-list .name{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.founders-list .role{color:orange;font-size:.95rem;font-style:italic}.easter-egg-footer{border-top:1px solid #ffd70033;margin-top:2rem;padding-top:1.5rem}.easter-egg-footer p{color:#90ee90;font-size:1rem;font-style:italic;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 20px #ffd7004d,0 0 40px #ffd70033}to{box-shadow:0 0 30px #ffd70080,0 0 60px #ffd7004d,0 0 90px #ffa50033}}@keyframes floatIn{0%{opacity:0;transform:translateY(-100px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rainbow{0%{color:gold}25%{color:orange}50%{color:tomato}75%{color:orange}to{color:gold}}@media (max-width:768px){.easter-egg-content{max-width:90%;padding:2rem 1.5rem}.easter-egg-title{font-size:1.8rem}.konami-sequence{font-size:2rem;letter-spacing:4px}.reward-notification{flex-direction:column;text-align:center}.reward-text{text-align:center}}