*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#111322 0,#050608 45%,#000 100%);color:#f5f5f5;line-height:1.6}.top-nav{background:rgba(5,6,16,.96);padding:10px 0;border-bottom:2px solid #00e5ff;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 14px 28px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{color:#f9fafb;font-size:1.1em;font-weight:700;text-decoration:none;letter-spacing:.14em;text-transform:uppercase}.logo span{color:#ff4b4b}.nav-links{display:flex;gap:15px}.nav-links a{color:#e5e7eb;text-decoration:none;font-size:.85em;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:999px;border:1px solid transparent;transition:all .18s ease-out}.nav-links a:hover{color:#f9fafb;border-color:rgba(0,229,255,.6);background:rgba(0,0,0,.85);box-shadow:0 0 18px rgba(0,229,255,.35)}.search-box{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:999px;background:rgba(13,15,28,.9);border:1px solid rgba(148,163,184,.5)}.search-box input{padding:5px 10px;border-radius:999px;border:none;background:transparent;color:#e5e7eb;font-size:.8em;outline:none}.search-box input::placeholder{color:#6b7280}.search-box button{background:rgba(0,229,255,.18);border:none;color:#00e5ff;padding:5px 10px;border-radius:50%;cursor:pointer;font-size:.8em}.search-box button:hover{background:rgba(0,229,255,.35)}.container{max-width:1200px;margin:20px auto;padding:0 20px 40px}.game-wrapper{margin-bottom:30px}.game-header{display:flex;justify-content:space-between;align-items:center}.game-header h1{font-size:2.1em;color:#f9fafb;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 20px hsla(0,0%,100%,.25)}.game-header p{color:#9ca3af;font-size:.95em}.game-controls{display:flex;gap:10px}.control-btn{background:linear-gradient(135deg,#00e5ff,#4df3ff);color:#020617;border:none;padding:10px 20px;border-radius:999px;cursor:pointer;font-size:.9em;text-transform:uppercase;letter-spacing:.12em;transition:all .18s ease-out;box-shadow:0 0 22px rgba(0,229,255,.45)}.control-btn:hover{transform:translateY(-1px);box-shadow:0 0 40px rgba(0,229,255,.75)}.game-container{position:relative;margin-top:15px;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.9);height:600px;background:radial-gradient(circle at top,#181829 0,#050608 70%);border:1px solid rgba(148,163,184,.45)}.game-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;border:none;box-shadow:none;background:#000}.game-frame{width:100%;height:100%;border:none}.loading{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(0,229,255,.15),transparent 65%),rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e5e7eb;z-index:10;font-size:.95em}.spinner{width:40px;height:40px;border:4px solid rgba(148,163,184,.3);border-top-color:#00e5ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(1turn)}}.loading span{position:relative}.loading span:after{content:" ...";animation:dots 1.1s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.exit-fullscreen-btn{position:absolute;top:10px;right:15px;background:rgba(0,0,0,.78);color:#e5e7eb;border:1px solid rgba(148,163,184,.7);padding:5px 12px;border-radius:999px;cursor:pointer;z-index:11;font-size:.75em;text-transform:uppercase;letter-spacing:.12em}.exit-fullscreen-btn:hover{background:rgba(0,0,0,.95);color:#00e5ff;border-color:#00e5ff}.content-section{background:rgba(12,12,24,.98);padding:20px;margin-bottom:20px;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.8);border:1px solid rgba(148,163,184,.35)}.content-section h2{margin-bottom:10px;color:#f9fafb;text-transform:uppercase;letter-spacing:.16em;font-size:1.05em}.content-section h3{margin-top:15px;margin-bottom:8px;color:#e5e7eb;font-size:.98em}.content-section p{margin-bottom:10px;color:#d1d5db;font-size:.93em}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:15px;gap:15px;margin-top:10px}.feature-card{background:rgba(15,23,42,.98);padding:15px;border-radius:10px;border:1px solid rgba(148,163,184,.45);box-shadow:0 10px 22px rgba(0,0,0,.8)}.feature-card h4{margin-bottom:8px;color:#f9fafb;font-size:.95em;letter-spacing:.08em;text-transform:uppercase}.feature-card p{color:#d1d5db;font-size:.9em}.info-box{background:radial-gradient(circle at top left,rgba(0,229,255,.15),transparent 55%),rgba(15,23,42,.96);border-left:5px solid #00e5ff;padding:15px;margin-top:10px;border-radius:10px}.info-box h4{margin-bottom:8px;color:#f9fafb}.info-box.warning{border-left-color:#f97316}.info-box.success{border-left-color:#22c55e}.attack-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.attack-item{background:rgba(15,23,42,.98);padding:8px 12px;border-radius:999px;font-size:.85em;color:#e5e7eb;border:1px solid rgba(148,163,184,.6)}.footer{background:rgba(5,6,16,.98);color:#9ca3af;padding:15px 0;text-align:center;margin-top:40px;border-top:1px solid rgba(148,163,184,.4);box-shadow:0 -12px 24px rgba(0,0,0,.8)}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:6px}.footer a{color:#e5e7eb;text-decoration:none;font-size:.85em}.footer a:hover{color:#00e5ff}.main-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:200px 1fr 200px;grid-gap:20px;gap:20px;padding:20px}.games-sidebar{position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.games-sidebar h3{color:#00e5ff;font-size:.9em;margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #00e5ff;padding-bottom:8px}.game-card{background:rgba(15,23,42,.8);border:2px solid transparent;border-radius:12px;padding:8px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;overflow:hidden}.game-card:hover{border-color:#00e5ff;transform:translateX(4px);box-shadow:0 0 20px rgba(0,229,255,.3)}.game-card.active{border-color:#00e5ff;background:rgba(0,229,255,.15);box-shadow:0 0 20px rgba(0,229,255,.4)}.game-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;overflow:hidden}.game-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-thumbnail img{transform:scale(1.05)}.game-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent);padding:10px 8px 8px;display:flex;flex-direction:column;gap:4px}.game-name{color:#fff;font-size:.85em;font-weight:600;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.8)}.difficulty-badge{display:inline-block;font-size:.7em;padding:2px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.difficulty-badge.extreme{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.difficulty-badge.medium{background:#f59e0b;color:#000}.difficulty-badge.hard{background:#ef4444;color:#fff}.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{background:rgba(0,229,255,.15);color:#00e5ff;padding:4px 12px;border-radius:999px;font-size:.85em;border:1px solid rgba(0,229,255,.3)}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.search-results-box{background:rgba(15,23,42,.98);border:2px solid #00e5ff;border-radius:16px;padding:40px;text-align:center;max-width:500px}.search-results-box h3{color:#00e5ff;margin-bottom:16px;font-size:1.3em}.search-results-box p{color:#9ca3af;font-size:.95em}@media (max-width:1200px){.main-layout{grid-template-columns:1fr;gap:20px}.games-sidebar{position:relative;top:0;display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.games-sidebar h3{min-width:100%}.game-card{min-width:200px;margin-bottom:0}.games-sidebar.right{display:none}}@media (max-width:768px){.main-layout{padding:10px}.game-card{min-width:160px}.game-name{font-size:.75em}}.sub-page{min-height:100vh;background:radial-gradient(circle at top,#111322 0,#050608 45%,#000 100%)}.sub-page-header{background:rgba(5,6,16,.96);color:#f9fafb;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.45);box-shadow:0 10px 24px rgba(0,0,0,.8)}.sub-page-header a{color:#e5e7eb;text-decoration:none;font-size:.85em}.sub-page-header a:hover{color:#00e5ff}.sub-page-content{max-width:900px;margin:20px auto;background:rgba(12,12,24,.98);padding:20px 30px;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.9);border:1px solid rgba(148,163,184,.45)}.sub-page-content h1{margin-bottom:15px;color:#f9fafb;letter-spacing:.12em;text-transform:uppercase}.sub-page-content h2{margin-top:15px;margin-bottom:10px;color:#e5e7eb}.sub-page-content p,.sub-page-content ul{margin-bottom:10px;color:#d1d5db}.sub-page-content ul{margin-left:20px}.sub-page-content li{margin-bottom:5px}@media (max-width:768px){.nav-container{flex-direction:column;align-items:flex-start;gap:10px}.nav-links{flex-wrap:wrap}.search-box input{width:150px}.game-header{flex-direction:column;align-items:flex-start;gap:10px}.game-container{height:400px}.container{padding:0 15px 30px}.sub-page-content{padding:30px 20px}.sub-page-content h1{font-size:1.4em}.footer-links{justify-content:center;gap:20px;padding:10px 20px}}