*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#87ceeb,#4682b4,#1e90ff);min-height:100vh;color:#fff;overflow-x:hidden}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.header{position:sticky;top:0;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;z-index:100}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto}.nav-left{display:flex;align-items:center;gap:1rem}.back-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;transition:all .3s ease;font-size:.9rem}.back-link:hover{background:#fff3;transform:scale(1.05);text-decoration:none}.back-button-corner{position:fixed;top:10px;left:10px;z-index:1000;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.3);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.back-button-corner:hover{background:#000000e6;transform:scale(1.05);text-decoration:none;border-color:#ffffff80}.floating-instructions{position:fixed;top:80px;right:20px;width:300px;max-height:400px;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #0000004d}.floating-instructions.minimized{width:45px;height:45px;overflow:hidden;border-radius:8px}.floating-instructions.minimized .instruction-header{padding:8px;justify-content:center;border-bottom:none}.floating-instructions.minimized .instruction-title{display:none}.instruction-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;-webkit-user-select:none;user-select:none}.instruction-title{color:#fff;font-weight:700;font-size:.9rem;margin:0}.minimize-button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;transition:transform .2s ease}.minimize-button:hover{transform:scale(1.1)}.floating-instructions.minimized .minimize-button{transform:rotate(0);font-size:1.4rem}.instruction-content{padding:16px;color:#fff;font-size:.85rem;line-height:1.4;overflow-y:auto;max-height:320px}.instruction-content h3{margin:0 0 12px;color:#4fc3f7;font-size:1rem}.instruction-content p{margin:0 0 8px}.instruction-content p:last-child{margin-bottom:0}.instruction-content strong{color:#81c784}.game-title{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#1e90ff,#4682b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;grid-column:2}.logo{font-size:1.5rem;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(45deg,#05386a,#eeeff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .logo{background:linear-gradient(45deg,#e7630a,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:#fff3;transform:scale(1.05)}.game-content{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.game-container{border:2px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;max-width:calc(100vw - 40px);max-height:calc(100vh - 200px);width:auto;height:auto;border-radius:10px;overflow:hidden;position:relative}.game-container canvas{display:block;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.controls{margin:1rem 0;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;padding:1rem 2rem;border:1px solid rgba(255,255,255,.2);max-width:600px}.controls p{margin:.5rem 0;font-size:.95rem;opacity:.9;line-height:1.4}.instructions{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);max-width:400px;margin:1rem}.instructions h3{margin-bottom:1rem;font-size:1.2rem}.instructions p{margin:.5rem 0;font-size:.9rem;line-height:1.4;opacity:.9}canvas{display:block;max-width:100%;max-height:100%;width:auto!important;height:auto!important}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-left{flex-direction:column;gap:.5rem}.game-content{padding:1rem}.controls{padding:1rem;margin:.5rem 0}.instructions{margin:.5rem;padding:1rem}}body.alien-chaser{background:linear-gradient(135deg,#0f1419,#1a2332,#0d1a2b)}body.alien-chaser .game-container{border-color:#4caf50}body.alien-chaser .back-link:hover{background:#4caf5033;border-color:#66bb6a}body.alien-chaser .game-title{background:linear-gradient(45deg,#4caf50,#66bb6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.glass-bridge{background:linear-gradient(135deg,#1e3c72,#2a5298)}body.glass-bridge .game-container{border-color:#2a5298}body.glass-bridge .back-link:hover{background:#2a529833;border-color:#3c78d8}body.glass-bridge .game-title{background:linear-gradient(45deg,#2a5298,#3c78d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.eye-mazes{background:#000}body.eye-mazes .game-container{border-color:#666}body.eye-mazes .back-link:hover{background:#fff3;border-color:#888}body.eye-mazes .game-title{background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section{text-align:center;padding:4rem 2rem;max-width:800px;margin:0 auto}.hero-section h1{font-size:clamp(3rem,8vw,5rem);margin-bottom:1rem;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out}.tagline{font-size:1.2rem;opacity:.9;margin-bottom:2rem;animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.games-section{padding:2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;opacity:.95}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.game-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.game-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.game-card:hover:before{left:100%}.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0000004d;border-color:#fff6}.game-icon{font-size:4rem;margin-bottom:1rem;display:block;text-align:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.game-card h3{font-size:1.8rem;margin-bottom:1rem;text-align:center}.game-card p{opacity:.8;line-height:1.6;margin-bottom:1.5rem;text-align:center}.creators{display:block;text-align:center;font-size:.9rem;opacity:.6;margin-bottom:1.5rem;font-style:italic}.play-button{display:block;background:linear-gradient(45deg,#4682b4,#1e90ff);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:50px;text-align:center;font-weight:700;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,#1e90ff,#87ceeb);transition:left .3s ease;z-index:-1}.play-button:hover:before{left:0}.play-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #0000004d}.alien-chaser{border-color:#4caf5080}.alien-chaser:hover{border-color:#4caf50cc;box-shadow:0 25px 50px #4caf5033}.glass-bridge{border-color:#1e3c7280}.glass-bridge:hover{border-color:#2a5298cc;box-shadow:0 25px 50px #2a529833}.eye-mazes{border-color:#ffffff4d}.eye-mazes:hover{border-color:#fff9;box-shadow:0 25px 50px #ffffff1a}.stats-section{background:#0003;padding:2rem;margin:2rem 0;border-radius:15px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.stat-item{background:#ffffff1a;padding:1.5rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:2.5rem;font-weight:700;color:#87ceeb;display:block}.stat-label{opacity:.8;margin-top:.5rem}.footer{text-align:center;padding:3rem 2rem;background:#0000004d;margin-top:4rem}.footer p{opacity:.7;font-size:.9rem}body.dark-mode{background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50)}.dark-mode .game-card{background:#0000004d;border-color:#ffffff1a}.dark-mode .stats-section{background:#0006}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-left{flex-direction:column;gap:.5rem}.game-content{padding:1rem}.controls{padding:1rem;margin:.5rem 0}.instructions{margin:.5rem;padding:1rem}.hero-section{padding:2rem 1rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}.game-card{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}