:root{--bg: #0f1117;--bg-soft: #161923;--card: #1c1f2b;--card-hover: #232734;--border: #2a2f3d;--text: #e5e7eb;--text-dim: #9ca3af;--accent: #7c5cff;--accent-2: #22d3ee;--accent-soft: rgba(124, 92, 255, .15);--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}main{flex:1;padding:28px 0 56px}.site-header{background:var(--bg-soft);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:20px;padding:14px 20px;flex-wrap:wrap}.logo{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;white-space:nowrap}.logo .logo-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding:7px 13px;border-radius:8px;color:var(--text-dim);font-size:.95rem;font-weight:500;transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:var(--card)}.nav a.active{color:var(--text);background:var(--accent-soft)}.search-form{margin-left:auto;display:flex}.search-form input{background:var(--card);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px 0 0 8px;font-size:.9rem;width:180px;outline:none}.search-form input:focus{border-color:var(--accent)}.search-form button{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:0 8px 8px 0;cursor:pointer;font-size:.9rem}.hero{text-align:center;padding:40px 0 20px}.hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.hero h1 .grad{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-dim);margin-top:10px;max-width:560px;margin-left:auto;margin-right:auto}.section{margin-top:36px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-head h2{font-size:1.4rem;font-weight:700}.section-head a{color:var(--accent-2);font-size:.9rem;font-weight:500}.section-head a:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.game-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s,border-color .15s,background .15s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--card-hover)}.game-thumb{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;position:relative}.game-thumb .badge{position:absolute;top:8px;left:8px;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge.new{background:var(--accent-2);color:#06222a}.badge.hot{background:#f43f5e;color:#fff}.game-info{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.game-title{font-size:.98rem;font-weight:600;line-height:1.3}.game-cat{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.tag{display:inline-block;background:var(--card);border:1px solid var(--border);color:var(--text-dim);padding:4px 11px;border-radius:999px;font-size:.8rem;margin:0 4px 8px 0;transition:color .15s,border-color .15s}.tag:hover{color:var(--text);border-color:var(--accent)}.game-page{display:grid;grid-template-columns:1fr;gap:24px}.game-frame-wrap{background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.game-frame-wrap iframe{width:100%;aspect-ratio:16 / 9;border:none;display:block}.game-meta h1{font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.game-meta .desc{color:var(--text-dim);margin-top:10px;max-width:720px}.play-bar{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.btn{background:var(--accent);color:#fff;padding:11px 22px;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.btn.fullscreen{background:var(--card);border:1px solid var(--border)}.related{margin-top:40px}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:28px 0;margin-top:auto}.footer-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--text-dim);font-size:.88rem}.footer-links a:hover{color:var(--text)}.footer-note{color:var(--text-dim);font-size:.82rem}.page-title{font-size:1.7rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.page-sub{color:var(--text-dim);margin-bottom:24px}.prose{max-width:720px;color:var(--text-dim)}.prose h2{color:var(--text);font-size:1.2rem;margin:24px 0 8px}.prose p{margin-bottom:12px}.prose ul{margin:0 0 12px 20px}.empty{text-align:center;color:var(--text-dim);padding:60px 20px}@media(max-width:640px){.header-inner{gap:12px}.search-form{margin-left:0;width:100%}.search-form input{width:100%}.hero h1{font-size:1.7rem}.grid{grid-template-columns:repeat(2,1fr);gap:12px}}