*{box-sizing:border-box}html{scroll-behavior:smooth;background:#030a12}body{margin:0;color:#fff;font-family:Inter,ui-rounded,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% 0,#0b3458 0,#04101c 32%,#02070d 72%);overflow-x:hidden}.games-nav{height:62px;display:flex;align-items:center;gap:24px;padding:0 clamp(14px,4vw,62px);position:sticky;top:0;z-index:50;background:rgba(2,8,14,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10)}.games-logo{color:#ffd400;font-weight:1000;text-decoration:none;font-size:20px}.games-nav nav{margin:auto;display:flex;gap:28px}.games-nav nav a{color:#d6e4ef;text-decoration:none;font-weight:900;font-size:13px}.games-nav nav a.active{color:#ffd400}.sound-toggle{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.games-hero{position:relative;min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:center;gap:30px;padding:70px clamp(22px,7vw,110px);overflow:hidden}.games-hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.78}.hero-glow{position:absolute;width:460px;height:460px;left:8%;top:7%;background:radial-gradient(circle,rgba(30,149,255,.28),transparent 65%);filter:blur(20px)}.hero-copy{position:relative;z-index:3;max-width:760px}.eyebrow{color:#69d8ff;font-size:12px;font-weight:1000;letter-spacing:.16em}.hero-copy h1{font-size:clamp(48px,7vw,96px);line-height:.88;letter-spacing:-.05em;margin:15px 0 22px}.hero-copy h1 em{font-style:normal;color:#ffd400;text-shadow:0 0 30px rgba(255,212,0,.22)}.hero-copy p{font-size:clamp(17px,2vw,23px);color:#c3d5e4;max-width:680px;font-weight:700;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}.hero-actions .primary{padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,#0866ff,#36c8ff);color:#fff;text-decoration:none;font-weight:1000;box-shadow:0 14px 35px rgba(8,102,255,.35)}.hero-actions span{font-size:12px;color:#abc0d2;font-weight:800}.hero-cast{position:relative;z-index:4;height:380px}.hero-cast img{position:absolute;width:190px;height:190px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.18);background:#0c2235;box-shadow:0 25px 70px rgba(0,0,0,.35);animation:float 4s ease-in-out infinite}.hero-cast img:nth-child(1){left:5%;top:6%;transform:rotate(-8deg)}.hero-cast img:nth-child(2){right:3%;top:33%;animation-delay:-1.2s;transform:rotate(7deg)}.hero-cast img:nth-child(3){left:10%;bottom:0;animation-delay:-2.1s;width:150px;height:150px}@keyframes float{50%{translate:0 -12px}}.learning-strip{width:min(1180px,calc(100% - 28px));margin:-28px auto 0;position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,26,43,.86);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:24px;overflow:hidden}.learning-strip div{padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}.learning-strip div:last-child{border:0}.learning-strip strong{display:block;font-size:30px;color:#ffd400}.learning-strip span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9bb1c4;font-weight:900}.games-section{padding:78px clamp(14px,5vw,72px);max-width:1450px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{font-size:clamp(30px,4vw,54px);margin:7px 0 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#cbd9e6;padding:9px 13px;border-radius:999px;font-weight:900;cursor:pointer}.filters button.active{background:#fff;color:#06111d}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{position:relative;min-height:340px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 24px 70px rgba(0,0,0,.24);transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease}.game-card:hover{transform:translateY(-6px) rotateX(1deg);border-color:rgba(255,255,255,.3)}.game-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.25),transparent 35%);pointer-events:none}.game-card .character{position:absolute;right:-14px;bottom:-12px;width:190px;height:190px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 22px 32px rgba(0,0,0,.35));transition:transform .25s ease}.game-card:hover .character{transform:scale(1.04) rotate(2deg)}.card-content{position:relative;z-index:3;padding:24px;max-width:72%}.card-icon{font-size:30px}.card-content h3{font-size:28px;line-height:1;margin:14px 0 9px}.card-content p{color:rgba(255,255,255,.78);font-weight:700;line-height:1.4}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.card-tags span{padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.17);font-size:10px;font-weight:1000;letter-spacing:.06em}.play-link{display:inline-flex;padding:11px 14px;border-radius:13px;background:#fff;color:#07111c;text-decoration:none;font-weight:1000}.safe-section{width:min(1180px,calc(100% - 28px));margin:0 auto 70px;padding:24px;display:flex;gap:18px;align-items:center;border-radius:24px;background:linear-gradient(135deg,rgba(36,171,118,.14),rgba(34,102,194,.12));border:1px solid rgba(100,229,174,.17)}.safe-icon{font-size:40px}.safe-section strong{font-size:20px}.safe-section p{margin:5px 0;color:#aac0d2;line-height:1.45}footer{padding:28px;text-align:center;border-top:1px solid rgba(255,255,255,.08);color:#7e96aa;font-weight:700}footer span{color:#aabfd0}@media(max-width:950px){.games-hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero-cast{height:230px}.hero-cast img{width:140px;height:140px}.hero-cast img:nth-child(3){width:110px;height:110px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.games-nav{height:56px;padding:0 10px}.games-logo{font-size:16px}.games-nav nav{gap:12px}.games-nav nav a{font-size:11px}.games-nav nav a:nth-child(3){display:none}.games-hero{padding:36px 16px 54px}.hero-copy h1{font-size:50px}.hero-cast{height:185px}.learning-strip{grid-template-columns:repeat(2,1fr)}.learning-strip div:nth-child(2){border-right:0}.game-grid{grid-template-columns:1fr}.game-card{min-height:300px}.game-card .character{width:170px;height:170px}.card-content{max-width:70%}.games-section{padding:55px 12px}.safe-section{align-items:flex-start}}