*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f172a);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.app{text-align:center;padding:20px 15px 60px;max-width:420px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.language-switcher{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:10}.language-switcher button{padding:8px 14px;font-size:13px;font-weight:500;border-radius:999px;background:#1e293bb3;color:#e2e8f0;border:1px solid rgba(148,163,184,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all .25s ease}.language-switcher button:hover{background:#6366f14d;border-color:#6366f1;transform:translateY(-1px)}h1{font-size:3.5rem;font-weight:900;background:linear-gradient(90deg,#00d4ff,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;letter-spacing:-1px;text-shadow:0 4px 20px rgba(99,102,241,.3);animation:pulse 4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.92}}h2{font-size:2.2rem;font-weight:700;color:#00d4ff;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,212,255,.3)}h3{font-size:1.5rem;font-weight:600;color:#a5b4fc;margin:2rem 0 1rem}button{padding:14px 28px;margin:12px 8px;font-size:1.1rem;font-weight:600;border:none;border-radius:16px;background:linear-gradient(135deg,#6366f1,#00d4ff);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #6366f159}button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6366f180;background:linear-gradient(135deg,#00d4ff,#6366f1)}button:active{transform:translateY(0);box-shadow:0 4px 12px #6366f14d}.game-card{background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:2.5rem;margin:1.5rem 0;width:100%;max-width:380px;border:1px solid rgba(99,102,241,.2);transition:all .4s ease;box-shadow:0 10px 30px #00000080}.game-card:hover{transform:translateY(-8px);border-color:#00d4ff80;box-shadow:0 20px 50px #6366f14d}.grid{width:360px;height:360px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:12px;margin:30px auto;display:flex;flex-direction:column;box-shadow:0 15px 40px #0009;border:2px solid rgba(99,102,241,.15)}.row{display:flex;flex:1}.tile{flex:1;margin:6px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;transition:all .18s ease;box-shadow:inset 0 2px 6px #0006}.tile:not(.val-0){box-shadow:0 4px 15px #00000080}.val-2{background:#eee4da;color:#776e65}.val-4{background:#ede0c8;color:#776e65}.val-8{background:#f2b179;color:#f9f6f2}.val-16{background:#f59563;color:#f9f6f2}.val-32{background:#f67c5f;color:#f9f6f2}.val-64{background:#f65e3b;color:#f9f6f2}.val-128{background:#edcf72;color:#f9f6f2}.val-256{background:#edcc61;color:#f9f6f2}.val-512{background:#edc850;color:#f9f6f2}.game-math{max-width:420px;margin:0 auto;background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:2.5rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 10px 30px #00000080}.operation{font-size:4rem;font-weight:900;color:#00d4ff;margin:2rem 0;text-shadow:0 4px 15px rgba(0,212,255,.4);animation:pulse 3s infinite}.input-display{font-size:3.5rem;font-family:Courier New,monospace;background:#0f172ab3;border-radius:16px;padding:1.5rem;min-height:120px;margin:1.5rem 0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3);box-shadow:inset 0 2px 10px #0006}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.numpad button{font-size:2rem;font-weight:700;padding:1.5rem;border-radius:16px;background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(148,163,184,.3);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.numpad button:hover{background:#6366f166;transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.numpad button:last-child,.numpad button:nth-child(11){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.leaderboards{margin-top:2rem;background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:2rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 10px 30px #00000080;width:100%;max-width:380px}.leaderboards ul{list-style:none;padding:0}.leaderboards li{padding:12px 0;border-bottom:1px solid rgba(148,163,184,.2);display:flex;justify-content:space-between;font-size:1.1rem}.leaderboards li:last-child{border-bottom:none}