@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark: #0B1020;--bg-card: rgba(255, 255, 255, .06);--text-main: #f8f9fa;--text-muted: #8b92a5;--primary: #00f2ff;--primary-glow: rgba(0, 242, 255, .5);--secondary: #b026ff;--success: #10b981;--danger: #ef4444;--tile-bg: rgba(255, 255, 255, .05);--tile-hover: rgba(255, 255, 255, .1);--tile-active: #00f2ff;--font-main: "Inter", sans-serif}[data-theme=midnight]{--bg-dark: #020617;--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #3b82f6;--tile-active: #8b5cf6}[data-theme=neon]{--bg-dark: #000000;--primary: #ff00ff;--primary-glow: rgba(255, 0, 255, .5);--secondary: #00ffff;--tile-active: #ff00ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overscroll-behavior-y:none;background-image:radial-gradient(circle at 15% 0%,rgba(0,242,255,.15),transparent 40%),radial-gradient(circle at 85% 100%,rgba(176,38,255,.15),transparent 40%);background-attachment:fixed}#root{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{font-weight:800;letter-spacing:-.02em}h1.hero-title{font-size:3rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:.5rem;line-height:1.1}.hero-subtitle{text-align:center;color:var(--text-muted);font-size:1.1rem;font-weight:400;margin-bottom:1.5rem;max-width:400px}.app-container{max-width:800px;margin:0 auto;padding:1rem 1rem 5rem;width:100%;flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.logo-area{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.2rem;color:#fff}.logo-icon{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:20px;height:20px}.logo-tile{background:#fff3;border-radius:2px;animation:logoPulse 2s infinite}.logo-tile:nth-child(1){animation-delay:0s}.logo-tile:nth-child(2){animation-delay:.5s}.logo-tile:nth-child(3){animation-delay:1.5s}.logo-tile:nth-child(4){animation-delay:1s}.top-stats{display:flex;gap:1rem;align-items:center;font-size:.9rem;font-weight:600}.social-proof{display:flex;justify-content:center;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:2rem;flex-wrap:wrap}.proof-item{display:flex;align-items:center;gap:.25rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;width:100%;max-width:350px;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-family:var(--font-main);box-shadow:0 10px 25px var(--primary-glow);animation:pulseButton 2s infinite;margin:0 auto}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px var(--primary-glow)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;width:100%;max-width:350px;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin:1rem auto 0}.btn-secondary:hover{background:#ffffff0d;color:var(--text-main)}.dopamine-strip{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;margin-bottom:3rem;font-size:.85rem;color:var(--text-main);font-weight:500}.dopamine-item{display:flex;align-items:center;gap:.4rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;margin-bottom:2rem;width:100%}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-main)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{background:#0003;border-radius:12px;padding:1rem;text-align:center}.stat-box-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-box-value{font-size:1.5rem;font-weight:800;color:var(--text-main)}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00000026;border-radius:10px;font-size:.95rem}.leaderboard-rank{font-weight:700;color:var(--text-muted);width:24px}.leaderboard-name{font-weight:600;flex:1;display:flex;align-items:center;gap:.5rem}.leaderboard-score{font-weight:800;color:var(--primary)}.trust-list{list-style:none;padding:0}.trust-list li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem;color:var(--text-muted)}.trust-list li:last-child{border-bottom:none}.board-container{display:flex;justify-content:center;align-items:center;margin:2rem 0;width:100%}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg-card);padding:1rem;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.tile{width:25vw;height:25vw;max-width:90px;max-height:90px;border-radius:16px;background:var(--tile-bg);border:1px solid rgba(255,255,255,.1);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.tile:not(.disabled):active{transform:scale(.95)}.tile.active{background:var(--primary);box-shadow:0 0 30px var(--primary-glow),inset 0 0 15px #ffffff80;border-color:#ffffff80;transform:scale(1.05)}.tile.error{background:var(--danger);box-shadow:0 0 30px #ef444480;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.overlay{position:fixed;inset:0;background:#0b1020e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}.modal{background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);padding:2.5rem 2rem;border-radius:24px;text-align:center;width:100%;max-width:400px;max-height:85dvh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.modal h2{font-size:2rem;margin-bottom:.5rem}.modal-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.retention-text{color:var(--danger);font-weight:600;margin-bottom:1.5rem;font-size:.95rem}.mobile-footer{position:fixed;bottom:0;left:0;right:0;background:#0b1020d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:100}.footer-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.7rem;font-weight:500;cursor:pointer;transition:color .2s}.footer-item:hover,.footer-item.active{color:var(--text-main)}.footer-play{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-15px);box-shadow:0 5px 15px var(--primary-glow)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes logoPulse{0%,to{background:#fff3}50%{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}}@keyframes pulseButton{0%{box-shadow:0 0 #00f2ff66}70%{box-shadow:0 0 0 15px #00f2ff00}to{box-shadow:0 0 #00f2ff00}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){h1.hero-title{font-size:2.2rem}.dopamine-strip{gap:.75rem;font-size:.75rem}}@media(max-height:700px){h1.hero-title{font-size:2rem}.hero-subtitle{margin-bottom:1rem}.btn-primary{padding:1rem 2rem}.dopamine-strip{margin-top:1rem;margin-bottom:2rem}}