body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(180deg,#050505d1,#0505058c,#050505d9),url(/static/media/hero-bg.54db89eefeed0a6196e9.png) 50%/cover no-repeat;background-attachment:fixed;color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow-x:clip;position:relative;text-align:center}.App .welcome:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;height:100%;left:0;opacity:.04;top:0;width:100%;z-index:100}.App .welcome:before,.App:after,.App:before{content:"";pointer-events:none;position:fixed}.App:after,.App:before{border-radius:50%;z-index:0}.App:before{background:#7b4dff1f;filter:blur(48px);height:256px;left:8%;top:12%;width:256px}.App:after{background:#f08a241f;filter:blur(48px);height:288px;right:10%;top:8%;width:288px}.App-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;box-shadow:0 0 0 1px #d6a85f14,0 8px 30px #00000059;color:#fff;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.ticker-container{padding:8px 24px;position:relative}.ticker-content{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff1a,0 10px 40px #00000059;display:flex;gap:20px;overflow:hidden;padding:14px 20px;position:relative}.ticker-content:before{border-radius:24px;box-shadow:inset 0 0 0 1px #d6a85f26;inset:0}.ticker-content:after,.ticker-content:before{content:"";pointer-events:none;position:absolute}.ticker-content:after{background:linear-gradient(90deg,#0000,#f08a24b3,#7b4dffb3,#0000);height:1px;left:0;right:0;top:0}.ticker-label{align-items:center;background:linear-gradient(135deg,#f08a2438,#d6a85f24);border:1px solid #f08a244d;border-radius:9999px;box-shadow:inset 0 1px 0 #ffffff26;color:#f6d7a8;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.18em;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 18px;text-transform:uppercase}.ticker-icon{animation:pulse 2s infinite;background:#f08a24;border-radius:50%;box-shadow:0 0 12px #f08a24e6;display:inline-block;height:10px;width:10px}.ticker-message-container{flex:1 1;height:24px;overflow:hidden;position:relative}.ticker-message{color:#e2d6ca;font-size:1rem;font-weight:500;left:0;position:absolute;text-shadow:1px 1px 2px #00000080;top:0;transition:all .5s ease;white-space:nowrap;width:100%}.ticker-message.visible{opacity:1;transform:translateY(0)}.ticker-message.hidden{opacity:0;transform:translateY(-30px)}.ticker-dots{align-items:center;display:flex;gap:4px}.ticker-dot{background:#fff3;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.ticker-dot.active{background:#7b4dff;box-shadow:0 0 12px #7b4dfff2;transform:scale(1.3)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header-logo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 0 0 1px #d6a85f14,0 8px 30px #00000059;height:40px;padding:8px 16px;width:auto}.clickable-logo{cursor:pointer;transition:all .3s ease}.clickable-logo:hover{border-color:#d6a85f40;transform:scale(1.05)}.hamburger-menu{cursor:pointer;display:none;flex-direction:column;padding:5px}.hamburger-line{background-color:#fff;height:3px;margin:2px 0;transition:.3s;width:25px}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.App-main{margin:0 auto;max-width:1000px;padding:16px 20px 40px;position:relative;z-index:1}.wallet-connect-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#7b4dff29,#f08a241a);border:1px solid #7b4dff8c;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff2e,0 0 24px #7b4dff29;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.wallet-connect-btn:hover{border-color:#d6a85fb3;box-shadow:inset 0 1px 0 #ffffff38,0 0 28px #f08a242e;transform:translateY(-2px)}.wallet-connect-btn:disabled{background:#ffffff0d;border-color:#ffffff26;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.wallet-connected{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;color:#fff;display:flex;font-weight:500;gap:10px;padding:12px 24px}.wallet-disconnect-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.wallet-disconnect-btn:hover{background:#c82333}.wallet-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;gap:10px;padding:12px 24px}.hero-section,.wallet-error{align-items:center;display:flex}.hero-section{flex-direction:column;justify-content:center;margin-bottom:16px;padding:20px 0 8px;position:relative}.hero-title{color:#f5efe7;font-family:Cinzel Decorative,serif;font-size:3.5rem;font-weight:900;letter-spacing:.03em;margin-bottom:0;position:relative;text-shadow:0 4px 20px #0000008c;z-index:75}.metallic-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff6e8,#f2d5aa 22%,#d6a85f 45%,#f8e8cf 68%,#8a7766);-webkit-background-clip:text;background-clip:text}.hero-title-glow{background:radial-gradient(circle,#f08a2438,#7b4dff1a,#0000 70%);filter:blur(16px);height:56px;left:-24px;pointer-events:none;position:absolute;right:-24px;top:50%;transform:translateY(-50%)}.hero-subtitle{color:#e2d6ca;font-size:1.15rem;font-weight:500;margin:12px 0 0;max-width:700px;position:relative;z-index:75}.hero-logo{display:block;height:auto;margin:0 auto;max-width:400px;position:relative;z-index:50}.welcome h2{color:#fff;margin-bottom:20px}.tiers{flex-wrap:wrap;gap:32px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:900px}.tier,.tiers{display:flex;justify-content:center}.tier{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#121214c7,#08080ae6);border:1px solid #ffffff1a;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff14,0 20px 60px #00000073;cursor:pointer;flex-direction:column;height:320px;overflow:hidden;position:relative;transition:all .3s ease;width:240px}.tier:before{background:radial-gradient(circle at top,#d6a85f1a,#0000 45%),radial-gradient(circle at bottom right,#7b4dff14,#0000 35%);border-radius:28px;inset:0;z-index:1}.tier:after,.tier:before{content:"";pointer-events:none;position:absolute}.tier:after{background:linear-gradient(90deg,#0000,#f08a248c,#0000);height:1px;left:24px;right:24px;top:0;z-index:2}.tier-free,.tier-premium,.tier-vip{color:#fff}.tier-header{display:none}.tier-name{color:#f08a24;font-family:Cinzel Decorative,serif;font-size:2rem;font-weight:700;letter-spacing:.12em;text-align:center;text-shadow:0 2px 8px #f08a242e}.tier-name,.tier-subtitle{position:relative;text-transform:uppercase;z-index:5}.tier-subtitle{color:#8a7766;font-size:.75rem;letter-spacing:.25em;margin-top:12px}.tier-bonus{display:none}.tier-hover-image{background:#000;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease}.tier-hover-image,.tier-hover-image img{border-radius:28px;height:100%;width:100%}.tier-hover-image img{object-fit:cover}.tier-content{display:none}.tier-hover-content{bottom:20px;display:flex;justify-content:center;left:20px;opacity:0;position:absolute;right:20px;transition:opacity .4s ease}.tier-cta{background:#0000;border:2px solid;border-radius:0;border-bottom-left-radius:28px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.tier-free .tier-cta{border-color:#7b4dff80}.tier-premium .tier-cta{border-color:#f08a2480}.tier-vip .tier-cta{border-color:#d6a85f80}.tier-cta-hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7b4dff29,#f08a241a);border:1px solid #f08a2473;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff2e,0 0 24px #f08a2414;color:#fff;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.tier:hover{border-color:#d6a85f59;transform:translateY(-4px)}.tier:hover .tier-hover-image{opacity:1}.tier:hover .tier-content{opacity:0}.tier:hover .tier-hover-content{opacity:1}.fade-in{animation:fadeIn 1.2s ease-out}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pulse-animation{animation:pulse 2s ease-in-out infinite}.shimmer-animation{overflow:hidden;position:relative}.shimmer-animation:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.slide-in-text{animation:slideInFromLeft .8s ease-out}.slide-in-text-delayed{animation:slideInFromRight .8s ease-out .3s both}@keyframes tooltipPulse{0%,to{box-shadow:0 0 0 0 #7b4dffb3}50%{box-shadow:0 0 0 10px #7b4dff00}}@keyframes shearShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.header-actions{gap:15px}.header-actions,.sync-status{align-items:center;display:flex}.sync-pill{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;color:#ffffffd9;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:6px 12px;white-space:nowrap}.sync-pill.sync-on{background:#7ee0a614;border-color:#7ee0a659;color:#7ee0a6}.sync-pill.sync-syncing{background:#d6a85f14;border-color:#d6a85f59;color:#d6a85f}.sync-pill.sync-action{cursor:pointer;transition:background .2s ease,border-color .2s ease}.sync-pill.sync-action:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.sync-pill.sync-action:disabled{cursor:default;opacity:.5}.tutorial-nav-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid #f08a2473;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff2e,0 0 24px #f08a2414;box-sizing:border-box;color:#f6d7a8;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;height:44px;overflow:hidden;padding:0 16px;position:relative;transition:all .3s ease}.tutorial-nav-btn:before{animation:orangeGradient 3s ease infinite;background:linear-gradient(45deg,#9f9f9f,#323232,#532000,#ffb700);background-size:300% 300%;border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}.tutorial-nav-btn:hover:before{opacity:1}.tutorial-nav-btn:hover{border-color:#d6a85fb3;color:#fff;transform:translateY(-1px)}.tutorial-nav-btn:active{transform:translateY(0)}.tutorial-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:.75rem;height:1rem;justify-content:center;line-height:1;overflow:hidden;width:1rem}.tutorial-text{font-size:.8rem;font-weight:600}@keyframes orangePulse{0%,to{box-shadow:0 0 5px #ff8c4266}50%{box-shadow:0 0 15px #ff8c4299,0 0 25px #ff8c424d}}@keyframes orangeGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.App-header{padding:15px 20px}.header-logo{height:40px}.hamburger-menu{display:flex}.header-actions{display:none}.header-actions.mobile-menu-open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161616f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:20px;top:70px;z-index:1001}.tutorial-nav-btn{justify-content:center;width:100%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-logo{max-width:150px}.tiers{align-items:center;flex-direction:column;gap:20px}.tier{height:340px;margin-bottom:20px;width:280px}.ticker-content{gap:15px;padding:8px 15px}.ticker-label{font-size:.8rem;padding:6px 12px}.ticker-message{font-size:.9rem}.ticker-dots{display:none}}.trivia-game{animation:fadeIn 1s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;border:2px solid #9d4edd4d;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 20px #9d4edd33;margin:20px;padding:30px}.question-header{align-items:center;color:#fff;display:flex;font-weight:500;justify-content:space-between;margin-bottom:30px}.hearts{display:flex;font-size:1.5rem;gap:5px}.heart{animation:pulse 1.5s ease-in-out infinite}.timer-container{display:flex;justify-content:center;margin-bottom:20px}.timer-circle{height:80px;position:relative;width:80px}.timer-svg{height:100%;left:0;position:absolute;top:0;width:100%}.timer-background{fill:none;stroke:#fff3;stroke-width:4}.timer-progress{fill:none;stroke:#9d4edd;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-text{font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.question h3,.timer-text{color:#fff;font-size:1.5rem}.question h3{margin-bottom:30px;text-shadow:1px 1px 2px #00000080}.options{grid-gap:15px;display:grid;gap:15px;margin-bottom:30px}.option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid;border-image:linear-gradient(45deg,#9d4edd,#c77dff) 1;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.option:before{background:linear-gradient(45deg,#9d4edd1a,#c77dff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.option:hover{box-shadow:0 8px 25px #9d4edd4d;transform:translateY(-2px)}.option:hover:before{opacity:1}.option.selected{background:linear-gradient(45deg,#9d4edd4d,#c77dff4d);border-image:linear-gradient(45deg,#9d4edd,#c77dff) 1;box-shadow:0 8px 25px #9d4edd66;transform:translateY(-2px)}.submit-btn{background:#2d2d2d;border:2px solid #9d4edd;border-radius:12px;color:#9d4edd;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease}.shimmer-submit,.submit-btn{overflow:hidden;position:relative}.shimmer-submit:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#9d4edd99,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.submit-btn:hover{background:#9d4edd;box-shadow:0 8px 25px #9d4edd66;color:#2d2d2d;transform:translateY(-2px)}.submit-btn:disabled{background:#666;border-color:#888;box-shadow:none;color:#ccc;cursor:not-allowed;transform:none}.submit-btn:disabled:before{display:none}.streak-indicator{background:#9d4edd33;border:1px solid #9d4edd80;border-radius:8px;color:#fff;font-weight:700;margin-top:20px;padding:10px 20px;text-align:center}.answer-error{background:#dc354526;border:1px solid #dc354599;border-radius:8px;color:#ffb3bb;font-weight:600;margin-top:16px;padding:10px 18px;text-align:center}.difficulty-indicator{animation:pulse 1.5s ease-in-out infinite;background:#9d4edd4d;border:2px solid #9d4edd;border-radius:12px;box-shadow:0 4px 20px #9d4edd66;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.challenge-break-modal,.difficulty-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.challenge-break-modal{align-items:center;animation:fadeIn .5s ease-in-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.challenge-break-content{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border:3px solid #9d4edd80;border-radius:20px;box-shadow:0 8px 32px #00000080,0 0 30px #9d4edd4d;color:#fff;max-width:600px;padding:40px;text-align:center}.challenge-break-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#9d4edd,#c77dff);background-clip:text;-webkit-background-clip:text;font-size:2.2rem;margin-bottom:20px}.challenge-description{margin-bottom:30px}.challenge-warnings{background:#9d4edd1a;border:1px solid #9d4edd4d;border-radius:12px;margin:20px 0;padding:20px}.challenge-item{font-weight:500;margin:10px 0;padding:8px}.continue-challenge-btn{background:linear-gradient(45deg,#9d4edd,#c77dff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.continue-challenge-btn:hover{box-shadow:0 8px 25px #9d4edd66;transform:translateY(-2px) scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.challenge-bounce{height:300px;overflow:hidden;position:relative}.option-bounce{animation:bounce 3s ease-in-out infinite;position:absolute!important;will-change:transform}.option-bounce:first-child{left:0;top:0}.option-bounce:nth-child(2){right:0;top:0}.option-bounce:nth-child(3){bottom:0;left:0}.option-bounce:nth-child(4){bottom:0;right:0}.mirrored-text{display:inline-block;transform:scaleX(-1)}.option-mirror{transition:all .3s ease}.option-mirror:hover{transform:translateY(-2px) scale(1.02)}.trivia-result{animation:fadeIn 1s ease-in-out;background:#0003;border:2px solid #9d4edd4d;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 20px #9d4edd33;margin:20px;padding:40px;text-align:center}.App-footer,.trivia-result{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff}.App-footer{background:#161616f2;border-top:1px solid #ffffff1a;box-shadow:0 -10px 40px #0000004d;margin-top:60px;padding:40px 20px 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section{text-align:left}.footer-section h4{color:#d6a85f;font-family:Cinzel Decorative,serif;font-size:1.2rem;font-weight:700;margin-bottom:15px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a,.heritage-link{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover,.heritage-link:hover{color:#d6a85f}.footer-logo{height:60px;margin-bottom:15px;width:auto}.footer-logo-animate{animation:fadeInFooterLogo 1s ease-out forwards;animation-play-state:paused;opacity:0;transform:translateY(20px)}.footer-logo-animate.visible{animation-play-state:running}@keyframes fadeInFooterLogo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-links{display:flex;gap:15px}.social-links a{font-size:1.5rem;text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}.coming-soon-text{color:#8a7766;font-size:1rem;font-style:italic;opacity:.8}.heritage-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7b4dff29,#f08a241a);border:1px solid #d6a85f4d;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff1a;color:#f6d7a8;display:inline-block;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .3s ease}.heritage-link:hover{border-color:#d6a85f80;box-shadow:inset 0 1px 0 #ffffff26,0 4px 16px #f08a2433;color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#8a7766;margin-top:30px;padding-top:20px;text-align:center}@media (max-width:768px){.footer-content{gap:20px;grid-template-columns:1fr}.footer-content,.footer-section{text-align:center}.social-links{justify-content:center}}.leaderboard{animation:fadeIn 1s ease-in-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#121214c7,#08080ae6);border:1px solid #ffffff1a;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff14,0 20px 60px #00000073;margin:40px 20px;overflow:hidden;padding:30px;position:relative}.leaderboard:before{background:linear-gradient(90deg,#0000,#f08a248c,#7b4dff8c,#0000);content:"";height:1px;left:24px;pointer-events:none;position:absolute;right:24px;top:0}.leaderboard-preview{margin-top:40px}.leaderboard-full{margin:0 auto;max-width:1000px}.leaderboard-page{padding:20px}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.leaderboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff6e8,#d6a85f);background-clip:text;-webkit-background-clip:text;color:#fff;font-family:Cinzel Decorative,serif;font-size:1.6rem;font-weight:700;margin:0;text-shadow:none}.view-all-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid #f08a2473;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff2e;color:#f6d7a8;font-size:.9rem;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s ease}.view-all-link:hover{background:linear-gradient(135deg,#f08a2429,#7b4dff1a);border-color:#d6a85fb3;box-shadow:inset 0 1px 0 #ffffff2e,0 4px 16px #f08a2426;color:#fff;transform:translateY(-2px)}.leaderboard-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;color:#d8c6b6;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:10px 22px;position:relative;transition:all .3s ease}.tab-btn:before{background:linear-gradient(135deg,#f08a2414,#7b4dff0f);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-btn:hover{border-color:#d6a85f73;box-shadow:0 4px 12px #0000004d;color:#fff;transform:translateY(-2px)}.tab-btn:hover:before{opacity:1}.tab-btn.active{background:linear-gradient(135deg,#7b4dff40,#f08a2426);border-color:#7b4dff8c;box-shadow:inset 0 1px 0 #ffffff26,0 4px 16px #7b4dff33;color:#fff;transform:translateY(-2px)}.leaderboard-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:16px}.leaderboard-table{width:100%}.table-header{grid-gap:15px;background:linear-gradient(135deg,#f08a241f,#7b4dff14);border:1px solid #d6a85f26;border-radius:16px;color:#8a7766;display:grid;font-size:.8rem;font-weight:700;gap:15px;grid-template-columns:80px 1fr 100px 100px;letter-spacing:.12em;margin-bottom:12px;padding:12px 20px;text-transform:uppercase}.leaderboard-full .table-header{grid-template-columns:80px 1fr 100px 100px 120px}.table-body{display:flex;flex-direction:column;gap:8px}.table-row{grid-gap:15px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;color:#fff;display:grid;gap:15px;grid-template-columns:80px 1fr 100px 100px;padding:14px 20px;transition:all .3s ease}.leaderboard-full .table-row{grid-template-columns:80px 1fr 100px 100px 120px}.table-row:hover{background:#ffffff12;border-color:#d6a85f40;box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.top-three{background:linear-gradient(135deg,#f08a2414,#7b4dff0f);border:1px solid #d6a85f33}.top-three:hover{background:linear-gradient(135deg,#f08a2424,#7b4dff1a);border-color:#d6a85f66}.rank-display{font-size:1.5rem;font-weight:700}.wallet-address{color:#d6a85f;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.score-value{color:#f08a24;font-size:1.2rem;font-weight:700}.score-max{color:#8a7766;font-size:.9rem;margin-left:2px}.accuracy-value{color:#7b4dff;font-weight:700}.questions-value{color:#8a7766;font-weight:700}.cell-accuracy,.cell-questions,.cell-rank,.cell-score{text-align:center}.cell-player{text-align:left}.wallet-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.wallet-modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2df2;border:2px solid #9d4edd;border-radius:20px;box-shadow:0 8px 32px #00000080,0 0 30px #9d4edd4d;color:#fff;max-width:500px;padding:40px;position:relative;text-align:center;width:90%}.wallet-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;position:absolute;right:20px;top:15px;transition:all .3s ease;width:30px}.wallet-modal-close:hover{background:#9d4edd33;color:#9d4edd;transform:scale(1.1)}.wallet-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#9d4edd,#c77dff);background-clip:text;-webkit-background-clip:text;font-size:2rem;margin-bottom:15px}.wallet-modal-header p{color:#ccc;font-size:1.1rem;margin-bottom:30px}.wallet-benefits{margin:20px 0;text-align:left}.wallet-benefits h3{color:#9d4edd;font-size:1.3rem;margin-bottom:15px;text-align:center}.wallet-benefits ul{list-style:none;margin:0;padding:0}.wallet-benefits li{background:#9d4edd1a;border-left:3px solid #9d4edd;border-radius:0 8px 8px 0;font-size:1rem;margin:10px 0;padding:10px 15px}.wallet-modal-footer{display:flex;flex-direction:column;gap:15px;margin-top:30px}.wallet-connect-primary{background:linear-gradient(45deg,#9d4edd,#c77dff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.wallet-connect-primary:hover{box-shadow:0 8px 25px #9d4edd66;transform:translateY(-2px)}.wallet-connect-secondary{background:#0000;border:2px solid #666;border-radius:12px;color:#ccc;cursor:pointer;font-size:14px;padding:12px 30px;transition:all .3s ease}.wallet-connect-secondary:hover{border-color:#999;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.leaderboard{margin:20px 10px;padding:20px}.leaderboard-title{font-size:1.5rem}.leaderboard-header{flex-direction:column;gap:15px;text-align:center}.leaderboard-tabs{flex-wrap:wrap;gap:8px}.tab-btn{font-size:14px;padding:8px 16px}.table-header,.table-row{font-size:.9rem;gap:10px;grid-template-columns:60px 1fr 80px 80px;padding:10px 15px}.leaderboard-full .table-header,.leaderboard-full .table-row{font-size:.8rem;grid-template-columns:60px 1fr 70px 70px 80px}.rank-display{font-size:1.2rem}.wallet-address{font-size:.8rem}.score-value{font-size:1rem}}.countdown-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at center,#2d1642eb 0,#000000f7 70%);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.countdown-modal-content{animation:countdownCardIn .45s cubic-bezier(.22,1,.36,1),cardGlow 2.4s ease-in-out .45s infinite;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #9d4edd;border-radius:20px;box-shadow:0 0 50px #9d4edd4d;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-height:min(90vh,720px);overflow:hidden;padding:clamp(28px,5vh,60px) clamp(20px,4vw,40px);position:relative;text-align:center;width:min(90vw,460px)}.countdown-header{margin-bottom:clamp(16px,4vh,40px)}.countdown-title{-webkit-text-fill-color:#0000;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#9d4edd,#c77dff);-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;margin-bottom:10px}.countdown-subtitle{animation:slideDown .5s ease-out .1s both;color:#ccc;font-size:clamp(1rem,2.5vw,1.2rem)}.countdown-display{align-items:center;display:flex;justify-content:center;margin:clamp(24px,5vh,60px) 0;min-height:clamp(120px,22vh,200px);position:relative}.countdown-display:after,.countdown-display:before{animation:countdownRing 1.8s ease-out infinite;border:2px solid #9d4edd8c;border-radius:50%;content:"";height:clamp(150px,32vw,260px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(150px,32vw,260px);z-index:1}.countdown-display:after{animation-delay:.9s}.countdown-number{animation:countdownPop .7s cubic-bezier(.22,1,.36,1);background:linear-gradient(135deg,#ff8c42,#9d4edd);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(157,78,221,.55));font-size:clamp(5rem,20vw,10rem)}.countdown-go,.countdown-number{-webkit-text-fill-color:#0000;font-weight:700;line-height:1;position:relative;z-index:2}.countdown-go{animation:goAnimation .6s cubic-bezier(.22,1,.36,1);background:linear-gradient(135deg,#0f8,#0cf);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,255,136,.6));font-size:clamp(4rem,16vw,8rem)}.countdown-footer{height:50px;margin-top:clamp(16px,4vh,40px);position:relative}.countdown-pulse-ring{animation:pulseRing 1.5s ease-out infinite;border:2px solid #c77dff99;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes countdownPop{0%{filter:blur(6px) drop-shadow(0 0 24px rgba(157,78,221,.55));opacity:0;transform:scale(.2)}55%{filter:blur(0) drop-shadow(0 0 38px rgba(157,78,221,.75));opacity:1;transform:scale(1.18)}72%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes goAnimation{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.25)}70%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes countdownCardIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes cardGlow{0%,to{border-color:#9d4edd;box-shadow:0 0 50px #9d4edd4d}50%{border-color:#c77dff;box-shadow:0 0 85px #9d4edd8c}}@keyframes countdownRing{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@media (prefers-reduced-motion:reduce){.countdown-display:after,.countdown-display:before,.countdown-go,.countdown-modal-content,.countdown-number,.countdown-pulse-ring{animation-duration:.4s!important;animation-iteration-count:1!important}}.tutorial-overlay{align-items:center;animation:fadeIn .3s ease-in;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tutorial-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#050505e0;bottom:0;left:0;position:absolute;right:0;top:0}.tutorial-content-wrapper{animation:slideIn .4s ease-out;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;scrollbar-color:#d6a85f59 #0000;scrollbar-width:thin;width:90%;z-index:10001}.tutorial-content-wrapper::-webkit-scrollbar{width:6px}.tutorial-content-wrapper::-webkit-scrollbar-track{background:#0000}.tutorial-content-wrapper::-webkit-scrollbar-thumb{background:#d6a85f59;border-radius:3px}.tutorial-content-wrapper::-webkit-scrollbar-thumb:hover{background:#d6a85f8c}.tutorial-content{background:linear-gradient(180deg,#0a080ebd,#08060bdb 55%,#050408f0),url(/static/media/histocracy-modal-bg.14d40833abf17d52ea08.png) top /cover no-repeat;border:1px solid #ffffff1a;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff14,0 20px 60px #0009;overflow:hidden;padding:40px;position:relative}.tutorial-content>.tutorial-navigation,.tutorial-content>.tutorial-progress,.tutorial-content>.tutorial-step{position:relative;z-index:2}.modal-globe{aspect-ratio:1/1;border-radius:50%;bottom:-46%;box-shadow:0 0 90px 14px #f08a2433,0 0 180px 50px #7b4dff1a;left:50%;max-width:720px;pointer-events:none;position:absolute;transform:translateX(-50%);width:150%;z-index:0}.modal-globe-sphere{background:radial-gradient(circle at 50% 30%,#ffb3471f,#0000 58%),radial-gradient(circle at 50% 50%,#1b130a 0,#0c0a12 56%,#050409 100%);border-radius:50%;inset:0;overflow:hidden;position:absolute}.modal-globe-sphere:before{animation:globeSpin 18s linear infinite;background-image:repeating-linear-gradient(90deg,#f08a242e 0 1px,#0000 1px 38px),repeating-linear-gradient(0deg,#d6a85f1a 0 1px,#0000 1px 34px);background-size:190px 100%,100% 100%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 42%,#0000004d 70%,#0000 86%);mask-image:radial-gradient(circle at 50% 50%,#000 42%,#0000004d 70%,#0000 86%)}.modal-globe-sphere:after,.modal-globe-sphere:before{border-radius:50%;content:"";inset:0;position:absolute}.modal-globe-sphere:after{background:radial-gradient(circle at 38% 30%,#ffe4b833,#0000 40%),radial-gradient(circle at 50% 8%,#ffaa4447,#0000 30%),radial-gradient(circle at 50% 50%,#0000 50%,#0009 82%);pointer-events:none}@keyframes globeSpin{0%{background-position:0 0,0 0}to{background-position:190px 0,0 0}}@media (prefers-reduced-motion:reduce){.modal-globe-sphere:before{animation:none}}.tutorial-content:before{background:linear-gradient(90deg,#0000,#f08a248c,#7b4dff8c,#0000);content:"";height:1px;left:24px;pointer-events:none;position:absolute;right:24px;top:0}.tutorial-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:50%;color:#8a7766;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:16px;top:16px;transition:all .3s ease;width:36px;z-index:10}.tutorial-close-btn:hover{background:#ffffff1a;border-color:#d6a85f66;color:#fff;transform:scale(1.1)}.tutorial-progress{margin-bottom:24px}.progress-bar{background:#ffffff14;border-radius:10px;height:4px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7b4dff,#f08a24);border-radius:10px;height:100%;transition:width .4s ease}.progress-text{color:#8a7766;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-align:center;text-transform:uppercase}.tutorial-step{align-items:center;animation:fadeIn .3s ease-in;display:flex;flex-direction:column;gap:16px;min-height:350px}.tutorial-step .tutorial-icon{animation:bounce 1s ease infinite;font-size:3rem;height:auto;line-height:1.2;margin-bottom:4px;overflow:visible;width:auto}.tutorial-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff6e8,#d6a85f);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Cinzel Decorative,serif;font-size:1.8rem;font-weight:700;margin:0;text-align:center}.tutorial-description{color:#e2d6ca;font-size:1rem;line-height:1.6;margin:0;text-align:center}.tutorial-features{display:flex;flex-direction:column;gap:12px;margin:16px 0;width:100%}.tutorial-feature{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;color:#e2d6ca;display:flex;font-size:.95rem;gap:15px;padding:14px 18px;transition:all .3s ease}.tutorial-feature:hover{background:#f08a240f;border-color:#d6a85f40;transform:translateX(5px)}.feature-icon{font-size:1.6rem}.tutorial-intro-text{color:#f08a24;font-size:1rem;font-weight:600;margin-top:12px;text-align:center}.tutorial-welcome{gap:10px}.welcome-controller-icon{animation:bounce 1.4s ease infinite;filter:drop-shadow(0 0 14px rgba(123,77,255,.6));font-size:2.4rem;line-height:1}.welcome-title-block{align-items:center;display:flex;flex-direction:column;gap:6px}.welcome-eyebrow{color:#cdb999;font-size:.78rem;font-weight:700;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff6e6,#f3cf8e 45%,#cf9b4c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(207,155,76,.35));font-family:Cinzel Decorative,serif;font-size:2.8rem;font-weight:700;line-height:1;margin:0}.welcome-laurel-divider{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:2px}.welcome-laurel-divider .laurel{filter:sepia(1) saturate(2.4) hue-rotate(2deg) brightness(1.05);font-size:1.15rem}.welcome-laurel-divider .laurel-right{transform:scaleX(-1)}.welcome-laurel-divider .divider-line{background:linear-gradient(90deg,#0000,#d6a85f,#0000);height:1px;width:64px}.welcome-feature-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:10px;width:100%}.welcome-card{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#16121ea8,#0a080fbd);border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;padding:20px 12px 16px;position:relative;text-align:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.welcome-card:hover{border-color:#d6a85f52;box-shadow:0 12px 30px #00000073;transform:translateY(-4px)}.welcome-card-num{color:#d6a85f8c;font-size:.72rem;font-weight:700;position:absolute;right:11px;top:8px}.welcome-card-icon{font-size:2rem;line-height:1;margin-bottom:10px}.welcome-card h3{font-size:.82rem;font-weight:700;letter-spacing:.02em;margin:0 0 6px}.welcome-card p{color:#b3a596;font-size:.72rem;line-height:1.4;margin:0}.welcome-card--gold{box-shadow:inset 0 2px 0 #f0bf5a80}.welcome-card--gold .welcome-card-icon{filter:drop-shadow(0 0 12px rgba(240,191,90,.7))}.welcome-card--gold h3{color:#f3cf8e}.welcome-card--blue{box-shadow:inset 0 2px 0 #60b0ff80}.welcome-card--blue .welcome-card-icon{filter:drop-shadow(0 0 12px rgba(96,176,255,.7))}.welcome-card--blue h3{color:#8ec6ff}.welcome-card--red{box-shadow:inset 0 2px 0 #ff6b6b80}.welcome-card--red .welcome-card-icon{filter:drop-shadow(0 0 12px rgba(255,107,107,.7))}.welcome-card--red h3{color:#ff9a8e}.welcome-card--purple{box-shadow:inset 0 2px 0 #9b78ff80}.welcome-card--purple .welcome-card-icon{filter:drop-shadow(0 0 12px rgba(155,120,255,.7))}.welcome-card--purple h3{color:#bda4ff}.welcome-cta-bar{align-items:center;background:linear-gradient(180deg,#16121eb8,#0a080fd1);border:1px solid #ffffff14;border-radius:18px;display:flex;gap:14px;margin-top:16px;padding:14px 18px;width:100%}.welcome-cta-icon{filter:drop-shadow(0 0 10px rgba(240,168,95,.55));font-size:1.5rem;line-height:1}.welcome-cta-text{display:flex;flex-direction:column;gap:2px;text-align:left}.welcome-cta-text strong{color:#f6d7a8;font-size:.95rem;font-weight:700}.welcome-cta-text span{color:#9b8d7e;font-size:.82rem}@media (max-width:640px){.welcome-feature-cards{grid-template-columns:1fr 1fr}.welcome-title{font-size:2.1rem}}.tutorial-gameplay-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:12px 0;width:100%}.gameplay-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:16px;text-align:center}.gameplay-section h3{color:#f6d7a8;font-size:1rem;margin:0 0 8px}.gameplay-section p{color:#e2d6ca;font-size:.9rem;margin:4px 0}.gameplay-section .detail-text{color:#8a7766;font-size:.8rem}.tutorial-split-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:12px 0;width:100%}.section-left,.section-right{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:16px}.section-left h3,.section-right h3{color:#f6d7a8;font-size:1rem;margin:0 0 8px}.section-desc{color:#e2d6ca;font-size:.85rem;margin:0 0 10px}.section-note{color:#8a7766;font-size:.8rem;font-style:italic;margin:8px 0 0}.challenge-types-compact{display:flex;flex-direction:column;gap:6px}.challenge-types-compact .challenge-type{background:#f08a240f;border:1px solid #f08a2426;border-radius:10px;color:#e2d6ca;font-size:.85rem;padding:8px 12px}.reward-tiers-compact{display:flex;flex-direction:column;gap:6px}.reward-tiers-compact .reward-tier{align-items:center;background:#7b4dff0f;border:1px solid #7b4dff26;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px}.reward-tiers-compact .tier-label{color:#f08a24;font-size:.85rem;font-weight:600}.reward-tiers-compact .tier-reward{color:#7b4dff;font-size:.85rem;font-weight:700}.leaderboard-preview-compact{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:16px;text-align:center;width:100%}.leaderboard-preview-compact h3{color:#f6d7a8;font-size:1rem;margin:0 0 6px}.leaderboard-preview-compact p{color:#8a7766;font-size:.85rem;margin:0}.tutorial-tier-examples{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px 0;width:100%}.tutorial-tier-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex:1 1;min-width:160px;padding:18px;transition:all .3s ease}.tier-free-demo{border-color:#f08a244d}.tier-premium-demo{border-color:#d6a85f4d}.tier-vip-demo{border-color:#7b4dff4d}.tutorial-tier-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.tier-badge{color:#f6d7a8;font-size:1.1rem;font-weight:700;margin-bottom:12px;text-align:center}.tier-info{display:flex;flex-direction:column;gap:6px}.tier-info p{color:#8a7766;font-size:.9rem;margin:0}.tutorial-hearts-demo{margin:16px 0}.hearts-display{animation:pulse 2s ease infinite;display:flex;font-size:2.5rem;gap:12px;justify-content:center}.tutorial-rules{display:flex;flex-direction:column;gap:10px;margin:16px 0;width:100%}.rule-item{align-items:center;background:#ffffff08;border-left:3px solid #f08a24;border-radius:12px;color:#e2d6ca;display:flex;font-size:.95rem;gap:15px;padding:12px}.rule-icon{font-size:1.3rem}.tutorial-challenge-preview{margin:16px 0;width:100%}.challenge-example{background:linear-gradient(135deg,#f08a2426,#7b4dff1a);border:1px solid #f08a2440;border-radius:16px;margin-bottom:16px;padding:18px;text-align:center}.challenge-title{color:#f6d7a8;font-size:1.3rem;font-weight:700;margin-bottom:10px}.challenge-example p{color:#fff;margin:0}.challenge-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.challenge-type{align-items:center;background:#ffffff08;border:1px solid #f08a2426;border-radius:12px;color:#e2d6ca;display:flex;font-size:.9rem;gap:10px;padding:12px}.challenge-type span:first-child{font-size:1.5rem}.tutorial-rewards-info{display:flex;flex-direction:column;gap:20px;margin:20px 0;width:100%}.reward-box{background:#ffffff08;border:1px solid #d6a85f33;border-radius:16px;padding:18px}.reward-title{color:#d6a85f;font-size:1.2rem;font-weight:700;margin-bottom:12px;text-align:center}.reward-steps{display:flex;flex-direction:column;gap:12px}.reward-step{color:#fff;font-size:1rem;gap:15px}.reward-step,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#7b4dff,#f08a24);border-radius:50%;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.reward-multipliers{display:flex;gap:15px;justify-content:space-around}.multiplier-item{align-items:center;background:#ffffff08;border:1px solid #7b4dff33;border-radius:14px;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:14px 18px}.multiplier-tier{color:#f08a24;font-size:.9rem;font-weight:700}.multiplier-value{color:#e2d6ca;font-size:1.1rem;font-weight:700}.tutorial-leaderboard-demo{margin:16px 0;width:100%}.leaderboard-tabs-demo{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.lb-tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#8a7766;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.lb-tab.active{background:linear-gradient(135deg,#7b4dff33,#f08a241f);border-color:#7b4dff59;color:#f6d7a8}.lb-entry{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;color:#e2d6ca;display:flex;gap:12px;margin-bottom:6px;padding:10px 14px}.lb-entry:last-child{margin-bottom:0}.lb-rank{font-size:1.3rem}.lb-name{flex:1 1;font-size:.9rem;font-weight:500}.lb-score{color:#f08a24;font-weight:700}.tutorial-question-demo{display:flex;flex-direction:column;gap:16px;margin:16px 0;width:100%}.demo-timer{align-items:center;background:linear-gradient(135deg,#7b4dff,#f08a24);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;margin:0 auto;width:52px}.demo-question{background:#ffffff08;border:1px solid #d6a85f33;border-radius:16px;padding:18px}.demo-question h3{color:#e2d6ca;font-size:1.15rem;margin:0;text-align:center}.demo-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.demo-option{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#e2d6ca;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .3s ease}.demo-option:hover{background:#f08a240f;border-color:#d6a85f4d;transform:translateY(-2px)}.demo-option.selected{background:linear-gradient(135deg,#7b4dff33,#f08a2426);border-color:#f08a2473;color:#f6d7a8}.demo-feedback{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px 18px}.demo-feedback.correct{background:#f08a241f;border:1px solid #f08a2459;color:#f08a24}.demo-feedback.incorrect{background:#ff6b6b1f;border:1px solid #ff6b6b4d;color:#ff6b6b}.feedback-icon{font-size:1.3rem}.tutorial-recap{display:flex;flex-direction:column;gap:10px;margin:16px 0;width:100%}.recap-item{align-items:center;background:#ffffff08;border-left:3px solid #f08a24;border-radius:12px;color:#e2d6ca;display:flex;font-size:.95rem;gap:15px;padding:12px 14px}.recap-icon{color:#f08a24;font-size:1.1rem;font-weight:700}.tutorial-encouragement{margin-top:20px;text-align:center}.encouragement-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff6e8,#d6a85f);-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,serif;font-size:1.3rem;font-weight:700;margin:0 0 8px}.encouragement-subtext{color:#8a7766;font-size:.95rem;margin:0}.tutorial-access-note{color:#8a7766;font-size:.85rem;margin:12px 0 0}.tutorial-note{color:#d6a85f;font-size:.9rem;font-weight:500;margin:8px 0 0;text-align:center}.tutorial-navigation{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:24px}.tutorial-nav-right{align-items:center;display:flex;gap:10px}.tutorial-btn{border:none;border-radius:16px;cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 26px;transition:all .3s ease;white-space:nowrap}.tutorial-btn-primary{background:linear-gradient(135deg,#7b4dff4d,#f08a2433);border:1px solid #f08a2473;box-shadow:inset 0 1px 0 #ffffff2e,0 0 24px #f08a2414;color:#f6d7a8}.tutorial-btn-primary:hover{border-color:#d6a85fb3;box-shadow:inset 0 1px 0 #ffffff38,0 4px 16px #f08a2426;color:#fff;transform:translateY(-2px)}.tutorial-btn-complete{background:linear-gradient(135deg,#f08a2440,#d6a85f2e);border:1px solid #f08a248c;box-shadow:inset 0 1px 0 #ffffff2e,0 0 24px #f08a241f;color:#f6d7a8;font-size:1rem;padding:13px 36px}.tutorial-btn-complete:hover{border-color:#d6a85fcc;box-shadow:inset 0 1px 0 #ffffff38,0 6px 20px #f08a2433;color:#fff;transform:translateY(-2px)}.tutorial-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1f;color:#d8c6b6}.tutorial-btn-secondary:hover{background:#ffffff14;border-color:#d6a85f59;color:#fff}.tutorial-btn-skip{background:#0000;border:1px solid #ffffff1a;color:#8a7766;font-size:.85rem;padding:10px 20px}.tutorial-btn-skip:hover{border-color:#fff3;color:#d8c6b6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-prompt{animation:slideIn .5s ease-out;bottom:30px;position:fixed;right:30px;z-index:9999}.tutorial-prompt-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121214eb;border:1px solid #ffffff1a;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff14,0 10px 40px #00000080;display:flex;gap:15px;padding:15px 20px}.tutorial-prompt-content span{color:#e2d6ca;font-size:.95rem;font-weight:500}.tutorial-prompt-btn{background:linear-gradient(135deg,#7b4dff33,#f08a2426);border:1px solid #f08a2473;border-radius:14px;color:#f6d7a8;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease;white-space:nowrap}.tutorial-prompt-btn:hover{border-color:#d6a85fb3;box-shadow:0 4px 16px #f08a2426;color:#fff;transform:translateY(-2px)}.tutorial-prompt-dismiss{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;color:#8a7766;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;padding:0;transition:all .3s ease;width:28px}.tutorial-prompt-dismiss:hover{background:#ffffff1a;border-color:#d6a85f4d;color:#fff}@media (max-width:768px){.tutorial-content{padding:30px 20px}.tutorial-step{min-height:350px}.tutorial-icon{font-size:3rem}.tutorial-title{font-size:1.5rem}.tutorial-description{font-size:1rem}.tutorial-tier-examples{flex-direction:column}.tutorial-tier-card{min-width:100%}.challenge-types,.demo-options{grid-template-columns:1fr}.tutorial-nav-right,.tutorial-navigation{flex-direction:column}.tutorial-btn,.tutorial-nav-right{width:100%}.reward-multipliers{flex-direction:column}.tutorial-prompt{bottom:20px;left:20px;right:20px}.tutorial-prompt-content{flex-wrap:wrap;justify-content:center}}.game-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d2d2dd9;border:1px solid #9d4edd4d;border-radius:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.game-hud,.hud-left,.hud-right{align-items:center;display:flex}.hud-left,.hud-right{gap:12px}.hud-hearts .heart{font-size:1.2rem}.hud-question-count{color:#ccc;font-size:.9rem;font-weight:600}.hud-center{text-align:center}.hud-score{color:#06ffa5;font-size:1.4rem;font-weight:700;transition:transform .3s,color .3s}.hud-score.score-animate{animation:scoreCountUp .6s ease}.hud-streak{color:#ffb700;font-size:1.1rem;font-weight:700}.hud-streak.fire-glow{animation:fireGlow 1s ease-in-out infinite}.hud-multiplier-badge{background:linear-gradient(135deg,#9d4edd,#c77dff);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 10px}.difficulty-indicator.difficulty-medium{background:#ffb70026;border:1px solid #ffb7004d;border-radius:8px;color:#ffb700;display:inline-block;font-weight:600;margin-bottom:8px;padding:4px 12px}.difficulty-indicator.difficulty-hard{background:#dc354526;border:1px solid #dc35454d;color:#dc3545}.multiplier-popup{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.multiplier-points{color:#06ffa5;font-size:2.5rem;font-weight:800;text-shadow:0 0 20px #06ffa580}.multiplier-detail{color:#c77dff;font-size:.95rem;margin-top:4px}.multiplier-pop-in{animation:multiplierPopIn 1.5s ease forwards}.power-up-bar{gap:16px;margin:16px 0}.power-up-bar,.power-up-btn{display:flex;justify-content:center}.power-up-btn{align-items:center;background:#9d4edd26;border:2px solid #9d4edd;border-radius:50%;cursor:pointer;flex-direction:column;height:56px;position:relative;transition:all .2s;width:56px}.power-up-btn:hover:not(:disabled){background:#9d4edd59;box-shadow:0 0 15px #9d4edd66;transform:scale(1.1)}.power-up-btn:disabled{cursor:not-allowed;opacity:.5}.power-up-btn.power-up-empty{border-color:#555;opacity:.35}.power-up-icon{font-size:1.3rem;line-height:1}.power-up-count{align-items:center;background:#9d4edd;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.game-result-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d2d2de6;border:1px solid #9d4edd4d;border-radius:16px;margin:0 auto;max-width:500px;padding:32px}.game-result-subtitle{color:#dc3545;font-size:1.1rem;margin-bottom:16px}.result-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:24px 0}.result-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.result-stat-value{color:#06ffa5;font-size:1.6rem;font-weight:700}.result-stat-label{color:#999;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.play-again-btn{background:linear-gradient(135deg,#9d4edd,#06ffa5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:12px;padding:14px;transition:transform .2s;width:100%}.play-again-btn:hover{transform:scale(1.03)}.upgrade-prompt{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px;text-align:center}.upgrade-prompt p{color:#e6e6e6;font-weight:600;margin:0 0 12px}.upgrade-btn{background:#0000;border:2px solid #9d4edd;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:4px 8px;padding:10px 24px;transition:all .2s}.upgrade-btn:hover{background:#9d4edd40}.upgrade-btn.vip{border-color:#ffb700}.upgrade-btn.vip:hover{background:#ffb70040}.achievement-toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d2d2df2;border:2px solid #9d4edd;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;gap:12px;min-width:240px;padding:14px 20px;position:fixed;right:20px;top:80px;z-index:2000}.achievement-toast.rarity-border-common{border-color:#06ffa5}.achievement-toast.rarity-border-rare{border-color:#3b82f6}.achievement-toast.rarity-border-epic{border-color:#9d4edd}.achievement-toast.rarity-border-legendary{border-color:#ffb700;box-shadow:0 0 20px #ffb7004d}.achievement-toast-icon{font-size:2rem}.achievement-toast-text{display:flex;flex-direction:column}.achievement-toast-title{color:#999;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.achievement-toast-name{color:#fff;font-size:1.1rem;font-weight:700}.achievement-slide-in{animation:achievementSlideIn .4s ease forwards}.achievement-badge{align-items:center;background:#2d2d2db3;border:2px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:transform .2s,box-shadow .2s}.achievement-badge:hover{transform:translateY(-4px)}.achievement-unlocked.rarity-common{border-color:#06ffa5;box-shadow:0 0 10px #06ffa533}.achievement-unlocked.rarity-rare{border-color:#3b82f6;box-shadow:0 0 10px #3b82f633}.achievement-unlocked.rarity-epic{border-color:#9d4edd;box-shadow:0 0 10px #9d4edd4d}.achievement-unlocked.rarity-legendary{border-color:#ffb700;box-shadow:0 0 15px #ffb7004d}.achievement-locked{filter:grayscale(1);opacity:.5}.achievement-badge-icon{font-size:2rem}.achievement-badge-name{color:#fff;font-size:.9rem;font-weight:600;text-align:center}.achievement-badge-rarity{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.rarity-text-common{color:#06ffa5}.rarity-text-rare{color:#3b82f6}.rarity-text-epic{color:#9d4edd}.rarity-text-legendary{color:#ffb700}.achievements-panel{margin:0 auto;max-width:900px;padding:24px}.achievements-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:4px}.achievements-subtitle{color:#999;margin-bottom:24px}.achievements-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.achievements-filter-btn{background:#0000;border:1px solid #9d4edd66;border-radius:20px;color:#ccc;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .2s}.achievements-filter-btn.active,.achievements-filter-btn:hover{background:#9d4edd4d;border-color:#9d4edd;color:#fff}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.result-achievements{border-top:1px solid #ffffff1a;margin:16px 0;padding-top:16px}.result-achievements h3{color:#c77dff;font-size:1rem;margin-bottom:12px}.result-achievements-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.result-achievement-badge{align-items:center;background:#9d4edd1a;border:1px solid #9d4edd4d;border-radius:20px;display:flex;gap:6px;padding:6px 12px}.result-achievement-badge.rarity-common{border-color:#06ffa5}.result-achievement-badge.rarity-rare{border-color:#3b82f6}.result-achievement-badge.rarity-epic{border-color:#9d4edd}.result-achievement-badge.rarity-legendary{border-color:#ffb700}.result-achievement-badge .achievement-icon{font-size:1.2rem}.result-achievement-badge .achievement-name{color:#fff;font-size:.85rem;font-weight:600}.daily-challenge-section{margin:32px auto;max-width:600px}.daily-challenge-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d2d2dd9;border:1px solid #9d4edd4d;border-radius:16px;display:flex;gap:16px;padding:20px 24px;transition:transform .2s}.daily-challenge-card:hover{transform:translateY(-2px)}.daily-challenge-icon{font-size:2.5rem}.daily-challenge-info{flex:1 1;text-align:left}.daily-challenge-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 4px}.daily-challenge-desc{color:#999;font-size:.9rem;margin:0}.daily-play-btn{background:linear-gradient(135deg,#9d4edd,#06ffa5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 28px;transition:transform .2s}.daily-play-btn:hover{transform:scale(1.05)}.daily-check{font-size:2rem}.daily-streak-banner{align-items:center;background:#ffb7001a;border:1px solid #ffb7004d;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:10px 20px}.streak-flame{font-size:1.5rem}.streak-count{color:#ffb700;font-size:1.1rem;font-weight:700}.streak-milestones{display:flex;gap:8px;margin-left:auto}.streak-milestone-dot{align-items:center;border:2px solid #444;border-radius:50%;color:#666;display:flex;font-size:.65rem;font-weight:700;height:28px;justify-content:center;transition:all .3s;width:28px}.streak-milestone-dot.milestone-reached{background:#ffb70026;border-color:#ffb700;color:#ffb700}@keyframes multiplierPopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes achievementSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}@keyframes fireGlow{0%,to{text-shadow:0 0 4px #ffb70066}50%{text-shadow:0 0 16px #ffb700cc,0 0 30px #ff640066}}@keyframes scoreCountUp{0%{color:#06ffa5;transform:scale(1)}40%{color:#ffb700;transform:scale(1.3)}to{color:#06ffa5;transform:scale(1)}}@media (max-width:768px){.game-hud{flex-wrap:wrap;gap:8px;padding:10px 12px}.hud-score{font-size:1.1rem}.power-up-bar{gap:12px}.power-up-btn{height:48px;width:48px}.achievements-grid,.result-stats-grid{grid-template-columns:repeat(2,1fr)}.daily-challenge-card{flex-direction:column;text-align:center}.daily-challenge-info{text-align:center}.daily-streak-banner{flex-wrap:wrap;justify-content:center}.streak-milestones{margin-left:0}.achievement-toast{left:10px;min-width:auto;right:10px}.multiplier-points{font-size:2rem}}
/*# sourceMappingURL=main.0023b8e7.css.map*/