:root{--neon-pink: #ff0066;--neon-cyan: #00ffff;--neon-green: #39ff14;--neon-purple: #bf00ff;--neon-yellow: #ffff00;--neon-orange: #ff6600;--bg-dark: #0a0a2e;--bg-darker: #050520}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff;background:var(--bg-darker);overflow-x:hidden}.app{min-height:100vh;position:relative;background:linear-gradient(-45deg,#0a0a2e,#1a0030,#001a2e,#0a2e0a,#2e0a1a,#0a0a2e);background-size:400% 400%;animation:gradientBG 20s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 50%,rgba(191,0,255,.18) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(0,255,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 85%,rgba(255,0,102,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(57,255,20,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1000}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:floatUp linear infinite;opacity:0;filter:blur(1px)}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-110vh) scale(0);opacity:0}}.notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a4e,#2a1a4e);border:1px solid var(--neon-green);color:var(--neon-green);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;font-size:1rem;z-index:100;animation:slideDown .3s ease;box-shadow:0 0 30px #39ff144d;white-space:nowrap}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.hub{max-width:900px;margin:0 auto;padding:2rem 1rem;position:relative;z-index:1}.hub-header{text-align:center;margin-bottom:2.5rem}.arcade-title{font-size:3.5rem;font-weight:900;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-green),var(--neon-yellow),var(--neon-pink));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 4s linear infinite;filter:drop-shadow(0 0 30px rgba(255,0,102,.4));letter-spacing:.08em}@keyframes titleShimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.arcade-subtitle{color:#fff6;font-size:.9rem;margin-top:.5rem;letter-spacing:.4em;text-transform:uppercase}.coin-display{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:2rem;font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.section{margin-bottom:2.5rem}.section-title{font-size:1.2rem;margin-bottom:1rem;color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.2);letter-spacing:.02em}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}.game-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:inherit;color:inherit;font-size:inherit;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1rem;padding:1.5px;background:linear-gradient(135deg,var(--glow, #fff),transparent 40%,transparent 60%,var(--glow, #fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.game-card:hover:before{opacity:1}.game-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 40px #0000004d,0 0 25px color-mix(in srgb,var(--glow, #fff) 25%,transparent)}.game-card:active{transform:translateY(-2px) scale(.98)}.game-card-icon{font-size:2.5rem;margin-bottom:.5rem}.game-card-name{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.game-card-desc{font-size:.72rem;color:#ffffff73;line-height:1.4}.game-card-high{margin-top:.5rem;font-size:.72rem;color:var(--neon-yellow);font-weight:700;text-shadow:0 0 8px rgba(255,255,0,.3)}.recommendation{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recommendation:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:1rem;padding:1.5px;background:linear-gradient(135deg,var(--glow, #fff),transparent,var(--glow, #fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.rec-icon{font-size:2.2rem}.rec-name{font-weight:700;font-size:1.05rem}.rec-reason{font-size:.82rem;color:#ffffff8c;margin-top:.15rem}.recommendation .btn-play{margin-left:auto;padding:.5rem 1.25rem;font-size:.85rem}.missions-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.missions-header .section-title{margin-bottom:0}.missions-count{background:#ffffff14;padding:.2rem .75rem;border-radius:1rem;font-size:.8rem;color:#fff9}.missions-grid{display:flex;flex-direction:column;gap:.5rem}.mission{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;transition:all .3s ease}.mission:hover{background:#ffffff0a}.mission-done{opacity:.45;background:#39ff1408!important;border-color:#39ff1426}.mission-icon{font-size:1.4rem;min-width:2rem;text-align:center}.mission-info{flex:1}.mission-name{font-weight:700;font-size:.9rem}.mission-desc{font-size:.78rem;color:#ffffff73;margin-top:.1rem}.mission-reward{font-size:.82rem;color:gold;font-weight:700;white-space:nowrap}.btn-play{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 25px #ff00664d;font-family:inherit}.btn-play:hover{transform:scale(1.05);box-shadow:0 0 40px #ff006680}.btn-play:active{transform:scale(.97)}.game-view{position:relative;z-index:1;min-height:100vh;padding:1rem}.game-container{max-width:600px;margin:0 auto;padding:1rem 0}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.game-header h2{flex:1;font-size:1.3rem}.btn-back{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .2s;font-family:inherit}.btn-back:hover{background:#ffffff26;border-color:#ffffff40}.score-display{font-size:1rem;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,255,0,.4)}.game-canvas-wrap{position:relative;display:flex;justify-content:center}.game-canvas{border:2px solid rgba(255,255,255,.1);border-radius:.5rem;box-shadow:0 0 40px #00ffff14,inset 0 0 30px #0000004d;display:block}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050520f2;border-radius:.5rem;gap:.5rem;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-overlay h3{font-size:1.6rem;margin-bottom:.25rem;text-shadow:0 0 20px rgba(255,0,102,.5)}.game-overlay p{color:#fff9;font-size:.95rem}.whack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:350px;margin:1.5rem auto}.whack-hole{aspect-ratio:1;font-size:2.5rem;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-family:inherit;color:inherit}.whack-hole.mole-up{background:#ff006626;border-color:var(--neon-pink);box-shadow:0 0 25px #ff00664d;animation:popUp .15s ease}@keyframes popUp{0%{transform:scale(.7)}to{transform:scale(1)}}.whack-hole:active{transform:scale(.9)}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:400px;margin:1.5rem auto}.memory-card{aspect-ratio:1;font-size:2rem;background:#bf00ff14;border:2px solid rgba(191,0,255,.15);border-radius:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:inherit;color:inherit}.memory-card:hover:not(.flipped):not(.matched){background:#bf00ff26;border-color:#bf00ff4d}.memory-card.flipped{background:#bf00ff33;border-color:var(--neon-purple);box-shadow:0 0 20px #bf00ff4d}.memory-card.matched{background:#39ff141a;border-color:var(--neon-green);box-shadow:0 0 15px #39ff1440}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:300px;margin:1.5rem auto}.ttt-cell{aspect-ratio:1;font-size:2.5rem;font-weight:900;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit;color:inherit}.ttt-cell:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.ttt-cell:disabled{cursor:default}.ttt-x{color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,255,255,.5)}.ttt-o{color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,102,.5)}.ttt-result{text-align:center;font-size:1.3rem;font-weight:700;margin-top:1rem;text-shadow:0 0 20px rgba(255,0,102,.4)}.ttt-btn-row{display:flex;justify-content:center;margin-top:1rem}@media(max-width:600px){.arcade-title{font-size:2.2rem}.game-grid{grid-template-columns:repeat(2,1fr)}.hub{padding:1rem .5rem}.recommendation{flex-wrap:wrap}.recommendation .btn-play{margin-left:0;width:100%;margin-top:.5rem}}