
:root{--bg:#080b14;--panel:#111827;--panel2:#151f31;--line:#26344b;--text:#f4f7ff;--muted:#9aa9c0;--cyan:#54e6d2;--purple:#9b8cff;--pink:#ff6fae;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% -10%,#20244b 0,transparent 42%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{border-bottom:1px solid #ffffff12;background:#080b14eF;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 1.45rem system-ui;letter-spacing:-1px}.brand b{color:var(--cyan)}.navlinks{display:flex;gap:22px;color:var(--muted);font-weight:600;font-size:.94rem}.hero{padding:76px 0 46px}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero h1{font:700 clamp(2.5rem,6vw,4.8rem)/1.05 system-ui;letter-spacing:-.055em;max-width:760px;margin:15px 0}.gradient{background:linear-gradient(90deg,var(--cyan),#a99bff 65%,#ff83b8);background-clip:text;color:transparent}.lead{max-width:690px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:12px;font-weight:800;background:var(--cyan);color:#071018;border:1px solid var(--cyan);cursor:pointer}.btn:hover{color:#071018;filter:brightness(1.08)}.btn.secondary{background:transparent;color:var(--text);border-color:var(--line)}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section h2,.content h1{font:700 clamp(1.7rem,3vw,2.35rem) system-ui;letter-spacing:-.035em;margin:0}.muted{color:var(--muted)}.searchbar{width:min(100%,340px);padding:12px 15px;border-radius:12px;background:#0e1523;border:1px solid var(--line);color:var(--text);outline:none}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}.chip{border:1px solid var(--line);color:var(--muted);background:#101827;padding:7px 13px;border-radius:999px;cursor:pointer}.chip.active,.chip:hover{border-color:var(--cyan);color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.game-card{background:linear-gradient(145deg,#151f31,#0e1522);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.game-card:hover{transform:translateY(-4px);border-color:#54e6d277}.game-art{height:150px;display:grid;place-items:center;font-size:3.6rem;background:radial-gradient(circle at 50% 40%,#35416a,#182039 60%,#111827)}.game-info{padding:17px}.game-info h3{font:700 1.2rem system-ui;margin:0 0 6px}.tag{display:inline-block;color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.game-info p{margin:7px 0 13px;color:var(--muted);font-size:.92rem}.ad-space{margin:42px auto;padding:22px 15px;min-height:104px;max-width:900px;border:1px dashed #3b4960;border-radius:14px;text-align:center;color:#718098;background:#0c1220;font-size:.85rem}.ad-space small{display:block;color:#536178}.content{max-width:850px;padding:58px 0 80px}.content h1{margin-bottom:12px}.content h2{font:700 1.35rem system-ui;margin:30px 0 8px}.content p,.content li{color:#b5c1d3}.content a{color:var(--cyan);text-decoration:underline}.game-layout{padding:42px 0 80px}.game-top{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.game-top h1{font:700 clamp(2rem,4vw,3rem) system-ui;margin:4px 0}.play-panel{margin-top:24px;background:linear-gradient(145deg,#141e30,#0d1421);border:1px solid var(--line);border-radius:20px;padding:22px}.game-stage{min-height:330px;display:grid;place-items:center;padding:16px;background:#080e19;border-radius:15px;border:1px solid #25344b}.game-instructions{max-width:850px;margin:26px auto 0;color:var(--muted)}.game-instructions h2{color:var(--text);font:700 1.35rem system-ui}.footer{border-top:1px solid #ffffff14;padding:30px 0;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.score{font-weight:800;color:var(--cyan);margin:8px}.game-btn{background:#17243a;border:1px solid #354967;color:white;border-radius:10px;padding:9px 14px;cursor:pointer;margin:4px}.game-btn:hover{border-color:var(--cyan)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(55px,85px));gap:9px}.memory-card{height:78px;border:1px solid #3c5275;background:#182641;border-radius:12px;color:var(--cyan);font-size:1.7rem;cursor:pointer}.memory-card.revealed{background:#23395b}.board2048{display:grid;grid-template-columns:repeat(4, minmax(52px,75px));gap:7px;background:#27354a;padding:8px;border-radius:12px}.tile{height:70px;display:grid;place-items:center;background:#101b2d;border-radius:8px;font-weight:800;font-size:1.3rem;color:#fff}.tile.filled{background:#245b66;color:#dffffa}.ttt{display:grid;grid-template-columns:repeat(3,90px);gap:8px}.ttt button{height:90px;font-size:2rem;border-radius:12px;border:1px solid #3c5275;background:#17243a;color:var(--cyan);cursor:pointer}.snake-canvas{max-width:100%;background:#101a2a;border:1px solid #33435e;border-radius:10px}.reaction-box{width:min(100%,520px);height:230px;border-radius:16px;display:grid;place-items:center;background:#26344b;font-weight:800;font-size:1.35rem;cursor:pointer;text-align:center;padding:20px}.reaction-box.ready{background:#087d6e}.reaction-box.wait{background:#8a354c}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:12px;font-size:.85rem}}@media(max-width:560px){.nav{height:auto;min-height:66px;align-items:flex-start;padding:14px 0;flex-direction:column}.navlinks{width:100%;overflow:auto;padding-bottom:3px}.hero{padding:54px 0 30px}.grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.searchbar{width:100%}.play-panel{padding:12px}.game-stage{padding:8px}.ttt{grid-template-columns:repeat(3, minmax(65px,85px))}.ttt button{height:75px}}

/* Ad safety: no active ad code is included in this starter. */
