*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;min-height:100vh;padding-top:80px;font-family:Poppins,Arial,sans-serif;font-size:16px;overflow-x:hidden}.container{z-index:1;grid-template-columns:repeat(2,1fr);justify-items:center;gap:20px;width:90%;max-width:1200px;margin:0 auto;padding:20px;display:grid;position:relative}.top-bar{z-index:1000;background:0 0;justify-content:center;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.device-info{background:0 0;border:1px solid #fff3;border-radius:30px;justify-content:center;align-items:center;height:40px;padding:8px 15px;transition:all .3s;display:flex;position:fixed;top:10px;left:40px}.device-info:hover{background:#111;border-color:#fff;box-shadow:0 0 10px #ffffff80}.device-info-icon{font-size:22px}.device-info-text{color:#fff;vertical-align:middle;margin-left:8px;font-size:16px;font-weight:700;line-height:40px}.search-container{z-index:2;width:100%;max-width:600px;margin:20px auto;padding:0 20px;position:relative}#search-bar{color:#fff;background:0 0;border:1px solid #555;border-radius:30px;outline:none;width:100%;height:40px;padding:8px 15px;font-size:16px;transition:all .3s}#search-bar:hover,#search-bar:focus{background:#111;border-color:#fff;box-shadow:0 0 10px #ffffff80}.filter-container{z-index:2;justify-content:center;margin:20px 0;display:flex;position:relative}.filter-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #555;border-radius:30px;justify-content:center;align-items:center;height:40px;margin:0 5px;padding:8px 15px;transition:all .3s;display:flex}.filter-btn.active,.filter-btn:hover{background:#111;border-color:#fff;box-shadow:0 0 10px #ffffff80}.language-switcher-container{z-index:2;justify-content:center;margin:20px 0;display:flex;position:relative}.game-card{backdrop-filter:blur(10px);cursor:pointer;will-change:transform,box-shadow;background:#050505;border:1px solid #fff3;border-radius:40px;flex-direction:column;align-items:center;width:100%;max-width:220px;padding:15px;transition:all .3s;display:flex;transform:translateZ(0);box-shadow:0 12px 40px #00000026}.game-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px #fff}.game-image{aspect-ratio:1;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none;cursor:pointer;background-position:50%;background-size:cover;border-radius:40px;width:100%;height:auto;margin-bottom:15px;transition:opacity .3s}.play-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;will-change:transform,box-shadow;background:linear-gradient(135deg,#00d4ff,#09c,#06c);border:none;border-radius:15px;width:100%;padding:8px 0;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 6px 20px #00d4ff4d,inset 0 1px #fff3}.play-button:hover{background:linear-gradient(135deg,#00b8e6,#0088b8,#059);transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66,inset 0 1px #ffffff4d}.play-button:hover:before{left:100%}.game-card:focus,.play-button:focus{outline-offset:2px;outline:2px solid #00d4ff}@media (width<=767px){body{font-size:14px}.play-button{font-size:16px}.container{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.game-card{border-radius:20px;padding:10px}.play-button{justify-content:center;align-items:center;min-height:35px;padding:8px 0;font-size:14px;display:flex}.game-image{border-radius:15px;margin-bottom:10px}.top-bar{height:60px;padding:0 20px}.device-info{height:35px;padding:5px 10px;left:20px}.device-info-text{font-size:14px}}@media (width>=481px) and (width<=767px){.container{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.container{grid-template-columns:1fr;gap:15px}.game-card{padding:15px}}@media (width>=768px) and (width<=1023px){.container{grid-template-columns:repeat(4,1fr);gap:20px}}@media (width>=1024px){.container{grid-template-columns:repeat(5,1fr);gap:25px}}.particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.circle-container{animation:linear infinite move;position:absolute;bottom:-100px}.circle{background-color:#fff;border-radius:50%;width:100%;height:100%;animation:3s infinite alternate blink;box-shadow:0 0 5px #fff,0 0 10px #fff}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(-110vh)}}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}