html,body{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif;color:#fff;background:#0f0f0f;overflow:hidden;}
html,body{overflow:hidden;}::-webkit-scrollbar{width:0;height:0;}
.main-content::-webkit-scrollbar{width:0;height:0;}
.main-content::-webkit-scrollbar-thumb{background-color:#00ff99;border-radius:10px;}
.main-content{margin-left:200px;width:calc(100% - 200px);min-height:100vh;display:flex;flex-direction:column;align-items:center;background:transparent;padding:40px 20px;}
.menu-page{text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;overflow-y:auto;}
.top-header{width:100%;background:#111;color:#111;padding:15px 0;text-align:center;font-weight:bold;font-size:28px;letter-spacing:2px;box-shadow:0 4px 15px rgba(0,255,153,0.3);position:fixed;top:0;left:0;z-index:1000;animation:neon-flicker 1.5s infinite alternate;}
.top-header h1{font-family:'Press Start 2P',cursive;font-size:24px;margin:0;padding-top:20px;color:#92ffd3;text-align:center;text-shadow:0 0 1px #00ff99,0 0 2px #00ff99,0 0 4px #00ff99;}
@keyframes neon-flicker{0%{text-shadow:0 0 5px #00ff99,0 0 10px #00ff99,0 0 20px #00ff99,0 0 40px #0ff;}50%{text-shadow:0 0 3px #00ff99,0 0 7px #00ff99,0 0 15px #00ff99,0 0 20px #0ff;}100%{text-shadow:0 0 5px #00ff99,0 0 10px #00ff99,0 0 20px #00ff99,0 0 40px #0ff;}}
#search-bar{position:absolute;top:12px;right:20px;padding:15px 20px;font-size:16px;border-radius:100px;border:2px solid #00ff99;background:#222;color:#fff;outline:none;z-index:1001;transition:0.3s;animation:glow-pulse 2s infinite alternate;}
@keyframes glow-pulse{0%{box-shadow:0 0 1px #0ff,0 0 2px #0ff;}100%{box-shadow:0 0 2px #0ff,0 0 4px #0ff;}}
.left-header{position:fixed;top:120px;left:0;width:100px;text-align:center;color:#000;font-weight:bold;font-size:18px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:5px;z-index:2;}
.request_button{display:inline-block;writing-mode:vertical-rl;transform:rotate(360deg);color:limegreen;text-decoration:none;font-family:'Press Start 2P',cursive;cursor:pointer;transition:color 0.2s ease;top:80px;font-size:40px;letter-spacing:5px;}
.request_button:hover{color:orange;}
.sidebar{position:fixed;top:70px;left:0;width:200px;height:calc(100vh - 70px);background:#1a1a1a;border-right:2px solid #00ff99;box-shadow:4px 0 15px rgba(0,255,153,0.2);display:flex;flex-direction:column;justify-content:space-between;padding-top:20px;}
.sidebar ul{list-style:none;padding:0;margin:0;}
.sidebar li{margin:10px 0;}
.sidebar a{display:block;padding:12px 20px;color:#ccc;text-decoration:none;transition:0.2s;font-size:16px;}
.sidebar a:hover{color:#00ff99;background:#222;}
.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;justify-items:center;width:100%;max-width:1400px;padding-top:120px;padding-bottom:50px;} /* padding-top pushes games below header */
.game-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(145deg,#1e1e1e,#292929);border-radius:16px;padding:25px;cursor:pointer;transition:all 0.25s ease;box-shadow:0 8px 20px rgba(0,0,0,0.5);transform:translateY(0);text-decoration:none;color:#fff;width:200px;box-sizing:border-box;animation:float 3s ease-in-out infinite alternate,glow-border 2s infinite alternate;}
@keyframes float{0%{transform:translateY(0);}50%{transform:translateY(-6px);}100%{transform:translateY(0);}}
@keyframes glow-border{0%{box-shadow:0 8px 20px rgba(0,255,153,0.2),0 0 5px #00ff99;}50%{box-shadow:0 12px 25px rgba(0,255,153,0.4),0 0 15px #00ff99;}100%{box-shadow:0 8px 20px rgba(0,255,153,0.2),0 0 5px #00ff99;}}
.game-box:hover{border-color:#00ff99;background:linear-gradient(145deg,#292929,#1e1e1e);transform:translateY(-6px) scale(1.05);box-shadow:0 12px 30px rgba(0,255,153,0.25);}
.game-box img{width:140px;height:auto;border-radius:10px;box-shadow:0 0 15px rgba(0,255,153,0.15);border:2px solid #00ff99;}
.game-title{font-size:20px;margin-top:15px;font-weight:bold;color:#eee;text-shadow:0 0 1px rgba(0,255,153,0.1);text-align:center;font-family:'Press Start 2P',cursive;word-wrap:break-word;}
.pagination-bar{display:flex;justify-content:center;gap:8px;margin-top:50px;margin-bottom:40px;font-family:'Press Start 2P',cursive;} /* increased space top/bottom and font */
.pagination-bar button{background:#111;color:#0f0;border:2px solid #0f0;border-radius:6px;padding:8px 14px;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:12px;transition:all 0.2s;}
.pagination-bar button:hover{background:#0f0;color:#000;box-shadow:0 0 10px #00ff99;}
.pagination-bar button.active{background:#0f0;color:#000;box-shadow:0 0 15px #00ff99;}
.pagination-bar span{display:flex;align-items:center;color:#fff;font-family:'Press Start 2P',cursive;font-size:12px;} /* same font */
.star{position:fixed;background:white;border-radius:50%;pointer-events:none;z-index:0;opacity:0.8;animation:twinkle 2s infinite alternate;}
@keyframes twinkle{0%{opacity:0.3;}50%{opacity:0.8;}100%{opacity:0.3;}}