:root{--arkaplan:#fff8ec;--yazi:#2b2b2b;--ana-renk:#e8590c;--kart:#fff;color:var(--yazi);background:var(--arkaplan);font-family:Fredoka,Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.sayfa{max-width:1100px;margin:0 auto;padding:32px 24px}.baslik h1{color:var(--ana-renk);margin:0;font-size:clamp(2.5rem,6vw,4.5rem)}.baslik p{margin:8px 0 0;font-size:1.4rem}.oyunlar{background:var(--kart);border-radius:20px;margin-top:40px;padding:24px;box-shadow:0 4px 16px #00000014}.oyunlar h2{margin-top:0;font-size:2rem}.kartlar{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.kart{color:#14304f;background:linear-gradient(160deg,#e6f4ff,#d8f2ff);border:3px solid #14304f;border-radius:20px;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 6px #14304f}.kart:active{transform:translateY(5px);box-shadow:0 1px #14304f}.kart-etiket{color:#fff;background:#14304f;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:1rem;font-weight:600}.kart-ad{font-size:1.8rem;font-weight:700;line-height:1.1}.kart-konu{color:var(--ana-renk);font-size:1.2rem;font-weight:600}.kart-aciklama{font-size:1.1rem}.alt{background:var(--kart);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:32px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000014}.alt p{margin:0;font-size:1.2rem}.donut-dugme{color:#14304f;font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #14304f;border-radius:999px;padding:12px 24px;font-size:1.2rem;font-weight:600}.kart-dugme{background:#ffd23f;border-radius:14px;align-self:flex-start;margin-top:8px;padding:10px 24px;font-size:1.3rem;font-weight:700;box-shadow:0 4px #d9a800}