.games-page{min-height:100vh;overflow-x:hidden}.games-page .topbar{position:relative}.games-main{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:26px 0 34px;position:relative;z-index:2}.games-hero{text-align:center;padding:5px 0 18px}.back-link{display:inline-block;border:1px solid #777de0;background:#080d3dcc;padding:9px 16px;border-radius:22px;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 5px 18px #0005}.games-kicker{margin-top:22px;color:#6ddcff;letter-spacing:5px;font-weight:950;font-size:13px}.games-hero h1{margin:5px 0 0;font-size:clamp(52px,7vw,84px);line-height:.9;letter-spacing:-4px;color:#fff;text-shadow:0 6px #7677c8,0 10px 14px #0008}.games-hero h1 strong{color:#ffcc18;text-shadow:0 6px #d36b00,0 10px 14px #0008}.games-hero p{margin:12px 0;color:#e4e8ff;font-weight:750}.game-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.search-wrap{width:min(620px,100%);height:50px;border:1px solid #6b74ca;background:#070d3ed9;border-radius:26px;display:flex;align-items:center;padding:0 17px;box-shadow:0 8px 24px #0006}.search-wrap span{font-size:20px}.search-wrap input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:15px;font-weight:700;padding:0 10px}.search-wrap input::placeholder{color:#b7c0e5}.category-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tab{border:1px solid #626dc2;background:#080e3ecc;color:#fff;padding:9px 15px;border-radius:22px;cursor:pointer;font-weight:850;font-size:12px}.tab:hover,.tab.active{background:linear-gradient(135deg,#a22cff,#6b39ff);border-color:#c09cff;box-shadow:0 0 18px #8448ff88}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{min-height:290px;border-radius:25px;border:2px solid var(--border);background:linear-gradient(160deg,var(--a),var(--b));box-shadow:0 10px 30px #0008,inset 0 1px #fff7,inset 0 0 28px #fff1;text-decoration:none;text-align:center;padding:16px 12px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;transition:.2s}.game-card:before{content:"";position:absolute;width:180px;height:100px;left:-35px;top:-30px;background:#fff3;border-radius:50%;filter:blur(20px)}.game-card:after{content:"";position:absolute;inset:7px;border:1px solid #fff4;border-radius:20px;pointer-events:none}.game-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #000a,0 0 28px var(--glow)}.game-art{height:110px;display:grid;place-items:center;font-size:76px;filter:drop-shadow(0 6px 4px #0008);position:relative;z-index:1}.game-card h2{font-size:20px;margin:3px 0 5px;position:relative;z-index:1}.game-card p{font-size:12px;line-height:1.4;font-weight:700;min-height:35px;margin:0;position:relative;z-index:1}.game-meta{display:flex;gap:6px;margin:9px 0;position:relative;z-index:1}.pill{border:1px solid #fff7;background:#fff2;padding:5px 9px;border-radius:15px;font-size:10px;font-weight:850}.play-btn{margin-top:auto;width:100%;border:1px solid #fff9;background:#ffffff22;padding:9px;border-radius:19px;font-size:12px;font-weight:950;position:relative;z-index:1}.coming-label{position:absolute;right:-39px;top:15px;width:145px;transform:rotate(35deg);background:#ffe36a;color:#282000;padding:5px;font-size:9px;font-weight:950;z-index:3}.empty-state{text-align:center;padding:55px;color:#dbe1ff}.empty-state div{font-size:55px}.empty-state h2{margin:5px 0}.empty-state p{margin:0}.game-card.math{--a:#ff4260;--b:#a90e45;--border:#ff7084;--glow:#ff456e}.game-card.memory{--a:#4db8bb;--b:#18717f;--border:#7be6e5;--glow:#3ad8dc}.game-card.words{--a:#a14cff;--b:#5417c6;--border:#c18cff;--glow:#994dff}.game-card.puzzle{--a:#168ff3;--b:#1648bb;--border:#5ab6ff;--glow:#2796ff}.game-card.adventure{--a:#12c9a1;--b:#087267;--border:#46eed0;--glow:#17e0c0}.game-card.creative{--a:#ffbf24;--b:#e15a00;--border:#ffd34b;--glow:#ff9f13}.game-card.coming-soon{opacity:.93}@media(max-width:1000px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.game-grid{grid-template-columns:repeat(2,1fr);gap:12px}.games-main{width:min(680px,calc(100% - 20px))}}@media(max-width:480px){.game-grid{grid-template-columns:1fr 1fr}.game-card{min-height:255px;padding:10px 8px}.game-art{height:85px;font-size:58px}.game-card h2{font-size:16px}.game-card p{font-size:10px}.games-hero h1{font-size:50px}.tab{padding:8px 10px;font-size:10px}}